/*.featuredLine{background: #eeeef7;}*/
::-moz-selection { background: #ccc; color: #fff;}
::selection { background: #ccc; color: #fff;}

.btn-outline-primary {
    color: #222;
    border-color: #222;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #222;
    border-color: #222;
}
.btn-primary {
    color: #fff!important;
    background-color: #222;
    border-color: #222;
    border-radius: 1rem;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #75a132;
    border-color: #75a132;
    box-shadow: 0 0 0 0.25rem rgb(120 84 222 / 19%);
}
.hand{cursor: pointer}
.form-select:focus {
    border-color: #b9b9b9;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(167 144 233 / 24%);
}
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus,
.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus{
    box-shadow: 0 0 0 0.25rem rgb(120 84 222 / 19%);
}

.small{font-size: 14px;}
/*.bg-primary {
    background-color: #222!important;
}*/
.bg-primary {
    background-color: #ff2d16!important;
}
.bg-primary-big {
    background-color: #dd4534!important;
}

.bg-secondary {
    background-color: #222!important;
}

button:focus:not(:focus-visible) {
    outline: 0;
}
.btn-check:focus + .btn, .btn:focus, .btn-primary:active:focus {
    -webkit-box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
    box-shadow: 0 0 0 0.25rem rgb(0 0 0 / 25%);
}
.card h4, .card .h4 {
    font-size: 1.2rem;
}
#adminBorder{
    border-top: 5px solid #ff3f2a;
    position: fixed;
    z-index: 999;
    width: 100%;
    top: 0;
}
#adminBorder .small{
    background-color: #ff3f2a;
    display: inline-block;
    padding: 0 10px 3px;
    color: #fff;
    border-radius: 0 0 5px 5px;
    top: -10px;
    position: relative;
    font-size: 12px;
}
#adminBorder .small a{
    color: #fff;
    text-decoration: none;
}
.form-check{font-size: 14px;}
.form-check a{text-decoration: underline !important;}

.cart-item-type{background: #f6f8fb; padding: 15px; margin-bottom: 10px; border-radius: 1rem;}

.createprofile { color: #474152; cursor: pointer; text-decoration: none;}
.profileimg { width: 120px; height: 120px; border-radius: 50%; background: #fff; border: 5px solid #fff;margin: 0 auto; overflow: hidden;z-index: 2;
    position: relative;margin-top: -60px;}
.profileimg a{text-decoration: none;}
.profileimg img{ border-radius: 50%;}
.profileheader { margin-top: -30px; position: relative; min-height: 260px;background-size: cover; background-position: center;}
.profileheader h1{z-index: 1; text-shadow: 0 0 10px rgb(0 0 0 / 50%);}
.profileColor{height: 100%; width: 100%; text-transform: uppercase;color: #fff;font-size: 55px; padding-top: 5px;box-shadow: inset -10px -10px 20px rgb(0 0 0 / 15%);
    border-radius: 50%;}
.navbar {/* position: fixed;top: 0; */ z-index: 9; width: 100%; /*box-shadow: 0 0 20px rgba(0,0,0,.5)!important;*/ }
#navbarHeader { background-color: #222 !important; color: #fff; }
.contact-details, .contact-details a{color: #fff; text-decoration: none;text-shadow: 0 0 10px rgb(0 0 0 / 50%); z-index: 2;}
.overlayer{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2)}
.form-select{border-radius: 20px;}
.card .event-date {
    position: absolute;
    top: 10px; left: 10px;
    /*box-shadow: 0 4px 15px 0 rgb(40 44 53 / 6%), 0 2px 2px 0 rgb(40 44 53 / 8%);*/
    box-shadow: 0 4px 50px 0 rgb(0 0 0 / 70%), 0 2px 2px 0 rgb(40 44 53 / 8%);
    z-index: 3;
    font-size: 12px;
    opacity: .97;
    border-radius: 10px;
    overflow: hidden;
    width: 45px;
}
.card .event-date .event-month {
    position: relative;
    padding: 5px;
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    text-transform: uppercase;
}
.card .event-date .event-day {
    font-weight: 900;
    padding: 3px 10px;
    font-size: 16px;
    color: #8c88a5;
    /*border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;*/
}
.card-image{max-height: 500px; overflow: hidden;}
.card-description{height: 300px; overflow: hidden;position: relative;}
.readMoreBox {
    cursor: pointer;
    padding: 70px 20px 20px 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);
}
.event-title{
    min-height: 75px;
}
.event-title h2{
    display: flex;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.event-title h3{
    font-size: 14px;
    color: #aaa;
}
.breadcrumbline{position: relative;}
.profileimg {margin-top: -60px;}
.interval { margin: 10px; border-radius: 60px;}
.status { margin: 10px; }

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #000;
    background-clip: border-box;
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
    min-height: 280px;
}
.card-body {
    background: #fff;
}
#message .card{min-height: auto}
.places-title{min-height: 70px; display: flex; align-items: center;}
.ticket .card{overflow: visible;  background: #fff;}
#checkout.ticket .card{overflow: hidden;}
#selectedDate::after{content: ', ';}
.form-control{border-radius: 50px; color: #222; padding: 0.56rem 1.5rem;}
.card-info{font-size: 14px;}

.copyright a{display: inline-block;}
.copyright a::after{content: ' • ';}
.copyright a:last-child::after{content: '';}

/*loading*/
.stage {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px 0;
    margin: 0 -5%;
    overflow: hidden;
}
.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    /*background-color: #ff2d16;
    color: #ff2d16;*/
    background-color: #fff;
    color: #fff;
    -webkit-animation: dot-flashing 1s infinite linear alternate;
    animation: dot-flashing 1s infinite linear alternate;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.dot-flashing::before, .dot-flashing::after {
    content: '';
    display: inline-block;
    position: absolute;
    top: 0;
}
.dot-flashing::before {
    left: -15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
   /*background-color: #ff2d16;
    color: #ff2d16;*/
    background-color: #fff;
    color: #fff;
    -webkit-animation: dot-flashing 1s infinite alternate;
    animation: dot-flashing 1s infinite alternate;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.dot-flashing::after {
    left: 15px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #ff2d16;
    color: #ff2d16;
    -webkit-animation: dot-flashing 1s infinite alternate;
    animation: dot-flashing 1s infinite alternate;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

@-webkit-keyframes dot-flashing {
  0% {
    background-color: #ff2d16;
  }
  50%,
  100% {
    background-color: #ebe6ff;
  }
}

@keyframes dot-flashing {
  0% {
    background-color: #ff2d16;
  }
  50%,
  100% {
    background-color: #ebe6ff;
  }
}

.shadow-sm {
    -webkit-box-shadow: 0 0.5625rem 2.8125rem rgb(111 121 149 / 8%) !important;
    box-shadow: 0 0.5625rem 2.8125rem rgb(111 121 149 / 8%) !important;
}

.ticketsFloat{visibility: hidden;opacity: 0;}
#ticketsList li{background: /*#fafafd*/ #eeeef7; margin-bottom: 10px; border: 0; border-radius: 15px;}
#ticketsList li .line span{width: 20px;height: 20px;display: block;background: #fff;position: absolute; top: -10px;}
#ticketsList li .line span.left{left: -25px;}
#ticketsList li .line span.right{right: -25px;}


.back-to-top {
    position: fixed;
    visibility: hidden;
    opacity: 0;
    right: 15px;
    bottom: 85px;
    right: 30px;
    z-index: 996;
    background: #222;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    transition: all 0.4s;
    color: #fff;
}
.back-to-top.active {
    visibility: visible;
    opacity: 1;
}

.jsCalendar tbody td.jsCalendar-current {
    background-color: #d6ceeb !important;
    color: #222!important;
}

.datepicker table tr td.event{
    background-color: #eee;
    color: #222;
}
.datepicker table tr td.new, .datepicker table tr td.old {
    color: #aaa;
}
.dropdown-menu {
    color: #222;
}
.datepicker table tbody tr td, .datepicker table tbody tr th {
    color: #aaa;
}
.selected{background-color: #222; color: #fff;}
 .productsList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
 }
 .productsList li {
    min-width: 200px;
    width: 23%;
    margin: 0 10px;
}
.productsList li p.prodTitle{min-height: 50px;}

footer a{cursor: pointer;}
.card-image {height: 400px; background-size: cover;background-position: center;}
.empty { height: 40px; width: 100%; }
.dropdown .dropdown-menu{border-radius: 15px;}
.langmain {
    background: url(/landing/assets/img/flags.png) no-repeat;
    width: 24px;
    height: 16px;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -4px;
    border-radius: 4px;
}
.langro {
    background-position: 0px -32px;
}
.langhu {
    background-position: 0px -48px;
}
.langen {
    background-position: 0 0px;
}

.form-control:focus {
    color: #222;
    background-color: #fff;
    border-color: #e9818e;
    -webkit-box-shadow: 0 0 0 0.25rem rgb(95 55 239 / 25%);
    box-shadow: 0 0 0 0.25rem #ef435861;
}

.horizontal .logo img{object-fit: contain;
    height: 120px;
    width: 120px;
    max-width: 120px;
    padding: 10px;
}


@media only screen and (max-width: 992px) {
 .profileimg {margin-top: -10px;}
}

@media only screen and (max-width: 767px) {
 .productsListBox {overflow-x: auto; }
 .album.event{margin-top: -70px;}
 .card-image {height: 180px;}
 .profileheader { margin-top: -50px;}
 /*.tickets{position: fixed; max-height: calc(100% - 200px);overflow-y: scroll;
    width: 515px; top: calc(100% - 50px); bottom: auto; box-shadow: 0 -0.5rem 2rem rgb(111 121 149 / 50%) !important;
   -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
 .tickets.open{bottom: 30px; top: auto;}
 .tickets span{transform: rotate(180deg); float: right;}
 .tickets.open span{transform: rotate(0deg);}*/
 .productsList li {width: auto;}
 .ticketsFloat{visibility: visible; opacity: 1; position: fixed; width: 100%; max-width: 540px; bottom: 20px; text-align: center;}
 .ticketsFloat .btn{box-shadow: 0 -0.5rem 2rem rgb(111 121 149 / 50%) !important; width: 50%;}
 .horizontal{overflow-x: auto;}
 .horizontal .row{width: 1250px;}
 .horizontal .place{max-width: 300px;}
/* .event-title{
    min-height: 140px;
}*/
 .event-image img {height: 240px;}
}

@media only screen and (max-width: 576px) {
 .header-logo{max-width: 90px;}
 /*.tickets{width: 95%;}*/
 .ticketsFloat{position: fixed; width: 95%;}
 .back-to-top {bottom: 100px;right: 20px;}
 .copyright a{display: block;}
 .copyright a::after{content: '';}

}

@media (hover: hover) {
    a:hover {color: #000;}
    .btn-outline-primary:hover {
        color: #fff;
        background-color: #222;
        border-color: #222;
    }
    .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
        color: #fff;
        background-color: #000;
        border-color: #000;
    }
}

@media (hover: none) {
}

.legal { text-decoration: none; color: #6c757d !important}
.logo { width: 120px; overflow: hidden;}
.bg-dark { background-color: #2b2e34 !important; }

.checkout-wrapper .submitAlert {
    display: none;
    position: relative;
    padding: 10px;
}

.agerating{
    position:absolute;
    font-size: 12px;
    display: flex;
    width: 50px;
    align-items: center;
    justify-content: center;
    right: 0;
    top: -5px;
}
.featured .agerating, .categorylist .agerating {
    font-size: 12px;
    width: 36px;
    right: 10px;
    top: -52px;
}

.overTag{
    position:absolute;
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
}