html,
body {
    font-size: 12px !important;
    font-family: 'Lato', sans-serif;

}

body {
    background: url("../i/background.gif?V=2") no-repeat #313131;
    background-size: cover;
    background-attachment: fixed;
    padding-top: 4.4rem;

}
#background_wrap{
    position:fixed;
    top: 0px;
    left: 0px;
    z-index: -1;
    background: url("../i/background.gif?V=2") no-repeat #313131;
    height: 100%;
    width: 100%;
    background-size:100%;
}

.main-container{
    height: calc(100vh - 100px);
    overflow-x: hidden;
    overflow-y: scroll;
    width: 100%;
    position: relative;
}

body.home {
    padding-top: 6.7rem;

}

.bg-primary {
    background: #262626 !important;
}
nav.bg-primary{
background: #202020 !important;
}

.bg-secondary {
    background: #393939 !important;
}
.bg-modal{
    background: #333333 !important;
}
.icon-color {
    color: #ABABAB;
}

.thum {
    width: 80px;
}
.ethum{
    width: 120px;
}
.font22 {
    font-size: 1.6923076923076923rem;
}

.font20 {
    font-size: 1.5384615384615385rem;
}

.font18 {
    font-size: 1.3846153846153846rem;
}

.font16 {
    font-size: 1.2307692307692308rem;
}

.font14 {
    font-size: 1.0769230769230769rem;
}

.font12 {
    font-size: 0.9230769230769231rem;
}
.font10{
    font-size: 0.7692307692307693rem;
}

nav .lefticon {
    top: 8px;
    position: relative;
}

.text-light {
    color: #C0C0C0;
}

a {
    text-decoration: none !important
}

[class*="border"].light {
    border-color: #808080 !important;
}
[class*="border"].white {
    border-color: #fff !important;
}
[class*="border"].elight {
    border-color: #2d2d2d !important;
}
[class*="border"].exlight {
    border-color: #494949 !important;
}
 [class*="border"].bold {
border-width: 2px !important;}

[class*="border"].yellow {
    border-color: #ffbf00 !important;
}
.gallery-img{
     height: auto;
    width: auto;
}
.btn40{
    width: 40px;
    height: 40px;
    padding: 0px;
    line-height: 35px;
}
#event_detail_map.btn40{
    width: 30px;
    height: 30px;
    line-height: 28px;
}
.text-light {
    color: #cccccc !important;
}

.text-primary {
    color: #ffbf00 !important;
}
a.text-primary:hover,
a.text-primary:active{
        color: #ffbf00 !important;

}
header .nav-tabs {
    background: #262626;
    border: 0px;

}

header .nav-tabs .nav-link {
    color: #fff;
    border-bottom: 1px solid #262626;
    padding: .4rem 1rem;
}

header .nav-tabs .nav-link:hover {
    border-color: #262626;
}

header .nav-tabs .nav-link.active {

    background: #262626;
    border-color: #262626;
    color: #ffbf00;

}

.form-control {
    border-radius: 0px;
    font-size: 0.8rem;
    padding: 1.3rem .75rem
}
.event-detail-button{
    position:absolute;
    right:0px;
    bottom:0px;
}
#book-events input.form-control{
    padding: 1.3rem .75rem 

}
.flex-basis-0{
    flex-basis:0;
}

.secondary .form-control {
    border-radius: 5px;
    font-size: 1.1rem;
    padding: 1.7rem 1rem;
    background: #E7E7E7;
    color: #999999;
}
.secondary.input-group .input-group-text{
    background: #E7E7E7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #999999;
}
.secondary  .btn{
    padding: 0.67rem 1rem;
}
.input-group .form-control {
    border: #fff;
}

.form-control.custom-select {
    background: none;
    border:1px solid #fff;
    color: #fff !important;
    padding: 0.1rem 0.4rem ;
    padding-right: 25px;
    background: url("../i/down-arrow.svg") right 5px center no-repeat;
    background-size: 12px;
}
.dropdown-menu{
    background: #646464;
    right: 0px  !important;
    left: auto !important;
    min-width:100% !important;
    width:100% !important;
    translate: none !important;
    top: 0px !important;
}
.dropdown-menu .dropdown-item{
    color: #fff !important;
    padding:2px 5px !important;
    font-size: 0.8rem !important;

}
.dropdown-menu .dropdown-item.active{
    background: #ffbf00 !important;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item:active, .dropdown-menu .dropdown-item:focus{
    background: #262626 !important;
}
.form-control.custom-select.dropdown-toggle::after{
    display: none;
}
.form-control.custom-select-2 {
    color: #000 !important;
     padding: 0.5rem 0.4rem ;
    height: 2.6rem;
     background: url("../i/down-arrow-grey.svg")  no-repeat #ffffff;
    background-position: right 10px center;
        background-size: 12px;
    border-radius: 0px;    


 }
 
.input-group .input-group-text {
    background: #fff;
    border: 0px !important;
    border-radius: 0px;
}

.input-group .form-control:focus {
    box-shadow: none;
}

.btn.btn-primary,
.btn.btn-primary:hover,
.btn.btn-primary:active {
    background: #cc0101 !important;
    border-color: #cc0101 !important;
    color: #fff !important;
}
.btn.float, .btn.float:hover, .btn.float:active{
    /* position: fixed;
    right:1rem;
    bottom: 1rem; */
    width: 3rem;
    height: 3rem;
    background: #ffbf00;
    border-color: #ffbf00;
    float:right;
    margin:20px;
}
.footer-fixed{
    position: fixed;
    bottom: 2rem;
    
}
.footer-fixed .btn{
    text-transform: uppercase;
    padding:.675rem .75rem; 
}
.modal-content {
    background: none;
}

.modal .modal-header {
    background: url("../i/modal-head-bg.png") left top repeat-x;
    border: 0px;
    background-size: 11px;
}

.modal .modal-body {
    background: #646464;
}

.modal .modal-footer {
    background: url("../i/modal-footer-bg.png") left bottom repeat-x;
    background-size: 11px;
    border: 0px;
}

.btn-link,
.btn-link:hover,
.btn-link:active,
.btn-link:focus {
    color: #ffbf00;
    text-decoration: none
}

.cmodals {
    right: 0px;
    top: 15px;
}

.movie-banner .play {
    font-size: 3.5rem;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    opacity: 0.6;
    transform: translateY(-50%);
}

.showtimes {
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    display: inherit;
    overflow-y: visible;
    border-bottom: 1px solid #5d5b5c;
    height: 62px;
    padding: 0.5rem 0 0 0;
}

.showtimes li {
    float: none;
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.showtimes li .nav-link {
    border-bottom: 2px solid transparent !important;
    padding:.5rem;
    line-height: 16px;
}

.showtimes li .nav-link.active,
.showtimes li .nav-link:focus,
.showtimes li .nav-link:active,
.showtimes li .nav-link:hover {
    background: none;
    border-color: transparent;
    color: #ffbf00 !important;
    border-bottom: 2px solid #ffbf00 !important;

}

.show-listing .card {
    background: #262626;
    border-radius: 5px !important;
}
.show-listing .card .card-header {
    border-bottom:0px;
}
.show-listing .card .card-header .btn::after {
    content: "\f078";
    font-family: 'jazzcash';
    right: 15px;
    font-size: 12px;
    margin-top: 4px;
    position: absolute;
}

.show-listing .card .card-header .btn.collapsed::after {
    content: "\f077";
}

.show-listing .card .card-body .times a{
    margin:0 0.5rem 0.5rem 0;
    padding:.025rem 1.3rem;
}
.show-listing .card .card-body .times a:hover,.show-listing .card .card-body .times a:active{
    background: none;
    color: #fff;
}
.show-listing .card .card-body .times a.active{
    background: #ffbf00;
    color: #fff;
    border-color: #ffbf00;
    
}
.show-listing .card .card-body .tickets a , .change-ticket-class a{
    position: relative;
    line-height: 1rem;
    padding: 0.3rem 0.7rem;
        padding-right: 32px;
    margin: 0 0.4rem 0.6rem 0;
    font-size: 0.8rem ; 

}
.show-listing .card .card-body .tickets a:hover, .change-ticket-class a:hover{
    background: none !important;
    color:#fff !important;
}
.show-listing .card .card-body .tickets a:active, .change-ticket-class a:active{
    background: none;
    color: white !important;
}
.show-listing .card .card-body .tickets a::after, .change-ticket-class a::after{
    width: 0.8rem;
    height: 0.8rem;
    border:1px solid #ffbf00;
    content: '';
    top: 0.9rem;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    right: 10px;
}
.show-listing .card .card-body .tickets a.active, .change-ticket-class a.active{
    background: none !important;
    border-color: #ffbf00  !important;
    color: #fff  !important;
}
.show-listing .card .card-body .tickets a.active::after, .change-ticket-class a.active::after{
    background: #ffbf00;
    border-color: #ffbf00;
}

#event_validation_data{
     color: #fff;
}
#event_validation_data img.img-circle{
    position: relative;
    display:inherit;
}
#event_validation_data input[type='checkbox']{
    margin-right:5px;
}
#movie_cover_image{
    height: 130px !important;
    width: 120px !important;
}
#event_banner_image, #movie_banner_image{
    min-height: 100px !important;
    max-height: 100px !important;
    width: 100% !important;
}
.eventDetailI{
    position: relative;
    display: inline-block;
    transform:rotate(-90deg);
    margin-left: 5px;
}
.event-banner, .movie-banner{
    height: 100px;
    background: #646464;
}

.ciInput{
    background: none;
    width: 20px !important;
    border:0px;
    color:#fff;
    padding: 0px;
}
#event_detail_gallery{
    overflow-y: scroll;
}
#event_detail_gallery img{
    max-height: 80px !important;
    max-width:  80px !important;
    height: 80px !important;
    width:  80px !important;


}


.card-title {
    margin-bottom: 0px;
}
.card-title a {
    color: #d8b31a !important;
}

    .card-title a:hover {
        color: #d8b31a !important;
    }

.card {
    background-color: transparent !important;
    margin-bottom: 0.5rem;
}

.card-default {
    border-color: rgba(255,255,255,0.2);
}

    .card-default > .card-header {
        background-color: rgba(255,255,255,0.1);
    }

        .card-default > .card-heading + .card-collapse > .card-body {
            border-top-color: transparent;
        }

.card-group .card-heading + .card-collapse > .card-body {
    border-top: 1px solid rgba(255,255,255,0.2);
}

.more-less {
    float: right;
    color: #d8b31a;
}
.card-title{
    font-size: 1.1rem;
}

#left-column {
    display: none;
}

#left-column, .RightSide {
    display: none;
}

    #left-column + #right-column {
        margin: 0 35px 0 35px;
    }

.visible-xs {
    display: none !important;
}