body{
    color: #272d4e;
    /*background: #fbfbfb;
    background: #918a8a;*/
    background: #181a1b;
}
/*.btn-info {
    color: #fff!important;
    background-color: #8fc53c;
    border-color: #8fc53c;
    border-radius: 0;
}*/
.hand{cursor: pointer;}
.bg-dark a{color: #fff;}
.header{height: 80vh; padding: 120px 100px !important; max-height: 550px}
.header h1, .header p{position: relative; z-index: 1}
.bg-holder{height: 65vh}
.bg-holder.client::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: rgba(0,0,0,0.5);*/
    background: linear-gradient(0deg, #000, rgba(0, 0, 0, 0.2));
}
/*.navbar{background: #000;}*/
.navbar {
  background: linear-gradient(180deg, #040911 10%, #04091100 100%)!important;
}
.navbar-light a, .navbar-light span{color: #fff;}
.navbar-light.shadow-transition a{color: #aaa;}
.navbar-light .navbar-nav .nav-link{color: #ccc;}
.navbar-light .navbar-nav .nav-link:hover{color: #fff;}
.navbar-light.shadow-transition .navbar-nav .nav-link{color: #aaa;}
.navbar a:hover{ text-decoration: none;}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active{color: #fff;}
.navbar-light.shadow-transition .navbar-nav .show > .nav-link, .navbar-light.shadow-transition .navbar-nav .nav-link.active{color: #000;}
.navbar-expand-lg .navbar-nav .nav-link {padding-right: 1.5rem;padding-left: 0.5rem;}
.dropdown-item {
    color: #4F5665!important;
}

.rounded-10{
    border-radius: 10px;
}

.bg-gray{
    background-color: #dbd2d2 !important;
}
.bg-red{
    background-color: #d62728 !important;
    color: #fff;
}
#topSearch {
    position: relative;
}
#topSearch .form-control {
    border-radius: 50px;
    width: 100%;
    padding: 8px 40px 8px 20px;
}
#topSearch i {
    position: absolute;
    font-size: 20px;
    right: 15px;
    color: #222;
}
.text-secondary {
    color: #6b6b78 !important;
}
.datepicker table tr td.today {
    color: #fff;
    background-color: #ff2d16;
    border-color: #ff2d16;
}

.featured{/*margin-top: -185px;*/margin-top: -325px;}
.categorylist{
    min-height: calc(100vh - 232px);
}
.categorylist .card{margin-bottom: 40px;}
.card:hover a{text-decoration: none;}

/*.card-body {height: 130px;}*/

.bg-very-light{background:#fafbfa}

.hero__search__form {
    margin-bottom: 30px;
    background: rgba(255, 255, 255, 0.5);
    padding: 20px;
    position: relative;
    border-radius: 1rem;
}
.event-poster{position: relative;}
.event-poster:after{content:'';position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.searchToggle{font-size: 24px;padding-top: 5px; cursor: pointer;}
.searchinput {
    width: 70%;
    float: left;
    color: #686868;
    padding-left: 30px;
    font-size: 16px;
    padding-left: 16px;
    height: 54px;
    border: none;
    border-radius: 0.5rem 0 0 0.5rem;
}
.hero__search__form form button {
    width: 30%;
    height: 54px;
    border: none;
    font-size: 14px;
    font-weight: 700;
    background: #8fc53c;
    color: #ffffff;
    text-transform: uppercase;
    border-radius: 0 0.5rem 0.5rem 0;
    box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}
#eventCalendar i{font-size:20px}
.event-image, .place-image{
    height: auto;
    background-size:cover; 
    background-repeat: no-repeat; 
    background-position: center;
    max-height: 200px;
    overflow: hidden;
}
.featured .event-image, .categorylist .event-image{
    max-height: 380px;
}
.place-image{height: 140px;}
.event-image img{ 
    object-fit: cover; 
    width: 100%;
    /*height: auto;*/
    height: 360px;
}
.soldout{
    position: absolute;
    color: #fff;
    font-size: 20px;
    top: 62%;
    left: calc(50% - 50px);
    background: #f72d16;
    padding: 5px 20px;
    border-radius: 9px;
    font-weight: 700;
    transform: rotate(-10deg);
    text-transform: uppercase;
    box-shadow: inset 0 0 0 3px #f72d16, inset 0 0 0 5px #ffffff;

}

.featured .event-image img{
    height: 380px;
}
.event .event-image img{
    height: auto;
}

.tags span{
    padding: 5px 10px;
    margin-right: 10px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    background: #eee;
    border-radius: 10px;
    font-style: italic;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
}
.tags span.premiere{
    /*background: #d62728;*/
    background: #d3a037;
    color: #fff;
    padding: 5px 10px;
    margin-right: 8px;
}
.card .premiere{
    position: absolute;
    top: 10px;
    right: 0px;
}
.event .card .premiere{
    position: relative;
    top: 0;
    right: 0px;
}

.event-details .logo{
    position: absolute;
    bottom: 25px;
    right: 20px;
    width: 50px;
    height: 50px;
    padding: 3px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket h1{font-size: 2rem; position: relative;padding-right: 60px;}
.event-details{height: 45px;overflow: hidden;color: #222}
.event-owner-logo{
    object-fit: contain;
    height: 70px;
    width: 70px;
    max-width: 70px;
    padding: 5px;
}
.ticket .event-image{height: auto;background-size:cover; background-repeat: no-repeat; background-position: center;border-radius: 10px; max-height: max-content}
.ticket .event-details{height: auto; margin-bottom: 20px;
    font-size: 18px;
    font-weight: 700;}
.ticket .event-details a{
    color: #6f7995 !important;
}    
.bg-light-gradient {
    /*original - background: linear-gradient(180deg, rgb(0 0 0 / 0%) 20%, rgba(236, 240, 253, 1) 50%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 100%, rgba(236, 240, 253, 0) 100%);*/
    /*background: -webkit-gradient(linear, left top, left bottom, from(20%, rgba(0, 0, 0, 0)), color-stop(50%, rgba(236, 240, 253, 0.53)), color-stop(45.83%, #ECF0FD), color-stop(100%, rgba(236, 240, 253, 0.43)), to(rgba(236, 240, 253, 0)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(236, 240, 253, 0.53) 50%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 100%, rgba(236, 240, 253, 0) 100%);*/

    background: -webkit-gradient(linear, left top, left bottom, from(0, rgb(0 0 0 / 0%)), color-stop(25%, #918a8a), color-stop(45.83%, #918a8a), color-stop(100%, #918a8a00), to(#918a8a00));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(236, 240, 253, 0.53) 50%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 100%, rgba(236, 240, 253, 0) 100%);
/*    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 7%, rgba(236, 240, 253, 1) 35%, #ECF0FD 45.83%, rgba(236, 240, 253, 0.43) 84.33%, rgba(236, 240, 253, 0) 100%);*/
    
    /*background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0, #918a8a 25%, #918a8a 45.83%, #918a8a 100%, #918a8a00 100%);*/
    background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0, #000000 25%, #000000 45.83%, #918a8a 100%, #918a8a00 100%);
}
/*.categorylist{margin-top: 100px;}*/

.datepicker.dropdown-menu {padding: 15px;}
.dropdown-menu {border-radius: 8px!important;}
#changeLanguage .dropdown-menu{min-width: 80px;text-align: center;}

.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {color: #eee;}
.ticketsList li {
    /*background: #fbfbfb;*/
    /*background: #e8e3e9;*/
    background: #e9e4e4;
    margin-bottom: 15px;
    border: 0;
    border-radius: 15px!important;
}
.ticketsList li h5{ font-size: 1rem; font-weight: 600; color: #6f7995;}
.ticket-share{
    border-radius: 10px;
}
.ticket-share a{padding: 0 10px; /*background:#fbfbfb;*/margin: 0 3px; border-radius: 50px;}
.ticket-share:hover{
    /*background: #dde2ef;*/
    background: #eee!important;
    /*border-radius: 50px;*/
}

.ticket-share a:hover{
    /*background: #dde2ef;*/
    background: #fff!important;
}

.note{font-size: 12px;}
.note .seat label{border-radius: 50%;width: 16px;height: 16px;}
.note ul li{max-width: 30%;}

@media (min-width: 1500px) {
/*  .container {width: 1160px;}*/
    .featured .event-image, .categorylist .event-image{
        max-height: 470px;
    }
    .featured .event-image img, .categorylist .event-image img {
        height: 470px;
    }
}

@media (max-width: 1300px) {
    .featured .event-image, .categorylist .event-image{
        max-height: 400px;
    }
    .featured .event-image img, .categorylist .event-image img {
        height: 400px;
    }
}

@media (max-width: 1100px) {
    .event-image img {
        width: 100%;
    }
}

@media (max-width: 768px) {
    .event .event-image img{ 
        height: auto;
    }
    .soldout{
        font-size: 32px;
        left: calc(50% - 100px);
    }
    .header {height: 55vh;padding: 90px 20px !important; }
    .bg-holder{height: 55vh}
    .navbar-light a{color: #fff;}
    .navbar{border-bottom: 0}
    .featured {margin-top: -175px;}
    .navbar{color: #fff; background: rgba(0,0,0,0.6) !important;}
    .bg-holder img{max-width: 200%;}
/*    .event-image {height: 500px;}*/
    .event-image img {
        width: 70%;
    }

    .featured .event-image img{
        width: 100%;
        height: 540px;
    }
}

@media (max-width: 480px) {
    .header {height: 55vh; min-height: 350px}
    .bg-holder{height: 55vh}
    .event-image img {
        width: 100%;
    }
}