a{color: #222;}

.small{font-size: 12px;}
/*.featuredLine{background: #eeeef7;}*/
::-moz-selection { background: #7854de; color: #fff;}
::selection { background: #7854de; color: #fff;}
.btn-outline-primary {
    color: #7854de;
    border-color: #7854de;
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #7854de;
    border-color: #7854de;
}
.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: #7854de;
    border-color: #7854de;
}
.btn-primary {
    color: #fff;
    background-color: #7854de;
    border-color: #7854de;
    border-radius: 1rem;
}

.btn-check:focus+.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #5d40af;
    border-color: #5d40af;
    box-shadow: 0 0 0 0.25rem rgb(120 84 222 / 19%);
}
.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%);
}
.bg-primary {
    background-color: #7854de!important;
}

.error{border:1px solid #f00}

.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;}

header{position: relative; z-index: 9}

.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: -30px; z-index: 99}
.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::after{content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(100,100,100,0.1);}
/*background: rgba(120,85,222,0.1);*/
.profileheader h1{z-index: 1; text-shadow: 0 0 10px rgb(0 0 0 / 50%); position: relative;}
.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: 1; width: 100%; box-shadow: 0 .125rem .5rem rgba(0,0,0,.09)!important;}
#navbarHeader { background-color: #7854de !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%);
    z-index: 3;
    font-size: 12px;
    opacity: .97;
    border-radius: 10px;
    overflow: hidden;
}
.card .event-date .event-month {
    position: relative;
    padding: 5px 17px;
    /*border-top-left-radius: 7px;
    border-top-right-radius: 7px;*/
    text-transform: uppercase;
}
.card .event-date .event-day {
    font-weight: 900;
    padding: 6px 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%);
}
.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: #fff;
    background-clip: border-box;
    border: 0;
    border-radius: 1rem;
    overflow: hidden;
}
#selectedDate::after{content: ', ';}
.form-control{border-radius: 50px;}
textarea.form-control{border-radius: 20px;}
.card-info{
    font-size: 18px;
    font-weight: 700;
    color: #86898b;
}

.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: #9880ff;
    color: #9880ff;*/
    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: #9880ff;
    color: #9880ff;*/
    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: #9880ff;
    color: #9880ff;
    -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: #9880ff;
  }
  50%,
  100% {
    background-color: #ebe6ff;
  }
}

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

.shadow-sm {
    -webkit-box-shadow: 0 1.5625rem 2.8125rem rgb(111 121 149 / 8%) !important;
    box-shadow: 0 1.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.disabled{opacity: 0.7;}

#ticketsList li.separator{background:#fff!important; text-align: center;color: #aaa; /*height: 90px;*/ height: 50px;}

#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: #7854de;
    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;
}
.selected{background-color: #7854de; color: #fff;}
 .productsList {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content:center;
 }
 .productsList li {
    min-width: 200px;
    width: 20%;
    margin: 0 10px;
}
.productsList li p.prodTitle{min-height: 50px;}

footer a{cursor: pointer;}
.card-image {height: auto; background-size: cover;background-position: center;}
.card-image img {/* object-fit: cover;width: 100%;height: 400px; */ max-width: 100%;}
.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;
}

#intervals{display: none}


@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: auto;}
 .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%;}

 .jsCalendar thead .jsCalendar-week-days th, .jsCalendar tbody td { width: 25px!important; }
 .interval {margin: 5px!important;}
}

@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: '';}
 /* .productsList .card{max-height: 370px;} */
}


@media (hover: hover) {
    a:hover {color: #ccc;}
    .btn-outline-primary:hover {
        color: #fff;
        background-color: #7854de;
        border-color: #7854de;
    }
    .btn-primary:hover {
        color: #fff;
        background-color: #5d40af;
        border-color: #5d40af;
    }
}

@media (hover: none) {
}

.legal { text-decoration: none; color: #6c757d !important}
.input-group-text2 {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #ced4da;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}
.delitem {
  cursor: pointer;
  font-size: 12px;
}

.productsListBox {
    overflow-x: auto;       /* enables horizontal scroll */
    white-space: nowrap;    /* prevents items from wrapping to the next line */
  }
  
  .productsList {
    display: inline-flex;   /* make the list items sit side by side */
    padding: 0;
    margin: 0;
    list-style: none;
  }
  
  .productsList li {
    flex: 0 0 auto;         /* prevent items from shrinking */
    margin-right: 1rem;     /* optional: space between items */
    width: 250px;           /* set a fixed width for cards */
  }

@media (min-width: 768px) {
  #ticketsList {
    position: sticky;
    top: 16px;          /* distance from top when sticking */
    z-index: 10;
  }
}