/* body and header css */
*{
    outline: none;
}
body {
    font-size: 14px;
    position: relative;
    background-color: #11161f;
    color: #eee;
}
.wrapper {
    min-height: 600px;
}
nav.navbar {
    background-color: #0d1118
}
nav.navbar.add_bg{
    background-color: #0d1118;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.navbar-brand img {
    height: 50px
}
.navbar-toggler-icon {
    background-image: none;
    width: 23px;
    height: 3px;
    background-color: rgba(255, 255, 255, .5);
    position: relative
}
nav{
    transition: background-color .3s ease-in-out;
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -ms-transition: background-color .3s ease-in-out
}
.navbar-nav .nav-item .nav-link {
    color: #fff
}
.navbar-toggler-icon:after,
.navbar-toggler-icon:before {
    display: block;
    content: "";
    width: 23px;
    height: 3px;
    background-color: rgba(255, 255, 255, .5);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler-icon:before {
    transform: translateY(-7px);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler-icon:after {
    transform: translateY(4px);
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler {
    font-size: 100%;
    padding: 0;
    border: none;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.navbar-toggler,
.navbar-toggler-icon{
    outline: none;
}
.navbar-toggler.colsedMenu>span {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
}
.navbar-toggler.colsedMenu>span:after {
    transform: translateY(15px);
    opacity: 0;
    transition: transform .3s ease, opacity .3s ease .1s;
    -webkit-transition: transform .3s ease, opacity .3s ease .1s;
    -moz-transition: transform .3s ease, opacity .3s ease .1s;
    -ms-transition: transform .3s ease, opacity .3s ease .1s
}
.navbar-toggler.colsedMenu>span:before {
    transform: rotate(92deg);
    transform-origin: center center;
    transition: transform .3s ease .31s;
    -webkit-transition: transform .3s ease .31s;
    -moz-transition: transform .3s ease .31s;
    -ms-transition: transform .3s ease .31s
}
.navbar-toggler.colsedMenu>span {
    transform: rotate(-45deg);
    transform-origin: center center;
    transition: transform .3s ease .31s;
    -webkit-transition: transform .3s ease .31s;
    -moz-transition: transform .3s ease .31s;
    -ms-transition: transform .3s ease .31s
}
.search_header .form-control {
    height: 36px;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    width: 260px;
    font-size: 14px
}
.search_header .input-group-append {
    margin-left: 0
}
.search_header .btn {
    margin-right: 0;
    font-size: 16px;
    padding: .25rem .6rem;
    background-color: rgba(255, 255, 255, .2);
    color: #fff;
    border: none;
    box-shadow: none!important
}
a.dropdown-toggle{
    outline: none;
}
.dropdown-menu{
    padding: 0;
    background: #0d1118;
    color: #fff;
    border: none;
    margin-top:11px;
    border-radius: 0;
}
.no-touch .dropdown-menu{
    margin: 0;
    padding:11px 0 0;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}
.no-touch .dropdown:hover > .dropdown-menu,
.no-touch .dropdown:hover > .dropdown-menu:hover {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.no-touch .dropdown>.dropdown-toggle:active {
    pointer-events: none;
}
.dropdown-menu a.dropdown-item{
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    text-decoration: none;
    outline: none;
    background: #0d1118;
}
.dropdown-item i{
    margin-right: 5px;
}
.dropdown-menu a.dropdown-item:hover{
    color: #fff;
    background:#0e1420;
}  
.dropdown-toggle::after{
    font-size: 17px;
    vertical-align: middle;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease
} 
.dropdown.show .dropdown-toggle::after{
    transform: rotate(-90deg);
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease;
    -moz-transition: transform .3s ease;
    -ms-transition: transform .3s ease;
}
.divider {
    width: 50px;
    height: 2px;
    background-image: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    margin-top: 5px
}
.load_more_episodes {
    clear: both;
    width: 100%
}
.overlay-container{
    position: fixed;
    width: 100%;
    height: 100%;
    background:rgba(0,0,0,0.8);
    z-index: 9999;
    left: 0;
    top: 0;
}
.overlay-container .box{
    max-width: 1000px;
    margin:0 auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: auto;
    left: 0;
    right: 0;
    text-align: center;
    padding: 15px
}
.overlay-container .box h1,
.overlay-container .box h5{
    color: #fff;
}

/*buttons*/
.btn.btn-gradient {
    background-image: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    border: none;
    font-weight: 600;
    box-shadow: none!important;
    padding: .65rem 1.5rem;
    color: #fff;
}
.btn.btn-gradient:hover{
    background-image: linear-gradient(to left bottom, #ff7b1c, #ff9000, #ff652e, #ff344c, #ff4e3d);
    color: #fff
}
.mobile_new_naviation{
    display: none;
}

.custom_background.white_theme{
    display: none;
}
.banner-gradient:before {
    z-index: 1;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(90%,transparent),to(#11161f));
    background-image: linear-gradient(transparent 90%,#11161f);
}
.banner-gradient:after{
    top: 0;
    right: 0;
    background-image: radial-gradient(circle,rgba(0,0,0,.1) 0,rgba(0,0,0,.5) 70%,rgba(0,0,0,.3) 100%);
}


/* footer */
footer {
    background-color: #000;
    color: #fff;
    padding: 15px 0;
    font-size: 12px;
}
.terms-privacy {
    text-align: right
}
.terms-privacy a {
    margin-left: 10px;
    color: #fff
}
.terms-privacy a:hover {
    color: #007bff
}
.book_seat_container{
    margin-top:60px;
    border-top: 1px solid rgba(255, 255, 255, .125);
    padding: 40px 0 20px;
}
.book_seat_container h3,
.book_seat_container p{
    text-align: center
}
.book_seat_container h3{
    font-weight: 700;
    margin-bottom: 5px;
}
.book_seat_container p{
    font-size: 18px;
    margin: 0 0 30px;
}


@media (max-width:767.98px) {
    .terms-privacy,
    footer {
        text-align: center
    }
}

/* forms css */
.social_form_com_container{
    background: #0d1118
}
.form-container input[type=email],
.form-container input[type=number],
.form-container input[type=password],
.form-container input[type=text],
.form-container input[type=date],
.form-container select,textarea {
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
.actin_row{
    border-top: 1px solid rgba(255,255,255,0.125)
}
.form-container select{
    background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
}
.form-container select option{
    color: #fff;
    background: #11161f;
}
.form-container a {
    color: #fff;
}
.orwith{
    color: #6f6e6e;
}
.orwith:before,
.orwith:after{
    border-top: 1px solid #6f6e6e;
}

#loginTabs .nav-link{
    color: #fff;
    background: #3B3B3B;
}
#loginTabs .nav-link:after{
    background:rgba(255,255,255,.2);
}
#loginTabs .nav-link:hover,
#loginTabs .nav-link.active{
    background-image: linear-gradient(to left bottom, #ff7b1c, #ff9000, #ff652e, #ff344c, #ff4e3d)
}
/* country code */
.intl-tel-input input,
.intl-tel-input input[type=text],
.intl-tel-input input[type=tel]{
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
.intl-tel-input .flag-container{
    background: #3B3B3B;
}
.intl-tel-input .selected-flag .iti-arrow{
    border-top-color: #fff !important;
}
.intl-tel-input.separate-dial-code .selected-dial-code{
    color: #fff;
}
.form-container a.resend_otp{
    color: #fff;
}
.form-container a.resend_otp.active{
    color: #0056b3;
}


/*list view css */
.section_movie_list .card-body ul,
.section_movie_list .card-body>a {
    color: #aaa;
}
.section_movie_list .card {
    background: #06070b;
}
.section_movie_list .card.shadow-sm {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important
}
.section_movie_list .card-body h6,
.section_movie_list .card-body h2,
.pagination_cnt a,
.section_movie_list .card-body ul li {
    color: #fff
}

/* terms & privacy css */
.title-section {
    background: #1a2232;
}

/* details page */
.water_mark_text {
    font-size: 10px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.35);
    position: absolute;
    z-index: 99;
    line-height: 1;
    width: 90%;
    display: block;
    top: 20px;
    right: 20px;
    white-space: normal;
    word-wrap: break-word;
    word-break: break-all;
    cursor: default;
    text-align: right;
    display: none;
}
.water_mark_text.show_text{
    display: block;
    animation: color_change 12s ease;
    -webkit-animation: color_change 12s ease;
    -moz-animation: color_change 12s ease;
    -ms-animation: color_change 12s ease;
}

/* details page - reviews css */
.theme_black .modal-content {
    background: #0d1118
}
.cmt_revw {
    border-top: 1px solid rgba(0, 0, 0, .125)
}
.cmt_revw a ,.cmt_action a{
    color: #fff
}
.theme_black .modal-header {
    border-bottom-color: rgba(0, 0, 0, .3)
}
.theme_black .modal-header .close,
.theme_black .modal-header .close:hover {
    color: #fff
}
.review_title_link {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}
.com_text_inner,
.cm_icon{
    background: rgba(0, 0, 0, .3);
}
#id_comment_text,
#id_rating,
#id_review_text,
#id_comment_text,
#id_review_text {
    border: none;
    background-color: rgba(255,255,255,0.2);
    color: #fff;
}



/* series details page */
.geners.mv-tags span {
    font-size: 10px
}
.mv-tags span {
    background: #0d1118;
    color: #fff
}
.mv-tags span::before {
    background-color: #aaa;
}
.breadcrumb {
    background-color: #0d1118
}
.breadcrumb-item+.breadcrumb-item::before {
    content: ">"
}
.modal-backdrop.show {
    opacity: .9
}
#video_modal .modal-content,
#video_modal1 .modal-content{
    background-color: transparent;
    border: none;
}
#video_modal .modal-content .close,
#video_modal1 .modal-content .close{
    text-align: right;
    color: #fff;
}


/*payment pages */
.checkout_list,
.payment_type {
    background-color: #0d1118;
}
.order_list_row {
    border-bottom: 1px solid rgba(255,255,255,.2)
}
.procced_to_pay {
    border-top: 1px solid rgba(255,255,255,.2)
}
.or-text span{
    background-color:  #11161f;
}
.or-text span:before,
.or-text span:after{
    background: rgba(255,255,255,0.125);
}
#voucher_form input[type='text']{
    background-color: rgba(255,255,255,0.125);
    color: #fff;
}
.poption_list{
    background: #0d1118;
}
.poption_list > div{
    border-bottom: 1px solid #3d4146;
    border-right: 1px solid #3d4146;
}
.poption_list .payment_icon{
    background: #ddd;
}

/* order history */
.history_title{
    border-bottom: 1px solid rgba(255,255,255,.2)
}
.filter_transaction .form-control{
    background-color: rgba(255,255,255,.2);
    color: #fff;
}
.order_history_block{
    background: #0d1118;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.trans_id_date{
    border-bottom: 1px solid #11161f;
}
.tr_badge:before{
    background-color: #11161f;
}


/* series genre */
.movie_list_row .container:after,
.movie_list_row .container:before {
    background: #11161f;
}
.banner_slider .slick-dots li button::before{
    background-color: #fff;
}
.poster_caption h3 a,
span.view_cnt, span.star_rev_cnt{
    color: #fff;
}


@media (max-width: 575px){
    .product_price{
        border-top: 1px solid #11161f;
    }
    .poster_slider .slick-prev,
    .poster_slider .slick-next{
        background: #11161f;
    }
}

@media (max-width: 991px){
    .navbar-nav .dropdown-menu.shadow{
        box-shadow: none !important;
    }
    .no-touch .dropdown-menu{
        margin: 0;
        padding:11px 0 0;
        display: none;
        visibility: visible;
        opacity: 1;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
    }
    .no-touch .dropdown>.dropdown-toggle:active {
        pointer-events: all;
    }
    .no-touch .dropdown-menu.show{
        display: block;
    }
}





/* faq */
#faq_accordion .card-header .btn-link{
    color: #fff;
}
#faq_accordion .card-header{
    background: #172030;
}
#faq_accordion .card-body{
    background: #232f46;
}


/* language */
.language_tile{
    background:#232f46;
    color: #fff;
}
.language_tile a span{
    color: #fff;
}


/* cs page */
.contact_column .form-group .input-group-text{
    border-color: rgba(255,255,255,0.2);
    background:rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group .form-control{
    background:rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group .custom-select{
    background-color:rgba(255,255,255,0.2);
    border-color: rgba(255,255,255,0.2);
    color: #fff;
  }
  .contact_column .form-group select.form-control{
    background:rgba(255,255,255,0.2) url('https://static.the-ally.com/images/down-arrow-w.png')no-repeat scroll 98% center
}
.age_restrict_modal .modal-content{
    background: #2F3747;
}
.age_restrict_modal .close{
    color: #fff;
}

.down_apk_link{
    vertical-align: middle;
    display: none;
}
.down_apk_link img{
    max-width: 150px;
}


@media (max-width: 767px){
    .touch .down_apk_link{
        display: inline-block;
        margin: 0 0 20px;
    }
}

/* pk catalogue */
.pk_banner_slider .slick-dots li button::before{
    background: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);;
    box-shadow:5px 5px 8px #000;
}
.pk_poster_slider .slick-next::before,
.pk_poster_slider .slick-prev:before{
    color: #fff;
}

/* available on */
.section-padding{
    padding: 40px 0;
    margin-top: 50px;
    background: #0c0c0c;
}
.section-padding h4{
    margin:0 0 10px;
    font-weight: 600;
}
.tech_we_in {
    padding: 10px 0px 0px;
}
.tech_we_in a{
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.tech_we_in a:last-child{
    margin-right: 0px;
}
.tech_we_in a img{
    max-width: 130px;
}
@media(max-width: 767px){
    .tech_we_in a{
        display: block;
        margin: 0 0 15px;
    }
}
.all_episodes_row .card{
    background: transparent;
    border: none;
    margin-bottom: 30px;
}
.all_episodes_row .card .card-body{
    padding: 10px 0px;
    text-align: center;
}
.all_episodes_row .card .card-body a{
    text-decoration: none;
}
.all_episodes_row .card .card-body h6{
    margin: 0;
}
.all_episodes_row .card .card-body .reviews_view{
    display: none;
}
.all_episodes_row .card-poster img{
    max-width: 100%;
}
@media(max-width: 767.98px){
    .all_episodes_row .card .card-body h6{
        font-size: 13px;
    }
}

/* load screen */
.loadscreen{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    z-index: 1031;
    display: none;
}
.loadscreen.rv_screen{
    top: -100%;
    transition: all 0.5s ease-in-out;
}
.loadscreen_img{
    position: absolute;
    width: 100%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.loadscreen img{
    width: 100%;
    height: auto;
    max-height:100vh;
    object-fit: cover;
}
.enter_site{
    position: absolute;
    right: 60px;
    bottom: 272px;
    /* transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%); */
}
.enter_site .btn.btn-gradient{
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1;
    padding: 20px 35px 21px;
    background: #ff0000;
    color: #fff;
    font-weight: 700;
    box-shadow: 0px 0px 80px rgba(0,0,0,0.5) !important;
    transition: all 0.3s ease;

}
.enter_site .btn.btn-gradient:hover{
    box-shadow: none!important;
    transition: all 0.3s ease;
}
.view_all_mv .card-body h3 a{
    color: #fff;
}
@media (max-width: 1199.98px){
    .enter_site{
        position: absolute;
        right: 20px;
        bottom: 100px;
    }
    .enter_site .btn.btn-gradient{
        font-size: 21px;
        padding: 18px 30px 19px;
    }
}
@media (max-width: 991.98px){
    .enter_site{
        position: absolute;
        right: 20px;
        bottom: 20px;
    }
}


@media(min-width: 576px){
    #mobilemenu .form-inline .input-group{
        width: 295px;
    }
}

.rgv_social_links .nav-link{
    font-size: 18px;
    padding: .5rem 1rem;
}
@media(max-width: 991.98px){
    .rgv_social_links.navbar-nav{
        -ms-flex-direction: row;
        flex-direction:row;
    }
    .rgv_social_links .nav-link{
        padding: .5rem;
    }
}

/* keyframes */
@-webkit-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@-moz-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@-ms-keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

@keyframes color_change {
    from {
        color: rgba(255, 255, 255, 0);
    }
    to {
        color: rgba(255, 255, 255, 0.4);
    }
}

/* profile details */
.profile_det_cont{
    background: #172030;
    border-left: 1px solid #172030;
}
.pt_wrapper .list-group-item{
    background: #232f46;
    color: #fff;
    border: none;
}
.pt_wrapper .list-group-item.active,
.pt_wrapper .list-group-item:hover{
    background: #172030;
    border: none;
}
.profile_det_cont h4{
    border-bottom: 1px solid rgba(255,255,255,.2);
}
.edit_profile a,
a.change_pwd,a.set_pp{
    color: #fff;
}
#id_profile_picture{
    background-color: rgba(255,255,255,.2);
}
/* tv login code */
.tv-login-code span{
    background: #232f46;
}

/* wallet checkout */
.wallet_ballance{
    background: #232f46;
}
.wallet_ballance .btn-link{
    color: #fff;
}
.enter_amt_txt_bx #id_amount{
    border-color:rgba(255,255,255,0.125);
    color: #fff;
    background: rgba(255,255,255,0.125);
}
.enter_amt_txt_bx:before{
    border-right: 1px solid rgba(255,255,255,0.125);
}
#id_gateway li label input{
    color: #fff;
}
.w_tran{
    background: #232f46;
}
.menu_col{
    background: #232f46;
}


/* subscription history */
.pt_wrapper .order_history_section{
    margin-top: 0px;
}
.order_history_section .filter_transaction .form-control{
    background-color: #ccc;
    color: #000;
}
.pt_wrapper .history_title{
    border-bottom:1px solid #ccc;
}
.pt_wrapper .trans_id_date{
    border-bottom:1px solid #fff;
    margin-bottom: 0;
}
.pt_wrapper .order_history_block{
    background: #232f46;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    margin-bottom: 25px!important;
}
span.tr_badge{
    font-size: 14px;
    line-height: 1;
    padding: 8px 12px;
    margin-top: 5px;
}
.pt_wrapper .success_badge.tr_badge{
    background: #839721
}
.pt_wrapper .tr_badge::before,
.pt_wrapper .tr_badge::after{
    content: none !important;
}
.pt_wrapper .trial_badge.tr_badge{
    background: #aaa;
    color: #202020;
}
.pt_wrapper .product_det{
    width: 70%;
}
.pt_wrapper .product_price{
    width: 30%;
}
.pt_wrapper .product_price p{
    margin:5px 0 0px;
    line-height: 1;
}
.pt_wrapper .product_price b{
    font-size: 14px;
    font-size: 700;
}
.pt_wrapper .product_price .btn{
    margin-top: 0;
}
.no_subscription{
    margin: 50px auto 200px;
}
.no_subscription p{
    display: block;
    font-size: 1rem;
    font-weight: 600;
}
.cancle_plan_confirm{
    max-width: 550px;
    margin: 150px auto;
    padding: 20px;
}
.plan_action{
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #ccc;
}
.subscription_det_row{
    min-height: 90px;
    width: 100%;
}
.subscription_det,.subscription_exp,.cancle_subscription{
    width: 33.333%;
    padding: 10px 15px;
}
.subscription_exp{
    text-align: center
}
.subscription_exp p{
    margin: 0;
    line-height: 1;
}
.cancle_subscription{
    text-align: right;
}
.cancle_subscription .btn-danger{
    padding: .3rem .75rem;
}
.cancle_card_header{
    margin-bottom: 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid #ccc;
}
.page-payment-processing{
    color: #fff !important;
}
#id_country_code{
    background-size: 11px auto !important;
    background-position: 90% center !important;
}
@media (max-width: 991px){
    .subscription_det,.subscription_exp,.cancle_subscription{
        width: 100%;
        text-align: center;
    }
    .subscription_exp{
        padding:0px 15px;
    }
    .pt_wrapper .trans_id_date::before,
    .pt_wrapper .trans_id_date::after{
        content:"";
        display: table;
        clear: both;
    }
    .pt_wrapper .trans_id_date{
        text-align: center;
    }
    .pt_wrapper .trans_id_date .date_tr{
        float: none;
        display: block;
    }
}
@media(max-width: 767px){
    .pt_wrapper .product_det{
        width:65%;
    }
    .pt_wrapper .product_price{
        width: 35%;
    }
    .my_subscription_row .list-group{
        margin-bottom: 30px;
    }
}
@media(max-width: 575px){
    .pt_wrapper .product_det,
    .pt_wrapper .product_price{
        width: 100%;
    }
    .pt_wrapper .product_price{
        text-align: center;
    }
}
/* transaction pages */
.transaction_list,
.transaction_details_row .details{
    background-color: #232f46;
}
.transaction_list .pagination,
.back_to_transaction{
    border-top: 1px solid #ccc;
}
.transaction_list .pagination_div a.prev,
.transaction_list .pagination_div a.next{
    background: #ccc;
    color: #000;
    border-radius: 5px;
}
.transaction_list .table{
    color: #fff;
}
.transaction_list .table thead th,
.transaction_list .table tbody td{
    border-color: rgba(255, 255, 255, .2);
}
.transaction_list .pagination{
    border-top: 1px solid rgba(255, 255, 255, .2);
}
.transaction_list  .table-striped tbody tr:nth-of-type(2n+1) {
    background-color: rgba(255,255,255,.05);
}

/* blog pages */
.blog-wrapper{
    margin-top: 76px;
}
h4.blog_catagory{
    color: #aaa;
}
.blog-card-details h3{
	color: #fff;
}
.blog-slider-row .slick-next:before,
.blog-slider-row .slick-prev:before{
	color: #fff;
}
.blog-card-desc h3 a,
.blog-card-desc p b,
.pagination_row a{
	color: #fff;
}
.blog-card-desc p{
	color: #fff;
}
.pagination_row{
	border-color:#ddd;
}
.pagination_row a.active{
	color: #fb2f2f;
}
#sidebar ul li a{
    color:#fff;
}
#sidebar h3:before{
	box-shadow: 3px 3px 0 0 rgb(0 0 0);
	background-color: rgb(249 58 48);
}
#sidebar ul li a:before{
    color:#fff;
}
.prev_blog a,.next_blog a{
	border: 1px solid rgba(0, 0, 0, .3);
	background: rgba(0, 0, 0, .3);
}
.comments_list.card,
.comments_forms textarea{
    background-color: rgba(255,255,255,0.125) !important;
}
.comments_forms textarea{
    color: #fff;   
    border-color: rgba(255,255,255,0.125) !important;
}
.tcmts{
    border-color: rgba(255,255,255,0.125) !important;
}
/* episode details */
.episode_list_inner_div .container-fluid,
.episode_inner_det .container{
    padding:0px 100px;
    max-width: 100%;
}
.movie_poster .mv_banner_btns a{
    color:-#007bff;
}
.all_episodes_row .card .card-body a,
.listof_seasons_episodes .card-body h6 a, 
.season_slider .card-body h6 a{
    color: #fff;
    text-decoration: none;
}
.all_episodes_row .infinite-item{
    -ms-flex: 0 0 16.666%;
    flex: 0 0 16.666%;
    max-width: 16.666%;
}
.listof_seasons_episodes .current_episode,
.listof_seasons_episodes .infinite-item:hover{
    background: rgba(255,255,255, .125);
}
.list_episode_title{
    background-color: #2f343e;
}
.list_episode_title,
.episodes_list_container{
    border-color: #686868 !important;
}
@media(max-width: 1399.98px){
    .all_episodes_row .infinite-item{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media(max-width: 1199.98px){
    .episode_list_inner_div .container-fluid,
    .episode_inner_det .container{
        padding:0px 15px;
    }
    .all_episodes_row .infinite-item{
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}
@media(max-width: 991.98px){
    .all_episodes_row .infinite-item{
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
    
}

/* catalogue view */
.poster_caption{
    text-align: center
}
.poster_holder_card .poster_inner_desc{
    display: none !important;
}
.catalogue_view_wrapper.series_wrapper{
    margin-top: 62px;
}
.catalogue_view_wrapper .banner_slider_spark .slick-slide{
    padding: 0;
}
.banner_slider_spark .slick-next{
    right: 20px;
}
.banner_slider_spark .slick-prev{
    left: 20px;
}
.banner_slider_spark .slick-prev:before,
.banner_slider_spark .slick-next:before{
    color: #fff;
    font-size: 70px;
}
.banner_slider_spark .slick-dots{
    bottom: 10px;
}
.banner_slider_spark .item > .btn.btn-gradient{
    position: absolute;
    bottom: 30px;
    left: 30px;
}
.slick-dots li button::before{
    opacity: 1 !important;
    background: #808080;
}
@media(max-width: 991.98px){
    .banner_slider_spark .slick-prev:before,
    .banner_slider_spark .slick-next:before{
        font-size: 40px;
    }
}
@media(max-width: 767.98px){
    .banner_slider_spark .item > .btn.btn-gradient {
        position: absolute;
        bottom: 30px;
        left: 15px;
        font-size: 10px;
        padding: 8px 10px;
        line-height: 1;
    }
    .banner_slider_spark .slick-dots li button::before{
        width: 10px;
        height: 10px;
    }
}
/* discount */
.discount_coupon_row #discount_code_id{
    background-color: rgba(255,255,255,0.125);
    color: #fff;
}
.discount_coupon_row #discount_code_id, .discount_coupon_row .btn.btn-link{
    border-color: #2b2f35 !important;
}
#discount_toggler{
    text-decoration: none;
    color: #fff;
    font-weight: 600;
}
.discount_coupon_row .btn.btn-link{
    color: #fff;
}


/* latin-ext */
@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wdhyzbi.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
  /* latin */
@font-face {
	font-family: 'Bebas Neue';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/bebasneue/v2/JTUSjIg69CK48gW7PXoo9Wlhyw.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* rgv new theme */
/* .rgvworldtheatre h1,
.rgvworldtheatre h2,
.rgvworldtheatre h3,
.rgvworldtheatre h4,
.rgvworldtheatre h5,
.rgvworldtheatre h6{
    font-family: 'Bebas Neue';
    letter-spacing: .04em;
} */
/* .rgvworldtheatre .navbar-expand-lg .navbar-nav .nav-link{
    font-family: "Bebas Neue",sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: .2em;
} */
.rgv_festival_nav .menu_left{
	margin-left: auto;
}
.rgv_festival_nav .menu_right{
	margin-right: auto;
}
.rgv_festival_nav .navbar-brand{
    margin: 0px 60px;
}
.rgv_festival_nav .navbar-toggler{
    width: 30px;
    height: 27px;
    padding: 0px;
    position: relative;
    margin-left: auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    outline: 0;
}
.rgv_festival_nav .navbar-toggler:focus,
.rgv_festival_nav .navbar-toggler:active{
    outline: 0;
}
.rgv_festival_nav .navbar-toggler span{
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #c0c0c0;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.rgv_festival_nav .navbar-toggler span:nth-child(1) {
    top: 0px;
}
.rgv_festival_nav .navbar-toggler span:nth-child(2),.rgv_festival_nav .navbar-toggler span:nth-child(3) {
    top: 10px;
}
.rgv_festival_nav .navbar-toggler span:nth-child(4) {
    top: 20px;
}
.rgv_festival_nav .navbar-toggler.open span:nth-child(1),
.rgv_festival_nav .navbar-toggler.open span:nth-child(4),
.rgv_festival_nav .navbar-toggler.colsedMenu span:nth-child(1),
.rgv_festival_nav .navbar-toggler.colsedMenu span:nth-child(4) {
    top: 10px;
    width: 0%;
    left: 50%;
}
.rgv_festival_nav .navbar-toggler.open span:nth-child(2),
.rgv_festival_nav .navbar-toggler.colsedMenu span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.rgv_festival_nav .navbar-toggler.open span:nth-child(3),
.rgv_festival_nav .navbar-toggler.colsedMenu span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.rgv_festival_nav #navbarSupportedContent{
    padding: 10px;
    text-align: center;
    background: #0c0c0c;
}
body.rgvworldtheatre{
    background-color: #000;
}
.rgvworldtheatre nav.navbar.add_bg{
    background-color: #000;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.rgvworldtheatre nav.navbar{
    background-color: #000;
}
.rgvworldtheatre .dropdown-menu a.dropdown-item,
.rgvworldtheatre .dropdown-menu{
    background-color: #0c0c0c;
}
.rgvworldtheatre .dropdown-menu a.dropdown-item:hover{
    background: #0c0c0c;
}
.rgvworldtheatre #navbarSupportedContent{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}
.rgvworldtheatre #navbarSupportedContent.show{
    visibility: visible;
    opacity: 1;
    transition: all 0.3s ease;
    z-index:1030;
}
.rgv_festival_nav .navbar-toggler,
.rgv_festival_nav .navbar-brand,
.rgv_social_links{
    z-index: 1031;
    position: relative;
}
.nav_center_align{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    right: 0;
    max-width: 1140px;
    margin: 0 auto;
}
.nav_center_align #weareon_tech{
    display: block !important;
}
.nav_center_align #weareon_tech h4{
    font-size: 1rem;
}
.nav_center_align #weareon_tech{
    border-top: 1px solid rgba(255,255,255,0.3);
}
.nav_center_align .navbar-nav .nav-item .nav-link{
    /* font-family: "Bebas Neue",sans-serif; */
    font-size: 1.75rem;
}
.nav_center_align .dropdown-toggle::after{
    content: none;
}
.no-touch .nav_center_align .dropdown-menu{
    visibility: visible;
    opacity: 1;
    text-align: center;
}
.nav_center_align .dropdown-menu a.dropdown-item{
    font-size: 1.3rem;
    /* font-family: "Bebas Neue",sans-serif; */
}
.nav_center_align .dropdown-menu a.dropdown-item:hover,
.nav_center_align .navbar-nav .nav-item .nav-link:hover{
    color: #ccc
}
.rgvworldtheatre nav.navbar > .container,
.rgvworldtheatre#home .container,
.rgvworldtheatre footer .container,
.rgvworldtheatre .view_all_mv .container{
    max-width: 95%;
}
.rgvworldtheatre .poster_slider .poster_main_div img, 
.rgvworldtheatre .feature_stack .poster_main_div img,
.rgvworldtheatre .view_all_mv .card img{
    border-radius: 10px;
}
.rgvworldtheatre .com_text_inner, .rgvworldtheatre .cm_icon{
    background: #0c0c0c
}
.rgvworldtheatre .cmt_revw{
    border-color: #000
}
.rgvworldtheatre .terms-privacy a,.rgvworldtheatre footer{
    /* font-family: 'Bebas Neue'; */
}
.rgv_festival_nav .navbar-brand{
    margin-left: auto;
    margin-right: 190px;
}
.rgv_festival_nav .navbar-brand img{
    height: 85px;
}
.rgvworldtheatre #inner-details, .rgvworldtheatre #section-two{
    margin-top: 0px;
    padding-top:50px;
}
.rgvworldtheatre .movie_details_inner{
    position: relative;
    padding-bottom: 50px;
}

.rgvworldtheatre .product_det_content,
.rgvworldtheatre .product_section{
    display: none;
}
/* .rgvworldtheatre .movie_details_inner::before{
    content: "";
    position: absolute;
    height: calc(100vh - 85px);
    left: 0;
    top:-80px;
    width: 100%;
    z-index: -1;
    background: url('../assets/images/theatre_bg.png')no-repeat scroll center 180% / 100% auto;;
} */
.rgvworldtheatre .rgv_details{
    display: block !important;
    min-height: calc(100vh - 300px)
}
.rgvworldtheatre .msging_btn{
    margin-top: 15px;
}
.rgvworldtheatre .msging_btn .btn.btn-gradient:only-child{
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.rgvworldtheatre .msging_btn,
.rgvworldtheatre .social_share_ply{
    display: block !important;
}
.rgv_details .container-fluid{
    max-width: 85%;
}
.rgv_details .rgv_product_col{
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
    max-width: 60%;
    position: relative;
}
.rgv_details .rgv_product_det_col{
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
    padding: 20px;
}
.rgvworldtheatre .details_on_top{
    display: block !important;
    width:100%;
}
.details_on_top_inner h3{
    font-size: 4rem;
    line-height: 1;
    margin: 0;
}
.details_on_top_inner h3 .badge{
    font-size: 14px;
    vertical-align: middle;
}
.details_on_top_inner .genre_list{
    margin: 0px 0px 20px;
}
.details_on_top_inner .genre_list span {
    display: inline-block;
    line-height: 1;
    padding: 8px 10px;
    background: #e85a26;
    color: #fff;
    border-radius: 6px;
    margin:3px 2px 0 0;
    font-weight: 600;
    font-size: 14px;
}
.details_on_top_inner .lang_det span:not(:last-child){
    margin-right: 8px;
    padding-right: 10px;
    border-right: 1px solid #fff;
    line-height: 1;
    margin-top: 3px;
    display: inline-block;
}
.rgvworldtheatre footer{
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 15%, rgba(0,0,0,0.5) 55%, rgba(0,0,0,0) 100%); 
    margin-top: 35px;
}
#home.rgvworldtheatre footer{
    margin-top: 0;
}
.details_on_top_inner .mv_desc{
    font-size: 18px;
    height: 81px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cast_crew{
    margin-top: 15px;
}
.cast_crew p{
    margin: 5px 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}
.social_share_ply{
    position: absolute;
    top: -100px;
    right: 40px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}
.rgv_product_col:hover .social_share_ply{
    visibility: visible;
    opacity: 1;
    top: 20px;
    transition: all 0.3s ease;
}
.rgv_product_col .social_share_ply .dropdown-toggle{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    line-height: 50px !important;
    color: #fff;
    background: #0c0c0c;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
    font-size: 20px;
    line-height: 1;
    display: block;
    border: none;
}
.rgv_product_col .social_share_ply .dropdown-toggle::before{
    content: none;
}
.rgv_product_col .social_share_ply:hover .dropdown-menu{
    visibility: visible;
    opacity: 1;
}
@media(max-width: 1199.98px){
    .rgv_festival_nav .navbar-brand{
        margin-right: 150px;
    }
    .rgv_details .container-fluid{
       max-width: 95%;
    }
    .rgvworldtheatre .movie_details_inner::before{
        background-position: center 150%;
    }
}
@media(max-width: 991.98px){
    .details_on_top_inner .mv_desc{
        height: 60px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .rgvworldtheatre .movie_details_inner::before{
        top: 0;
        height: 100vh;
        background-position: center bottom;
    }
    .rgv_festival_nav .navbar-brand{
        margin-right: 100px;
    }
    .rgv_details .rgv_product_col,
    .rgv_details .rgv_product_det_col{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media(max-width: 767.98px){
    .rgvworldtheatre nav.navbar > .container,
    .rgvworldtheatre#home .container,
    .rgvworldtheatre footer .container,
    .rgvworldtheatre .view_all_mv .container{
        max-width: 100%;
    }
    .rgvworldtheatre nav.navbar > .container{
        padding: 0px;
    }
    .rgv_festival_nav .navbar-brand{
        margin-right: 0;
        margin-left: 0;
    }
}


/* thomas css */
/* latin */
@font-face {
    font-family: 'Yellowtail';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/yellowtail/v11/OZpGg_pnoDtINPfRIlLohlvHwQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCFPrEHJA.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCMPrEHJA.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCHPrEHJA.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCGPrEHJA.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 400;
    src: url(https://fonts.gstatic.com/s/raleway/v22/1Ptxg8zYS_SKggPN4iEgvnHyvveLxVvaorCIPrE.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/opensans/v23/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* vietnamese */
@font-face {
    font-family: 'Big Shoulders Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v4/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cw9DuHpM.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Big Shoulders Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v4/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1cwtDuHpM.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Big Shoulders Display';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/bigshouldersdisplay/v4/fC1_PZJEZG-e9gHhdI4-NBbfd2ys3SjJCx1czNDu.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
/* vietnamese */
@font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85iU1EQVg.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85jU1EQVg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Nunito Sans';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/nunitosans/v6/pe03MImSLYBIv1o4X1M8cc9iB85tU1E.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
body.thomas {
    font-family: "Open Sans", sans-serif;
    background-color: #000;
    color: #fff;
    position: relative;
}
.thomas a {
    color: #C7A800;
}

.thomas a:hover {
    color: #C7A800;
    text-decoration: none;
}

.thomas h1, .thomas h2, .thomas h4, .thomas h5, .thomas h6 {
    font-family: "Raleway", sans-serif;
}
.thomas h3 {
    font-family: 'Big Shoulders Display', cursive;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.thomas #header,
.thomas #header1 {
	transition: ease-in-out 0.3s;
	position: relative;
	height: 100vh;
	display: flex;
	z-index: 997;
	overflow-y: auto;
    padding-bottom: 20px;
    background: #040404 url("../images/thomas_bg.jpg")no-repeat scroll top left / cover;
}
#home .r_header{
    display: none;
}
body.thomas .home_header{
    display: none !important;
}
body#home .home_header{
    display: flex !important;
    overflow: hidden;
}
/* .thomas:before{
    content: "";
    position: fixed;
   
    background-attachment: scroll;
    background-size: cover;
    left: 0;
    right: 0;
    top: 0;
    height: 100vh;
    z-index: -1;
} */
.thomas #header *,
.thomas #header1 * {
	transition: ease-in-out 0.3s;
}
.thomas #header h1,
.thomas #header1 h1 {
	font-size: 48px;
	margin: 0;
	padding: 0;
	line-height: 1;
}
.thomas #header .title-font,
.thomas #header1 .title-font{
	font-family: 'Yellowtail', cursive;
}
.thomas #header h1 a,
.thomas #header h1 a:hover,
.thomas #header1 h1 a,
.thomas #header1 h1 a:hover {
	color: #C7A800;
	line-height: 1;
	display: inline-block;
	text-shadow: 1px 1px #000;
}
.thomas #header h2,
.thomas #header1 h2 {
	font-size: 24px;
	margin-top: 20px;
	color: rgba(255, 255, 255, 0.8);
}
.thomas #header h2 span,
.thomas #header1 h2 span {
	color: #fff;
	border-bottom: 2px solid #C7A800;
	padding-bottom: 6px;
	font-family: 'Big Shoulders Display', cursive;
	text-shadow: 1px 1px #000;
}
.thomas #header img,
.thomas #header1 img {
	padding: 0;
	margin: 0;
}
.thomas #header .social-links,
.thomas #header1 .social-links {
	margin-top: 40px;
	display: flex;
}
.thomas #header .social-links a ,
.thomas #header1 .social-links a {
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
	line-height: 1;
	margin-right: 8px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}
.thomas #header .social-links a:hover,
.thomas #header1 .social-links a:hover {
	background: #C7A800;
}
@media (max-width: 992px) {
    .thomas #header h1,
    .thomas #header1 h1 {
		font-size: 36px;
	}
    .thomas #header h2,
    .thomas #header1 h2 {
		font-size: 20px;
		line-height: 30px;
	}
    .thomas #header .social-links,
    .thomas #header1 .social-links {
		margin-top: 15px;
	}
    .thomas #header .container,
    .thomas #header1 .container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
/*--------------------------------------------------------------
  # Navigation Menu
  --------------------------------------------------------------*/

/* Desktop Navigation */

.thomas .nav-menu {
	margin-top: 35px;
}
.thomas .nav-menu ul {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
}
.thomas .nav-menu li + li {
	margin-left: 30px;
}
.thomas .nav-menu h1 {
	color: rgba(199, 168, 0);
}
.thomas .nav-menu a {
	display: block;
	position: relative;
	color: rgba(255, 255, 255, 0.7);
	padding: 0px 16px 0px 16px;
	font-size: 18px;
	font-family: 'Nunito Sans', sans-serif;
	font-weight: 600;
	text-shadow: 1px 1px #000;
	background: rgba(0, 0, 0, 0.2);
	transition: all 0.3s ease-in-out;
	border-radius: 4px;
}
.thomas .nav-menu a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 2px;
	bottom: -4px;
	left: 0;
	background-color: #C7A800;
	visibility: hidden;
	width: 0px;
	transition: all 0.3s ease-in-out 0s;
}
.thomas .nav-menu a:hover:before,
.thomas .nav-menu li:hover > a:before,
.thomas .nav-menu .active > a:before {
	visibility: visible;
	width: 50px;
}
.thomas .nav-menu a:hover,
.thomas .nav-menu .active > a,
.thomas .nav-menu li:hover > a {
	color: #fff;
	text-decoration: none;
}
/* Mobile Navigation */

.thomas .mobile-nav-toggle {
	position: fixed;
	right: 15px;
	top: 15px;
	z-index: 9998;
	border: 0;
	background: none;
	font-size: 24px;
	transition: all 0.4s;
	outline: none !important;
	line-height: 1;
	cursor: pointer;
	text-align: right;
}
.thomas .mobile-nav-toggle i {
	color: #C7A800;
}
.thomas .mobile-nav {
	position: fixed;
	top: 55px;
	right: 15px;
	bottom: 15px;
	left: 15px;
	z-index: 9999;
	overflow-y: auto;
	background: rgba(0, 0, 0, 0.7);
	transition: ease-in-out 0.2s;
	opacity: 0;
	visibility: hidden;
	border-radius: 10px;
	padding: 10px 0;
	border: 2px solid rgba(255, 255, 255, 0.12);
}
.thomas .mobile-nav * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.thomas .mobile-nav a {
	display: block;
	position: relative;
	color: #fff;
	padding: 10px 20px;
	font-weight: 500;
	outline: none;
}
.thomas .mobile-nav a:hover,
.thomas .mobile-nav .active > a,
.thomas .mobile-nav li:hover > a {
	color: #C7A800;
	text-decoration: none;
}
.thomas .mobile-nav-overly {
	width: 100%;
	height: 100%;
	z-index: 9997;
	top: 0;
	left: 0;
	position: fixed;
	background: rgba(9, 9, 9, 0.6);
	overflow: hidden;
	display: none;
	transition: ease-in-out 0.2s;
}
.thomas .mobile-nav-active {
	overflow: hidden;
}
.thomas .mobile-nav-active .mobile-nav {
	opacity: 1;
	visibility: visible;
}
.thomas .mobile-nav-active .mobile-nav-toggle i {
	color: #fff;
}
/* Header Top */

.thomas #header.header-top,
.thomas #header1.header-top {
	height: 85px;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.9);
    color: #C7A800;
    overflow: visible;
}
.thomas #header.header-top .social-links,
.thomas #header.header-top h2,
.thomas #header1.header-top .social-links,
.thomas #header1.header-top h2 {
	display: none;
}
.thomas #header.header-top h1,
.thomas #header1.header-top h1 {
	margin-right: auto;
	font-size: 36px;
}
.thomas #header.header-top .container,
.thomas #header1.header-top .container {
	display: flex;
	align-items: center;
}
.thomas #header.header-top .nav-menu,
.thomas #header1.header-top .nav-menu {
	margin: 0;
}
.mobile-nav-active .mobile-nav {
    opacity: 1;
    visibility: visible;
}
.thomas #header > .container,
.thomas footer .container,
.thomas #header1 > .container{
    max-width: 95%;
}
.thomas .nav-menu .dropdown-menu{
    padding: 11px 0px;
}
.thomas .nav-menu a.dropdown-item{
    padding: 8px 16px;
}
.thomas .nav-menu a.dropdown-item:hover:before, 
.thomas .nav-menu li:hover > a.dropdown-item:before, 
.thomas .nav-menu .active > a.dropdown-item:before {
  content: none;
}
.thomas .fa.fa-bars.fa-times:before{
    content: "\f00d";
}
.thomas .login_with_buttons a,
.thomas footer a{
    color: #fff
}
.scroll_down{
    padding: 0px 10px;
    line-height: 1;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    border-radius: 0.25rem;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: 40px;
    text-align: center;
    animation: scrollMouse 3s ease-in-out 1s infinite;
    -webkit-animation: scrollMouse 3s ease-in-out 1s infinite;
    -moz-animation: scrollMouse 3s ease-in-out 1s infinite;
}
.scroll_down i{
   font-size: 50px;
}
.scroll_down small{
    display: block;
}

@media(max-width: 1450px){
    .thomas .nav-menu a{
        font-size: 16px;
    }
    .thomas .nav-menu li + li{
        margin-left: 15px;
    }
}
@media(max-width: 1280px){
    .thomas .nav-menu a{
        font-size: 15px;
        padding: 0px 8px 0px 8px
    }
    .thomas .nav-menu li + li{
        margin-left: 8px;
    }
}
@media(max-width: 991.98px){
    .thomas #header > .container,
    .thomas footer .container,
    .thomas #header1 > .container{
        max-width: 100%;
    }
    .scroll_down {
        left: 80%;
    }
    .scroll_down i{
       font-size: 36px 
    }
}
@media (max-width: 768px) {
    .thomas #header.header-top,
    .thomas #header1.header-top {
		height: 60px;
	}
    .thomas #header.header-top h1,
    .thomas #header1.header-top h1 {
		font-size: 26px;
    }
    .scroll_down {
        left:85%;
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
    }
}


/* live meeting */  
#list-wrapper{
    height: calc(100vh - 40px);
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    background: url('https://source.unsplash.com/1920x1080/?nature') no-repeat scroll center center / cover;
    margin-bottom: -1.5rem;
}
#list-wrapper:before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.6);
}
.list-wrapper-inner{
    min-height: calc(100vh - 40px);
    position: relative;
    z-index: 2;
}
.meeting-forms-list form{
    margin-bottom: 40px;
}
.meeting-forms-list input[type="text"]{
    height: 55px;
    width: 450px;
    font-style: 16px;
    padding: 10px 15px;
}
.meeting-forms-list .st_meet_btn{
    font-size:16px;
    padding: 15px 18px;
    font-weight: 600;
    display: inline-block;
    background: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    border: none;
    box-shadow: none;
}
.meeting-forms-list .st_meet_btn:hover,
.meeting-forms-list .st_meet_btn:focus{
    background: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
}
.meeting-forms-list .st_meet_btn i{
    margin-right:8px;
}
.meeting-list-row{
    height: 370px;
    overflow: auto;
    padding: 0px 15px;
    position: relative;
}
#meeting_list_h{
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 2px 6px 2px rgba(60,64,67,0.15);
    background-color: #fff;
    border-radius: .5rem;
    padding: 0.5rem 0px;
    overflow: visible;
}
.meeting-list-row a{
    text-decoration: none;
}
.meeting-det{
    border-bottom: 1px solid rgba(60,64,67,0.15);
    margin-bottom: 2px;
    transition: all 0.4s ease;
}
.meeting-det:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
.date-time-col,
.meeting-title{
    padding: 10px;
    color: #444;
}
.date-time-col{
    padding-left: 20px;
    -ms-flex: 0 0 155px;
    flex: 0 0 155px;
    max-width:155px;
}
.date-time-col p:first-child{
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 4px;
}
.meeting-title{
    padding-left: 20px;
    -ms-flex: 0 0 calc(100% - 155px);
    flex: 0 0 calc(100% - 155px);
    max-width: calc(100% - 155px);
}
.meeting-title h5{
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 4px;
    white-space: normal;
    word-break: break-all;
}
.active-meeting,
.meeting-det:hover{
    color: #fff;
    border-radius: 0.7rem;
    transform: scale(1.05);
    background: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    box-shadow: 0 1px 2px 0 rgba(60,64,67,0.3), 0 2px 6px 2px rgba(60,64,67,0.15);
    transition: all 0.4s ease;
}
.active-meeting .date-time-col,
.active-meeting .meeting-title,
.meeting-det:hover .date-time-col,
.meeting-det:hover .meeting-title{
    color: #fff;
}

@media(max-width: 767.98px){
    .meeting-forms-list .form-group{
      width: 100%;
    }
    .meeting-forms-list input[type="text"]{
      width: 100%;
      margin-right: 0px !important;
    }
    .meeting-forms-list .st_meet_btn{
      margin: 10px auto 0;
    }
    .list-wrapper-inner{
      min-height: calc(100vh - 161px);
    }
}


/* subscription card */
.pricing_title{
    padding: 80px 0px !important;
  }
  .pricing-card,
  .pt_wrapper .pricing-card{
    background-color: #212428;
  }
  .pricing-card.active,
  .pt_wrapper .pricing-card.active {
    background-color: #000;
    -webkit-box-shadow: 0 0 88px 2px rgba(0, 0, 0, 0.125);
    box-shadow: 0 0 88px 2px rgba(0, 0, 0, 0.125);
  }
  .pricing-card.active .pricing-heading .price,
  .pricing-card.active .pricing-desc ul li{
    color: #fff;
  }
  .pricing-card .pricing-heading .price h5 {
    color: #ffffff;
    background-color: #ff870c;
    padding: 0.35rem 0.75rem 0.4rem !important;
  }
  .pricing-card .pricing-heading .price span {
    color: #8480ae;
  }
  .pricing-card .pricing-desc ul li {
    color: #fff;
  }
  .pricing-card .pricing-desc ul li::before {
    color: var(--green);
  }
  .pricing-card.active .pricing-desc ul li::before{
    color: var(--green);
  }
  .pricing-card .pricing-desc ul li.times::before,
  .pricing-card.active .pricing-desc ul li.times::before {
    color: var(--red);
  }
  .pricing-card .pricing-btn {
    position: relative;
    z-index: 1;
    margin-top: 30px;
  }
  .pricing-card.active::after {
    background-color: rgba(0, 0, 0, 0.05);
  }
  /* long pricing table */
  .pricing_title{
    background: rgba(0,0,0,0.1);
  }
  .td_col .fa-check{
    color: var(--green);
  }
  .td_col .fa-times{
    color: var(--red);
  }
  .card_pricing{
    border: 1px solid rgba(255,255,255,0.3);
  }
  .td_col_inner{
    border-left: 1px solid rgba(255,255,255,0.3);
    border-right: 1px solid rgba(255,255,255,0.3);
  }
  .card_pricing.recommanded,
  .td_col_inner.recommanded{
    border-color:rgba(255,255,255,0.3);
  }
  .card_pricing .badge{
    background-color:#ff9000;
  }
  .td_txt,.th_main{
    border-bottom: 1px solid rgba(255,255,255,0.3);
  }
  .td_col_inner::after{
    background-color: rgba(255,255,255,0.3);
  }
  .th_inner_card .card{
    background-color: #212428;
  }
  @media(max-width: 991.98px){
    .pricing_th_row, .pricing_td_row{
        border-bottom: 1px solid rgba(255,255,255,0.3);
    }
    .card_pricing{
        border: 1px solid rgba(255,255,255,0.3);
    }
  }


/* rewards */
.points_col h5{
    background: #232f46;
    color: #fff;
}
.rewards_btn a{
    border: 2px solid var(--gray);
    color: #fff;
    background: var(--gray);
}
.rewards_btn a.active{
    background: var(--blue);
    border-color: var(--blue)
}
.activity_table .table th,
.activity_table .table td{
    color: #fff;
}
.activity_table .table-striped tbody tr:nth-of-type(2n+1){
    background: var(--gray)
}
.activity_table{
    background:#232f46;
}
.redeem_flex_col{
    background:#232f46;
    color: #fff;
}
.activity_table h6{
    border-bottom: 1px solid rgba(255,255,255,.15);
}


/* live event */
.stream_tag_row {
    border: 1px solid rgba(255,255,255,0.125);
}
.rounded-icon {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.lvtitle {
    color: #fff;
}
.channel-chat-row {
    background-color: rgba(0,0,0,0.3);
}
.channel-chat-row .box-title {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.dwn_ch {
    background-color: rgba(0,0,0,0.3);
    color: #fff;
}
.play_img img {
    max-width: 60px;
}
.class_media_det img {
    background-color: rgba(0,0,0,0.3);
}
.class_media_det h5 {
    color: #f3f3f3;
}
.class_media_det h5 a {
    color: #f2f2f2;
}
.class_media_det p ,
.class_media_det p a{
    color: #f2f2f2;
}
.stream_list_left .card{
    background-color: rgba(0,0,0,.3);
}
.det_btn_row .btn-outline-secondary,
.see_more_div .btn-outline-secondary{
    border-color:#fff;
    color: #fff;
}
.det_btn_row .btn-outline-secondary:hover,
.see_more_div .btn-outline-secondary:hover{
    background-color:#fff;
    color:#000;
}
.classes_list .section-title{
    padding: 40px 0px !important;
    text-align: center;
}
.section-title h3{
    font-size: 24px;
    font-weight: 600;
    margin: 0;
}
@keyframes scrollMouse{
    0%{
        bottom: 40px
    }
    50%{
        bottom: 10px
    }
    100%{
        bottom: 40px
    }
}
@-webkit-keyframes scrollMouse{
    0%{
        bottom: 40px
    }
    50%{
        bottom: 10px
    }
    100%{
        bottom: 40px
    }
}
@-moz-keyframes scrollMouse{
    0%{
        bottom: 40px
    }
    50%{
        bottom: 10px
    }
    100%{
        bottom: 40px
    }
}


/* host registraion */
.page_title{
    margin-top: 76px;
    background: #3d4146;
}
.upload_photo,
.upload_photo.bg_trans{
    background-color: #ddd;
}
#host_registration .form-control,
#meeting_details input[type=text],
#meeting_details textarea,
#id_video_url{
    font-size: 14px;
    height: 40px;
    width: 100%;
    padding: 10px 15px;
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
#host_registration label{
    color: #fff;
}
#host_registration .btn-secondary.action_btn{
    background-image: linear-gradient(to left bottom, #ff344c, #ff4e3d, #ff652e, #ff7b1c, #ff9000);
    border: none;
    font-weight: 600;
    box-shadow: none !important;
    padding: .65rem 1.5rem;
    color: #fff;
}
/* wizard */
.live_meeting_step_form{
    background: transparent;
}
.wizard_form_container{
    background: transparent;
}
.wizard_layout_list ul li a{
    color: #fff;
}
.wizard_layout_list ul li span:not(.step_text){
    background: #3d4146;
}
.wizard_layout_list ul li.active_step span:not(.step_text){
    background: #0d6ac6;
    color: #fff;
    box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 15px -5px rgba(21, 114, 232, 0.4);
}
.wizard_layout_list ul li.active_step:after,
.wizard_layout_list ul li.active_step a{
    color: var(--blue)
}
.wizard_layout_list ul li.active_step.step_cmplt a,
.wizard_layout_list ul li.active_step.step_cmplt:after{
    color: #28a745; 
}
.wizard_layout_list ul li.active_step.step_cmplt span:not(.step_text){
    box-shadow: none;
    background: #28a745;
    color: #fff;
}
.wizard_form_card fieldset h2{
    border-bottom: 1px solid #ddd;
}
.wizard_form_card label{
    font-size: 15px !important
}
.wizard_form_card .form-control,
.wizard_form_card .custom-select,
.wizard_form_card input[type="text"],
.wizard_form_card input[type="email"],
.wizard_form_card input[type="tel"],
.wizard_form_card input[type="number"],
.wizard_form_card input[type="date"],
.wizard_form_card textarea,
.wizard_form_card select[multiple],
.wizard_form_card select,
.wizard_form_card input[type="file"],
.select2-container .select2-selection--multiple {
    font-size: 14px;
    height: 46px;
    width: 100%;
    padding: 10px 15px;
    background-color: rgba(255,255,255,.2);
    color: #fff;
    border: none;
    border-radius: 0.25rem;
}
.wizard_form_card select:not([multiple]){
    background-image: url('https://static.the-ally.com/images/down-arrow-w.png');
}
.wizard_form_card .recent_trans_table .card{
    background: #3d4146;
}
.wizard_form_card .recent_trans_table .card .table{
    color: #fff;
}
.selector .selector-available h2,
.selector-chosen h2{
    background: #000 !important;
    color: #fff !important;
}
.selector .selector-filter{
    border-color: #000 !important;
    background-color: rgba(255,255,255,.2) !important;;
}
.wizard_form_card .selector .selector-available select, 
.wizard_form_card .selector-chosen select{
    border:1px solid #000 !important;
}
.selector-filter{
    position: relative;
}
.selector .selector-filter label{
    right: 15px !important;
}
.selector .selector-available input{
    background: #fff;
    color: #000;
}
.wizard_form_card .selector-add, .wizard_form_card .selector-remove{
    opacity: 1;
}
.wizard_form_card a.selector-chooseall, .wizard_form_card a.selector-clearall{
    color: #fff;
}
.wizard_form_card a.selector-chooseall:hover,
.wizard_form_card a.selector-clearall:hover{
    color: var(--blue)
}
.datetime .datetimeshortcuts a{
    color: #000;
}
.clockbox.module h2{
    border-bottom: 1px solid #ddd;
}
.wizard_form_card .messagelist li{
    background: var(--success);
    color: #fff;
}
.wizard_form_card .messagelist li.error{
    background: var(--danger);
    color: #fff;
}
.form-group .errorlist li{
    color: #ff0000;
}
#progress_modal .modal-header,
#exampleModalXl .modal-header,
.live_steps_to_follow{
    color: #000;
}
.wizard_form_card .recent_trans_table .container-fluid, 
.wizard_form_card .recent_trans_table .card-body{
    padding: 15px !important;
}
.action-button.default,
.form-action-btns .btn-secondary,
.submit-row .btn-secondary{
    background-color: var(--green);
    border-radius: 8px;
    border: none;
    font-weight: 600;
    box-shadow: none !important;
    padding: .65rem 1.5rem;
    color: #fff;
}
button.close{
    color: #000;
}
.wizard_form_card .upload_url{
    color: #fff;
}

/* subclient profile page */
.bio_view{
    background-color: #3d4146;
    min-height: 320px;
}
.cover_img{
    width: 100%;
    object-fit: cover;
}
#taught_by.bio_tags_view{
    background: #11161f;
}
#taught_by.bio_tags_view:before,
#taught_by.bio_tags_view:after{
    content: none;
}
.bio_tags_view .host_img{
    margin-top: -100px;
}
.bio_tags_view .bio_img{
    width: 255px;
    height: 255px;
    object-fit: cover;
    border:none;
}
.bio_tags_view .host_det{
    padding: 15px 0 0;
}
.bio_tags_view .host_det h3{
    font-size: 32px;
}
.bio_tags_view .host_det p{
    font-size: 16px;
}
.tag_links{
    margin-top: 20px;
}
.tag_links a{
    display: inline-block;
    color: #fff;
    margin-left: 15px;
    text-decoration: none;
    font-weight: 600;
}
.tag_links a:first-child{
    margin-left: 0;
}
.tag_links a.active{
    color: #fff;
    text-decoration: underline;
}
.bio_contents{
    padding: 50px 0px 80px;
    background: #11161f;
}
classes_list .card-img{
    position: relative;
}
.bio_contents p{
    font-size: 18px;
    font-family: 'Gotham';
    font-weight: 300;
}
.locked{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
}
.locked_content{
    width: 100%;
    position: absolute;
    left: 0;
    padding: 15px;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
}
.locked_content p{
    margin: 10px 0 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.1;
}
.terms_condition_check label a{
    color: #fff;
    text-decoration: none;
}
.wrapper #taught_by .container{
    width: 100%;
    max-width: 1140px;
    padding: 0 15px;
}
.classes_list .card {
    border-radius: 10px;
    margin-bottom: 30px;
}
#trainer_classes .card {
    border-radius: 10px;
    border: none;
    background: transparent;
}
#trainer_classes .card-body {
    padding: 10px 0px;
}
#trainer_classes .card h6 {
    font-size: 18px;
    text-transform: uppercase;
}
#trainer_classes .card h6 a {
    color: #fff;
}
@media(max-width:1199.98px){
    .bio_tags_view .host_img {
        margin-top: -70px;
    }
    .bio_tags_view .bio_img{
        width: 210px;
        height: 210px;
    }
    .wrapper #taught_by .container{
        width: 100%;
        max-width: 960px;
        padding: 0 15px;
    }
}
@media(max-width:991.98px){
    .wrapper #taught_by .container{
        width: 100%;
        max-width: 720px;
        padding: 0 15px;
    }
}
@media(max-width: 767.98px){
    #profile_title.page_title{
        padding: 80px 0px;
    }
    #taught_by{
        padding: 0px 0px 20px;
    }
    #taught_by::before, #taught_by::after{
        content: none;
    }
    .host_det{
        padding: 10px 0 0;
        text-align: center;
    }
    .host_img{
        text-align: center;
    }
    .host_img img{
        width: auto;
    }
    .host_det h3{
        margin-bottom: 10px;
    }
    .course_structure_col{
        margin-top: 0;
    }
    #course_structure_dates{
        padding-top: 30px;
    }
    .course_next_dates{
        padding-left: 0px;
    }
}
.globalmovieott .poster_caption h3{
    white-space: nowrap;
    display: none;
}
.globalmovieott #adreview .modal-lg,
.globalmovieott #adreview.review_cmt_lk .modal-title{
    color: #fff;
}
.globalmovieott #adreview #id_recommendation li label{
    color: #000;
}
.globalmovieott #adreview #id_recommendation li label i{
    margin-right: 5px;
}
.globalmovieott #adreview .btn-default{
    background: #ddd;
}
.globalmovieott .movie_list_row h2{
    font-weight: 600;
    font-size: 1.1rem;
}
.globalmovieott .movie_list_row h2::after, .globalmovieott .filter_by_title h2::after{
    width: 35px;
}
.globalmovieott .pw_by a{
    pointer-events: none;
}
/* footer */
#weareon_tech{
    display: block !important;
}
#weareon_tech .section-padding{
    padding-bottom: 0px;
}
#contact {
    border-top: 1px solid #11161f;
    margin-top: 0px;
}
.f_award_column{
    text-align: center;
}
#contact h5{
    font-weight: 600;
    text-transform: uppercase;
}
.footer_q_links{
    padding: 0;
    margin: 0;
    list-style: outside none;
}
.footer_q_links li{
    display: block;
    margin: 5px 0 0;
    position: relative;
    padding-left: 15px;
}
.footer_q_links li::before{
    content:"\f105";
    font-family: "FontAwesome";
    position: absolute;
    left: 0;
    top: 1px;
    color: #3c85ff;
}
.footer_q_links li a{
    color: #fff;
}
.footer_q_links li a:hover{
    text-decoration: none;
    color: #3c85ff;
}
.contact_address img{
    max-height: 40px;
    /* background: #3c85ff; */
}
.nw_footer_l{
    margin-left: -15px;
    margin-right: -15px;
}
.nw_footer_l > div{
    width: 33.333%;
    padding: 0px 15px;
}
.qlinks_div{
    max-width: 235px;
    margin-left: auto;
}
@media(max-width: 767px){
    .nw_footer_l > div{
        width: 100%;
    }
    .f_award_column{
        margin:40px 0;
    }
    .nw_footer_l{
        text-align: center;
    }
    .footer_q_links li{
        padding-left: 0px;
    }
    .footer_q_links li::before{
        content: none;
    }
    .qlinks_div{
        max-width: 100%;
        margin-left: 0;
    }
}

/* container changes */
#section_list_one .movie_list_row .container,
.navbar .container,.footer-area .container, footer #copyright .container,
#movie_list.view_all_mv .container,
#movie_list.search_result_page .container,
.catalogue_view_wrapper #section_list_one .container{
    max-width: 100%;
    width: 100%;
    padding: 0 50px;    
}

#movie_list.search_result_page [class*=col-],
#movie_list.view_all_mv [class*=col-]{
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}
#movie_list.search_result_page .card{
    background: transparent;
    box-shadow: none !important;
}
#movie_list.search_result_page .card img{
    max-height: 100%;
}
#movie_list.search_result_page .card-body{
    padding: 5px 0px;
}
.poster_main_div .free_badge{
    position: absolute;
    top: 5px;
    right: 5px;
}
@media(min-width: 1920px){
    #movie_list.view_all_mv [class*=col-],
    #movie_list.search_result_page [class*=col-]{
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

@media(max-width: 991.98px){
    #section_list_one .movie_list_row .container,
    .navbar .container,.footer-area .container, footer #copyright .container,
    #movie_list.view_all_mv .container,#movie_list.search_result_page .container,
    .catalogue_view_wrapper #section_list_one .container{
        padding: 0 30px;    
    }
    #movie_list.view_all_mv [class*=col-],
    #movie_list.search_result_page [class*=col-]{
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media(max-width: 767.98px){
    #section_list_one .movie_list_row .container,
    .navbar .container,.footer-area .container, footer #copyright .container,
    #movie_list.view_all_mv .container,#movie_list.search_result_page .container,
    .catalogue_view_wrapper #section_list_one .container{
        padding: 0 15px;    
    }
    #movie_list.view_all_mv [class*=col-],
    #movie_list.search_result_page [class*=col-]{
        -ms-flex: 0 0 33.333%;
        flex: 0 0 33.333%;
        max-width: 33.333%;
    }
}


/* newsfeed comments & reviews */
.newsfeed_wrapper .card, .feeds_card,
.feeds_card .card-header,.feeds_card .card-body,.feeds_card .card-footer{
    background: #0d1118 !important;
}
[class*="loadMore_id_"],
[class*="loadMore_id_"]:hover{
    color: #fff !important;
}
.com_text p:first-child{
    margin-bottom: 10px;
}
.com_text_inner .posted_time{
    display: block;
    color: rgba(255, 255, 255, .4);
    margin-top: 4px;
    font-size: 12px;
}
.cmt_revw{
    border-top:1px solid rgba(255, 255, 255, .4) !important;
}
.comments_forms > div:first-child{
    margin-top: 15px;
}
.liks_comt_col span a,
.feed_header_action .social_dropdown, .feed_header_action .save_feed > a, .feed_header_action .feed_options > a,
.feed_main_right .trending_feed .view_all_btn, .feed_main_right .popular_feed .view_all_btn,
.tr_feed_col .tr_feed_desc a{
    color: #fff;
}
.liks_comt_col span .fa-heart,
.feed_header_action .social_dropdown:hover,
.feed_header_action .save_feed > a:hover,
.feed_header_action .feed_options > a:hover,
.tr_feed_desc .tr_views .fa-eye {
    color: #ff0000;
}
.review_section .comment_textarea .form-control,
.feeds_card .comment_textarea .form-control{
    background: rgba(255, 255, 255, .2);
    border-color: rgba(255, 255, 255, .2);
    color: #fff;
}
.com_text_inner .au_edited_txt{
    color: rgba(255, 255, 255, .5);
}

.stack_loader{
    position: fixed;
    z-index: 1033;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    background-color: #11161f;
}
.loadericon{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
.banner_slider,.poster_slider{
    visibility: hidden;
}
.banner_slider.slick-initialized,
.poster_slider.slick-initialized{
    visibility: visible;
}
/* movie details directory */
.where_watch_list .media h5,
.where_watch_list .media p{
	color: #fff;
}
.send_tocontact .nav-item .nav-link{
    color: #fff;
}
#send_to_contact_tab .form-control{
    background-color:rgba(255,255,255,.2);
    border-color: rgba(255,255,255,.2)
}
#step1_modal_content{
    background: #11161f
}
#step1_modal_content .close{
    color: #fff;
}