/* Front-end custom css */


/* Reserved Seating */
.modal-big .modal-container {
    width: 100%;
}
.modal-big .modal-container .modal-content {
    min-height: 800px;
}

.modal-small .modal-container {
    width: auto;
    margin: auto;
}
.modal-small .modal-container .modal-content {
    min-height: auto;
}

.is-relative {
    position: relative;
}

.seat-container {
    position: relative; 
    overflow: auto; 
    width: 800px; 
    margin: 0 auto;
    padding: 0;
}
.seat-img {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 8px;
    border: 2px solid #777;
}
.seat-mark {
    position: absolute;
    z-index: 999;
    height: 24px;
    width: 24px;
    border-radius: 8px;
    background-color: #1b89ef;
    color: #fff;
    line-height: 2;
    text-align: center;
    box-shadow: 1px 1px 5px -2px #000;
    font-size: 10px;
    font-weight: 600;
    cursor: pointer;
}
.seat-disabled{ 
    background-color: #999;
    cursor: not-allowed !important;
}
.seat-reserved { 
    background-color: #bd3372;
    cursor: not-allowed !important;
}
.seat-select { 
    background-color: #38c172;
}
.seat-disabled-col { 
    color: #999;
}
.seat-reserved-col { 
    color: #bd3372;
}
.seat-select-col { 
    color: #38c172;
}
.seat-available-col { 
    color: #1b89ef;
}
.p-0 {
    padding: 0 !important;
}
.m-0 {
    margin: 0 !important;
}
.w-100 {
    width: 100% !important;
}
.m-auto {
    margin: auto;
}
.no-display {
    display: none;
}

.seat-checkbox {
    position: absolute;
    z-index: 999999;
    height: 24px;
    width: 24px;
    padding: 0 !important;
    margin: 0 !important;
    display: none;
    cursor: pointer;
}


/* Authorize.net */
.wrapper-cc {
    display: flex;
    padding: 2rem;
}
@media screen and (max-width: 700px), (max-height: 500px) {
    .wrapper-cc {
        flex-wrap: wrap;
        flex-direction: column;
   }
}
.card-form {
    max-width: 570px;
    margin: auto;
    width: 100%;
}
@media screen and (max-width: 576px) {
    .card-form {
        margin: 0 auto;
   }
}
.card-form__inner {
    background: #fff;
    box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);
    border-radius: 10px;
    padding: 35px;
    padding-top: 180px;
}
@media screen and (max-width: 480px) {
    .card-form__inner {
        padding: 25px;
        padding-top: 165px;
   }
}
@media screen and (max-width: 360px) {
    .card-form__inner {
        padding: 15px;
        padding-top: 165px;
   }
}
.card-form__row {
    display: flex;
    align-items: flex-start;
}
@media screen and (max-width: 480px) {
    .card-form__row {
        flex-wrap: wrap;
   }
}
.card-form__col {
    flex: auto;
    margin-right: 35px;
}
.card-form__col:last-child {
    margin-right: 0;
}
@media screen and (max-width: 480px) {
    .card-form__col {
        margin-right: 0;
        flex: unset;
        width: 100%;
        margin-bottom: 20px;
   }
    .card-form__col:last-child {
        margin-bottom: 0;
   }
}
.card-form__col.-cvv {
    max-width: 150px;
}
@media screen and (max-width: 480px) {
    .card-form__col.-cvv {
        max-width: initial;
   }
}
.card-form__group {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
.card-form__group .card-input__input {
    flex: 1;
    margin-right: 15px;
}
.card-form__group .card-input__input:last-child {
    margin-right: 0;
}
.card-form__button {
    width: 100%;
    height: 55px;
    background: #2364d2;
    border: none;
    border-radius: 5px;
    font-size: 22px;
    font-weight: 500;
    box-shadow: 3px 10px 20px 0px rgba(35, 100, 210, 0.3);
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    .card-form__button {
        margin-top: 10px;
   }
}
.card-item {
    max-width: 430px;
    height: 270px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .card-item {
        max-width: 310px;
        height: 220px;
        width: 90%;
   }
}
@media screen and (max-width: 360px) {
    .card-item {
        height: 180px;
   }
}
.card-item.-active .card-item__side.-front {
    transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}
.card-item.-active .card-item__side.-back {
    transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}
.card-item__focus {
    position: absolute;
    z-index: 3;
    border-radius: 5px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.65);
}
.card-item__focus:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #08142f;
    height: 100%;
    border-radius: 5px;
    filter: blur(25px);
    opacity: 0.5;
}
.card-item__focus.-active {
    opacity: 1;
}
.card-item__side {
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);
    transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
    transform-style: preserve-3d;
    transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
    backface-visibility: hidden;
    height: 100%;
}
.card-item__side.-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
    z-index: 2;
    padding: 0;
    height: 100%;
}
.card-item__side.-back .card-item__cover {
    transform: rotateY(-180deg);
}
.card-item__bg {
    max-width: 100%;
    display: block;
    max-height: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.card-item__cover {
    height: 100%;
    background-color: #1c1d27;
    position: absolute;
    height: 100%;
    background-color: #1c1d27;
    left: 0;
    top: 0;
    width: 100%;
    border-radius: 15px;
    overflow: hidden;
}
.card-item__cover:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(6, 2, 29, 0.45);
}
.card-item__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 40px;
    padding: 0 10px;
}
@media screen and (max-width: 480px) {
    .card-item__top {
        margin-bottom: 25px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__top {
        margin-bottom: 15px;
   }
}
.card-item__chip {
    width: 60px;
}
@media screen and (max-width: 480px) {
    .card-item__chip {
        width: 50px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__chip {
        width: 40px;
   }
}
.card-item__type {
    height: 45px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    max-width: 100px;
    margin-left: auto;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .card-item__type {
        height: 40px;
        max-width: 90px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__type {
        height: 30px;
   }
}
.card-item__typeImg {
    max-width: 100%;
    object-fit: contain;
    max-height: 100%;
    object-position: top right;
}
.card-item__info {
    color: #fff;
    width: 100%;
    max-width: calc(100% - 85px);
    padding: 10px 15px;
    font-weight: 500;
    display: block;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    .card-item__info {
        padding: 10px;
   }
}
.card-item__holder {
    opacity: 0.7;
    font-size: 13px;
    margin-bottom: 6px;
}
@media screen and (max-width: 480px) {
    .card-item__holder {
        font-size: 12px;
        margin-bottom: 5px;
   }
}
.card-item__wrapper {
    padding: 25px 15px;
    position: relative;
    z-index: 4;
    height: 100%;
    text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
    user-select: none;
}
@media screen and (max-width: 480px) {
    .card-item__wrapper {
        padding: 20px 10px;
   }
}
.card-item__name {
    font-size: 18px;
    line-height: 1;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
}
@media screen and (max-width: 480px) {
    .card-item__name {
        font-size: 16px;
   }
}
.card-item__nameItem {
    display: inline-block;
    min-width: 8px;
    position: relative;
}
.card-item__number {
    font-weight: 500;
    line-height: 1;
    color: #fff;
    font-size: 27px;
    margin-bottom: 35px;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    .card-item__number {
        font-size: 21px;
        margin-bottom: 15px;
        padding: 10px 10px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__number {
        font-size: 19px;
        margin-bottom: 10px;
        padding: 10px 10px;
   }
}
.card-item__numberItem {
    width: 16px;
    display: inline-block;
}
.card-item__numberItem.-active {
    width: 30px;
}
@media screen and (max-width: 480px) {
    .card-item__numberItem {
        width: 13px;
   }
    .card-item__numberItem.-active {
        width: 16px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__numberItem {
        width: 12px;
   }
    .card-item__numberItem.-active {
        width: 8px;
   }
}
.card-item__content {
    color: #fff;
    display: flex;
    align-items: flex-start;
}
.card-item__date {
    flex-wrap: wrap;
    font-size: 18px;
    margin-left: auto;
    padding: 10px;
    display: inline-flex;
    width: 80px;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}
@media screen and (max-width: 480px) {
    .card-item__date {
        font-size: 16px;
   }
}
.card-item__dateItem {
    position: relative;
}
.card-item__dateItem span {
    width: 22px;
    display: inline-block;
}
.card-item__dateTitle {
    opacity: 0.7;
    font-size: 13px;
    padding-bottom: 6px;
    width: 100%;
}
@media screen and (max-width: 480px) {
    .card-item__dateTitle {
        font-size: 12px;
        padding-bottom: 5px;
   }
}
.card-item__band {
    background: rgba(0, 0, 19, 0.8);
    width: 100%;
    height: 50px;
    margin-top: 30px;
    position: relative;
    z-index: 2;
}
@media screen and (max-width: 480px) {
    .card-item__band {
        margin-top: 20px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__band {
        height: 40px;
        margin-top: 10px;
   }
}
.card-item__cvv {
    text-align: right;
    position: relative;
    z-index: 2;
    padding: 15px;
}
.card-item__cvv .card-item__type {
    opacity: 0.7;
}
@media screen and (max-width: 360px) {
    .card-item__cvv {
        padding: 10px 15px;
   }
}
.card-item__cvvTitle {
    padding-right: 10px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 5px;
}
.card-item__cvvBand {
    height: 45px;
    background: #fff;
    margin-bottom: 30px;
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 10px;
    color: #1a3b5d;
    font-size: 18px;
    border-radius: 4px;
    box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}
@media screen and (max-width: 480px) {
    .card-item__cvvBand {
        height: 40px;
        margin-bottom: 20px;
   }
}
@media screen and (max-width: 360px) {
    .card-item__cvvBand {
        margin-bottom: 15px;
   }
}
.card-list {
    margin-bottom: -130px;
}
@media screen and (max-width: 480px) {
    .card-list {
        margin-bottom: -120px;
   }
}
.card-input {
    margin-bottom: 20px;
}
.card-input__label {
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 500;
    color: #1a3b5d;
    width: 100%;
    display: block;
    user-select: none;
}
.card-input__input {
    width: 100%;
    height: 50px;
    border-radius: 5px;
    box-shadow: none;
    border: 1px solid #ced6e0;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    padding: 5px 15px;
    background: none;
    color: #1a3b5d;
}
.card-input__input:hover, .card-input__input:focus {
    border-color: #3d9cff;
}
.card-input__input:focus {
    box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}
.card-input__input.-select {
    -webkit-appearance: none;
    background-image: url('data:image/png; base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC');
    background-size: 12px;
    background-position: 90% center;
    background-repeat: no-repeat;
    padding-right: 30px;
}
.slide-fade-up-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}
.slide-fade-up-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}
.slide-fade-up-enter {
    opacity: 0;
    transform: translateY(15px);
    pointer-events: none;
}
.slide-fade-up-leave-to {
    opacity: 0;
    transform: translateY(-15px);
    pointer-events: none;
}
.slide-fade-right-enter-active {
    transition: all 0.25s ease-in-out;
    transition-delay: 0.1s;
    position: relative;
}
.slide-fade-right-leave-active {
    transition: all 0.25s ease-in-out;
    position: absolute;
}
.slide-fade-right-enter {
    opacity: 0;
    transform: translateX(10px) rotate(45deg);
    pointer-events: none;
}
.slide-fade-right-leave-to {
    opacity: 0;
    transform: translateX(-10px) rotate(45deg);
    pointer-events: none;
}

.iframe-full iframe {
    width: 100%;
    height: 80vh;
}

.star-active {
    color: #FBC02D;
    margin-top: 10px;
    margin-bottom: 10px
}

.star-active:hover {
    color: #F9A825;
    cursor: pointer
}

.star-inactive {
    color: #CFD8DC;
    margin-top: 10px;
    margin-bottom: 10px
}

.profile-pic {
    width: 10%;
}
.star-rating {
    direction: rtl;
    display: inline-block;
    padding: 20px
}

.star-rating input[type=radio] {
    display: none
}

.star-rating label {
    color: #bbb;
    font-size: 18px;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.star-rating label:hover,
.star-rating label:hover ~ label,
.star-rating input[type=radio]:checked ~ label {
    color: #f2b600
}

#review_modal {
    display: none;   
}

.VueCarousel-pagination {
    position: absolute;
    bottom: 2%;
}


.main-wrapper{background: #202020;width:100%; margin: 0 auto; border: 0px solid #69C33B}

.lgx-header { background: #272829; margin: 0 auto; }
.lgx-container-fluid {background: #272829; height:80px; margin: 0 auto;}
.navbar-header {background: #272829;}
.lgx-header .lgx-navbar .lgx-nav{margin-bottom:0rem;margin-top:0rem}
.lgx-header .lgx-container{background: #272829;margin:0 auto}
.lgx-header .lgx-container-fluid{margin:0px 0px;}
.lgx-header-position{background: #272829;width:100%;height:80px;}
.lgx-header-position-fixed{margin-top:0rem;margin-bottom:0rem,position:fixed;z-index:999}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{height:80px;margin-top:0;transition:all .2s ease-in-out 0s}
.brand-name {display:none;}
.lgx-header .lgx-navbar .lgx-logo{margin:0px auto; padding:0px; padding-left:30px;}
.lgx-header .lgx-navbar .lgx-logo a img,.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{height:80px;margin:0 auto;}
.lgx-container{padding-left:0px;padding-right:0px}
.lgx-header-position lgx-header-position-white lgx-header-position-fixed menu-onscroll {background: #272829;}
.lgx-header .menu-onscroll {background: #272829;}
.navbar-header {background: #272829;height:80px; }
.home {background: #202020;  overflow-x:hidden; border:0px solid #FF5739;}
.main-search{background: #fff;border:4px solid #eaeaea;border-radius:12px;box-shadow:0 8px 6px -6px rgba(50,51,51,.4)}
.main-search-container {background: #202020;}
.lgx-schedule-dark div {text-align:center;  background: #272829; border: 0px solid #ff00ff; padding: 0px; }
.lgx-schedule-dark .lgx-inner .lgx-heading {text-align:center;  background: #292146; border: 0px solid #ff00ff; padding-top: 5vw; }
.lgx-schedule-dark .lgx-inner .sponsors-area  {display:block; background: #292146;  border: 0px solid #ff00ff; margin: 0 auto; padding-bottom:5vw;}
.lgx-schedule-dark .lgx-inner .sponsors-area div {display:inline-block; background: #ffbb00;  border: 0px solid #ff00ff; margin: 0 auto;}
.single a{text-align:center; padding:0 px;}
.single a img{border-radius:8px;width:100%}
.single a img {display:none;}
.single:hover{opacity:1}

.lgx-banner-info {width: 50%; float:left; margin-top: 10%; margin-left:0px; border: 0px solid #69C33B}
h2.lgx-banner-info {margin-bottom: 8px; font-family: Poppins; font-weight: 700; line-height: 1.1; color: #fff; font-size: 40px;}
h3.lgx-banner-info {margin-bottom: 8px; font-family: Poppins; font-weight: 700; line-height: 1.1; color: #fff; font-size: 32px;}
h2.title.lgx-delay.lgx-fadeInDown {font-family: Poppins;}
.lgx-vertical {width:100%; display: block; float:left; margin-top:15%; margin-left: 0%; border: 0px solid #41A5E1}

.sponsors-area .single{border: 0px solid #ff00ff;border-radius:5px;box-shadow:0 1px 15px 1px rgba(52,40,104,.05); margin:0 .5% .6rem;overflow:hidden;padding:0px;transition:all .3s ease-in-out 0s;background:#ffbb00;width:7vw;height: 3vw; line-height: 3vw;text-align:center; }
.sponsors-area .single a {margin: 0 auto;font-size:0.8vw;padding-top: 0px; border: 0px solid #000; height:3vw; }
.sponsors-area .single span {margin: 0 auto;font-size:0.8vw;margin-top: -0.4vw; border: 0px solid #ff00ff; line-height:0.9vw; }


.bc-content-wrapper {display: block; width: 90%; margin-left:0px; padding-left:5%; margin-bottom:4vw;border: 0px solid #FFB900}
.bc-sub-wrapper  {display: flex; flex-wrap: wrap; width: 100%; border: 0px solid #fff;}
.bc-lgx-inner-left {display: block; order: 1; width: 40%;float:left; margin: 0 auto; padding: 0px;border: 0px solid #ff00ff; }
.bc-lgx-inner-left .lgx-inner {margin: 0 auto; padding: 0px;padding-top:4vw; border: 0px solid #FFB900}
.bc-lgx-inner-right {display: block; order: 2; width: 60%;float:right; border: 0px solid #FFB900}
.container-fluid { display:block;width: 100%; margin:0 auto; padding: 0px; border: 0px solid #ff00ff;}
.container-fluid .row{ width: 100%; margin:0 auto; padding: 0px; border: 0px solid #ff00ff;}
.bc-lgx-inner-right .lgx-inner {margin: 0 auto; padding: 0px;padding-top:4vw;}

.lgx-inner {margin-top: 0px;}
.container-fluid .lgx-event { background:#272829; margin-bottom:12px; margin-top: 0px; padding:15px;}
.container-fluid .col-lg-10 {display:block; margin:0px auto; padding-left: 0px; width: 100%;border: 0px solid #fff; }
.container-fluid .col-lg-4{flex:0 0 100%;max-width:100%}
.lgx-event__tag {display:none;}
.lgx-event__image {float:left;width:22%}
.lgx-event__info  {float:right;width:78%; margin:0 auto; padding: 0px 0px 0px 15px;}
.lgx-event__info ul {height:20%; border: 0px solid #000; display:block; width: 100%; margin: 0 auto; padding: 10px 0px 0px 0px;}
.lgx-event__info ul li {background:#E9AD3F;border-radius: 0px; border: 0px solid #000; display: inline-block;color:#fff; text-transform: uppercase; font-size: 1rem;margin-right:6px; padding: 0px 7px;}
.lgx-event__info ul li:nth-of-type(1n+5) {display: none;}
.lgx-event__category{position:relative}
.lgx-event__category span{background:#f9f9f9;bottom:0;color:#00192f;opacity:1;padding:1rem;text-align:center;width:100%}
.lgx-event__category span{opacity:0;transform:translateY(100%)}
.lgx-event__footer{display:flex;opacity:0;transform:translateY(0%);transition:all .4s}
.lgx-event__footer div{color:#00192f;flex:1;font-size:1.4rem;font-weight:100;padding:1rem;text-align:center}
.lgx-event__footer div:nth-child(1n){background:#f9f9f9}
.lgx-event__footer div:nth-child(2n){background:#fff}

.meta-wrapper {height:20%; padding: 0px 0px 0px 0px; margin: 0 auto;}
.meta-wrapper > span:nth-child(2) {
    display: none;
}
.bc-sub-title {display:none;}
h5.sub-title {height:25%; padding: 0px 0px 0px 0px; margin: 0 auto;}
h3.title {height:35%; padding: 0px 0px 0px 0px; margin: 0 auto;}
.lgx-event{background:#fff;border-radius:0px;box-shadow:0 4px 0 2px #202020;margin-bottom:2.6rem; margin-right:0.6%;}
.lgx-event .meta-wrapper span {
    color: #9c9c9c;
    font-size: 1.2rem;
}
.lgx-event .meta-wrapper span:after {
    color: #9c9c9c;
    content: "|";
    display: inline-block;
    margin: 3px 6px 3px 7px;
}
.text-primary {
    color: #9c9c9c !important;
}
.lgx-event .sub-title {
    color: #9e9e9e;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0rem;
    max-height: 40px;
    overflow: hidden;
}
.lgx-inner {
    padding: 3rem 0;
}

.lgx-header .navbar-collapse.collapse.in {
    background: #272829;
    min-height: 100vh;
}


.bc-content-tab {display:block; overflow: visible; padding:0px; border: 0px solid #41A5E1}
.bc-content-tab .container-fluid {display:block; width:100%; margin: 0px auto; padding: 0px;}
.bc-content-tab .container-fluid .lgx-event {background: #272829; margin-bottom: 12px; margin-top: 0px; padding: 0px;}
.bc-content-tab .container-fluid .col-lg-10 {display:block; width:100%; margin: 0px auto; padding: 0px; border: 0px solid #41A5E1}
.bc-content-tab .container-fluid .row {display:block; background: #202020; width:100%; margin: 0px auto; padding: 0px; border: 0px solid #69C33B}
.bc-content-tab-item .lgx-inner {width: 100%; padding-top: 15px; padding-left:0px;}
.bc-content-tab-item .row .col-lg-4 {background: #202020; flex:0 0 16%;margin: 0px auto;max-width:14.66%; padding:0px; padding-left:0px; border: 0px solid #69C33B}
.bc-content-tab-item .row .col-12 {background: #202020; margin: 0px auto; padding: 0px;}
.bc-content-tab-item .row .col-sm-6 {background: #202020; margin: 0px auto; margin-right:2%;padding: 0px;} 
.bc-content-tab-item .row .col-lg-4 .lgx-event {border-radius: 0px;background:#202020;border:none;}
.bc-content-tab-item .lgx-event .lgx-event__tag {display:none;}

.bc-content-tab-item .lgx-event .lgx-event__image {display:block; width:100%; border-radius: 0px; }
.bc-content-tab-item .lgx-event .lgx-event__info  {display:block; width:100%; margin:0 auto; padding: 0px 0px 0px 0px; color:#fff;}
.bc-content-tab-item .lgx-event .lgx-event__info .title {display:none;}
.bc-content-tab-item .lgx-event .lgx-event__category{position:relative}
.bc-content-tab-item .lgx-event .lgx-event__category span{background:#f9f9f9;bottom:0;color:#00192f;opacity:1;padding:1rem;text-align:center;width:100%}
.bc-content-tab-item .lgx-event .lgx-event__category span{opacity:0;transform:translateY(100%)}
.bc-content-tab-item .lgx-event .lgx-event__footer{display:flex;opacity:0;transform:translateY(0%);transition:all .4s}
.bc-content-tab-item .lgx-event .lgx-event__footer div{color:#00192f;flex:1;font-size:1.4rem;font-weight:100;padding:1rem;text-align:center}
.bc-content-tab-item .lgx-event .lgx-event__footer div:nth-child(1n){background:#f9f9f9}
.bc-content-tab-item .lgx-event .lgx-event__footer div:nth-child(2n){background:#fff}
@media (min-width: 992px) {
    .col-lg-10 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .col-lg-10 {
        width: 100%%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) {
    .col-md-4 {
		flex: none;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-4 {
		flex: none;
        max-width: 100%;
    }
}
@media (min-width: 576px) {
    .col-sm-6 {
        flex: none;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .col-md-5 {
        width: 100%;
    }
}

@media (min-width: 768px) {
    .col-sm-6 {
        width: 25%;
    }
}

.subrow-single {
		max-width: 30%;
		display: block !important;
		margin-left: 8.333333%
    }

/*
@media only screen and (max-width: 1023px){
.bc-content-wrapper {border: 0px solid #000; display: block; width: 100%; height:100%; margin-bottom:4vw;}
.bc-lgx-inner-left {width: 70%; margin: 0 auto; float: left; margin-left:15%;padding: 0px;}
.bc-lgx-inner-right {border: 0px solid #000; width: 70%; float:left; margin-left:15%;}
.container-fluid .lgx-event { margin-bottom:8px;}
.sponsors-area .single{border-radius:5px;box-shadow:0 1px 15px 1px rgba(52,40,104,.05); margin:0 .5% .6rem;overflow:hidden;padding:0px;transition:all .3s ease-in-out 0s;background:#ffbb00;width:15vw;height: 6vw; line-height: 3vw;text-align:center; }
.sponsors-area .single a {margin: 0 auto;font-size:1.2vw;padding-top: 0px; border: 0px solid #000; height:3vw; }
.sponsors-area .single span {margin: 0 auto;font-size:1.2vw;margin-top: -0.4vw; border: 0px solid #ff00ff; line-height:0.9vw; }
}
*/




.lgx-footer-black .lgx-inner-footer {background: #272829; border: 0px solid #ff00ff;}
.lgx-footer-bottom {background: #000; height:55px;}


.Cookie--gdpr{background:#000;box-shadow:0 -10px 20px -12px rgba(0,0,0,.42),0 -3px 20px 0 rgba(0,0,0,.12),0 -8px 10px -5px rgba(0,0,0,.2);padding:2rem}
.Cookie--gdpr .Cookie__content{color:#ccc}
.Cookie--gdpr .Cookie__button{background:#fff;background:#FFC107;border:none;border-radius:0px;box-shadow:0 8px 6px -6px rgba(50,51,51,.4);color:#fff;cursor:pointer;display:inline-block;font-family:Noto Sans,sans-serif;font-size:14px;font-weight:400;letter-spacing:.1rem;margin:0 auto;outline:0;overflow:hidden;padding:1.5rem 4rem;position:relative;text-align:center;transition-duration:.3s}
.Cookie--gdpr .Cookie__button:hover{border-radius:16px;box-shadow:0 8px 15px rgba(0,0,0,.1);color:#fff;transition-duration:.3s}
.Cookie--gdpr .Cookie__button:after{background:#000;content:"";height:200px;left:20px;opacity:.15;position:absolute;top:14px;transform:translateX(-98%) translateY(-25%) rotate(45deg);transition:all .5s ease-in-out;width:200px}
.Cookie--gdpr .Cookie__button:hover:after{border-radius:100%;height:604%;left:43px;transform:translateX(-9%) translateY(-25%) rotate(45deg);width:300px}

.lgx-btn-red{background:#FFC107}
.lgx-btn-black{background:#FFC107}

/* Slider Gradients */


figcaption {display:block;margin: 0 auto; width:100%;height:100%;border: 0px solid #000000;background: linear-gradient(90deg, rgb(39 40 41) 0%, rgb(39 40 41) 35%, rgba(83, 100, 141, 0) 100%)}

.lgx-banner-style {height: 100%; padding: 0px;}
.lgx-banner{background-position:top;background-repeat:no-repeat;background-size:cover}
.lgx-banner.event-poster{min-height:100vh}
.lgx-banner .lgx-inner{padding:30rem 0 30rem;}


.lgx-hover-link {float: left; margin: 0 auto; margin-left:0px; border: 0px solid #fff;}
.lgx-gallery-single figure figcaption .lgx-hover-link .lgx-vertical a i{padding:0px}

.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#E9AD3F!important; padding:10px 15px 10px 15px;border: 0px}


.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
.MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
.MultiCarousel .MultiCarousel-inner .item { float: left;}
.MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#272829; color:#fff;}
.MultiCarousel .leftLst, .MultiCarousel .rightLst { background:#E9AD3F; border-style: none; position:absolute; border-radius:50%;top:calc(50% - 20px); }
.MultiCarousel .leftLst { left:0; }
.MultiCarousel .rightLst { right:0; }
.MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:#FFCC5D; border-style: none;}
.MultiCarousel-inner .pad15 .lead { padding-top: 40px; padding-bottom: 30px; color:#fff;}

h2.heading {
	display: block;
	margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
	text-align: left;
	margin-top: 0;
    margin-bottom: 45px;
    position: relative;
    letter-spacing: .64px;
    color: #fff;
    line-height: 25px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}
h2.heading:before {
    background: #E7AC3E;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    bottom: -15px;
    width: 50px;
}
.lgx-heading .heading, .lgx-heading .subheading {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin: 0;
    line-height: 25px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 15px;
	margin-top: 25px;
    position: relative;
    letter-spacing: .64px;
}

.lgx-banner-info .subtitle {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    text-shadow: none;
}
.lgx-inner {
    margin: 0px 0px;
}
.lgx-btn-red {
    background: #E7AC3E;
}
.lgx-btn {
    background: #fff;
    background: #E9AD3F;
    border: none;
    border-radius: 0px;
    box-shadow: 0 8px 6px -6px rgba(50, 51, 51, .4);
    cursor: pointer;
    display: inline-block;
    font-family: Noto Sans, sans-serif;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .1rem;
    margin: 0 auto;
    outline: 0;
    overflow: hidden;
    padding: 1.5rem 4rem;
    position: relative;
    text-align: center;
}

.lgx-btn-black {
    background: #E7AC3E;
}

h1, h2, h3, h4, h5, h6 {
    color: #fff;
}
.lgx-single-news {
    background: #272829;
    border-radius: 0px;
    box-shadow: none;
    margin-bottom: 12px;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

body, p {
    color: #9c9c9c;
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 24px;
    line-height: 2.4rem;
    line-height: 2.6rem;
    margin: 0;
    padding: 0;
}

.lgx-about {
    background: #202020;
}

.lgx-banner-info-circle .info-circle-inner {
    background-color: #202020;
    background-repeat: no-repeat;
	background-position: top;
    background-size: 100% auto, cover;
    border-radius: 0%;
    height: 350px;
    text-align: center;
    width: 350px;
	box-shadow: none;
}

.lgx-about-service .lgx-single-service-color {
    background: none; 
    background-image:none;
    border-radius: 18px;
    box-shadow: none; 
    flex: 1;
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 2rem 3rem;
}

.breadcrumb-area .breadcrumb {
    background-color: #272829;
    border-radius: none;
    box-shadow: none; 
    list-style: none;
    margin-bottom: 0;
    padding: 5rem 2rem;
}
.lgx-page-wrapper, .lgx-post-wrapper {
    padding: 5rem 10rem;
}

.row-artist-left {display:block; float:left;width:28%}
.row-artist-left .col-xs-12 {width: 100%;}
.row-artist-right {display:block; float:right; width:70%}
.lgx-post-wrapper .speaker-info .title {
    color: #fff;
}
.list-group-item {
    background-color: #202020; 
    border: 0px solid #ddd;
    display: block;
    margin-bottom: -1px;
    padding: 10px 15px;
    position: relative;
}


@media only screen and (max-width: 767px){
.body {overflow-x: hidden;}	
.bc-content-wrapper {display: block; width: 100%; margin-bottom:4vw;}
.bc-sub-wrapper  {display: flex; flex-wrap: wrap; width: 100%;}
.bc-lgx-inner-left {display: block; order: 2; width: 100%;float:left; margin-left:0%;}
.bc-lgx-inner-right {display: block; order: 1; width: 100%;float:right; margin-left:0%;}
.lgx-event__info  {float:right;width:78%; margin:0 auto;padding: 0px 0px 0px 8px; }
.lgx-event__info .meta-wrapper span {display:inline-block; height:3.5vw;padding: 0px 0px 0px 0px; margin-top: 0px; border: 0px solid #000; font-size:1.6vw; }
.lgx-event__info .meta-wrapper {height:3.5vw; padding: 0px 0px 0px 0px; margin: 0 auto; border: 0px solid #000;}
.lgx-event__info h3.title {height:4vw; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 95%;  padding: 0px 0px 0px 0px; margin: 8px 0px -4px 0px;border: 0px solid #000; font-size: 2vw;}
.lgx-event__info h5.sub-title {height:4vw; padding: 0px 0px 0px 0px; margin: 0 auto;border: 0px solid #000; font-size: 1.7vw;}
.lgx-event .lgx-event__info ul{height:3.5vw; border: 0px solid #000; width: 100%; margin: 0 auto; padding: 0px; line-height:0.9vh; display: flex; flex-direction: row; align-items: center;}
.lgx-event .lgx-event__info li{height:3.3vw; background:#FFC107;border-radius: 0vw; border: 0px solid #000; color:#fff; text-transform: uppercase; font-size: 1.4vw;margin-right:0.6vw; margin-top:0px; padding-left: 1.1vw;padding-right:1.1vw;padding-top:0.5vw;padding-bottom:0.5vw;text-align:center; display: flex; flex-direction: row; align-items: center;}
.lgx-header .lgx-navbar .lgx-logo{margin:0px auto; padding:0px; padding-left:0px;}
.lgx-header .lgx-navbar .lgx-logo a img,.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{height:14vw;margin:0 auto;}
.lgx-header .menu-onscroll .lgx-navbar .lgx-logo a img{height:14vw;margin-top:0;transition:all .2s ease-in-out 0s}
.lgx-container-fluid {background: #272829; height:14vw; margin: 0 auto;}
.navbar-header {background: #272829;height:14vw; }
.lgx-container-fluid {background: #272829;height:14vw; margin: 0 auto;}
.navbar-header {background: #272829;height:14vw; }
.lgx-header-position{background: #272829;width:100%;height:14vw;}
.container-fluid .lgx-event { margin-bottom:8px;}
.sponsors-area .single{border-radius:5px;box-shadow:0 1px 15px 1px rgba(52,40,104,.05); margin:0 .5% .4rem;overflow:hidden;padding:0px;transition:all .3s ease-in-out 0s;background:#ffbb00;width:40%;height: 10vw; line-height: 3vw;text-align:center;border: 0px solid #ff00ff;  }
.sponsors-area .single a {margin: 0 auto;font-size:2.2vw;padding-top: 0px; border: 0px solid #000; height:3vw; }
.sponsors-area .single span {margin: 0 auto;font-size:2.8vw;margin-top: -0.4vw; border: 0px solid #ff00ff; line-height:0.9vw; }
.offset-1 { margin-left: 0px; }
.col-10 { flex: 0 0 100%; max-width: 100%;}
.lgx-event .title {line-height: 1.4rem;}
.lgx-banner-info .action-area { margin-top: 1rem;}
.lgx-page-wrapper, .lgx-post-wrapper { padding: 0rem 0rem !important;}

.col-xs-12 {width: 50%;}
.lgx-banner .lgx-inner {padding: 12rem 0;}

.lgx-btn {color: #fff !important; background-color: #E9AD3F !important; padding: 10px 15px 10px 15px; border: 0px; font-family: 'Poppins', sans-serif;font-size: 1.6rem; font-weight: 400; line-height: 2.6rem;}

}

.bc-icon-container {
  display: inline-block; /* Para que los iconos no se apilen automáticamente */
  text-align: center;
}

.bc-icon {
  margin: 0 auto;
  width: 50px; /* Ajusta el tamaño según tus necesidades */
  height: 50px; /* Asegúrate de que sea un cuadrado */
  border-radius: 50%; /* Hace que el icono sea perfectamente circular */
  transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.bc-icon:hover {
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.4); /* Sombreado circular */
  transform: scale(1.1); /* Opcional: pequeño aumento al pasar el ratón */
  cursor: pointer;
}

.pagination {
    display: flex;
    flex-wrap: wrap;  
    justify-content: center; 
    list-style: none;
    padding: 0;
    gap: 5px; 
    max-width: 100%;
}

.page-item {
    flex: 1 1 auto; 
    text-align: center;
}

.page-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: #333;
    font-weight: bold;
    border: 2px solid #ccc;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
}

.page-item a:hover,
.page-item a:focus {
    background-color: #f0f0f0;
    border-color: #999;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
    transform: scale(1.1);
}

.page-item a span {
    font-size: 14px;
}

.page-item.active a {
    background-color: #007bff; /* Azul para la página activa */
    color: white;
    border-color: #007bff;
}

.page-item a:active {
    background-color: #0056b3;
    border-color: #004085;
}

@media screen and (max-width: 480px) {
.lgx-banner-info .subtitle {margin-top: 1rem !important;}
.bc-content-wrapper {margin-left: 0% !important;padding-left: 5% ;padding-right: 1%;}
.bc-content-tab {padding-left: 15px;}
.bc-row {margin-left: -15px;display: flex;flex-wrap: wrap;}
.bc-lgx-inner-right .col-10 {padding-right: 0px !important;}
.bc-lgx-inner-left .col-xs-12 {width: 100% !important;}
.bc-lgx-inner-left .col-md-4 {padding-left: 0px;padding-right: 10px;}
.row {padding-right: 15px;padding-left: 15px;}
.lgx-banner-info {margin-top: 5%;margin-left: 15px;}
.g-map-wrapper {min-height: 250px;}
.mb-50 {margin-bottom: 0px;}
.lgx-heading .heading {font-size: 20px;padding-top: 10px;}
.pl-30 {padding-left: 30px;padding-right: 30px;}
.col-xs-12 {width: 100%;}
.col-lg-4 {padding-left: 10px;padding-right: 25px;}
.page-item a {width: 35px;height: 35px;font-size: 14px;}
#artists .col-xs-12.col-sm-6 {width: 50%;}
.row-artist-left {width: 100%;}
.row-artist-right {width: 100%;}
.row-artist-left article header {margin-bottom: 0rem; margin-top: 15px; text-align: center; width: 35%;display: block; float: left;}
.card {width: 60%; display: block; float: right;margin-top: 15px;}
.lgx-header .navbar-collapse.collapse.in {background: #272829;min-height: 100vh;}

.pagination {flex-wrap: wrap; gap: 3px; }
.page-item a {width: 35px;height: 35px;font-size: 14px;}
.lgx-inner-breadcrumb .row {margin-left: 0px; margin-right: 0px;}
}