/* Overrides */

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #fb324f;
  --bs-secondary: #7c8ea5;
  --bs-success: #198754;
  --bs-info: #3781d3;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #0c1b2c;
  --bs-gradient: linear-gradient( -57deg,rgb(255,0,101) 0%,rgb(255,85,62) 100%);
  --bs-body-color: #212529;
  --bs-body-bg: #e2f0ff;
}


.section-title {
  margin-bottom: 40px;
  /*padding-top: 55px;*/
  text-align: left;
  text-transform: uppercase;
}

.section-title h1 {
  font-size: 12px;
  letter-spacing: 14px;
  color: #aebed3;
  /*font-family: allerbold;*/
  margin-top: 15px
}

.section-title h2 {
  font-size: 46px;
  /*color: #000;*/
  margin: 0;
  /*font-family: aller_displayregular*/
}

.section-title h2 {
  font-size: 46px;
  /*color: #000;*/
  margin: 0;
  /*font-family: aller_displayregular*/
}

.festival-schedule.live-shows .image-overlay {
  background-color: rgba(184, 187, 189, .5);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.festival-info:hover {
  background: var(--theme-color);
}

.festival-info:hover .image-overlay {
  background-color: transparent;
}
.festival-info:hover h1 {
  color: #efefef;
}

.festival-schedule {
  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 5s; /* Firefox < 16 */
  -ms-animation: fadein 5s; /* Internet Explorer */
  -o-animation: fadein 5s; /* Opera < 12.1 */
  animation: fadein 5s;
}
@keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

.festival-schedule { padding: 10px;}
.festival-schedule.live-shows .festival-info:hover .image-overlay {
  /*background-color: rgba(237, 20, 91, .7)*/
}

.festival-schedule.live-shows .time h1 {
  font-size: 72px;
  line-height: 40px;
  padding-top: 5px;
  margin-top: 15px
}

.festival-info {
  /*background-color: #f7f7f7;*/
  display: block;
  overflow: hidden;
  margin-bottom: 30px;
  border-radius: 6px;
  background: rgb(21 37 55);
  box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.12);
  padding:10px 30px 10px 10px;
  /*display: flex;*/
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;

}

.festival-info:last-child {
  margin-bottom: 25px
}

.festival-image {
  float: left;
  max-width: 115px;
  max-height: 110px;
  margin-right: 15px;
  position: relative;
  overflow: hidden
}

.image-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(237, 20, 91, .7);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0)
}

.festival-info:hover .image-overlay {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.festival-info .time {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -48px;
  text-align: center;
  color: #fff;
  font-size: 38px;
  font-family: aller_lightregular
}

.festival-info .time span {
  font-size: 16px;
  letter-spacing: 8px;
  display: block
}

.festival-info h2 {
  color: #aebed3;
  font-size: 24px
}

.festival-info:hover h2 {
  color: #fff;
}

.festival-info:hover h5 {
  color: #efefef;
}

.festival-info h5 {
  display: inline;
  font-size: 12px;
  margin-top: 10px;
  color: #7188a4;
  font-style: normal;
  font-weight: 400;
}

.festival-info .text-left {
  /*float: left*/
}

.festival-info .text-right {
  padding-right: 60px;
  padding-top: 50px
}

/*tolga start */
.page-link {
  padding: 2.375rem 15.75rem;
   color: unset;
  text-decoration: none;
   background-color: unset;
   border: none;
}

.page-item.active .page-link {
  color: #fff;
  background-color: #fb324f;
  border-color: unset;
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: unset;
  border-color: unset;
}

.page-link:hover {
  color: #fff;
  background-color: unset;
  background-image: -webkit-linear-gradient( -57deg,rgb(255,0,101) 0%,rgb(255,85,62) 100%);

  border-color: unset;
}

.ms_artist_inner {
  margin-bottom: 120px;
}

/*--
/*  23 - Event List CSS from MEETA theme: https://thepixelcurve.com/html/meeta/ /*
/*----------------------------------------*/

.event-list-top-bar .event-list-search .single-form {
  position: relative;
}


@media only screen and (max-width: 767px) {
  .event-list-top-bar .event-list-search .single-form.form-border::before {
    display: none;
  }
}

.event-list-top-bar .event-list-search .form-btn .btn {
  height: 70px;
  padding: 0 40px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

@media only screen and (max-width: 1199px) {
  .event-list-top-bar .event-list-search .form-btn .btn {
    padding: 0 30px;
  }
}

@media only screen and (max-width: 767px) {
  .event-list-top-bar .event-list-search .form-btn .btn {
    width: 100%;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
  }
}

.event-list-top-bar .event-list-search .form-btn .btn::before {
  display: none;
}

.event-list-top-bar .event-filter-wrap {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 991px) {
  .event-list-top-bar .event-filter-wrap {
    margin-top: 20px;
  }
}

.event-list-top-bar .event-filter-wrap .event-collapse-btn {
  margin-left: 30px;
}

@media only screen and (max-width: 991px) {
  .event-list-top-bar .event-filter-wrap .event-collapse-btn {
    margin-left: 0;
  }
}

.event-list-top-bar .event-filter-wrap .event-collapse-btn .btn {
  height: 70px;
  border: 1px solid #7188a4;
  border-radius: 5px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  padding: 0 45px;
  color: #7188a4;
  line-height: 70px;
}

@media only screen and (max-width: 1199px) {
  .event-list-top-bar .event-filter-wrap .event-collapse-btn .btn {
    padding: 0 25px;
  }
}

.event-list-top-bar .event-filter-wrap .event-collapse-btn .btn::before {
  display: none;
}

.event-list-top-bar .event-filter-wrap .event-list-btn {
  border: 1px solid #7188a4;
  border-radius: 5px;
  margin-left: 10px;
}

.event-list-top-bar .event-filter-wrap .event-list-btn ul {
  flex-wrap: nowrap;
}

.event-list-top-bar .event-filter-wrap .event-list-btn ul li button {
  width: 40px;
  height: 66px;
  border: 0;
  background: none;
  color: #1a0a1e;
}

.event-list-top-bar .event-filter-wrap .event-list-btn ul li button.active {
  color: var(--theme-color);
}

.event-list-top-bar .event-list-tag {
  margin-top: 15px;
}

.event-list-top-bar .event-list-tag ul li {
  display: inline-block;
  margin-top: 10px;
  padding: 0 3px;
}

.event-list-bottom-bar {
  display: flex;
  align-items: center;
  margin-top: 55px;
}

.event-list-bottom-bar .event-list-btn .event-btn {
  height: 35px;
  width: 35px;
  line-height: 35px;
  background: #ebebeb;
  border-radius: 5px;
  text-align: center;
  font-size: 12px;
  margin-right: 5px;
}

.event-list-bottom-bar .event-list-btn .event-btn:hover {
  background: var(--theme-color);
  color: #ffffff;
}

.event-list-content-wrap .event-list-item {
  margin-top: 40px;
}

.event-list-content-wrap .event-list-item .event-img {
  overflow: hidden;
}

.event-list-content-wrap .event-list-item .event-img a {
  display: block;
}

.event-list-content-wrap .event-list-item .event-img a img {
  width: 100%;
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.event-list-content-wrap .event-list-item .event-list-content {
  margin-top: 20px;
}

.event-list-content-wrap .event-list-item .event-list-content .event-price .cat {
  height: 25px;
  line-height: 25px;
  background: var(--theme-color);
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  padding: 0 15px;
  border-radius: 5px;
  color: #ffffff;
  margin-right: 10px;
}

.event-list-content-wrap .event-list-item .event-list-content .event-price .price {
  font-size: 16px;
  line-height: 30px;
  font-weight: 600;
  /*color: #1a0a1e;*/
}

.event-list-content-wrap .event-list-item .event-list-content .title {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  /*color: #1a0a1e;*/
  margin-top: 15px;
}

.event-list-content-wrap .event-list-item .event-list-content .meta-data span {
  font-size: 13px;
}

.event-list-content-wrap .event-list-item .event-list-content .meta-data span:last-child {
  margin-left: 20px;
}

.event-list-content-wrap .event-list-item .event-list-content .meta-data span i {
  color: var(--theme-color);
  margin-right: 5px;
}

.event-list-content-wrap .event-list-item .event-list-content p {
  margin-top: 15px;
}

.event-list-content-wrap .event-list-item .event-list-content .ticket-link {
  font-size: 14px;
  line-height: 24px;
  font-family: "Archivo", sans-serif;
  font-weight: 600;
  color: var(--theme-color);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--theme-color);
  text-decoration-color: var(--theme-color);
  margin-top: 10px;
}

.event-list-content-wrap .event-list-item:hover .event-img a img {
  transform: scale(1.1);
}

.event-list-content-wrap .event-list-item.event-list {
  margin-top: 60px;
  position: relative;
  padding-left: 95px;
}

@media only screen and (max-width: 575px) {
  .event-list-content-wrap .event-list-item.event-list {
    padding-left: 65px;
  }
}

.event-list-content-wrap .event-list-item.event-list::before {
  content: "";
  width: 1px;
  height: 130%;
  background-color: #ebebeb;
  position: absolute;
  left: 22px;
  top: 0;
  z-index: -1;
}

.event-list-content-wrap .event-list-item.event-list:last-child::before {
  height: 100%;
}

.event-list-content-wrap .event-list-item.event-list .event-img {
  border-radius: 5px;
}

.event-list-content-wrap .event-list-item.event-list .event-list-content {
  flex: 1;
  margin-top: 0;
  margin-left: 50px;
}

@media only screen and (max-width: 991px) {
  .event-list-content-wrap .event-list-item.event-list .event-list-content {
    margin-left: 0;
    margin-top: 25px;
  }
}

.event-list-content-wrap .event-list-item.event-list .event-time {
  width: 45px;
  height: 45px;
  line-height: 16px;
  text-align: center;
  background: var(--theme-color);
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 12px;
  font-family: "Archivo", sans-serif;
  font-weight: 600;
  display: inline-block;
  padding: 8px;
}

.event-list-content-wrap .event-list-item.event-list .event-time span {
  font-size: 16px;
  display: block;
}

.meeta-event-list-wrap .event-next-prev-btn {
  margin-top: 35px;
}

.meeta-event-list-wrap .event-next-prev-btn .event-btn {
  font-size: 15px;
}

.meeta-event-list-wrap .event-next-prev-btn .event-btn i {
  font-size: 11px;
}

.meeta-event-list-wrap .event-next-prev-btn .event-btn.btn-next {
  border-left: 1px solid #ebebeb;
  padding-left: 30px;
  margin-left: 25px;
}

/*====Banner Css Start====*/
.ms-banner {
  padding: 0px 0px 40px;
}
.ms_banner_img {
  text-align: center;
  max-width: 511px;
  width: 100%;
  float: left;
}
.ms_banner_text {
  width: calc(100% - 511px);
  /* float: left; */
  /* padding-top: 135px; */
  position: absolute;
  bottom: 200px;
  left: 100px;
}
@media (max-width: 1400px) {
  .ms_banner_text {
    width: calc(100% - 470px);
  }
}
@media (max-width: 1200px) {
  .ms_banner_text {
    width: calc(100% - 50%);
    padding-top: 85px;
  }
}

@media (max-width: 991px) {
  .ms_banner_text {
    padding-left: 0px;
  }
}

@media (max-width: 992px) {
  .ms_banner_text {
    width: 100%;
    padding-top: 20px;
    padding-left: 30px;
    text-align: center;
  }
}
.ms_banner_text .ms_banner_btn .ms_btn {
  height: 40px;
  width: 100%;
  margin-right: 25px;
  line-height: 45px;
  margin-left: 0;
  max-width: 150px;
  font-weight: 600;
}
.ms_banner_text .ms_banner_btn .ms_btn:hover {
  text-decoration: none;
  color: #172334;
  box-shadow: 0px 0px 20px 0px var(--theme-color);
}
.ms_banner_text h1 {
  font-size: 45px;
  font-weight: bold;
  color: #fff;
}
.ms_banner_text p {
  margin: 15px 0px 40px;
  line-height: 30px;
  color: #fff;
}

/*--
/*  03 - Hero CSS
/*----------------------------------------*/
.meeta-hero-section {
  height: 100vh;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #0541da;
  overflow: hidden;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
.meeta-hero-section h1, .meeta-hero-section h2, .meeta-hero-section h3, .meeta-hero-section h4, .meeta-hero-section h5, .meeta-hero-section h6 {
  font-family: "Big Shoulders Display", cursive;
}
@media only screen and (max-width: 767px) {
  .meeta-hero-section {
    /*height: 820px;*/
    height: 100vh;
  }
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section {
    /*height: 480px;*/
    height: 100vh;
  }
}

.meeta-hero-section::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: darkblue;
  opacity: 0.6;
  z-index: -1;
}

.meeta-hero-section .hero-shape-01 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 200px;
  opacity: 0.8;
  -webkit-animation: bounce-animate 3s infinite linear;
  animation: bounce-animate 3s infinite linear;
  z-index: 9;
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .hero-shape-01 {
    width: 70px;
  }
}

.meeta-hero-section .hero-shape-02 {
  position: absolute;
  top: 40%;
  left: 45%;
  opacity: 0.8;
  -webkit-animation: round-01 3s linear infinite;
  animation: round-01 3s linear infinite;
  z-index: 9;
  width:25%;
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .hero-shape-02 {
    width: 110px;
    top: 70%;
    left: unset;
    right: 10%;
  }
}

.meeta-hero-section .hero-shape-03 {
  position: absolute;
  top: 45%;
  left: 5%;
  width: 200px;
  opacity: 0.8;
  -webkit-animation: bounce-animate 3s infinite linear;
  animation: bounce-animate 3s infinite linear;
  z-index: 9;
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .hero-shape-03 {
    width: 70px;
  }
}

.meeta-hero-section .meeta-hero-content {
  max-width: 710px;
  padding: 50px;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content {
    margin-top: 120px;
  }
}

.meeta-hero-section .meeta-hero-content .hero-content-shape {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  max-width: 710px;
  width: 100%;
  height: auto;
  z-index: -1;
}

.hero-content-shape-music {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: auto;
  z-index: 11;
  fill-opacity: 0.2;
}
.hero-content-shape-confetti {
  position: absolute;
  top: -60px;
  /* transform: translateX(50%); */
  right: 100px;
  width: 100%;
  height: auto;
  z-index: 11;
  fill-opacity: 0.8;
}
.meeta-hero-section .meeta-hero-content .hero-content-shape-shadow {
  width: 70%;
  height: 10%;
  position: absolute;
  bottom: -14%;
  left: 12%;
  z-index: -2;
  transform: skewX(10deg);
}
.hero-title-div {
  height: 20%;
  overflow: hidden;
}
.hero-title {
  font-size: 10vh;
  font-weight: 700;
  color: white;
}
.hero-year {

}
.color-set-1 { background-color: #0939cb; }
.color-set-2 { background-color: #8c0050; }
.color-set-3 { background-color: #A52A2A; }

@media only screen and (max-width: 767px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-01 {
    bottom: -14px;
    left: 40px;
  }
}

@media only screen and (max-width: 991px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-01 {
    left: 59px;
    bottom: -15px;
  }
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-01 {
    bottom: 21px;
    left: 22px;
  }

  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    right: 25px;
    bottom: 3%;
  }

}
@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    bottom: -12%;
  }
}

.meeta-hero-section .meeta-hero-content .hero-content-shape-02 {
  width: 0px;
  height: 0px;
  border-top: 30px solid transparent;
  border-left: 130px solid #1fe0df;
  border-bottom: 20px solid transparent;
  position: absolute;
  bottom: 19%;
  left: 0px;
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-02 {
    border-top: 15px solid transparent;
    border-left: 90px solid #1fe0df;
    border-bottom: 15px solid transparent;
    bottom: 9%;
  }
}

.meeta-hero-section .meeta-hero-content .hero-content-shape-03 {
  width: 0px;
  height: 0px;
  border-top: 45px solid transparent;
  border-left: 190px solid #f9d464;
  border-bottom: 0 solid transparent;
  position: absolute;
  top: 0;
  left: 3px;
  transform: rotate(-8deg);
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-03 {
    border-top: 25px solid transparent;
    border-left: 120px solid #f9d464;
    top: 10px;
    left: 10px;
  }
}

.meeta-hero-section .meeta-hero-content .hero-content-shape-04 {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 130px solid #00acee;
  border-bottom: 15px solid transparent;
  position: absolute;
  top: -63px;
  right: 122px;
}

.swiper-button-next, .swiper-button-prev
{
  opacity: 0.7;
}
@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-04 {
    border-top: 15px solid transparent;
    border-right: 100px solid #00acee;
    top: -10px;
    right: 20%;
  }
  .meeta-hero-section .hero-shape-02 {
    width: 150px;
    top: 53%;
    left: unset;
    right: 0%;
  }
  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    right: 35px;
    bottom: -14px;
  }
  .meeta-hero-section .meeta-hero-content .hero-content-shape-02 {
    bottom: -13%;
    left: 35px;
  }
  .meeta-hero-section .meeta-hero-content {
    margin-top: 0;
    padding: 50px 30px 0 30px;
  }
  .swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: -40px;
  }
  .swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: -40px;
  }
}

.meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
  width: 0;
  height: 0;
  border-top: 50px solid transparent;
  border-right: 180px solid #f9d464;
  border-bottom: 0px solid transparent;
  position: absolute;
  bottom: 24%;
  right: -40px;
  transform: rotate(8deg);
}

@media only screen and (max-width: 991px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    right: -30px;
  }
}

@media only screen and (max-width: 767px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    border-top: 40px solid transparent;
    border-right: 120px solid #f9d464;
    right: -20px;
  }
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-content-shape-05 {
    border-top: 25px solid transparent;
    border-right: 90px solid #f9d464;
    right: 26px;
    bottom: 9%;
  }
}

/*.meeta-hero-section .meeta-hero-content .hero-title {*/
/*  font-size: 80px;*/
/*  font-weight: 700;*/
/*  color: #ffffff;*/
/*  line-height: 1.1;*/
/*}*/

/*@media only screen and (max-width: 767px) {*/
/*  .meeta-hero-section .meeta-hero-content .hero-title {*/
/*    font-size: 54px;*/
/*  }*/
/*}*/

/*@media only screen and (max-width: 575px) {*/
/*  .meeta-hero-section .meeta-hero-content .hero-title {*/
/*    font-size: 30px;*/
/*  }*/
/*}*/

.meeta-hero-section .meeta-hero-content .hero-year {
  font-size: 170px;
  font-weight: 700;
  font-family: "Big Shoulders Display", cursive;
  color: #f9d464;
  line-height: 1.1;
  display: block;
}

@media only screen and (max-width: 767px) {
  .meeta-hero-section .meeta-hero-content .hero-year {
    font-size: 100px;
  }
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-year {
    font-size: 60px;
  }
}

.meeta-hero-section .meeta-hero-content .hero-date {
  background-color: #000000;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  font-family: "Big Shoulders Display", cursive;
  padding: 0 40px;
  display: inline-block;
  margin-top: 20px;
}

@media only screen and (max-width: 767px) {
  .meeta-hero-section .meeta-hero-content .hero-date {
    font-size: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .meeta-hero-section .meeta-hero-content .hero-date {
    font-size: 15px;
    padding: 0 14px;
  }
}

@-webkit-keyframes round-01 {
  0% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(30deg);
  }
}

@keyframes round-01 {
  0% {
    transform: rotate(15deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(15deg);
  }
}

@-webkit-keyframes bounce-animate {
  0% {
    transform: translateY(-40px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-40px);
  }
}

@keyframes bounce-animate {
  0% {
    transform: translateY(-40px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(-40px);
  }
}

.home_page_slider .swiper-button-next, .home_page_slider .swiper-button-prev {
  color : white;
}


  /*Celebration / Confetti START */

.conf0{fill:#FC6394;}
.conf1{fill:#EF3C8A;}
.conf2{fill:#5ADAEA;}
.conf3{fill:#974CBE;}
.conf4{fill:#3CBECD;}
.conf5{fill:#813BBE;}
.conf6{fill:#F9B732;}
.conf7{display:none;fill:none;stroke:#000000;stroke-miterlimit:10;}
.conf8{fill:none;stroke:#F9B732;stroke-width:9;stroke-linecap:round;stroke-miterlimit:10;}


.confetti-cone{
  transform-origin: 200px 50px;
  animation:confetti-cone1 1.2s ease infinite;
}
@keyframes confetti-cone1{
  0%{
    transform:translate(40px, 95px)  rotate(45deg) scale(1, 1);
  }
  15%{
    transform:translate(10px, 145px)  rotate(45deg) scale(1.1, 0.85);

  }
  100%{
    transform:translate(40px, 105px)  rotate(45deg) scale(1, 1);
  }
}

#yellow-strip {
  fill:none;
  stroke:#F9B732;
  stroke-width:9;
  stroke-linecap:round;
  stroke-miterlimit:10;
  animation: confdash 1.2s ease infinite;
}


@keyframes confdash {
  0%{
    stroke-dasharray:1000;
    stroke-dashoffset:500;
    transform:translate(-30px, 30px);
    opacity:0;
  }
  2%{
    stroke-dasharray:1000;
    stroke-dashoffset:500;
    transform:translate(-30px, 30px);
    opacity:0;
  }
  35%{
    stroke-dasharray:1000;
    stroke-dashoffset:900;
    transform:translate(-2px, 0px);
    opacity:1;
  }

  85%{
    stroke-dasharray:1000;
    stroke-dashoffset:1000;
    transform:translate(1px, -5px);
    opacity:1;
  }
  90%{
    stroke-dashoffset:1000;
    stroke-dashoffset:1000;
    transform:translate(2px, -8px);
    opacity:0;
  }
  100%{
    stroke-dashoffset:1000;
    stroke-dashoffset:500;
    transform:translate(2px, -8px);
    opacity:0;
  }
}



#a2{
  transform-origin: 310.9px 241px;
  animation: confa 1.2s ease-out infinite;
}

#a1
{transform-origin: 276px 246px;
  animation: confa 1.2s ease-out infinite;
}

@keyframes confa {
  0%{
    opacity:0;
    transform: translate(-30px, 20px) rotate(0);
  }
  15%{
    opacity:1;
    transform: translate(25px, -10px) rotate(60deg);
  }
  80%{
    opacity:1;
    transform: translate(33px, -18px) rotate(180deg);
  }
  100%{
    opacity:0;
    transform: translate(37px, -23px) scale(0.5)rotate(230deg);
  }
}


#b1{
  transform-origin: 195.2px 232.6px;
  animation: confb 1.2s ease-out infinite;
}

#b2{
  transform-origin: 230.8px 219.8px;
  animation: confb 1.2s ease-out infinite;
}
#b3 {transform-origin: 222.8px 190.6px;
  animation: confb 1.2s ease-out infinite;
}

#b4 {transform-origin: 262px 188.5px;
  animation: confb 1.2s ease-out infinite;
}

#b5 {transform-origin: 282.3px 170.6px;
  animation: confb 1.2s ease-out infinite;
}


@keyframes confb {
  0%{
    opacity:0;
    transform: translate(-30px, 20px) rotate(0);
  }
  12%{
    opacity:1;
    transform: translate(25px, -10px) rotate(60deg);
  }
  76%{
    opacity:1;
    transform: translate(33px, -18px) rotate(180deg);
  }
  100%{
    opacity:0;
    transform: translate(37px, -23px) scale(0.5) rotate(240deg);
  }
}

#c1 {transform-origin: 174.8px 183.4px;
  animation: confc 1.2s ease-out infinite;
}
#c2{
  transform-origin: 178.9px 156.2px;
  animation: confc 1.2s ease-out infinite;
}

#c3{
  transform-origin: 206.7px 140px;
  animation: confc 1.2s ease-out infinite;
}

#c4{
  transform-origin: 213.5px 120.2px;
  animation: confc 1.2s ease-out infinite;
}

@keyframes confc {
  0%{
    opacity:0.7;
    transform: translate(-30px, 20px) rotate(0);
  }
  18%{
    opacity:1;
    transform: translate(5px, -10px) rotate(60deg);
  }
  76%{
    opacity:1;
    transform: translate(13px, -18px) rotate(180deg);
  }
  100%{
    opacity:0;
    transform: translate(17px, -23px) scale(0.5) rotate(230deg);
  }
}

#d1{
  transform-origin: 127px 176px;
  animation: confd 1.2s ease-out infinite;
}
#d2 {transform-origin: 133px 118px;
  animation: confd 1.2s ease-out infinite;
}
#d3{ transform-origin: 152px 100px;
  animation: confd 1.2s ease-out infinite;
}

@keyframes confd {
  0%{
    opacity:0.7;
    transform: translate(-20px, 20px) rotate(0);
  }
  18%{
    opacity:1;
    transform: translate(-5px, -10px) rotate(60deg);
  }
  76%{
    opacity:1;
    transform: translate(-8px, -18px) rotate(180deg);
  }
  100%{
    opacity:0;
    transform: translate(-10px, -23px) scale(0.5) rotate(230deg);
  }
}

.top_album_slider {
  margin: 20px;
}
/* Login Register Modal */
#loginRegisterModal .modal-content .modal-body,
#registerManualModal .modal-content .modal-body
{
  border: none;
  position: relative;
  z-index: 0;
  color: rgba(255, 255, 255, 0.8);
}

#loginRegisterModal .modal-content .modal-body.color-1,
#registerManualModal .modal-content .modal-body.color-1
{
  background: var(--theme-color);
}

#loginRegisterModal .modal-content .modal-body.color-2,
#registerManualModal .modal-content .modal-body.color-2
{
  background: #1b2a49;
}

#loginRegisterModal .modal-content .form-control,
#registerManualModal .modal-content .form-control
{
  background: transparent;
  border: none;
  border-radius: 0;
  color: rgba(255, 255, 255, 0.7) !important;
  padding: 0;
  height: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
#loginRegisterModal .modal-content .label,
#registerManualModal .modal-content .label
{
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
}

#loginRegisterModal .modal-content .btn-info,
#registerManualModal .modal-content .btn-info
{
  background: #5eb7b7 !important;
  height: 52px;
}
.no-gutters {
  margin-right: 0;
  margin-left: 0;
  --bs-gutter-x: 0;
}
.ew-required
{
  color: var(--theme-color);
}

.ew-link {
  cursor: pointer;
}
.btn-label {
  position: relative;
  left: -12px;
  /*top: 0px;*/
  /*display: inline-block;*/
  padding: 6px 12px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 3px 0 0 3px;
}

.btn-labeled {
  padding-top: 0;
  padding-bottom: 0;
}

  /* SCROLLBAR */

/* Firefox */
html {
  scrollbar-color: var(--theme-color) rgb(23 39 62);
  scrollbar-width: auto;
}

/* WebKit and Chromiums */
::-webkit-scrollbar {
  /*width: 8px;*/
  /*height: 8px;*/
  background-color: rgb(12,27,44);
}

::-webkit-scrollbar-thumb {
  background: var(--theme-color);
  /*border-radius: 5px;*/
}

  /* Toaster mods */
.toast {
  border-radius: 0.5rem;
  background-color: var(--theme-color) !important;
}

  /* Cart */
#cart .songslist_name .song_name,
#cart .songslist_name .song_name > a,
#cart .songslist_name .song_artist,
#cart .ms_songslist_time
{
  color: #17273e;
}
.in-cart
{
  color: lightgray;
}
a.in-cart:hover svg path { fill: lightgray;}


.que_data .que_name {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-clamp: 1;
  overflow: hidden;
}
  /* BRAINTREE PAYMENT */

[data-braintree-id="choose-a-way-to-pay"] {
  color:var(--theme-color);
  font-weight: bold;
  animation: blinker 1s linear infinite;
  /*display: none;*/
}

@keyframes blinker {
  50% { opacity: 0; }
}

  /*Play button on tracks*/
.play_me {
  background: url(../images/svg/play_icon.svg);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  background-position: -191px 2px;
}

.play_me.active {
  background: url(../images/svg/play_icon.svg);
  width: 35px;
  height: 35px;
  background-repeat: no-repeat;
  display: inline-block;
  background-color: transparent;
  cursor: pointer;
  background-position: -109px 2px;
}

  /* TOP SEARCH navbar */
#ms_top_search {
  max-width: unset;
}
#ms_top_search .dropdown-menu {
  background-color: rgb(23 37 51);
}
#ms_top_search .dropdown-item, #ms_top_search .nav-link {
  color: #7c8ea5;
}
#ms_top_search .dropdown-item:active, #ms_top_search .nav-link:active {
  color: var(--theme-color);
}

#ms_top_search .nav-link:hover {
  background-position: 0px 0px;
  color: var(--theme-color);
}
#ms_top_search .dropdown-item {
  font-size: small;
}
#ms_top_search .dropdown-item:hover {
  background-color: var(--theme-color);
  color: white;
}

.ms_nav_wrapper ul.menu li a {
  font-size: smaller;
  display: block;
  align-self: end;
}

/* USER PORTAL */
#userPortal .sticky-md-top {
  top: 8rem;
  z-index: 1;
}
.gradient-custom {
  /* fallback for old browsers */
  background: #fccb90;

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1));

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to bottom right, rgba(252, 203, 144, 1), rgba(213, 126, 235, 1))
}
.btn-mask {
  box-shadow: 0 0 0 0.5rem rgb(225 83 97 / 50%)
}
.mask-custom {
  background: rgba(24, 24, 16, .3);
  border-radius: .5em;
  backdrop-filter: blur(15px);
  border: 1px solid rgba(255, 255, 255, 0.05);
  background-clip: padding-box;
  box-shadow: 10px 10px 10px rgba(46, 54, 68, 0.03);
}

.mask-custom .bg-dark {
  --bs-bg-opacity: 0.5;
  --bs-dark-rgb: 139, 0, 0;
}

div.rounded-circle {
}
div.rounded-circle.open-issue {
  background-color: #ffd50770;
}
.bg-dark .rounded-circle.open-issue {
  background-color: rgba(255, 213, 7, 0.93);
}

.message.unread {
  /*background-color: rgba(24, 24, 16, 0.61);*/
}
.message.user {
  /*background-color: rgba(7, 106, 255, 0.6);*/
  --bs-bg-opacity: 0.6;
}


div.rounded-circle.closed-issue {
  background-color: #bdb9a870;
}
.w-100 { width: 100% !important;}

/* Timer for read receipt. */
#app { margin-left: 1rem!important; }
.base-timer {
  position: relative;
  width: 60px;
  height: 60px;
}

.base-timer__svg {
  transform: scaleX(-1);
  position: relative;
  z-index: 2;
}

.base-timer__circle {
  fill: none;
  stroke: none;
}

.base-timer__path-elapsed {
  stroke-width: 7px;
  stroke: grey;
}

.base-timer__path-remaining {
  stroke-width: 7px;
  stroke-linecap: round;
  transform: rotate(90deg);
  transform-origin: center;
  transition: 1s linear all;
  fill-rule: nonzero;
  stroke: currentColor;
}

.base-timer__path-remaining.green {
  color: rgb(65, 184, 131);
}

.base-timer__path-remaining.orange {
  color: orange;
}

.base-timer__path-remaining.red {
  color: red;
}

.base-timer__label {
  position: absolute;
  width: 60px;
  height: 60px;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 3;
  /*font-size: 48px;*/
}

#app img.rounded-circle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  margin: 0 !important;
}
/* RINGING */
.ringing
{
  -webkit-animation: ring 4s .7s ease-in-out infinite;
  -webkit-transform-origin: 50% 4px;
  -moz-animation: ring 4s .7s ease-in-out infinite;
  -moz-transform-origin: 50% 4px;
  animation: ring 4s .7s ease-in-out infinite;
  transform-origin: 50% 4px;
}

@-webkit-keyframes ring {
  0% { -webkit-transform: rotateZ(0); }
  1% { -webkit-transform: rotateZ(30deg); }
  3% { -webkit-transform: rotateZ(-28deg); }
  5% { -webkit-transform: rotateZ(34deg); }
  7% { -webkit-transform: rotateZ(-32deg); }
  9% { -webkit-transform: rotateZ(30deg); }
  11% { -webkit-transform: rotateZ(-28deg); }
  13% { -webkit-transform: rotateZ(26deg); }
  15% { -webkit-transform: rotateZ(-24deg); }
  17% { -webkit-transform: rotateZ(22deg); }
  19% { -webkit-transform: rotateZ(-20deg); }
  21% { -webkit-transform: rotateZ(18deg); }
  23% { -webkit-transform: rotateZ(-16deg); }
  25% { -webkit-transform: rotateZ(14deg); }
  27% { -webkit-transform: rotateZ(-12deg); }
  29% { -webkit-transform: rotateZ(10deg); }
  31% { -webkit-transform: rotateZ(-8deg); }
  33% { -webkit-transform: rotateZ(6deg); }
  35% { -webkit-transform: rotateZ(-4deg); }
  37% { -webkit-transform: rotateZ(2deg); }
  39% { -webkit-transform: rotateZ(-1deg); }
  41% { -webkit-transform: rotateZ(1deg); }

  43% { -webkit-transform: rotateZ(0); }
  100% { -webkit-transform: rotateZ(0); }
}

@-moz-keyframes ring {
  0% { -moz-transform: rotate(0); }
  1% { -moz-transform: rotate(30deg); }
  3% { -moz-transform: rotate(-28deg); }
  5% { -moz-transform: rotate(34deg); }
  7% { -moz-transform: rotate(-32deg); }
  9% { -moz-transform: rotate(30deg); }
  11% { -moz-transform: rotate(-28deg); }
  13% { -moz-transform: rotate(26deg); }
  15% { -moz-transform: rotate(-24deg); }
  17% { -moz-transform: rotate(22deg); }
  19% { -moz-transform: rotate(-20deg); }
  21% { -moz-transform: rotate(18deg); }
  23% { -moz-transform: rotate(-16deg); }
  25% { -moz-transform: rotate(14deg); }
  27% { -moz-transform: rotate(-12deg); }
  29% { -moz-transform: rotate(10deg); }
  31% { -moz-transform: rotate(-8deg); }
  33% { -moz-transform: rotate(6deg); }
  35% { -moz-transform: rotate(-4deg); }
  37% { -moz-transform: rotate(2deg); }
  39% { -moz-transform: rotate(-1deg); }
  41% { -moz-transform: rotate(1deg); }

  43% { -moz-transform: rotate(0); }
  100% { -moz-transform: rotate(0); }
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }

  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.ms_top_search .form-control {
  border: none;
}
.zindex-1 {
  z-index: 1 !important;
}
.zindex-2 {
  z-index: 2 !important;
}
.zindex-3 {
  z-index: 3 !important;
}

  /* COOKIE CONSENT */

#cookie-consent {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  border-radius: 0;
  display: block;
}

.consent-inner {

}

  /* FOOTER */
.footer {
  background-color: rgb(12,27,44);
}

.footer-logo {
  width: 8rem;
}

/*SEARCH */
.ew-highlight-search {
  background-color: yellow;
}

  /*DEBUG SETTINGS*/
.offcanvas { z-index: 1057;}
#accordionDebug { color: aliceblue;}
#offcanvasRight, .accordion-item {background-color: rgb(226, 240, 255);}
.offcanvas-header .btn-close { color: aliceblue;}