/** Shopify CDN: Minification failed

Line 482:13 Expected ":"

**/
.product-slider-nav .slick-current img {
  padding: 2px;
  border: 2px solid var(--color-orange);
  border-radius: 6px;
}
@media screen and (min-width: 1024px) {
  .product-slider-nav {
      width: calc(100% - 40px);
 }
}
/* Wasiq */
[x-cloak] {
  display: none !important;
}
.pi-calender-action-btn {
  font-size: 0.7rem;
  padding: .2rem;
  font-weight: 500;
  color: #033254;
}
.pi-calender-actions {
  display: flex;
  flex: 0 0 auto;
}
/* Wasiq End*/
/* Product popup */
.loading-overlay {
  position: absolute;
  z-index: 1;
  width: 1.8rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading-overlay__spinner {
  width: 1.8rem;
  display: inline-block;
}
.spinner {
  animation: rotator 1.4s linear infinite;
}
@keyframes rotator {
  0% {
      transform: rotate(0deg);
 }
  100% {
      transform: rotate(270deg);
 }
}
.path {
  stroke-dasharray: 280;
  stroke-dashoffset: 0;
  transform-origin: center;
  stroke: rgb(var(--color-foreground));
  animation: dash 1.4s ease-in-out infinite;
}
@media screen and (forced-colors: active) {
  .path{
      stroke: CanvasText;
 }
}
@keyframes dash {
  0% {
      stroke-dashoffset: 280;
 }
  50% {
      stroke-dashoffset: 75;
      transform: rotate(135deg);
 }
  100% {
      stroke-dashoffset: 280;
      transform: rotate(450deg);
 }
}
.pi-calender-popup-modal {
  --duration-short: .1s;
  --duration-default: .2s;
  --duration-announcement-bar: .25s;
  --duration-medium: .3s;
  --duration-long: .5s;
  --duration-extra-long: .6s;
  --duration-extra-longer: .75s;
  --duration-extended: 3s;
  --ease-out-slow: cubic-bezier(0, 0, .3, 1);
  --animation-slide-in: slideIn var(--duration-extra-long) var(--ease-out-slow) forwards;
  --animation-fade-in: fadeIn var(--duration-extra-long) var(--ease-out-slow);
  --color-background: 255, 255, 255;
  --gradient-background: #ffffff;
  --color-foreground: 18, 18, 18;
  --color-background-contrast: 191, 191, 191;
  --color-shadow: 18, 18, 18;
  --color-button: 18, 18, 18;
  --color-button-text: 255, 255, 255;
  --color-secondary-button: 255, 255, 255;
  --color-secondary-button-text: 18, 18, 18;
  --color-link: 18, 18, 18;
  --popup-border-width: 1px;
  --popup-border-opacity: 0.1;
  --popup-corner-radius: 0px;
  --popup-shadow-opacity: 0.0;
  --popup-shadow-horizontal-offset: 0px;
  --popup-shadow-vertical-offset: 4px;
  --popup-shadow-blur-radius: 5px;
}
.pi-calender-popup-modal {
  box-sizing: border-box;
  opacity: 0;
  position: fixed;
  visibility: hidden;
  z-index: -1;
  margin: 0 auto;
  top: 0;
  left: 0;
  overflow: auto;
  width: 100%;
  background: rgba(var(--color-foreground), 0.2);
  height: 100%;
}
.pi-calender-popup-modal[open] {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  overflow: hidden;
}
.pi-calender-popup-modal__content {
  border-radius: var(--popup-corner-radius);
  background-color: rgb(var(--color-background));
  overflow: auto;
  height: 100%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 0rem;
  width: 100%;
  position: absolute;
  top: 0;
  border-color: rgba(var(--color-foreground), var(--popup-border-opacity));
  border-style: solid;
  border-width: var(--popup-border-width);
  box-shadow: var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}
/* .pi-calender-popup-modal__content.focused {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}
.pi-calender-popup-modal__content:focus-visible {
  box-shadow: 0 0 0 0.3rem rgb(var(--color-background)), 0 0 0.5rem 0.4rem rgba(var(--color-foreground), 0.3), var(--popup-shadow-horizontal-offset) var(--popup-shadow-vertical-offset) var(--popup-shadow-blur-radius) rgba(var(--color-shadow), var(--popup-shadow-opacity));
}
*/
@media screen and (min-width: 750px) {
  .pi-calender-popup-modal__content {
     width: 85%;
     height: 90vh;
     padding-bottom: 4.1rem;
     top: 50%;
     transform: translate(-50%, -50%);
     margin-top: 0;
 }
  .product-media-modal__dialog .global-media-settings--no-shadow {
      overflow: visible !important;
 }
}
.pi-calender-popup-modal__content img {
  max-width: 100%;
}
@media screen and (min-width: 1450px) {
 .pi-calender-popup-modal__content {
   width: 82%;
   max-width: 1300px;
   height: max-content;
   padding-bottom: 4.1rem;
   top: 50%;
   transform: translate(-50%, -50%);
   margin-top: 0;
}
  .product-media-modal__dialog .global-media-settings--no-shadow {
      overflow: visible !important;
 }
}

@media screen and (max-width: 749px) {
  .pi-calender-popup-modal__content table {
      display: block;
      max-width: fit-content;
      overflow-x: auto;
      white-space: nowrap;
      margin: 0;
 }
  .product-media-modal__dialog .global-media-settings, .product-media-modal__dialog .global-media-settings video, .product-media-modal__dialog .global-media-settings model-viewer, .product-media-modal__dialog .global-media-settings iframe, .product-media-modal__dialog .global-media-settings img {
      border: none;
      border-radius: 0;
 }
}
.pi-calender-popup-modal__opener {
  display: inline-block;
}
.pi-calender-popup-modal__button {
  font-size: 1.6rem;
  padding-right: 1.3rem;
  padding-left: 0;
  min-height: 4.4rem;
  text-underline-offset: 0.3rem;
  text-decoration-thickness: 0.1rem;
  transition: text-decoration-thickness var(--duration-short) ease;
}
.pi-calender-popup-modal__button:hover {
  text-decoration-thickness: 0.2rem;
}
.pi-calender-popup-modal__content-info > * {
  height: auto;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}
@media screen and (max-width: 749px) {
  .pi-calender-popup-modal__content-info > * {
      max-height: 100%;
 }
}
.pi-calender-popup-modal__toggle {
  background-color: #eceef3;
  border-radius: 1%;
  display: flex;
  justify-content: center;
  cursor: pointer;
  width: 3rem;
  box-shadow: #040a1b29 0 3px 4px -2px;
  color: #1d2d53;
  font-size: 31px;
  font-weight: 500;
}
.pi-calender-popup-modal__toggle:hover {
  background-color: #cdd3df;
}
.pi-calender-popup-modal__toggle:hover {
  color: rgba(var(--color-foreground), 0.75);
}
.pi-calender-popup-modal__toggle .icon {
  height: auto;
  margin: 0;
  width: 2.2rem;
}
/* */
.air-datepicker {
  --adp-width: calc(100% - 4%);
}
.pi-calender-popup-modal__content-info {
  padding: 0 20px;
}
.pi-modal-dialog--warppper {
  display: flex;
  justify-content: space-between;
  box-shadow: #dadbdc 0 3px 4px 2px;
  padding: 12px 16px 12px 16px;
}
.pi-brand-logo {
  max-width: 7rem;
}
.pi-calender-popup-modal__content-info {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
  flex-direction:column;
}

.pi_popup-modal__sidebar {
 position: relative;
}

@media (min-width: 750px) {
  .air-datepicker {
      --adp-width: 100%;
 }
  .pi-calender-popup-modal__content-info {
      flex-direction: row;
 }
  .pi-calender-popup-modal__content-info {
      flex-direction: row;
      padding-right: 4.1rem;
      padding-left: 4.1rem;
 }
  .pi_popup-modal__sidebar {
      background: #f6f7f9;
 }
  .pi_popup-modal__sidebar {
      margin-bottom: 0rem;
 }
  .pi-calender-popup-modal__content-info {
      flex-direction:row;
 }
}
.pi_popup-modal__sidebar {
  position: relative;
}
.pi_popup-modal__sidebar h1 {
  margin-bottom: 1rem;
  font-family:Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
/* .loading-overlay + .pi-tour-date-wrapper {
  opacity: 0;
}
.loading-overlay.hidden + .pi-tour-date-wrapper {
  opacity: 1;
}
*/
.tour-date {
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 2px 4px 0 rgba(0 0 0/.1),0 0 3px rgba(0 0 0/.2);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color),0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.air-datepicker-cell.-day-.-other-month- {
  background: none;
}
.air-datepicker-cell {
  margin-bottom: 0.5rem;
  border-radius: 9px;
  color: #033254;
}

.air-datepicker-cell.-disabled- {
 cursor: default;
 color: #033254;
}
.air-datepicker-cell:hover {
 background: #f0740d;
 color: #fff;
}
.air-datepicker-cell.-disabled-.-focus-, .air-datepicker-cell.-current-.-focus- {
 color: #fff;
}
.air-datepicker-nav--action path {
  --adp-nav-arrow-color : #1d2d53;
  fill: none;
  stroke: var(--adp-nav-arrow-color);
  stroke-width: 2px;
}

@media (min-width:750px) {

  .pi_popup-modal__sidebar {
    margin-left: 21px;
    background: #f6f7f9;
    padding: 13px 16px 0 16px;
    margin-top: 2.9rem;
    border-radius: 4px;
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 2px 4px 0 rgba(0 0 0/.1),0 0 3px rgba(0 0 0/.2);
    --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color),0 0 3px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    border-radius: 7px;
    overflow: hidden scroll;
    max-height: 456px;
}
.pi_popup-modal__sidebar:before {
  content: '';
  position: absolute;
  top: 0;
  left: -16px;
  width: calc(100% + 16px);
  height: 4px;
  background-color: #023256;
  border-top-right-radius: 7px;
}
}
/* */
.tour-date {
  display: flex;
  align-items: center;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 0.5rem;
  background: #fff;
}
.tour-date:hover {
  background-color: #f6f6fb;
}
.tour-date__date-info {
 min-width: 60px;
 text-align: center;
 border-right: 1px solid #e0e0e0;
 padding-right: 10px;
}
.tour-date__day {
  font-size: 12px;
  font-weight: bold;
}
.tour-date__date {
  font-size: 13px;
  color: #f97316;
  font-weight: bold;
}

.tour-date__time {
  font-size: 12px;
}
.tour-date__event-info {
  flex-grow: 1;
  padding: 0 10px;
}
.tour-date__event-name {
 font-size: 15px;
 font-family: Roboto, sans-serif;
 font-weight: 600;
}

.tour-date__venue {
  font-size: 12px;
  color: #666;
  margin: 0;
}
.tour-date__price-wrapper {
 font-size: 12px;
 margin-block-start: 6px;
 display: grid;
}

.tour-date__ticket-button {
  background-color: #f97316;
  border: 1px solid #f97316;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  font-size: 12px;
  font-family: Roboto, sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
}

.tour-date__ticket-button:hover {
 background-color: #023256;
 color: #fff;
 border: 1px solid #023256;
}
span.tour-date__ticket-price {
  font-size: 14px;
  font-weight: 600;
}




/* *calender override */
.air-datepicker-nav{
  border: none;
}
.air-datepicker-nav--title {
 font-family: Roboto, sans-serif;
 font-weight: 700;
 font-size: 18px;
 color: #033254;
}
.air-datepicker-nav--title i {
 font-style: normal;
 color: #033254;
 margin-left: .3em;
}
.air-datepicker-nav--action {
  font-size: 31px;
  font-weight: 500;
}
.air-datepicker.-inline- {
  border: none ;
}
.air-datepicker-nav {
  border: none;
  margin-top: 10px;
  margin-bottom: 16px;
}
.air-datepicker-body--day-name {
  --adp-day-name-color: #6d758d;
  font-size: 14px;
  font-weight 400;
  font-family: Roboto, sans-serif;
}
.air-datepicker-body--cells.-days- {
  font-size: 16px;
  font-family: Roboto, sans-serif;
}
.air-datepicker {
  --adp-day-cell-height: 50px;
}
div#popup-calender h1 {
  font-size: 24px;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  margin-bottom: 1rem;
  padding-top: 1.5rem;
}

.air-datepicker-cell.-current- {
color: #f97316
}

.air-datepicker-cell.-selected- {
background-color: #f97316 !important;
}

.air-datepicker-cell.-selected-.-current- {
 color: #fff;
 background-color: #f97316;
}

.air-datepicker-cell.-selected-.-focus- {
background-color: #033254 !important;

}
.air-datepicker-cell.-in-range- {
background-color: #f9731666 !important;
}
/* */

div#popup-calender {
  min-height: 456px;
  border-radius: 4px;
  overflow: hidden;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 2px 4px 0 rgba(0 0 0/.1),0 0 3px rgba(0 0 0/.2);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color),0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 7px;
  border-top: 4px solid #F97316;
}

.pi-calender-action-btn.active {
  background: #033254;
  color: #fff;
  border-radius: 11%;
  font-weight: 600;
  margin: 0 2px;
}
.pi-calender-action-btn.active:hover {
  background: #ef7411;
  color: #033254 ;
}
.pi-calender-action-btn:hover {
  background: #ef7411;
  color: #033254 ;
  border-radius: 11%;
  font-weight: 500;
  color : #fff;
}

.pi-calender-actions {
 padding: 4px 4px;
 justify-content: space-between;
}
.popup-calender_wrapper h1 {
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.ticket-widget {
  overflow: hidden;
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 2px 4px 0 rgba(0 0 0/.1),0 0 3px rgba(0 0 0/.2);
  --tw-shadow-colored: 0 2px 4px 0 var(--tw-shadow-color),0 0 3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  border-radius: 7px;
}
.ticket-widget__header {
  background-color: #white;
  color: #1E3A8A;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 18px;
}
.ticket-widget__content {
  background-color: #F97316;
  color: white;
  padding: 15px;
  text-align: center;
  width: 96%;
  margin: 0 auto;
  border-radius: 8px;
  margin-bottom: 0.5rem;
}

.ticket-widget__message {
 margin: 0;
 font-size: 16px;
 font-family: Roboto, sans-serif;
 color: #fff;
}

@media (max-width: 768px) { 
.tour-date {
 display: grid;
 grid-template-columns: 3fr 1fr;
}
.tour-date__date-info {
 width: 100%;
 display: flex;
 grid-column: span 2;
 border-bottom: 1px solid #e0e0e0;
 border-right: none;
 gap: 4px;
 align-items: center;
}
.tour-date__event-info {
 padding-left: 0;
}
.tour-date {
 display: grid;
 grid-template-columns: 3fr 1fr;
 gap: 7px 0px;
}
.pi-calender-action-btn {

 font-size: 10px;
}

.pi-calender-action-btn.active {
 background: #033254;
 color: #fff;
 border-radius: 11%;
 font-weight: 600;
 margin: 9px 2px;
 font-size: 9px;
}

.pi-calender-action-btn {

 border-radius: 11%;
 font-weight: 600;
 margin: 9px 2px;
 font-size: 9px;
}


}












.pagination-wrapper {
margin-block: 1rem;
}





@media screen and (min-width: 990px) {





.pagination-wrapper {
 margin-top: 1rem;
}
}

.pagination__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}


.pagination__list > li:not(:last-child) {
 margin-right: 0.2rem;
 border-radius: 6px 0px 0px 6px;
}

.pagination__list > li {
 background: #ebebeb;
 width: 1.5rem;
 border-radius: 0px 6px 6px 0;

}

.pagination__list > li:hover {
background: #F97316;

}
.pagination__list > li:hover path {
 color: #fff;
}




.pagination__list > li:not(:last-child) {
margin-right: 0.2rem;
}

.pagination__item {
color: rgb(var(--color-foreground));
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
height: 1.8rem;
width: 100%;
padding: 0;
text-decoration: none;
}


a.pagination__item:hover::after {
height: 0.1rem;
}

.pagination__item .icon-caret {
height: 0.4rem;
}

.pagination__item--current::after {
height: 0.1rem;
}

.pagination__item--current::after,
.pagination__item:hover::after {
content: '';
display: block;
width: 1rem;
position: absolute;
bottom: 8px;
left: 50%;
transform: translateX(-50%);
background-color: currentColor;
}

.pagination__item--prev .icon {
margin-left: -0.2rem;
transform: rotate(90deg);
}

.pagination__item--prev:hover .icon {
transform: rotate(90deg) scale(1.07);
}

.pagination__item--next .icon {
margin-right: -0.2rem;
transform: rotate(-90deg);
}

.pagination__item--next:hover .icon {
transform: rotate(-90deg) scale(1.07);
}

.pagination__item-arrow:hover::after {
display: none;
}


