@font-face {
  font-family: VazirR;
  font-display: swap;
  src: url(../fonts/vazir/vazir-regular-fd.woff) format("woff"), url(../fonts/vazir/vazir-regular-fd.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: VazirM;
  font-display: swap;
  src: url(../fonts/vazir/vazir-medium-fd.woff) format("woff"), url(../fonts/vazir/vazir-medium-fd.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: VazirL;
  font-display: swap;
  src: url(../fonts/vazir/vazir-light-fd.woff) format("woff"), url(../fonts/vazir/vazir-light-fd.woff2) format("woff2");
  font-weight: 700;
  font-display: swap;
}

body, .font, .bd-dropdown select {
  font-family: "VazirL", tahoma, sans-serif
}

:root {
  --fontfamilyR: 'VazirR';
  --fontfamilyM: 'VazirM';
  --fontfamilyL: 'VazirL';
  --bodyColor: #6b7280;
  --main-color: #00977D;
  --main-color-dark: #006c59;
  --second-color: #caaa41;
  --second-color-dark: #b8931b;
  --lh: 1.4rem;
  --td-scale: 0.9;
  --colspan: 1;
  --bodyBg: #fafafa;
  --border-color: #cfcee2;
}

html {
  height: 100%;
}

body {
  font-size: 14px;
  color: var(--bodyColor);
}

.rtl {
  direction: rtl;
}

.ltr {
  direction: ltr;
}

a,
p,
span,
h1,
h2,
h3,
h4,
h5,
h6,
button,
li,
div,
section {
  font-family: var(--fontfamilyL);
}

p {
  margin: 0 0 10px 0;
}

*+p {
  margin-top: 10px;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
}

.body-bg {
  background-color: var(--bodyBg);
}

.fontThin {
  font-family: var(--fontfamilyL);
}

b, strong, .uk-font-bold {
  font-family: var(--fontfamilyM);
  font-weight: bold;
}

.hidden {
  display: none;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  color: var(--bodyColor);
}

.uk-margin-bottom15 {
  margin-bottom: 15px !important;
}

.uk-margin-top15 {
  margin-top: 15px !important;
}

.uk-margin-top5 {
  margin-top: 5px !important;
}

.uk-margin-bottom6 {
  margin-bottom: 6px !important;
}

.uk-margin-left6 {
  margin-left: 6px !important;
}

.uk-container-custom {
  max-width: 1024px;
}

.uk-box-shadow {
  box-shadow: 0 0px 8px rgba(0, 0, 0, .12);
}

.uk-box-shadow-remove {
  box-shadow: none !important;
}

.uk-box-shadow-remove-top {
  box-shadow:
    0 8px 8px -8px rgba(0, 0, 0, 0.12),
    -8px 0 8px -8px rgba(0, 0, 0, 0.12),
    8px 0 8px -8px rgba(0, 0, 0, 0.12);
}

.uk-box-shadow-remove-right {
  box-shadow:
    0 -8px 8px -8px rgba(0, 0, 0, 0.12),
    0 8px 8px -8px rgba(0, 0, 0, 0.12),
    -8px 0 8px -8px rgba(0, 0, 0, 0.12);
}

.uk-box-shadow-remove-bottom {
  box-shadow:
    0 -8px 8px -8px rgba(0, 0, 0, 0.12),
    -8px 0 8px -8px rgba(0, 0, 0, 0.12),
    8px 0 8px -8px rgba(0, 0, 0, 0.12);
}

.uk-box-shadow-remove-left {
  box-shadow:
    0 -8px 8px -8px rgba(0, 0, 0, 0.12),
    0 8px 8px -8px rgba(0, 0, 0, 0.12),
    8px 0 8px -8px rgba(0, 0, 0, 0.12);
}

.uk-border {
  border: 1px solid #e5e5e5;
}

.uk-border-bottom {
  border-bottom: 1px solid #e5e5e5;
}

.uk-border-top {
  border-top: 1px solid #e5e5e5;
}

.uk-border-top-dashed {
  border-top: 1px dashed #e5e5e5;
}

.uk-border-bottom-dashed {
  border-bottom: 1px dashed #e5e5e5;
}

.uk-border-dashed {
  border-bottom: 1px dashed #e5e5e5;
}

.uk-border-dashed2x {
  border: 2px dashed #e5e5e5;
}

.uk-border-radius {
  border-radius: 4px;
}

.uk-border-radius10 {
  border-radius: 10px;
}

.uk-border-radius-top {
  border-radius: 4px 4px 0 0;
}

.uk-border-radius-left {
  border-radius: 4px 0 0 4px !important;
}

.uk-border-radius-bottom {
  border-radius: 0 0 4px 4px !important;
}

.uk-border-radius-small {
  border-radius: 4px;
}

.uk-border-radius-large {
  border-radius: 13px !important;
}

.uk-border-radius-large-top {
  border-radius: 13px 13px 0 0 !important;
}

.uk-border-yellow {
  border-color: #faa05a;
}

.uk-border-red {
  border-color: #f0506e;
}

.uk-text-muted2 {
  color: #a9b0bc;
}

.uk-gap-xlarge {
  gap: 25px;
}

.uk-gap-large {
  gap: 20px;
}

.uk-gap {
  gap: 15px;
}

.uk-gap-medium {
  gap: 10px;
}

.uk-gap-small {
  gap: 5px;
}

.uk-gap-xsmall {
  gap: 2.5px;
}

.uk-row-gap-remove {
  row-gap: 0;
}

.uk-column-gap-remove {
  column-gap: 0;
}

.uk-fill-color {
  fill: #fff;
}

.uk-white-color {
  color: #fff;
}

.uk-white-bg {
  background-color: #fff;
}

.uk-gold-color {
  color: var(--second-color);
}

.uk-light-gray-bg {
  background-color: #f2f2f2;
}

.uk-background-gray-light {
  background-color: #f4f6fc;
}

.uk-background-gray-light2 {
  background-color: #f9f9f9;
}

.uk-text-black {
  color: #000 !important;
}
.uk-text-gray {
  color: rgb(123, 136, 147);
}

.uk-text-gray2 {
  color: rgb(107 114 128);
}

.uk-green-color {
  color: var(--main-color) !important;
}

.uk-red-color {
  color: #f0506e;
}

.uk-alert-danger {
  color: #f0506e;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
}

.uk-alert-success {
  color: #0f5132;
  border: 1px solid #badbcc;
  background-color: #d1e7dd;
}

.uk-alert-warning {
  color: #ff923f;
  background-color: #FFF3CD;
  border: 1px solid #fcecbd;
}

.uk-font-extra-big {
  font-size: 25px;
}

.uk-font-very-big {
  font-size: 21px;
}

.uk-font-big {
  font-size: 16px;
}

.uk-font-medium {
  font-size: 14px !important;
}

.uk-font-normal {
  font-size: 13px !important;
}

.uk-font-small {
  font-size: 12px !important;
  line-height: 13px;
}

.uk-font-xsmall {
  font-size: 11px !important;
  line-height: 15px;
}

.uk-padding-medium {
  padding: 25px;
}

.uk-padding-medium-bottom {
  padding-bottom: 15px;
}

.uk-padding10 {
  padding: 10px !important;
}

.uk-padding-very-small {
  padding: 7px;
}

.uk-padding-vary-small {
  padding: 5px;
}

.uk-padding-vary-small-right {
  padding: 0 5px;
}

.uk-grid-very-small {
  margin-right: -5px;
}

.uk-grid+.uk-grid-very-small {
  margin-top: 5px;
}

.uk-grid-very-small>* {
  padding-right: 5px;
}

.uk-padding-small-top {
  padding-top: 15px;
}

.uk-padding-small-bottom {
  padding-bottom: 15px;
}

.link {
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

a.link:hover {
  color: var(--main-color);
  text-decoration: none;
}

.logo {
  width: 130px;
}

.ajaxauth .signin-signup span {
  font-family: var(--fontfamilyL);
  color: var(--bodyColor);
}

.uk-button {
  color: #fff;
  line-height: 27px;
  box-sizing: border-box;
  padding: 6px 16px;
  border-radius: 4px;
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  border: none;
}

.uk-button-flex {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.uk-button-small {
  padding: 4px 10px;
  font-size: 13px;
}

.uk-button:hover {
  color: #fff;
  text-decoration: none;
}

.uk-button:hover {
  box-shadow: 5px 4px 130px -78px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 5px 4px 130px -78px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow: 5px 4px 130px -78px rgba(0, 0, 0, 0.75) inset;
}

.uk-button-warning:hover {
  box-shadow: 5px 4px 68px -50px rgba(0, 0, 0, 0.75) inset;
  -webkit-box-shadow: 5px 4px 68px -50px rgba(0, 0, 0, 0.75) inset;
  -moz-box-shadow: 5px 4px 68px -50px rgba(0, 0, 0, 0.75) inset;
}

.uk-button-default:hover {
  box-shadow: none;
  background-color: rgb(226, 235, 245);
}

.uk-button-primary,
.uk-button-success {
  background-color: var(--main-color);
}

.uk-button-info {
  background-color: #1976d2;
}

.uk-button-warning {
  background-color: var(--second-color);
}

.uk-button-default {
  background-color: rgb(234, 242, 251);
  color: var(--bodyColor) !important;
}

.uk-button:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.session_item .uk-button:disabled, .download-button .uk-button:disabled {
  background: #bbb;
  border: solid 1px #a1a1a1;
  color: inherit;
  opacity: 1;
}

.uk-text-primary {
  color: var(--main-color) !important;
}

.uk-text-info {
  color: #1976d2 !important;
}

/** Header **/
.header {
  border-bottom: solid 2px var(--main-color);
  background-color: #FAF9FE;
}

#sidenav nav {
  height: auto !important;
}

#sidenav .navbar>ul {
  flex-direction: column;
  align-items: flex-start;
}

#sidenav .navbar>ul,
.sub-header-menu .navbar>ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sub-header-menu .navbar>ul>li {
  height: 100%;
  padding: 0 0 0 20px;
}

.uk-navbar-toggle {
  min-height: auto;
  background: #f3f3f3;
  width: 39px;
  height: 39px;
}

#sidenav .navbar>ul>li>a {
  padding: 10px;
  display: block;
  font-family: var(--fontfamilyL);
}

#sidenav .logo {
  width: 130px;
}

.sub-header-menu .navbar>ul>li>a {
  font-family: var(--fontfamilyR);
  display: flex;
  height: 100%;
  align-items: center;
  color: #222222;
}

.sub-header-menu .navbar>ul>li>a:hover {
  color: var(--second-color);
}

.sub-header-menu .navbar>ul>li.current>a {
  color: var(--second-color);
}

.uk-modal-body {
  padding: 20px;
}

.uk-modal-footer {
  padding: 10px;
}

.mobile-input,
.nationalcode-input,
.password-input,
.email-input {
  direction: ltr;
  text-align: left;
}

.nationalcode-input::placeholder {
  letter-spacing: normal !important;
}

.uk-input,
.uk-textarea {
  background: #F3F1F9 !important;
  border-color: #F3F6F9;
  border-radius: 4px;
  font-size: 14px;
}

.uk-input {
  height: 48px !important;
}

.uk-input::placeholder,
.uk-textarea::placeholder {
  color: #aaa;
}

.uk-form-controls svg {
  color: #afb7ce;
}

input:disabled,
input:disabled:focus {
  background: #EBEDF3 !important;
  border: solid 1px #EBEDF3 !important;
  color: #7e8dba !important;
  cursor: not-allowed;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
  border-color: #d1d6e5 !important;
}

.uk-form-isvalid .uk-input,
.uk-form-isvalid .uk-input:focus {
  color: #457D54;
}

.uk-form-invalid .uk-input,
.uk-form-invalid .uk-input:focus,
.uk-input.uk-form-invalid, .uk-input.uk-form-invalid:focus,
.uk-textarea.uk-form-invalid, .uk-textarea.uk-form-invalid:focus {
  color: #f0506e;
  border-color: #f0506e !important;
}

.uk-form-invalid .uk-input::placeholder, .uk-form-invalid svg {
  color: #f0506e;
}

.uk-modal-dialog.uk-modal-dialog-small {
  width: 400px !important;
}

.uk-line::before {
  content: '';
  display: block;
  width: 80%;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -40%;
  height: 1px;
  background: radial-gradient(ellipse at center, #dadddf 0, rgba(255, 255, 255, 0) 75%);
}

.uk-line-vertical::before {
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  background: radial-gradient(ellipse at center, #ffffff 0, rgba(255, 255, 255, 0) 80%);
}

.toggle-password-show,
.toggle-password-notshow,
.toggle-password2-show,
.toggle-password2-notshow {
  cursor: pointer;
  right: 0px;
  z-index: 1;
}

.myprofile-page .uk-form-label {
  color: #666;
}

/*
* radio-group
* radio YES or NO layout
*/
.radio-grouplayout {
  width: 220px;
  max-width: 100%;
  position: relative;
  display: inline-block;
  font-size: 0;
  vertical-align: middle;
  white-space: nowrap;
}

.radio-grouplayout>.btn {
  display: inline-block;
  width: 50%;
  min-width: 40px;
  padding: 2px 0;
  line-height: 26px !important;
  height: auto !important;
  font-size: 13px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-color: #f3f3f3;
  color: #333;
  border: 1px solid #b3b3b3;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.radio-grouplayout>label:first-of-type {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
}

.radio-grouplayout>label:last-of-type {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-topright: 4px;
}

.radio-grouplayout input[type="radio"] {
  display: none;
}

.radio-grouplayout input[type="radio"]:checked+label {
  background-color: var(--main-color) !important;
  color: #fff;
  border-color: var(--main-color);
}

/*
* radio-group
* radio YES or NO layout
*/

.ajaxauth .iconSVG {
  fill: #999;
}

.ajaxauth .headerUserProfile .iconSVG {
  fill: #04AA6D;
}

.ajaxauth .headerUserProfile.mobile_icon {
  background: #defade;
}

.ajaxauth .mobile_icon {
  background: #f3f3f3;
  width: 39px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.ajaxauth .headerUserProfile {
  text-decoration: none;
  transition: all .3s ease-out;
  -moz-transition: all .3s ease-out;
  -webkit-transition: all .3s ease-out;
}

.ajaxauth .profile-submenu {
  width: 250px;
  padding: 20px;
}

.ajaxauth .profile-submenu .uk-nav .uk-nav-header.uk-grid-collapse .welcome-text {
  padding-right: 5px;
}

.ajaxauth .profile-submenu .onlyname {
  max-width: calc(100% * 2 / 3.001);
}

/**************/
.uk-subnav-pill>*> :first-child {
  padding: 10px 16px;
  border-radius: 4px;
  border: 1px solid #e5e5e5;
  background: #fff;
  color: var(--bodyColor);
}

.uk-subnav-pill li a:hover {
  background-color: var(--bodyBg);
  color: var(--bodyColor);
}

.uk-subnav-pill>.uk-active>a:hover,
.uk-subnav-pill>.uk-active>a {
  background-color: var(--main-color);
  border: solid var(--main-color) 1px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
  color: #fff;
}

.uk-subnav-pill>.uk-active>a svg path {
  stroke: #fff;
}

.uk-icon-header {
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
}

.uk-search-custom {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="23" height="23" viewBox="0 0 23 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.5304 17.4698C18.2375 17.1769 17.7626 17.1769 17.4697 17.4698C17.1768 17.7626 17.1768 18.2375 17.4697 18.5304L18.5304 17.4698ZM21.4696 22.5304C21.7625 22.8233 22.2374 22.8233 22.5303 22.5304C22.8232 22.2375 22.8232 21.7626 22.5303 21.4697L21.4696 22.5304ZM8.33512 4.80232C8.74423 4.73752 9.02336 4.35334 8.95856 3.94423C8.89376 3.53511 8.50958 3.25599 8.10047 3.32079L8.33512 4.80232ZM3.32076 8.1005C3.25596 8.50961 3.53508 8.89379 3.9442 8.95859C4.35331 9.02339 4.73749 8.74426 4.80229 8.33515L3.32076 8.1005ZM17.4697 18.5304L21.4696 22.5304L22.5303 21.4697L18.5304 17.4698L17.4697 18.5304ZM10 18.25C5.44365 18.25 1.75 14.5563 1.75 10H0.25C0.25 15.3848 4.61522 19.75 10 19.75V18.25ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25V19.75C15.3848 19.75 19.75 15.3848 19.75 10H18.25ZM10 1.75C14.5563 1.75 18.25 5.44365 18.25 10H19.75C19.75 4.61522 15.3848 0.25 10 0.25V1.75ZM10 0.25C4.61522 0.25 0.25 4.61522 0.25 10H1.75C1.75 5.44365 5.44365 1.75 10 1.75V0.25ZM8.10047 3.32079C5.64008 3.71047 3.71044 5.64012 3.32076 8.1005L4.80229 8.33515C5.09032 6.51661 6.51658 5.09035 8.33512 4.80232L8.10047 3.32079Z" fill="black"/></svg>');
}

.uk-telegram {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6721 16.1468L10.0921 14.4168C9.93207 13.9368 9.56207 13.5668 9.08207 13.4068L7.35207 12.8268C5.86207 12.3368 5.89207 10.2368 7.38207 9.77677L13.6621 7.82677C14.9121 7.44677 16.0621 8.59677 15.6821 9.82677L13.7321 16.1168C13.2621 17.6068 11.1621 17.6268 10.6721 16.1468Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.uk-instagram {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15.5C12.4596 15.5 12.9148 15.4095 13.3394 15.2336C13.764 15.0577 14.1499 14.7999 14.4749 14.4749C14.7999 14.1499 15.0577 13.764 15.2336 13.3394C15.4095 12.9148 15.5 12.4596 15.5 12C15.5 11.5404 15.4095 11.0852 15.2336 10.6606C15.0577 10.236 14.7999 9.85013 14.4749 9.52513C14.1499 9.20012 13.764 8.94231 13.3394 8.76642C12.9148 8.59053 12.4596 8.5 12 8.5C11.0717 8.5 10.1815 8.86875 9.52513 9.52513C8.86875 10.1815 8.5 11.0717 8.5 12C8.5 12.9283 8.86875 13.8185 9.52513 14.4749C10.1815 15.1313 11.0717 15.5 12 15.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6357 7H17.6477" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.footer {
  background: #f5eed9;
}

.copyright {
  background: #fff;
}

.copyright img {
  width: 45px;
}

.uk-namad a img {
  width: 80px;
}

.events-list .event_item,
.maps-list .map_item {
  background: #fff;
  overflow: hidden;
}

.events-list .event_item .soonState,
.events-list .event_item .renewState,
.events-list .event_item .cancelState {
  top: 0;
  left: 0;
  padding: 7px 15px;
  color: #fff;
  border-radius: 13px 0 13px 0;
  line-height: normal;
}

.events-list .event_item .renewState {
  background: #37DA82 !important;
}

.events-list .event_item .cancelState {
  background-color: rgb(229, 229, 229);
  color: #888;
}

.uk-button.disableBtn {
  background-color: rgba(0, 0, 0, 0.1);
  color: #888;
  cursor: not-allowed !important;
}

.uk-button.disableBtn:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.05) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px !important;
  color: #888 !important;
}

.events-list .event_item .counter {
  height: 39px;
  background: #f2f2f2;
  color: #666;
  cursor: pointer;
}

.events-list .event_item .info {
  position: relative;
  background-color: #fff;
  margin-top: -40px;
  border-top-left-radius: 0 !important;
}

.events-list .event_item .content,
.maps-list .map_item .content {
  position: relative;
  z-index: 1;
  padding: 15px;
  color: var(--bodyColor);
}

.events-list .event_item .audioBox {
  top: -22px;
  right: 5px;
  background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.8) 60%, rgba(255, 255, 255, 0));
  padding: 0px;
  padding-left: 50px;
  font-size: 13px;
  color: rgb(135, 0, 192);
  cursor: pointer;
}

.events-list .event_item .audioBox::after,
.events-list .event_item .audioBox::before {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite;
  animation-delay: 0s;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.events-list .event_item .audioBox::after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.events-list .event_item h3,
.maps-list .map_item h3 {
  font-size: 15px !important;
}

.events-list .event_item h3 a,
.maps-list .map_item h3 a {
  color: var(--bodyColor);
}

.events-list .cityname_box {
  top: -34px;
  background: #fff;
  left: 0;
  padding: 5px 10px;
  height: 35px;
  box-sizing: border-box;
  border-top-left-radius: 0 !important;
}

.events-list .cityname_box:before {
  content: '';
  background-color: #fff;
  width: 15px;
  height: 14px;
  position: absolute;
  right: -2px;
  bottom: -11px;
  border-radius: 3px;
}

.events-list .event_item .cityname_box span {
  z-index: 1;
  font-family: var(--fontfamilyM) !important;
}

.maps-list .map_item .capacity,
.maps-list .map_item .location,
.events-list .event_item .location,
.events-list .event_item .date,
.events-list .event_item .cityname_box {
  font-size: 13px;
  color: #666;
}

.events-list .event_item .cityname_box {
  font-size: 15px;
  color: var(--main-color);
}

.maps-list .map_item .capacity svg,
.maps-list .map_item .location svg,
.events-list .event_item .location svg,
.events-list .event_item .date svg {
  width: 16px;
  height: fit-content;
}

.events-list .event_item .date>span {
  font-size: 12px;
}

.event-details .event-audioBox input {
  background: transparent !important;
  border: none !important;
  cursor: initial !important;
}

.event-details .pricesInformation_mobile {
  padding-top: 10px;
}

.event-details .pricesInformation_mobile>div:last-child {
  margin: 0 !important;
}

.event-details .pricesInformation_card {
  padding: 20px 0;
}

.event-details .pricesInformation_card .uk-light-gray-bg {
  background: #f4f4f4;
}

.event-details .pricesInformation_title,
.badgeInSide {
  background: #fff;
  padding: 5px 7px;
  border-radius: 6px;
  color: #666;
}

.content h1,
.seats-page h1,
.event-details h1 {
  font-size: 21px;
}

.event-details h1 a {
  color: inherit;
}

.sessions-items h4 {
  font-size: 21px;
}

.event-details .session_item_box {
  overflow: hidden;
}

.event-details .session_item {
  overflow: hidden;
}

.event-details .session_item .topbox {
  border-width: 2px;
  border-bottom: none;
  padding: 25px 5px 15px;
}

.event-details .session_item::before {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--bodyBg);
  position: absolute;
  top: -8px;
  right: 15px;
  left: 0;
  margin: 0 auto;
  border: solid 2px #ddd;
}

.event-details .session_item:after {
  content: '';
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: var(--bodyBg);
  position: absolute;
  bottom: 6px;
  right: 15px;
  left: 0;
  margin: 0 auto;
}

.event-details .session_item .uk-button {
  box-shadow: none;
  padding: 7px 16px 10px;
}

.event-details .session_item .uk-button:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.10) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

.event-details .session_item.locked .topbox,
.event-details .session_item.soldout .topbox {
  color: #aaa;
}

.event-details .session_item.soldout .date>div:first-child,
.event-details .session_item.locked .date>div:first-child {
  color: #666;
}

.event-details .session_item.soldout .topbox>div,
.event-details .session_item.locked .topbox>div {
  opacity: 0.6;
}

.event-details .session_item.locked .uk-button:disabled {
  border: none;
  color: #666;
}

.event-details .session_item.soldout .uk-button:disabled {
  border: none;
  background-color: #F74F4F;
  color: #fff;
}

.event-details .session_item.locked.soon .uk-button:disabled {
  border: none;
  background-color: var(--second-color);
  color: #fff;
}

.event-details .session_item .top-left {
  left: 5px;
  top: 5px;
  color: var(--main-color);
  border-radius: 50%;
  padding: 1px;
}

.event-details .session_item .top-right {
  right: 20px;
  top: 5px;
  color: #F74F4F;
  padding: 1px;
  font-size: 12px;
}

.event-details .session_item .bottom-right {
  right: 20px;
  bottom: 60px;
  padding: 1px;
  font-size: 11px;
}

.event-details .session_item .bottom-left {
  left: 5px;
  bottom: 60px;
  padding: 1px;
  font-size: 11px;
}

.event-details .session_item.soldout .top-left {
  color: #F74F4F;
}

.event-details .session_item.locked.soon .top-left {
  color: var(--second-color);
}

.event-details .session_item.locked .top-left {
  color: #bbb;
}


.event-details .session_item .date {
  min-width: 45px;
  height: 45px;
  padding: 4px;
  color: #8c8c8c;
  box-sizing: border-box;
  line-height: 16px;
}

.event-details .session_item .date>div:first-child {
  font-size: 18px;
  line-height: 14px;
}

.event-details .session_item .time {
  line-height: 24px;
}

.event-details .countdown-row {
  gap: 20px;
  top: 0;
}

.session_item_box .session-countdown.countdown-row {
  gap: 10px;
  top: 0;
}

.event-details .countdown-section {
  background: #f2f2f2;
  color: #666;
  border-radius: 4px;
  padding: 7px;
  width: 45px !important;
  height: 45px;
  box-sizing: border-box;
}

.events-list .event_item .countdown-amount {
  font-size: 17px;
}

.event-details .countdown-section::after {
  right: -13px;
  top: 15px;
  font-size: 20px;
}

.session_item_box .session-countdown .countdown-digit {
  font-size: 16px;
}

.event-details .counterbox {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.05);
  z-index: 1;
  top: 0;
  right: 0;
  text-align: center;
  padding: 15px;
  box-sizing: border-box;
}

.event-details .blur {
  filter: blur(1.4px);
}

.event-details .uk-padding-by-counterbox {
  padding: 30px 15px 15px 15px;
}

.contact img {
  border-radius: 4px;
}

.contact .details,
.contact .details a,
.event-details .description {
  color: #666;
}

.event-details .description {
  position: relative;
}

.event-details .description .description_main_mobile,
.event-details .description .description_main {
  line-height: 22px;
  text-align: justify;
  font-size: 13px;
  height: 160px;
  overflow: hidden;
}

.event-details .description .description_main_mobile p,
.event-details .description .description_main p {
  margin: 0 !important;
}

.event-details .description .description_overlay_box {
  background: transparent;
  bottom: 17px;
  color: #4d4d4d;
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  width: 100%;
  cursor: pointer;
  z-index: 1;
}

.event-details .description .description_overlay_box::after {
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%) repeat scroll 0 0;
  bottom: -17px;
  content: "";
  height: 105px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}

.event-details .description .description_overlay_box>div {
  width: 45px;
  height: 45px;
  text-align: center;
  position: relative;
  z-index: 111;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  top: 33px;
  margin: 0 auto;
  opacity: 0.7;
}

.event-details .description .description_overlay_box .arrow_up {
  display: none;
}

.event-details .description .arrow_up .uk-icon {
  transform: rotate(-90deg) scale(0.7);
}

.event-details .description .arrow_down .uk-icon {
  transform: rotate(90deg) scale(0.7);
}

.customCheckbox label,
.customCheckbox label {
  cursor: pointer;
}

/*
* flow tooltip
*/
#flow_tooltip {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #1f1f1f;
  border: 0 solid #1f1f1f;
  border-radius: .125rem;
  -webkit-box-shadow: 0 0 .1875rem rgba(0, 0, 0, .3);
  box-shadow: 0 0 .1875rem rgba(0, 0, 0, .3);
  color: #fff;
  content: attr(aria-label);
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  padding: .5em 1em;
  text-indent: 0;
  text-shadow: none;
  white-space: nowrap;
  z-index: 999999;
}

/*
* Tooltip
*/
.tooltip {
  z-index: 1070;
  display: block;
  padding: 0.4rem;
  margin: 0;
  font-family: var(--font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: right;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: 0.8rem;
  word-wrap: break-word;
  opacity: 0;
}

.tooltip hr {
  margin: 0;
  padding: 0;
}

.tooltip.show {
  opacity: 0.9;
}

.tooltip .tooltip-arrow {
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: 0;
}

.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: 0.4rem calc(0.8rem * 0.5) 0;
  border-top-color: #000;
}

.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(0.8rem * 0.5) 0.4rem calc(0.8rem * 0.5) 0;
  border-right-color: #000;
}

.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: 0;
}

.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(0.8rem * 0.5) 0.4rem;
  border-bottom-color: #000;
}

.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}

.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(0.8rem * 0.5) 0 calc(0.8rem * 0.5) 0.4rem;
  border-left-color: #000;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem;
}

/*
* seat map td
*/
table.mapSeats {
  display: flex;
  flex-direction: column;
  gap: 4px;
  border-spacing: 2px;
  border-collapse: separate;
  margin: 0 auto;
}

table.mapSeats tbody {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

table.mapSeats tbody tr {
  display: flex;
  gap: 2px;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.guideBox {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  text-align: center;
  color: #666666;
  font-size: 12px;
}

table.mapSeats .cell {
  width: 19px;
  line-height: 20px;
  height: 19px;
  border-radius: 4px;
  text-align: center;
  color: #666666;
  font-size: 11px;
  border: none;
  scale: var(--td-scale);
}

table.mapSeats .cell.parent-cell {
  width: auto !important;
  height: auto !important;
  scale: 1 !important;
  cursor: auto !important;
}

table.mapSeats .cell.half-cell {
  width: 8.5px;
}

table.mapSeats .cell.faded {
  opacity: 0.3;
}

table.mapSeats .cell.custom-cell,
table.mapSeats .cell.sa-issuing,
table.mapSeats .cell.disable,
table.mapSeats .cell.soldout,
table.mapSeats .cell.reserved,
table.mapSeats .cell.pending,
table.mapSeats .cell.available {
  cursor: pointer;
  border: none;
}

table.mapSeats .cell.disable,
.guideBox.disable {
  background: #636e72;
  color: #fff;
}

table.mapSeats .cell.soldout,
.guideBox.soldout {
  background: rgb(225, 12, 51);
  color: #fff;
}

table.mapSeats .cell.soldout.my-issuing,
.guideBox.soldout.my-issuing {
  background: #023e8a;
  color: #fff;
}

table.mapSeats .cell.reserved,
.guideBox.reserved {
  background: #72a87f;
  color: #fff;
}

table.mapSeats .cell.pending,
.guideBox.pending {
  background: #fff200;
  color: #000;
}

table.mapSeats .cell.available,
.guideBox.available {
  background: rgb(198, 201, 224);
  color: #000;
}

table.mapSeats .cell.available.selected,
table.mapSeats .cell.reserved.selected,
.guideBox.selected {
  background: #2397F3;
  color: #fff;
}

table.mapSeats .cell.custom-cell {
  width: calc((19px * var(--colspan)) + ((var(--colspan) - 1) * (2px)));
  min-height: 19px;
  height: auto;
}


table.mapSeats div.scene {
  background: linear-gradient(0deg, rgba(216, 218, 237, 1) 9%, rgba(245, 246, 250, 1) 50%, rgba(255, 255, 255, 1) 100%);
  border-bottom: solid 3px #878CB4;
  border-radius: 0 0 50% 50%;
  clip-path: polygon(8% 0, 92% 0, 100% 100%, 0 100%);
  height: 50px;
  display: flex;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin-bottom: 7px;
  font-size: 14px;
}

table.mapSeats div.scene.squareShape {
  border-radius: 5px !important;
  height: inherit !important;
  clip-path: none !important;
  margin-bottom: 0px;
  border: solid 3px #878CB4;
}

table.mapSeats div.scene.circleShape {
  border-radius: 50% !important;
  height: inherit !important;
  clip-path: none !important;
  margin-bottom: 0px;
  border: solid 3px #878CB4;
}

table.mapSeats div.scene.textBottom {
  align-items: end;
  padding-bottom: 15px;
}

table.mapSeats div.scene.textTop {
  align-items: start;
  padding-top: 15px;
}

table.mapSeats .cell.parent-cell.justify-row-right table tbody tr,
table.mapSeats tr[class^='justify-row-right'] {
  justify-content: right;
}

table.mapSeats .cell.parent-cell.justify-row-center table tbody tr,
table.mapSeats tr[class^='justify-row-center'] {
  justify-content: center;
}

table.mapSeats .cell.parent-cell.justify-row-left table tbody tr,
table.mapSeats tr[class^='justify-row-left'] {
  justify-content: left;
}

table.mapSeats .cell.parent-cell.align-top table tbody tr,
table.mapSeats tr[class^='align-top'] {
  align-items: flex-start;
}

table.mapSeats .cell.parent-cell.align-middle table tbody tr,
table.mapSeats tr[class^='align-middle'] {
  align-items: center;
}

table.mapSeats .cell.parent-cell.align-bottom table tbody tr,
table.mapSeats tr[class^='align-bottom'] {
  align-items: flex-end;
}

table.mapSeats td.cell.self-rotate-right {
  rotate: 90deg;
}

table.mapSeats td.cell.self-rotate-left {
  rotate: -90deg;
}

table.mapSeats td.cell.self-rotate-none {
  rotate: 0deg !important;
}

table.mapSeats .cell.parent-cell.children-rotate-left td.cell,
table.mapSeats tr[class^='children-rotate-left'] td.cell {
  rotate: -90deg;
}

table.mapSeats .cell.parent-cell.children-rotate-right td.cell,
table.mapSeats tr[class^='children-rotate-right'] td.cell {
  rotate: 90deg;
}

table.mapSeats .cell.parent-cell.children-rotate-none td.cell,
table.mapSeats tr[class^='children-rotate-none'] td.cell {
  rotate: 0deg !important;
}

.selectable-seats.zoomed-out .hall-html {
  height: var(--zoomedout-height);
}

#seats-page .selectable-seats:not(.zoomed-out) .hall-html,
#map-page .selectable-seats:not(.zoomed-out) .hall-html {
  overflow-x: initial;
}

#seats-page .selectable-seats.zoomed-in .hall-html,
#map-page .selectable-seats.zoomed-in .hall-html {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 7px;
}

#seats-page .hall-html,
#map-page .hall-html,
#map-page #HallHtml,
#seats-page #HallHtml {
  touch-action: auto !important;
}

.seats-content .addressbox,
.seats-content .change-session-btn {
  font-size: 14px !important;
}

.seats-content .addressbox strong,
.seats-content .change-session-btn strong {
  font-size: 15px !important;
  color: #555;
}

.uk-notification-message {
  font-size: 13px;
  border-radius: 4px;
  padding: 15px 15px 15px 40px;
}

.uk-notification-message div .uk-icon {
  display: none;
}

.uk-notification-message-primary {
  color: #1e87f0;
  background-color: #d8eafc;
  border: 1px solid #bedaf7;
}

.uk-notification-message-warning {
  color: #ff923f;
  background-color: #FFF3CD;
  border: 1px solid #fcecbd;
}

.uk-notification-message-danger {
  color: #f0506e;
  background-color: #f8d7da;
  border: 1px solid #f5c2c7;
}

.uk-notification-message-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border: 1px solid #badbcc;
}

.uk-notification-message-danger .uk-notification-close,
.uk-notification-message-danger .uk-notification-close:hover {
  color: #f0506e !important;
}

.uk-notification-message-success .uk-notification-close,
.uk-notification-message-success .uk-notification-close:hover {
  color: #0f5132 !important;
}

.uk-notification-message-primary .uk-notification-close,
.uk-notification-message-primary .uk-notification-close:hover {
  color: #1e87f0 !important;
}

.uk-notification-message-warning .uk-notification-close,
.uk-notification-message-warning .uk-notification-close:hover {
  color: #ff923f !important;
}

.uk-notification-close {
  display: block !important;
  top: 17px;
}

.uk-notification .uk-list-disc>* {
  padding-right: 15px;
}

.subCategoriesList .uk-subnav {
  margin: 0;
}

.subCategoriesList .uk-subnav>* {
  padding: 0;
}

.subCategoriesList .uk-subnav a {
  padding: 10px;
}

.subCategoriesList .uk-subnav a:hover,
.subCategoriesList .uk-subnav>.uk-active>a {
  color: var(--main-color);
}

.subCategoriesList .uk-subnav a:after {
  content: '';
  width: 0;
  height: 3px;
  border-radius: 4px;
  background-color: var(--main-color);
  display: block;
  position: absolute;
  bottom: 0px;
  right: 0;
  transition: all .2s ease-out;
}

.subCategoriesList .uk-subnav a:hover:after,
.subCategoriesList .uk-subnav>.uk-active>a:after {
  width: 100%;
}


.uk-modal .uk-modal-header {
  background: #f3f3f3;
  padding-right: 10px;
}

.uk-modal .uk-modal-header .uk-subnav {
  margin-bottom: 0;
}

[class*="uk-modal-close-"] {
  top: 18px;
}

.authModal .uk-subnav>li {
  padding-right: 10px;
}

.signin-page .uk-subnav a,
.authModal .uk-subnav a {
  border: solid 1px #e5e5e5;
  background: #fff;
}

.signin-page .uk-subnav>.uk-active>a,
.authModal .uk-subnav>.uk-active>a {
  color: var(--bodyColor);
  border-color: #666;
}

.signin-page .uk-subnav-divider>li.authByPass-title:before,
.authModal .uk-subnav-divider>li.authByPass-title:before {
  border-right-color: transparent;
  margin-left: 0;
}

.signin-page .uk-subnav>*> :first-child,
.authModal .uk-subnav>*> :first-child {
  border-radius: 4px;
  font-family: var(--fontfamilyM);
  padding: 4px 10px 5px;
}

.authModal.uk-modal .uk-modal-header {
  padding-right: 20px !important;
}

.sessionModal .uk-modal-body {
  padding: 20px 10px 10px;
}

.cartModal [class*="uk-modal-close-"],
.mapPositionModal [class*="uk-modal-close-"],
.sessionModal [class*="uk-modal-close-"] {
  top: 15px;
}

.mapPositionModal .uk-modal-body {
  padding-top: 60px;
}

.mapPositionModal .uk-modal-body .zoom {
  left: 0;
  top: 10px;
  background: #fff;
  margin: 0 auto;
  text-align: center;
  width: 87px;
  right: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.mapPositionModal .uk-modal-body .zoom a {
  padding: 10px;
  display: inline-block;
  color: #888;
}

.mapPositionModal .uk-modal-body .zoom a:first-child {
  border-left: solid 1px #eee;
}

.mapPosition-body img {
  max-width: none !important;
  max-height: none !important;
}

.customCheckbox .uk-white-bg {
  transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.05) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px;
}

.customCheckbox .uk-white-bg:hover {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px -1px, rgba(0, 0, 0, 0.10) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px;
}

.customCheckbox {
  margin: 0 0 10px;
  padding-right: 10px !important;
}

.customCheckbox>svg {
  position: absolute;
  top: -130%;
  right: -170%;
  width: 110px;
  pointer-events: none;
}

.customCheckbox * {
  box-sizing: border-box;
}

.customCheckbox input[type="checkbox"],
.customCheckbox input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  margin: 0;
}

.customCheckbox input[type="checkbox"]:focus,
.customCheckbox input[type="radio"]:focus {
  outline: 0;
}

.customCheckbox .cbx {
  width: 24px;
  height: 24px;
}

.customCheckbox .cbx input {
  width: 24px;
  height: 24px;
  border: 2px solid #bfbfc0;
  border-radius: 50%;
}

.customCheckbox .cbx label {
  width: 1.50rem;
  height: 1.50rem;
  background: none;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  transition: 0.60s ease;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' fill='%23FFFFFF' viewBox='0 0 256 256'%3E%3Crect width='256' height='256' fill='none'%3E%3C/rect%3E%3Cpolyline points='216 72.005 104 184 48 128.005' fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='32'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 19px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border: 2px solid #b5bfd9;
}

.customCheckbox .topicon {
  left: 5px;
  bottom: 5px;
  border-radius: 50%;
  padding: 1px;
}

.customCheckbox .topicon {
  background-color: #ebfff9;
  border-radius: 4px !important;
  padding: 0 5px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  color: var(--main-color);
}

.customCheckbox.locked {
  color: #aaa;
}

.customCheckbox.locked .topicon {
  color: #f0506e;
}

.customCheckbox.locked.soon .topicon {
  color: #CAAA41;
}

.customCheckbox.locked .cbx input {
  cursor: not-allowed;
}

.customCheckbox.locked .cbx label {
  cursor: not-allowed;
  background: #EBEDF3 !important;
  border: solid 1px #EBEDF3 !important;
}

.customCheckbox.locked label {
  cursor: inherit;
}

.customCheckbox.locked .topicon {
  background-color: #ffecef;
}

.customCheckbox.locked.soon .topicon {
  background-color: #fffae8;
}

.customCheckbox .cbx input:checked+label {
  transform: scale(1);
  opacity: 1;
  background-color: var(--main-color);
  border-color: var(--main-color);
}

.customCheckbox .uk-radio:checked,
.customCheckbox .uk-checkbox:checked,
.customCheckbox .uk-checkbox:indeterminate {
  background-color: transparent !important;
}

.customCheckbox .dateFormat {
  font-size: .8rem;
}

#FullScreenloading {
  z-index: 9999999999;
}

.seats-page .totalamount-row .value {
  color: var(--main-color);

}

/**************************/
.newsletterRow {
  padding: 50px 0;

  background-image: url('../images/newsletterbg2.png'), url('../images/newsletterbg1.png');
  background-position: 100% center, 0% center;
  background-repeat: no-repeat, no-repeat;
  background-color: #f6f2eb;
  background-size: 300px, 300px;
}

.newsletter .desc,
.newsletter .social h4 span {
  color: #666;
}

.newsletter .uk-form-icon.uk-icon {
  right: 20px;
}

.newsletter #newsletterSubmit {
  height: 48px;
}


.newsletter .social h4 span:after {
  content: '';
  width: 10px;
  height: 1px;
  background-color: #666;
  display: block;
  position: absolute;
  top: 50%;
  left: -14px;
}

.newsletter .social h4 span:before {
  content: '';
  width: 10px;
  height: 1px;
  background-color: #666;
  display: block;
  position: absolute;
  top: 50%;
  right: -14px;
}

.newsletter .social a {
  color: #fff;
  padding: 6px 10px;
  transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -webkit-transition: all .2s ease-out;
}

.newsletter .social a:hover {
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.3);
}

.newsletter .social a.instagram {
  background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

.newsletter .social a.telegram {
  background: linear-gradient(#36AEE0, #1C96D1);
}

.newsletter .social a.bale {
  background: linear-gradient(45deg, #2f3978 0%, #3a798d 25%, #42ad9f 50%, #44bba4 75%, #49dbaf 100%);
}

.newsletter .uk-icon-social {
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
}

.newsletter .social a.telegram .uk-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6721 16.1468L10.0921 14.4168C9.93207 13.9368 9.56207 13.5668 9.08207 13.4068L7.35207 12.8268C5.86207 12.3368 5.89207 10.2368 7.38207 9.77677L13.6621 7.82677C14.9121 7.44677 16.0621 8.59677 15.6821 9.82677L13.7321 16.1168C13.2621 17.6068 11.1621 17.6268 10.6721 16.1468Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.newsletter .social a.bale .uk-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.6721 16.1468L10.0921 14.4168C9.93207 13.9368 9.56207 13.5668 9.08207 13.4068L7.35207 12.8268C5.86207 12.3368 5.89207 10.2368 7.38207 9.77677L13.6621 7.82677C14.9121 7.44677 16.0621 8.59677 15.6821 9.82677L13.7321 16.1168C13.2621 17.6068 11.1621 17.6268 10.6721 16.1468Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.newsletter .social a.instagram .uk-icon {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15.5C12.4596 15.5 12.9148 15.4095 13.3394 15.2336C13.764 15.0577 14.1499 14.7999 14.4749 14.4749C14.7999 14.1499 15.0577 13.764 15.2336 13.3394C15.4095 12.9148 15.5 12.4596 15.5 12C15.5 11.5404 15.4095 11.0852 15.2336 10.6606C15.0577 10.236 14.7999 9.85013 14.4749 9.52513C14.1499 9.20012 13.764 8.94231 13.3394 8.76642C12.9148 8.59053 12.4596 8.5 12 8.5C11.0717 8.5 10.1815 8.86875 9.52513 9.52513C8.86875 10.1815 8.5 11.0717 8.5 12C8.5 12.9283 8.86875 13.8185 9.52513 14.4749C10.1815 15.1313 11.0717 15.5 12 15.5Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/><path d="M17.6357 7H17.6477" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}

.newsletter_form .SumoSelect {
  width: 100%;
}

.newsletter_form .SumoSelect>.CaptionCont {
  border: 1px solid #edf2f6 !important;
  margin: 0;
  padding: 0 0 0 35px !important;
  min-height: 46px;
  font-size: 14px !important;
  border-radius: 4px;
  box-shadow: none !important;
  text-align: right;
}

.newsletter_form .SumoSelect>.CaptionCont>span {
  line-height: 24px;
  color: gray !important;
  font-style: normal !important;
  padding: 10px !important;
  box-sizing: border-box;
}

.newsletter_form .SumoSelect>.CaptionCont>label {
  left: 0;
  right: auto;
  background: #F3F1F9 !important;
  width: 45px;
}

.newsletter_form .SumoSelect.open .search-txt {
  height: 44px;
  font-family: inherit;
  font-size: 14px;
}

.newsletter_form .SumoSelect>.optWrapper>.options li.group>label {
  padding: 10px;
  border-bottom: 1px solid #f7f7f7;
  color: gray;
  text-align: right;
  font-size: 15px;
}

.newsletter_form .SumoSelect>.optWrapper>.options li.opt {
  border-bottom: none;
  text-align: right;
  padding: 10px;
  color: #333;
}

.newsletter_form .SumoSelect>.optWrapper.multiple>.options li.opt {
  padding-right: 30px;
  padding-left: 0;
}

.newsletter_form .SumoSelect .select-all>span,
.newsletter_form .SumoSelect>.optWrapper.multiple>.options li.opt span {
  margin-right: -30px;
  margin-left: 0;
}

.newsletter_form .SumoSelect.open>.optWrapper {
  top: 45px;
}

.newsletter_form .SumoSelect>.optWrapper>.options li.opt:hover {
  background-color: transparent;
}

.newsletter_form .SumoSelect .select-all>span i,
.newsletter_form .SumoSelect>.optWrapper.multiple>.options li.opt span i {
  border: 1px solid #cccfdb;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.newsletter_form .SumoSelect .select-all.partial>span i,
.newsletter_form .SumoSelect .select-all.selected>span i,
.newsletter_form .SumoSelect>.optWrapper.multiple>.options li.opt.selected span i {
  background-color: #00977D;
}


.choices {
  border: solid 1px #F3F6F9 !important;
  border-radius: 4px !important;
  min-height: 46px;
  background: #F3F1F9 !important;
}

.newsletter_form .choices {
  border-color: #edf2f6 !important;
}

.choices * {
  box-sizing: border-box;
}

.choices .choices__inner {
  padding: 0 !important;
  min-height: 48px;
  font-size: 14px !important;
  border-radius: 4px;
  padding-left: 35px !important;
}

.choices .choices__inner input {
  text-align: right;
  width: 100% !important;
  padding: 0 10px !important;
  height: 100%;
  font-family: var(--fontfamilyR);
  font-size: 14px;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 30px;
}

.choices[data-type*="select-one"] .choices__input {
  font-family: var(--fontfamilyR);
  font-size: 14px;
}

.choices__list--single {
  padding: 0 10px !important;
  height: 48px;
  display: flex;
  align-items: center;
  background: #F3F1F9 !important;
}

.choices .choices__heading {
  font-size: 15px;
  text-align: right;
  color: #aaaaaa;
}

.choices .choices__item-space_right:not(.choices__placeholder) {
  padding-right: 25px;
}

.choices .choices__input::placeholder {
  color: #aaaaaa;
}

.choices .choices__list--dropdown {
  border-radius: 0 0 4px 4px;
  border: 1px solid #ddd !important;
}

.choices .choices__list--multiple {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 5px;
  padding: 5px;
}

.choices[data-type*="select-one"] .choices__button_joomla {
  margin-inline-end: 30px !important;
}

.choices__list--multiple .choices__item {
  margin: 0 !important;
  color: #333 !important;
  border: solid 1px #ccc !important;
  padding: 3px 8px !important;
  font-size: 13px !important;
  display: flex !important;
  align-items: center;
}

.choices .choices__button_joomla {
  padding: 0 !important;
  opacity: 0.8 !important;
  width: 16px;
  font-size: 18px;
  height: 16px;
  line-height: 22px;
}

.newsletter .choices[data-type*="select-one"] .choices__inner,
.newsletter .choices[data-type*="select-multiple"] .choices__inner {
  background-size: 0/90rem;
}

.checkbox-wrapper * {
  box-sizing: border-box;
}

.checkbox-wrapper .cbx {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
}

.checkbox-wrapper .cbx span {
  float: left;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper .cbx span:first-child {
  position: relative;
  width: 21px;
  height: 21px;
  border-radius: 4px;
  transform: scale(1);
  border: 1px solid #cccfdb;
  transition: all 0.2s ease;
  box-shadow: 0 1px 1px rgba(0, 16, 75, 0.05);
}

.checkbox-wrapper .cbx span:first-child svg {
  position: absolute;
  top: 4px;
  left: 4px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}

.checkbox-wrapper .cbx:hover span:first-child {
  border-color: var(--main-color);
}

.checkbox-wrapper .inp-cbx {
  position: absolute;
  visibility: hidden;
}

.checkbox-wrapper .inp-cbx:checked+.cbx span:first-child {
  background: var(--main-color);
  border-color: var(--main-color);
  animation: wave-4 0.4s ease;
}

.checkbox-wrapper .inp-cbx:checked+.cbx span:first-child svg {
  stroke-dashoffset: 0;
}

.checkbox-wrapper .inline-svg {
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
  user-select: none;
}

#cartModal .uk-input {
  height: 40px;
}

.cartModal-body .cart-modal-head .title {
  color: #444;
}

.uk-table-custom {
  border-collapse: separate;
  border-radius: 5px;
}

.uk-table-custom thead th {
  background: #F8F8F8;
  padding: 7px 4px;
  font-size: 15px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  border-top: 1px solid rgba(0, 0, 0, .1);
}

.uk-table-custom tr td:first-child,
.uk-table-custom thead th:first-child {
  border-right: 1px solid rgba(0, 0, 0, .1);
}

.uk-table-custom tr td:last-child,
.uk-table-custom thead th:last-child {
  border-left: 1px solid rgba(0, 0, 0, .1);
}

.uk-table-custom thead th:first-child {
  border-radius: 0 5px 0 0;
}

.uk-table-custom thead th:last-child {
  border-radius: 5px 0 0 0;
}

.cartModal-body .uk-table thead th {
  color: #fff !important;
  background: var(--main-color);
  padding: 4px;
}

.uk-table-custom td {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  vertical-align: middle;
  background: #fff;
  padding: 4px 3px;
}

.cartModal-body .uk-table thead th:first-child {
  border-radius: 0 5px 0 0;
}

.cartModal-body .uk-table thead th:last-child {
  border-radius: 5px 0 0 0;
}

.cartModal-body .uk-table td {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  vertical-align: middle;
}

.cartModal-body .uk-table td.totalAmount,
.uk-table-custom td.totalAmount {
  text-align: left;
  border-radius: 0;
  background: #eee;
  padding: 4px;
}

.cartModal-body .uk-table tfoot,
.uk-table-custom tfoot {
  background: #eee;
}

.cartModal-body #cart-coupon,
.cartModal-body #cart-saleagent-discount {
  height: 43px;
}

.cartModal-body #cart-coupon::placeholder,
.cartModal-body #cart-saleagent-discount::placeholder {
  font-size: 13px;
}

.cartModal-body .uk-table {
  margin-top: 10px;
}

.cartModal .uk-modal-body {
  padding-top: 10px;
}

.form-required-text {
  color: #f0506e;
  font-size: 12px;
}

.form-optional-text {
  color: #999999;
  font-size: 12px;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

/*******************/
.otherpage.tickets.finish {
  background: #eee;
}

#finish-page .uk-white-bg {
  margin: 0 auto;
}

#finish-page .success {
  border-top: solid 7px #219446;
}

#finish-page .danger {
  border-top: solid 7px #ed464d;
}

#finish-page .success .uk-green-color {
  color: #4a975a !important;
}

#finish-page .top_box {
  top: -15px;
}

#finish-page .top_box .checkicon .uk-icon {
  border: solid 2px;
  border-radius: 50%;
  padding: 5px;
}

#finish-page .uk-white-bg .top_box::before,
#finish-page .uk-white-bg .top_box::after {
  background-color: #eee;
  border-radius: 100%;
  content: "";
  height: 29px;
  position: absolute;
  top: 100%;
  width: 29px;
}

#finish-page .uk-white-bg .top_box::before {
  left: 0;
  transform: translate(-70%, -45%);
}

#finish-page .uk-white-bg .top_box::after {
  right: 0;
  transform: translate(70%, -45%);
  ;
}

#finish-page .note-area,
#finish-page .invoice-detail p span:first-child {
  color: #666;
}

#finish-page .invoice-detail p span:last-child {
  padding-right: 10px;
}

#finish-page .status-image {
  width: 50px;
  top: -37px;
  background: #eee;
  border-radius: 50%;
  padding: 6px;
  margin: 0 auto;
  position: relative;
}

/**************/
.last-invoices h3 .uk-icon {
  border: solid 1px;
  border-radius: 50%;
  padding: 1px;
}

.mytickets-page .info,
.last-invoices .info {
  list-style: none;
}

.mytickets-page .info li span,
.last-invoices .info li span {
  color: #666;
}

.dashboard-sidebar li a {
  padding: 10px !important;
  gap: 10px;
}

.dashboard-sidebar .uk-active a {
  background: var(--main-color);
  color: #fff !important;
}

.dashboard-sidebar .uk-active a svg {
  stroke: #fff !important;
}

.dashboard-sidebar li a:hover svg,
.dashboard-sidebar li a:hover {
  color: var(--main-color);
  stroke: var(--main-color);
}

.dashboard-artist-promot .promot-image {
  max-width: 80px;
}

.uk-leader-fill::after {
  color: #aaa;
}

#saleagent-events-page td img {
  width: 100px;
}

.uk-gradient-pine {
  background: linear-gradient(45deg, #295e6a, #4797b1);
  border-radius: 10px;
}

.uk-gradient-blue {
  background: linear-gradient(45deg, #5050f7, #9186fa);
  border-radius: 10px;
}

.uk-gradient-red {
  background: linear-gradient(45deg, #fa4659, #f99696);
  border-radius: 10px;
}

.uk-gradient-purple {
  background: linear-gradient(45deg, #b216b2, #c96cc9);
  border-radius: 10px;
}

.uk-gradient-green {
  background: linear-gradient(45deg, #0aa44f, #5eca8f);
  border-radius: 10px;
}

.statistics_items div[class*=uk-gradient-] {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.statistics_items div[class*=uk-gradient-] h6 {
  color: #fff;
  font-size: 12px;
}

.uk-pagination {
  gap: 10px;
}

.uk-pagination>*>* {
  font-size: 17px;
  line-height: 20px;
  height: 20px;
  text-align: center;
  color: var(--bodyColor);
}

.uk-pagination .page-link {
  border-bottom: solid 2px var(--bodyBg);
}

.uk-pagination .page-link:hover {
  border-bottom: solid 2px var(--main-color);
}

.uk-pagination>.uk-active>* {
  border-radius: 4px;
  background-color: var(--main-color);
  border-bottom: solid 2px var(--main-color);
  color: #fff;
}

body.finish .content>.uk-container,
body.signup .content>.uk-container,
body.signin .content>.uk-container {
  height: 100%;
}

body.finish .content,
body.signup .content,
body.signin .content {
  margin: 0 !important;
}

.uk-form-password {
  padding-right: 30px;
}

.signinByPass-title::before {
  display: none;
}

.zoombox #zoomBtn {
  background: #f4f4f4;
  width: 40px;
  height: 40px;
  border: solid 1px #eee;
  cursor: pointer;
}

.zoombox #zoomBtn svg {
  width: 20px;
}

.zoombox span {
  font-size: 13px;
}

.cartParent {
  margin: 0 auto;
  min-height: 78px;
  max-width: 350px;
}

.cartShopping {
  width: 100%;
  margin: 0 auto;
  font-size: 13px;
  border-radius: unset !important;
}

.cartShopping .cart-button {
  width: 150px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.cartShopping.sticky-cart {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 0;
}

.cartShopping.sticky-cart .paybutton-row {
  background-color: #fff;
  /* border: 1px solid rgba(26, 54, 126, .125); */
  box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.08);
  max-width: 495px;
  margin: 0 auto;
}

#HallPositionsNav {
  margin: 0;
  gap: 10px;
}

#HallPositionsNav li {
  padding-right: 0;
}

#HallPositionsNav li a {
  background: rgb(240, 241, 248);
  border: solid 2px #878CB4;
  padding: 8px 21px;
}

#HallPositionsNav li.uk-active a {
  background: #878CB4;
}

.change-session-btn:hover,
.change-session-btn {
  color: var(--bodyColor);
}

.bd-main {
  border: 1px solid #ddd;
  border-radius: 4px;
}

.bd-calendar {
  width: 280px;
}

.bd-title {
  width: 280px;
  display: flex;
  justify-content: space-between;
  margin: 0 0 10px;
}

.bd-goto-today {
  width: 280px;
  border-radius: 4px;
}

.bd-empty-cell,
.bd-table-days button {
  width: 40px;
  height: 40px;
  font-size: 15px;
  border-radius: 4px;
}

.bd-dropdown select, .bd-next, .bd-prev {
  border-radius: 4px;
}

.download-ticket-pdf {
  color: #E95340;
}

.download-ticket-pdf:hover {
  color: #F71F14;
}

.download-ticket-pdf svg {
  width: 2.2em;
  height: 2.2em;
}

.uk-table td {
  padding: 4px;
  vertical-align: top;
}

.uk-grid-small>.uk-grid-margin, .uk-grid-row-small>.uk-grid-margin, *+.uk-grid-margin-small {
  margin-top: 0;
}

.event-audioBox {
  padding: 5px !important;
}

.uk-position-cover.sessionModal-loading {
  position: fixed;
  top: 53px;
  right: 0;
  left: 0;
}

.portable {
  color: #f0506e;
  background-color: #ffecef;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 0px 4px 1px;
  position: absolute;
  left: 1px;
  bottom: 1px;
}

.portable_mobile {
  color: #f0506e;
  border-radius: 4px;
  display: inline-block;
  font-size: 10px;
  padding: 0px 0px;
  position: absolute;
  left: 1px;
  bottom: 1px;
}

.portable_td {
  min-width: 60px;
}

.custom-alerts {
  border-right: solid 5px #d9534f;
  border-radius: 3px;
}

.custom-rules-list,
.custom-alerts-list {
  counter-reset: item;
  list-style: none;
  padding: 0;
  margin-bottom: 16px;
}

.custom-rules-list li,
.custom-alerts-list li {
  display: flex;
  margin: 0 0 10px;
  position: relative;
  counter-increment: item;
  clear: both;
  align-items: baseline;
  padding-right: 27px;
}

.profile_rules .custom-rules-list li {
  display: block;
}

.custom-rules-list li:last-child,
.custom-alerts-list li:last-child {
  margin: 0;
}

.custom-rules-list li::before,
.custom-alerts-list li::before {
  content: counter(item);
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 !important;
  width: 20px;
  height: 20px;
  font-size: 13px;
  border-radius: 50%;
  background: #e2e2e2;
  color: #455a64;
  position: absolute;
  right: 0;
  top: 0;
}

.custom-alerts-list li::before {
  background: #d9534f;
  color: #fff;
}

.custom-alerts-heading {
  color: #d9534f;
}

.issuingGuestCheck {
  border: solid 2px var(--border-color);
  display: flex;
  padding: 7px !important;
  gap: 7px;
  align-items: center;
}

.event-rules-box .rules-footer {
  border-top: dashed 1.5px var(--border-color);
  padding-top: 7px;
}

.issuingGuestCheck.checked {
  border-color: var(--main-color);
  background: rgba(0, 151, 125, 0.05);
}

.event-rules-box {
  background: rgba(111, 96, 156, 0.05);
}

.customCheckbox.event-rules-box {
  border: solid 2px var(--border-color);
  padding: 7px;
}

.customCheckbox.event-rules-box .rules-list>ul {
  padding-right: 8px !important;
  line-height: 13px;
}

.isFinished {
  filter: saturate(0%);
  -webkit-filter: saturate(0%);
  -moz-filter: saturate(0%);
}

.onlyActivePosition li:not(.uk-active) {
  display: none;
}

.noPositionButton {
  display: none;
}

body #g_a11y_announcement {
  right: 0 !important;
}

.video-iframe,
.map-location-iframe {
  background-image: url('../../../../com_tickets/images/loading2.gif');
  background-repeat: no-repeat;
  background-position: center center;
}

.validationCodeInputs .code-input,
div[class*=validationCodeInputs] .code-input {
  width: 14%;
  padding: 10px !important;
}

.couponOptions {
  border: solid 2px var(--border-color);
  padding: 7px !important;
  font-size: 14px;
}

.paid-amount {
  background-color: #F3F1F9;
  padding: 7px 12px;
}

.paid-amount span:last-child {
  color: #4a975a;
}

.hide-visibility {
  opacity: 0 !important;
}

#downloadTicketBtn .dltext {
  margin-right: 4px;
}

.uk-gold-bg {
  background-color: var(--second-color);
}

.uk-label {
  padding: 0px 4px;
  border-radius: 3px;
  min-width: 20px;
  box-sizing: border-box;
  text-align: center;
}

.uk-label-primary {
  background: rgb(70, 202, 235) !important;
}

.uk-label-info {
  background: rgb(99, 91, 255) !important;
}

.uk-label-success {
  background: rgb(54, 199, 108) !important;
}

.uk-label-warning {
  background: rgb(255, 214, 72) !important;
}

.uk-label-danger {
  background: rgb(255, 102, 146) !important;
}

.uk-label-default {
  background-color: rgb(234, 242, 251);
  color: rgb(123, 136, 147) !important;
}

.label-light {
  border-color: transparent;
  display: inline-block;
  padding: 3px 5px;
  vertical-align: middle;
  border-radius: 4px;
  min-width: 20px;
  font-size: .875em;
}

.label-light .badge {
  padding: 1px 7px;
  display: inline-block;
  border-radius: 4px;
  color: #fff;
  min-width: 25px;
  text-align: center;
  box-sizing: border-box;
}

.label-light-blue {
  color: #3699FF;
  background-color: #E1F0FF;
}

.label-light-blue .badge {
  background-color: #70b2f3;
}

.label-light-yellow {
  color: var(--second-color);
  background-color: #fffaeb;
}

.label-light-yellow .badge {
  color: #d7be6b;
  background-color: #fffaeb;
}

.label-light-red {
  color: #f0506e;
  background-color: #ffecef;
}

.label-light-red .badge {
  background-color: #f86782;
}

.label-light-green {
  color: #1d814f;
  background-color: #dff9ec;
}

.label-light-green .badge {
  background-color: #47b57e;
}

.label-light-dark {
  color: #646464;
  background-color: #f3f1f0;
}

.label-light-dark .badge {
  background-color: #7e7e7e;
}

.uk-light-gray-bg {
  background-color: #f2f2f2;
}

.uk-badge-big {
  padding: 5px 10px;
  height: 25px;
  font-size: 13px;
}

.uk-badge-white {
  background-color: rgba(255, 255, 255);
  color: var(--bodyColor) !important;
}

.uk-badge-info,
.uk-light-btn-info {
  background-color: rgba(99, 91, 255, 0.2);
  color: rgb(99, 91, 255) !important;
}

.uk-badge-success,
.uk-light-btn-success {
  background-color: rgba(54, 199, 108, 0.15);
  color: rgb(54, 199, 108) !important;
}

.uk-badge-primary,
.uk-light-btn-primary {
  background-color: rgba(70, 202, 235, 0.2);
  color: rgb(70, 202, 235) !important;
}

.uk-badge-danger,
.uk-light-btn-danger {
  background-color: rgb(255, 220, 225);
  color: rgb(240, 80, 110) !important;
}

.uk-badge-warning,
.uk-light-btn-warning {
  background-color: rgba(255, 214, 72, 0.2);
  color: rgb(213, 175, 39) !important;
}

.uk-badge-default,
.uk-light-btn-default {
  background-color: rgb(234, 242, 251);
  color: rgb(123, 136, 147) !important;
}

.uk-badge.circle::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  margin-left: 4px;
}

.uk-badge-big.circle::before {
  content: '';
  width: 8px;
  height: 8px;
  margin-left: 6px;
}

.uk-badge-success.circle::before {
  background: rgb(54, 199, 108) !important;
}

.uk-badge-info.circle::before {
  background: rgb(99, 91, 255) !important;
}

.uk-badge-primary.circle::before {
  background: rgb(70, 202, 235) !important;
}

.uk-badge-danger.circle::before {
  background: rgb(240, 80, 110) !important;
}

.uk-badge-warning.circle::before {
  background: rgb(213, 175, 39) !important;
}

.uk-badge-default.circle::before {
  background: rgb(123, 136, 147) !important;
}

.section-header {
  font-size: 17px;
}

.myActiveEvent .event-image {
  height: 320px;
  overflow-y: hidden;
}

.no-items-preview {
  padding: 30px 10px;
}

.no-items-preview .iconSvg img {
  width: 120px;
}

.uk-nav-default>li>a {
  color: rgb(123, 136, 147);
}

.uk-letter-space-1 {
  letter-spacing: 1px;
}

.uk-letter-space-2 {
  letter-spacing: 2px;
}

.ticket-owner {
  background-color: #EEEEEE;
}

s, strike {
  text-decoration: none;
  position: relative;
}

s::before, strike::before {
  top: 50%;
  /*tweak this to adjust the vertical position if it's off a bit due to your font family */
  background: red;
  /*this is the color of the line*/
  opacity: .7;
  content: '';
  width: 110%;
  position: absolute;
  height: .1em;
  border-radius: .1em;
  left: -5%;
  white-space: nowrap;
  display: block;
  transform: rotate(-15deg);
}

.eventsWrapper .target-active.hidden {
  display: block !important;
}

.eventsWrapper .target-active.hidden .row-heading {
  display: none;
}

.download-button.cross {
  background: rgba(240, 80, 110, 0.08);
}

.download-button.check {
  background: rgba(0, 151, 125, 0.05);
}

.row-heading:before {
  display: inline-block;
  content: "";
  border-top: .3rem solid var(--main-color);
  width: 2rem;
  margin: 0 0 0 1rem;
}

.ripple_icon {
  text-align: center;
  border-radius: 50%;
  opacity: 1;
  display: block;
  position: relative;
}

.ripple_icon svg {
  height: 40px;
  width: 40px;
  margin: 0 auto;
}

.ripple_icon::after {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
}

.ripple_icon::after,
.ripple_icon::before {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: transparent;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  content: "";
  position: absolute;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.check_icon::after,
.check_icon::before {
  -webkit-box-shadow: 0 0 0 0 rgba(50, 210, 150, .6);
  box-shadow: 0 0 0 0 rgba(50, 210, 150, .6);
  -webkit-animation: ripple 2s infinite;
  animation: ripple 2s infinite;
}

.map-page .uk-grid-small>.uk-grid-margin {
  margin-top: 15px !important;
}

.map-page .qrcode-image {
  margin: 0 auto;
  border-radius: 8px;
}

.map-page .qrcode-holder {
  background-color: var(--bodyColor);
  border-radius: 8px;
}

.map-page .scan-suptitle {
  color: #fff;
  text-align: center;
  padding-top: 10px;
  font-size: 20px;
}

.vertical-seprator {
  border-right: solid 1px rgba(0, 0, 0, 0.25);
  height: 15px;
  display: inline-block;
  margin: 0 5px -4px;
}

.event-shortlink {
  background-color: #F4F4F4;
  border: solid 1px #e7e8ea;
  padding: 3px 4px;
  cursor: pointer;
}

.comment-login {
  background-color: #F4F4F4;
  border: solid 1px #e7e8ea;
}

.comment-login-reply {
  background-color: #ffffff;
  border: dashed 2px #dbdbdd;
}

.cmUserBox {
  margin-left: 5px;
}

.event-shortlink .sl-copytext,
.comment-loginBtn,
.comment-regBtn,
.notifyme-loginBtn,
.notifyme-regBtn {
  padding: 3px 5px;
  background-color: #fff;
}

.event-shortlink .pageLinkText {
  padding-top: 3px;
}

.comment-loginBtn,
.comment-regBtn,
.notifyme-loginBtn,
.notifyme-regBtn {
  min-width: 50px;
  border: solid 2px #ddd;
}

.social-box, .mobile-social {
  padding: 4px;
  border: solid 1px #e7e8ea;
  cursor: pointer;
}

.mobile-social {
  color: unset;
}

/**
  Range slider
*/
.range_container {
  --_marker-border-clr: #858AB2;
  --_marker-size: 15px;
  --_track-heigt: 5px;
  width: 100%;
  max-width: 600px;
  flex-direction: column;
  direction: ltr;
  min-height: 2rem;
  margin: 20px auto;
  padding: 0 10px;
  box-sizing: border-box;
}

.sliders_control {
  position: relative;
  margin-top: 10px;
}

.slider-tooltip {
  position: absolute;
  top: -2rem;
  left: 0;
  width: fit-content;
  font-size: 0.8rem;
  border-radius: 4px;
  padding: 0.5rem 0;
  text-align: center;
  translate: -50% 0;
  direction: rtl;
}

.slider-tooltip::before {
  content: "";
  position: absolute;
  bottom: -0.25rem;
  left: 50%;
  translate: -50% 0;
  width: .5rem;
  height: .5rem;
  rotate: 45deg;
  z-index: -1;
  background-color: inherit;
}

input[type=range]:not(.cr-slider)::-webkit-slider-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: var(--_marker-size);
  height: var(--_marker-size);
  background-color: var(--_marker-border-clr);
  border-radius: 50%;
  box-shadow: 0 0 0 1px var(--_marker-border-clr);
  cursor: pointer;
}

input[type=range]:not(.cr-slider)::-moz-range-thumb {
  -webkit-appearance: none;
  pointer-events: all;
  width: var(--_marker-size);
  height: var(--_marker-size);
  background-color: var(--_marker-border-clr);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  cursor: pointer;
}

input[type=range]:not(.cr-slider)::-webkit-slider-thumb:hover {
  background: #f7f7f7;
}

input[type=range]:not(.cr-slider)::-webkit-slider-thumb:active {
  box-shadow: inset 0 0 3px #6e739a, 0 0 9px #858AB2;
  -webkit-box-shadow: inset 0 0 3px #6e739a, 0 0 9px #858AB2;
}

.sliders_control .filter-header {
  width: 100%;
  position: absolute;
  top: -2rem;
  left: 0;
  font-size: 0.8rem;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  text-align: center;
  direction: rtl;
}

input[type="range"]:not(.cr-slider) {
  -webkit-appearance: none;
  appearance: none;
  height: var(--_track-heigt);
  width: 100%;
  position: absolute;
  background-color: var(--_marker-border-clr);
  pointer-events: none;
}

#fromSlider {
  z-index: 1;
  height: 0;
  top: 3px;
}

/**
  Range slider
*/

.line_box .line {
  width: 100%;
  height: 2px;
  background-color: #D8E2EF;
  position: absolute;
  left: 0;
  top: 50% !important;
}

.line_box .text {
  padding: 0 0 0 15px !important;
}

.uk-modal-close-outside {
  top: 0 !important;
}

.announcementModal .uk-modal-footer {
  padding-top: 6px;
  padding-bottom: 6px;
}

.announcementModal .uk-modal-footer .uk-button {
  padding-top: 2px;
  padding-bottom: 2px;
}

.resize-x {
  resize: horizontal;
}

.resize-y {
  resize: vertical;
}

.noresize {
  resize: none;
}

.comment-list .comment-item:first-child {
  border-top: none;
}

.comment-list .comment-item .uk-card-body {
  padding-top: 0 !important;
}

.reply-button, .like-button, .loadMoreReply, .delete-button, .report-button {
  cursor: pointer;
}

.loadMoreReply {
  padding-bottom: 6px;
}

/* Rating */
.comment-rating {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
}

.comment-rating input {
  display: none;
}

.comment-rating label {
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23a9b0bc"%3E%3Cpath d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/%3E%3C/svg%3E') no-repeat center;
  background-size: contain;
  transition: background 0.3s;
}

.comment-rating input:checked~label,
.comment-rating label:not(.inactive):hover,
.comment-rating label:not(.inactive):hover~label {
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23f5b301"%3E%3Cpath d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/%3E%3C/svg%3E') no-repeat center;
  background-size: contain;
}

.comment-rating label.inactive {
  cursor: auto;
  width: 18px;
  height: 18px;
}

.circle-success-shadow {
  width: 6px;
  height: 6px;
  background-color: color-mix(in oklab, #00ff22 10%, transparent);
  border-radius: calc(infinity * 1px);
  padding: 4px;
}

.circle-success-shadow>span {
  width: 6px;
  height: 6px;
  background-color: #5fc86d;
  display: inline-block;
  border-radius: calc(infinity * 1px);
}

.comment-item-wrapper {
  padding-bottom: 10px;
}

.comment-list {
  margin-bottom: 10px;
}

.comment-item-child .comment-item-wrapper {
  padding-right: 15px;
  padding-left: 10px;
}

.comment-item-child .comment-item-wrapper .uk-card-header,
.comment-item-child .comment-item-wrapper .uk-card-body,
.comment-item-child .comment-item-wrapper .uk-card-footer {
  background-color: #f5f5f5;
}

.comment-item-wrapper .uk-card-header .bottom-line .uk-heading-line ::before {
  border-bottom-style: dashed;
}

.comment-item:not(.comment-item-child) {
  border-top: solid 6px #f7f7f7;
}

.charLeft {
  right: 3px;
  bottom: 4px;
}

.comment-item:not(.comment-item-child) .uk-card-footer {
  padding-bottom: 0 !important;
}

.comment-item .uk-card-footer .cmFootbar>* {
  padding: 5px;
  border-radius: 5px;
}

.comment-item:not(.comment-item-child) .uk-card-footer .cmFootbar>* {
  background-color: #f7f7f7;
}

.comment-item.comment-item-child .uk-card-footer .cmFootbar>*,
.comment-item.comment-item-child .uk-card-footer .cmFootbar .delete-button {
  background-color: #ffffff;
}

.comment-item .uk-card-footer .cmFootbar .delete-button {
  background-color: #fff8f8;
}

.comment-item .uk-card-footer .cmFootbar .report-button {
  background-color: #fffbf4;
}

.comment-item.comment-item-child .uk-card-footer .cmFootbar .delete-button {
  border: solid 1px #ffdcdc;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comment-item.comment-item-child .uk-card-footer .cmFootbar .report-button {
  border: solid 1px #fcdfcc;
  padding-top: 4px;
  padding-bottom: 4px;
}

.comment-item .uk-card-footer .cmFootbar .delete-button .comment-delete-text {
  color: #F09191;
}

.comment-item .uk-card-footer .cmFootbar .report-button .comment-report-text {
  color: #e29f71;
}

.comment-item .is-audience {
  padding: 1px 4px;
  color: #999;
}

.comment-item .is-audience svg,
.comment-item .pinBadge svg {
  width: 18px;
}

.comment-item:not(.comment-item-child) .is-audience {
  border-color: #c5f8ed;
  color: #4ed0b1;
  padding: 1px 4px;
  background: #edfffb;
}

.confirm-user-badge::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2314b1f7'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M12.01 2.011a3.2 3.2 0 0 1 2.113 .797l.154 .145l.698 .698a1.2 1.2 0 0 0 .71 .341l.135 .008h1a3.2 3.2 0 0 1 3.195 3.018l.005 .182v1c0 .27 .092 .533 .258 .743l.09 .1l.697 .698a3.2 3.2 0 0 1 .147 4.382l-.145 .154l-.698 .698a1.2 1.2 0 0 0 -.341 .71l-.008 .135v1a3.2 3.2 0 0 1 -3.018 3.195l-.182 .005h-1a1.2 1.2 0 0 0 -.743 .258l-.1 .09l-.698 .697a3.2 3.2 0 0 1 -4.382 .147l-.154 -.145l-.698 -.698a1.2 1.2 0 0 0 -.71 -.341l-.135 -.008h-1a3.2 3.2 0 0 1 -3.195 -3.018l-.005 -.182v-1a1.2 1.2 0 0 0 -.258 -.743l-.09 -.1l-.697 -.698a3.2 3.2 0 0 1 -.147 -4.382l.145 -.154l.698 -.698a1.2 1.2 0 0 0 .341 -.71l.008 -.135v-1l.005 -.182a3.2 3.2 0 0 1 3.013 -3.013l.182 -.005h1a1.2 1.2 0 0 0 .743 -.258l.1 -.09l.698 -.697a3.2 3.2 0 0 1 2.269 -.944zm3.697 7.282a1 1 0 0 0 -1.414 0l-3.293 3.292l-1.293 -1.292l-.094 -.083a1 1 0 0 0 -1.32 1.497l2 2l.094 .083a1 1 0 0 0 1.32 -.083l4 -4l.083 -.094a1 1 0 0 0 -.083 -1.32z' /%3E%3C/svg%3E");
  width: 17px;
  height: 17px;
  background-size: contain;
  transition: background 0.3s;
  vertical-align: middle;
  padding-left: 3px;
  display: inline-block;
}

.audioBox.audioHorizontal {
  display: none;
}

.cartTimer {
  border: solid 2px var(--border-color);
  padding: 3px 7px;
}

.cartTimer .cartTimerText {
  font-size: 13px;
}

.cartTimer .cartTimerValue {
  font-size: 18px;
  min-width: 50px;
}

.avatar-change-text {
  padding-bottom: 15px !important;
}

.avatarModal .uk-placeholder,
.artistAvtPlaceholder {
  border-width: 2px !important;
  cursor: pointer;
}

.maxWidthV {
  max-width: 320px;
}

.cr-viewport {
  box-shadow: 0 0 0 2000px #fff !important;
  border: none !important;
}

.artistCoverCropArea .cr-viewport {
  border-radius: 5px;
}

.artistReSelectImage:hover {
  color: rgb(225, 12, 51) !important;
}

.artistAvatarLabel .artistAvtPlaceholder,
.artistCoverLabel .artistAvtPlaceholder {
  border-color: #cbcbcb;
}

.artistAvatarLabel .uk-overlay-primary,
.artistCoverLabel .uk-overlay-primary {
  background: rgba(34, 34, 34, 0.2);
  color: #222;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.avatarLabel {
  max-width: 360px;
}

.userBox_inside {
  border: solid 2px var(--bodyColor);
  max-width: 200px;
}

.pointer {
  cursor: pointer;
}

.cmUserRole {
  padding: 0 3px !important;
  color: #3699FF;
}

.cmProfilePopover .cmProfHeader {
  border-bottom: solid 1px var(--border-color);
}

.direct-message-btn {
  padding: 2px 8px;
}

.cross_icon::after,
.cross_icon::before {
  -webkit-box-shadow: 0 0 0 0 rgba(240, 80, 110, .6);
  box-shadow: 0 0 0 0 rgba(240, 80, 110, .6);
  -webkit-animation: ripple2 2s infinite;
  animation: ripple2 2s infinite;
}

.slider .sliderWrapper .slide-item {
  background-color: var(--slide-bg-color);
  color: var(--slide-font-color);
}

.slider .slide-item .slideInfo-top,
.slider .slide-item .slideInfo-bottom {
  padding: 10px;
}

.slider .slide-item .slideInfo-bottom {
  padding-top: 0px;
}

.slider .slide-item .slide-banner .slideBanner-wrapper {
  padding: 10px;
}

.slider .slide-item .slide-heading {
  font-size: 18px;
}

.slider .slide-item .slide-subhead .slideSubhead-item .icon {
  width: 18px;
  height: 18px;
}

.slider .slide-item .slideInfo-bottom .uk-button:not(.slideButton-default) {
  background-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.slider .slide-item .slideInfo-bottom .uk-button:not(.slideButton-default):hover {
  box-shadow: unset !important;
  -webkit-box-shadow: 0 !important;
  -moz-box-shadow: 0 !important;
}

.slider .slide-item .slideInfo-bottom .uk-button.slideButton-white {
  border-color: #ffffff;
}

.slider .slide-item .slideInfo-bottom .uk-button.slideButton-white:hover {
  background-color: #ffffff !important;
  color: #777777;
}

.slider .slide-item .slideInfo-bottom .uk-button.slideButton-black {
  border-color: var(--bodyColor);
  color: var(--bodyColor);
}

.slider .slide-item .slideInfo-bottom .uk-button.slideButton-black:hover {
  background-color: var(--bodyColor) !important;
  color: #ffffff;
}

.slider .slide-item .slideInfo-bottom .uk-button {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 23px;
}

.slider .slide-item .slide-subhead .slideSubhead-item {
  gap: 2px;
}

.slider .slide-item .slide-subhead .slideSubhead-item.map-name .uk-text-truncate {
  max-width: 210px;
}

.slider .slide-item .slide-subhead .slideSubhead-item.perform-date .uk-text-truncate {
  max-width: 150px;
}

.slider .slide-item .slide-subhead .slideSubhead-item,
.slider .slide-item .slide-description {
  font-size: 11px;
}

.slider .slide-item .slide-description {
  margin-top: 10px;
}

.slider .slide-item .slide-subhead .slideSubhead-wrapper {
  gap: 5px;
}

.videos .video-item .video-item-box {
  min-height: 143px;
}

.video-caption-wrapper {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.player-play-circle {
  border: solid 3px #fff;
  transition: transform 0.3s ease;
  will-change: transform;
  transform: translateZ(0);
}

.video-item-box:hover .player-play-circle,
.video-item-box:focus .player-play-circle,
.video-item-box:active .player-play-circle {
  transform: scale(1.2) translateZ(0);
}

.video-item-box .video-caption {
  font-size: .7rem;
}

/* Stepper */
.stepper {
  display: flex;
  align-items: center;
  gap: 12px;
  user-select: none;
}

.step {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 50px;
  position: relative;
  text-align: center;
}

.step .circle {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: 2px solid #d6d6d6;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  background: #fff;
  color: #6b6b6b;
  transition: all .18s;
}

.step .label {
  margin-top: 8px;
  font-size: 10px;
  color: #444;
  white-space: nowrap;
}

.stepper-connector {
  height: 4px;
  flex: 1;
  background: linear-gradient(90deg, #eee 0%, #eee 100%);
  border-radius: 4px;
}

.step.active .circle {
  border-color: #1e87f0;
  background: #1e87f0;
  color: white;
  box-shadow: 0 4px 10px rgba(30, 135, 240, 0.12);
}

.step.done .circle {
  border-color: #3ABB82;
  background: #3ABB82;
  color: white;
}

.stepper-connector.active {
  background: linear-gradient(90deg, #1e87f0 0%, #9fd3ff 100%);
}

.stepper-connector.done {
  background: linear-gradient(90deg, #3ABB82 0%, #2ecc71 100%);
}

.urlAddress-field .uk-input {
  padding-left: 120px;
}

.urlAddress-field .address-text {
  padding-left: 10px;
}

.input-description {
  margin-top: 5px;
}

.subform-repeatable-group .close-svg, .subform-repeatable-group .add-svg {
  padding: 2px 6px !important;
}

.profile-contact-repeatable .subform-repeatable-group {
  padding-top: 25px;
  padding-bottom: 25px;
  border-bottom: dashed 2px #ddd;
}

.profile-contact-repeatable .subform-repeatable-group:last-of-type {
  border-bottom: none;
  padding-bottom: 0px;
}

.profile-list .user-profile {
  padding: 0 0 0 5px;
  border-radius: 20px;
}

.profile-list .user-profile .user-profile-image {
  height: 28px;
}

.profile-list .user-profile:hover {
  background-color: #f5f5f5;
}

.cover-color-picker input[type="radio"] {
  display: none;
}

.cover-color-picker label {
  width: 45px;
  height: 45px;
  transition: transform 0.2s ease;
  background-color: var(--cover-color-hex);
}

.cover-color-picker label:hover, .cover-color-picker label:active {
  transform: scale(1.1);
}

.cover-color-picker input[type="radio"]:checked+label::after {
  content: "✅︎";
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 22px;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

/** Profile Page */
.profile-cover {
  background-color: var(--cover-color-hex);
  height: 130px;
}

.profile-header {
  margin-top: -130px;
  margin-right: 20px;
}

.profile-avatar {
  width: 80px;
  padding: 2px;
}

.profile-artist-name {
  font-size: 20px !important;
  margin-bottom: 5px;
}

.profile-promo_title {
  font-size: 13px !important;
  color: #f1f1f1;
}

.profile-menus .uk-navbar-nav>li>a {
  min-height: auto;
  color: #fff;
  font-family: var(--fontfamilyL);
}

/** Profile Page */

/** Custom tabs */
.custom-tabs-wrapper {
  width: 100%;
  box-sizing: border-box;
  direction: rtl;
  font-family: sans-serif;
}

.custom-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: nowrap;
  white-space: nowrap;
  border-bottom: 1px dotted #e2e1e1;
}

.custom-tabs .custom-tab,
.custom-tabs .more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 7px 10px;
  cursor: pointer;
  transition: background 0.2s ease;
  box-sizing: border-box;
  user-select: none;
  font-size: 12px;
}

.custom-tabs .custom-tab:hover,
.more-btn:hover {
  background: #f5f5f5;
}

.custom-tabs .custom-tab.active,
.custom-tabs .more-menu .active {
  color: #007bff;
  font-family: var(--fontfamilyM);
  font-weight: bold;
}

.custom-tabs .more {
  position: relative;
}

.custom-tabs .more-btn {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 7px 0px;
}

.custom-tabs .more-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 140px;
  display: none;
  list-style: none;
  margin: 6px 0 0 0;
  padding: 6px 0;
  background: #fff;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  z-index: 999;
}

.custom-tabs .more-menu li {
  padding: 8px 12px;
  cursor: pointer;
  transition: background 0.2s ease;
}

.custom-tabs .more-menu li:hover {
  background: #f1f1f1;
}

.custom-tabs .more.open .more-menu {
  display: block;
}

.custom-tab-contents {
  position: relative;
  padding: 20px;
  min-height: 100px;
  overflow: hidden;
}

.custom-tab-content {
  display: none;
  opacity: 0;
  transition: opacity 0.35s ease;
}

.custom-tab-content.active {
  display: block;
  opacity: 1;
}

/** Custom tabs */

@media (max-width: 380px) {
  .uk-subnav-pill>*> :first-child {
    padding: 10px;
  }
}

@media (max-width: 400px) {
  .authModal .uk-subnav>li {
    padding-right: 5px;
    font-size: .8rem;
  }

  .authModal .uk-subnav>li>a {
    font-size: .8rem;
    padding: 4px 7px 5px !important;
  }
}

@media (min-width : 421px) and (max-width : 580px) {
  .events-list .event_item .location-date>* {
    flex: 1 100% !important;
  }

  .events-list .event_item h3 {
    font-size: 12px !important;
  }

  .events-list .event_item .location, .events-list .event_item .date, .events-list .event_item .cityname_box {
    font-size: 11px !important;
  }

  .events-list .event_item .buy .uk-button {
    line-height: 20px;
    font-size: 13px;
  }

  .events-list .event_item .buy .uk-button.notify-me svg {
    height: 20px;
  }

  .events-list .event_item .countdown-section {
    font-size: 9px;
    line-height: 11px;
  }

  .events-list .event_item .countdown-amount {
    font-size: 13px;
  }

  .events-list .event_item .counter {
    height: 30px;
  }
}

@media (min-width : 420px) {
  .events-list .event_item .content, .maps-list .map_item .content {
    padding: 10px;
  }

  .step {
    width: 60px;
    min-width: 55px;
  }
}

@media (max-width : 420px) {
  .customCheckbox label {
    font-size: 13px;
  }

  .customCheckbox .cbx,
  .customCheckbox .cbx input,
  .customCheckbox .cbx label {
    width: 22px;
    height: 22px;
  }

  .customCheckbox .cbx svg {
    top: 5px;
    right: 5px;
    width: 12px;
    height: 12px;
  }

  .uk-border-radius-large {
    border-radius: 4px !important;
  }

  .uk-border-radius-large-top {
    border-radius: 4px 4px 0 0 !important;
  }

  .events-list .uk-grid>._event_item_row {
    width: 100%;
  }

  .myticket-page .ticketinfo,
  .events-list .event_item {
    display: flex;
    overflow: hidden;
  }

  .myticket-page .ticketinfo .image_box,
  .events-list .event_item .image_box {
    width: 30%;
    max-height: 130px !important;
  }

  .mytickets-page .events-list .event_item .image_box {
    max-height: 100% !important;
  }

  .myticket-page .ticketinfo .image_box img,
  .events-list .event_item .image_box img {
    border-radius: 0 4px 4px 0 !important;
  }

  .myticket-page .ticketinfo .info {
    width: 70%;
    margin: 0;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
  }

  .events-list .event_item .info {
    width: 70%;
    margin: 0;
    display: flex;
    align-items: center;
  }

  .events-list .event_item .content {
    padding: 10px;
    width: 100%;
  }

  .events-list .event_item .renewState,
  .events-list .event_item .soonState,
  .events-list .event_item .cancelState {
    padding: 1px 5px;
    font-size: 11px;
    left: auto;
    right: 0;
    border-radius: 0 4px;
  }

  .events-list .event_item .audioBox {
    right: 0;
    top: auto;
    bottom: 0;
    padding: 0;
    width: 100%;
    box-sizing: border-box;
    border-radius: 0 0 5px 0;
  }

  .events-list .event_item .buy {
    width: 50%;
  }

  .events-list .event_item .buy .uk-button {
    padding: 5px 10px;
    width: auto;
    line-height: 18px;
    font-size: 13px;
    height: 30px;
  }

  .events-list .event_item .counter {
    width: 60%;
    height: 30px;
  }

  .events-list .event_item .countdown-section {
    font-size: 9px;
    line-height: 11px;
  }

  .events-list .event_item .countdown-amount {
    font-size: 13px;
  }

  .events-list .event_item h3 {
    font-size: 14px !important;
    height: 37px;
    overflow: hidden;
  }

  .events-list .cityname_box {
    font-size: 12px !important;
    padding: 0 !important;
    height: auto !important;
    position: static !important;
  }

  .events-list .cityname_box:before {
    display: none;
  }

  .saleagent-page .events-list .event_item .image_box {
    width: 100%;
    max-height: initial;
  }

  .saleagent-page .events-list .event_item {
    display: block;
  }

  .saleagent-page .events-list .event_item .image_box img {
    border-radius: 4px 4px 0 0 !important;
  }

  .saleagent-page .events-list .event_item .info {
    width: 100%;
    display: block;
    margin-top: -40px;
  }

  .saleagent-page .events-list .event_item .content {
    padding: 15px !important;
    width: auto;
  }

  .saleagent-page .events-list .cityname_box {
    position: absolute !important;
    padding: 5px 10px !important;
    height: 35px !important;
    font-size: 15px !important;
  }

  .saleagent-page .events-list .cityname_box::before {
    content: '';
    background-color: #fff;
    width: 15px;
    height: 14px;
    position: absolute;
    right: -2px;
    bottom: -11px;
    border-radius: 3px;
  }

  .saleagent-page .events-list .event_item h3 {
    font-size: 13px !important;
    height: auto;
  }


  .events-list .event_footer_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
  }

  .events-list .event_item .location, .events-list .event_item .date {
    font-size: 12px;
  }

  .events-list .event_item .location svg,
  .events-list .event_item .date svg,
  .events-list .event_item .cityname_box svg {
    display: none;
  }

  .events-list .event_item .refresh,
  .session-countdown .refresh {
    font-size: 11px;
  }

  .audioBox.audioVertical {
    display: none;
  }

  .audioBox.audioHorizontal {
    display: block;
  }

  .events-list .event_item .event_footer_box .cityname_box {
    width: auto;
  }

  .events-list .event_item .event_footer_box .buy {
    flex: 1;
    min-width: 1px;
    max-width: 60%;
  }
}

@media (min-width : 480px) {
  .slider .slide-item .slide-subhead .slideSubhead-item {
    gap: 5px;
  }

  .cover-color-picker label {
    width: 50px;
    height: 50px;
  }
}

@media (max-width : 480px) {

  .signin-page .uk-subnav>*> :first-child, .authModal .uk-subnav>*> :first-child {
    padding: 4px 10px 5px;
  }

  .eventCategorieList {
    display: grid;
    grid-template-columns: repeat(3, auto);
  }

  .eventCategorieList>li {
    margin: 0 0 5px 5px;
  }

  .seats-content .change-session-btn {
    align-items: flex-start;
    gap: 5px;
    font-size: 12px !important;
    padding: 6px;
    color: #000 !important;
  }

  .seats-content .addressbox svg,
  .seats-content .change-session-btn svg {
    width: 16px;
  }

  .seats-content .change-session-btn .uk-gold-color .uk-icon {
    width: 15px;
  }

  .seats-content .addressbox {
    font-size: 12px !important;
    padding: 6px;
    color: #000 !important;
  }

  .seats-content .addressbox strong {
    font-size: 13px !important;
    color: #555 !important;
  }

  .map-seats-header {
    flex-wrap: wrap;
    gap: 10px;
  }

  .map-seats-header>div {
    width: auto;
    margin-bottom: 0;
  }

  .cartModal .uk-modal-footer>.uk-grid-small {
    margin-right: -10px;
  }

  .cartModal .uk-modal-footer>.uk-grid-small>* {
    padding-right: 10px;
  }

  .cartModal .cart-modal-head .performance-datetime {
    margin: 0 0 5px !important;
  }

  .cartTimer .cartTimerText {
    font-size: 12px;
  }

  .comment-item .comment-item-wrapper .uk-card-header .leftSide {
    gap: 5px;
  }

  .comment-item .comment-item-wrapper .uk-card-header .is-audience {
    font-size: 11px !important;
  }

  .comment-item .comment-item-wrapper .uk-card-header .is-audience svg {
    width: 16px !important;
  }
}

@media (max-width:560px) {}

@media (min-width : 580px) {
  .video-item-box .video-caption {
    font-size: .75rem;
  }

  .step .circle {
    width: 36px;
    height: 36px;
  }

  .step .label {
    font-size: 12px;
  }
}

@media (max-width : 580px) {
  .cartShopping.sticky-cart .paybutton-row {
    width: 100%;
    border-radius: 0 !important;
  }

  .totalamount-row,
  .cartSummery {
    font-size: 13px;
  }

  .cartSummery .quantity-row svg {
    display: none;
  }

  .event-details h1 {
    font-size: 14px !important;
    line-height: 1.3rem;
  }

  .event-details .uk-width-3-5\@s {
    padding: 0 !important;
  }

  .event-details .uk-width-2-5\@s {
    order: 2;
  }

  .uk-card-small .uk-card-body,
  .uk-card-small.uk-card-body {
    padding: 10px;
  }

  .cartModal .uk-modal-body {
    padding: 10px;
  }

  .cartModal-body .uk-table thead th,
  .cartModal-body .uk-table tbody .totalAmountLabel {
    font-size: 12px;
  }

  .page-heading .page-heading-title {
    font-size: 16px;
  }

  .uk-subnav-pill>*> :first-child {
    padding: 8px !important;
    font-size: 13px;
  }
}

@media (min-width : 640px) and (max-width : 870px) {
  .events-list .event_item .location-date>* {
    flex: 1 100% !important;
  }

  .events-list .event_item .buy .uk-button {
    line-height: 20px;
    font-size: 13px;
  }

  .events-list .event_item .buy .uk-button.notify-me svg {
    height: 20px;
  }

  .events-list .event_item h3 {
    font-size: 12px !important;
  }

  .events-list .event_item .location, .events-list .event_item .date, .events-list .event_item .cityname_box {
    font-size: 11px !important;
  }

  .events-list .event_item .audioBox {
    font-size: 12px;
  }

  .events-list .event_item .countdown-section {
    font-size: 9px;
    line-height: 11px;
  }

  .events-list .event_item .countdown-amount {
    font-size: 13px;
  }

  .events-list .event_item .counter {
    height: 30px;
  }
}

@media (min-width: 640px) {
  .uk-modal-header {
    padding-right: 10px;
  }

  .reply-form-wrapper {
    padding: 10px;
  }

  .comment-item-child .comment-item-wrapper {
    padding-right: 20px;
    padding-left: 20px;
  }

  .slider .slide-item .slide-banner .slideBanner-wrapper {
    padding-left: 0px;
  }

  .slider .slide-item .slideInfo-top,
  .slider .slide-item .slideInfo-bottom {
    padding-right: 0px;
  }

  .slider .slide-item .slideInfo-bottom .uk-button {
    padding: 2px 8px;
    font-size: 11px;
    line-height: 20px;
  }

  .step {
    width: 80px;
    min-width: 60px;
  }

  .step .circle {
    width: 44px;
    height: 44px;
  }

  .step .label {
    font-size: 13px;
  }
}

@media (max-width: 640px) {
  #ajaxauth {
    order: 2;
    padding-right: 8px;
  }

  .uk-modal-header .uk-modal-close-default {
    padding: 0;
  }

  .authModal.uk-modal .uk-modal-header .uk-modal-close-default {
    padding: 5px;
  }

  .searchticketModal.uk-modal .uk-modal-header .uk-modal-close-default {
    padding-top: 0px;
  }

  .coupon .uk-width-1-3\@m,
  .saleagent-discount .uk-width-1-3\@m {
    margin: 0 0 5px;
  }

  .events-list .event_item .image_box .soldout-watermark,
  .events-list .event_item .image_box .canceled-watermark {
    max-width: 70px !important;
  }

  .comment-rating-wrapper {
    margin-top: 15px;
  }

  .reply-form-wrapper {
    padding-top: 10px;
  }

  .comment-rating label.inactive {
    width: 15px;
    height: 15px;
  }

  .events-list .event_item .cityname_box {
    font-size: 13px;
  }
}

@media (min-width: 780px) {
  .slider .slide-item .slide-subhead .slideSubhead-wrapper {
    gap: 10px;
  }

  .step {
    width: 95px;
    min-width: 80px;
  }

  .step .circle {
    font-size: 15px;
  }

  .profile-cover {
    height: 150px;
  }

  .profile-header {
    margin-top: -150px;
  }

  .profile-avatar {
    width: 100px;
  }

  .custom-tabs .custom-tab,
  .custom-tabs .more {
    font-size: 13px;
  }
}

@media (max-width : 780px) {
  #searchticket {
    order: 1;
    padding-right: 8px;
  }

  #toggleMenu {
    order: 3;
    padding-right: 8px;
  }

  [class*="uk-modal-close-"] {
    top: 14px;
  }

  .header {
    padding: 5px 0;
  }

  .header .uk-container>div {
    gap: 5px;
  }

  .remove_margin_mobile {
    margin: 0 !important;
  }

  .remove_padding_mobile {
    padding: 0 !important;
  }

  .justify_end_mobile {
    justify-content: flex-end;
  }

  .otherpage.tickets.seats .footer {
    margin-bottom: 110px;
  }

  #HallPositionsNav li a {
    padding: 4px 12px !important;
  }

  .eventCategorieList {
    margin: 0 0 15px !important;
  }

  .backbox .back {
    width: 39px;
    padding: 0;
    height: 39px;
    line-height: 39px;
  }

  .backbox .back .title {
    display: none;
  }

  .backbox .back svg {
    width: 26px;
  }

  .events-list .event_item .cityname_box {
    font-size: 13px;
  }

  .uk-container {
    padding-right: 10px;
    padding-left: 10px;
  }

  .slider .slide-item .slide-heading {
    font-size: 14px;
  }
}

@media (min-width : 960px) {
  .user_box .userPersonalInfo {
    margin-top: 10px;
  }

  .slider .slide-item .slide-subhead .slideSubhead-wrapper {
    gap: 15px;
  }

  .slider .slide-item .slideInfo-bottom .uk-button {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 24px;
  }

  .dashboard-artist-promot .promot-buttons, .dashboard-artist-promot .promot-text {
    margin-top: 0 !important;
  }
}

@media (max-width : 960px) {

  .events-list .event_item .refresh,
  .session-countdown .refresh {
    font-size: 13px;
  }

  .events-list .event_item .countdown-amount {
    font-size: 15px;
  }

  .events-list .event_item .cityname_box {
    font-size: 14px;
  }

  .eventCategorieList>li {
    margin: 0 0 15px 15px;
    padding: 0 !important;
  }

  .userBox_inside {
    max-width: 110px;
  }

  .slider .slide-item .slide-heading {
    font-size: 15px;
  }
}

@media (max-width : 980px) {
  .selectableSeats_content {
    align-items: flex-start;
    gap: 10px;
    justify-content: space-between;
  }

  .event-details h1 {
    font-size: 17px !important;
    padding-bottom: 10px;
    margin-bottom: 10px !important;
  }

  .uk-font-medium {
    font-size: 13px !important;
  }

  .event-details .uk-card:not(.comment-list) {
    padding: 10px;
    margin: 0;
  }

  .seats-page .seats-header {
    margin: 0 !important;
  }

  .seats-page h1 {
    font-size: 19px;
    margin-bottom: 10px !important;
  }

  .rulesModal ol,
  .tiereddisModal ol {
    padding-right: 10px;
  }
}

@media (min-width : 1024px) {

  .slider .slide-item .slide-subhead .slideSubhead-item,
  .slider .slide-item .slide-description {
    font-size: 13px;
  }

  .slider .slide-item .slide-subhead .slideSubhead-item .icon {
    width: 20px;
    height: 20px;
  }

  .slider .slide-item .slide-description {
    margin-top: 15px;
  }

  .step {
    width: 120px;
    min-width: 80px;
  }
}

@media (max-width : 1024px) {
  .event-details .city_name {
    left: 0;
  }

  .event-details h1 {
    font-size: 18px !important;
    line-height: 1.3rem;
  }

  .event-details .event-audioBox {
    padding: 0 !important;
    position: absolute;
    bottom: 8px;
    width: 95%;
    right: 0;
    left: 0;
    margin: 0 auto !important;
    background: rgba(255, 255, 255, 0.85) !important;
  }

  .event-details .event-audioBox .plyr .plyr__controls,
  .event-details .event-audioBox .plyr {
    background: transparent !important;
  }

  .events-list .event_item h3 {
    font-size: 14px !important;
  }

  .slider .slide-item .slide-heading {
    font-size: 16px;
  }

  .slider .slide-item .slide-subhead .slideSubhead-item.map-name .uk-text-truncate {
    max-width: 180px;
  }

  .slider .slide-item .slide-subhead .slideSubhead-item.perform-date .uk-text-truncate {
    max-width: 130px;
  }
}

@media (min-width : 1200px) {
  .slider .slide-item .slide-subhead .slideSubhead-wrapper {
    gap: 20px;
  }

  .slider .slide-item .slideInfo-top,
  .slider .slide-item .slideInfo-bottom {
    padding: 15px;
    padding-right: 15px !important;
  }

  .slider .slide-item .slideInfo-bottom {
    padding-top: 15px;
  }

  .slider .slide-item .slideInfo-bottom .uk-button {
    padding: 6px 16px;
    font-size: 14px;
    line-height: 27px;
  }

  .slider .slide-item .slide-subhead .slideSubhead-item {
    gap: 8px;
  }

  .profile-cover {
    height: 180px;
  }

  .profile-header {
    margin-top: -140px;
  }

  .profile-avatar {
    width: 150px;
  }

  .profile-content-wrapper {
    margin-top: 15px;
  }
}

@media (max-width : 1200px) {
  .newsletterRow {
    background: #f6f2eb;
  }
}

@media (min-width : 1500px) {
  .slider .slide-item .slide-subhead .slideSubhead-wrapper {
    gap: 25px;
  }
}

@media (max-width : 1500px) {
  .newsletterRow {
    background-size: 220px, 220px;
  }
}

/** keyframes **/
@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 15px rgba(255, 255, 255, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
  }
}

@-webkit-keyframes ripple2 {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(240, 80, 110, 0);
    box-shadow: 0 0 0 20px rgba(240, 80, 110, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 80, 110, 0);
    box-shadow: 0 0 0 0 rgba(240, 80, 110, 0);
  }
}

@keyframes ripple2 {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(240, 80, 110, 0);
    box-shadow: 0 0 0 20px rgba(240, 80, 110, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 80, 110, 0);
    box-shadow: 0 0 0 0 rgba(240, 80, 110, 0)
  }
}

@-moz-keyframes splash-12 {
  40% {
    background: var(--main-color);
  }

  100% {
    background: var(--main-color);
  }
}

@-webkit-keyframes splash-12 {
  40% {
    background: var(--main-color);
  }

  100% {
    background: var(--main-color);
  }
}

@-o-keyframes splash-12 {
  40% {
    background: var(--main-color);
    box-shadow: 0 -18px 0 -8px var(--main-color), 16px -8px 0 -8px var(--main-color), 16px 8px 0 -8px var(--main-color), 0 18px 0 -8px var(--main-color), -16px 8px 0 -8px var(--main-color), -16px -8px 0 -8px var(--main-color);
  }

  100% {
    background: var(--main-color);
    /* box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent; */
  }
}

@keyframes splash-12 {
  40% {
    background: var(--main-color);
    /* box-shadow: 0 -18px 0 -8px var(--main-color), 16px -8px 0 -8px var(--main-color), 16px 8px 0 -8px var(--main-color), 0 18px 0 -8px var(--main-color), -16px 8px 0 -8px var(--main-color), -16px -8px 0 -8px var(--main-color); */
  }

  100% {
    background: var(--main-color);
    /* box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent, 32px 16px 0 -10px transparent, 0 36px 0 -10px transparent, -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent; */
  }
}

@-moz-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@-webkit-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@-o-keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@keyframes wave-4 {
  50% {
    transform: scale(0.9);
  }
}

@keyframes pop {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.4);
  }

  100% {
    transform: scale(1);
  }
}

@-webkit-keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(50, 210, 150, 0);
    box-shadow: 0 0 0 20px rgba(50, 210, 150, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(50, 210, 150, 0);
    box-shadow: 0 0 0 0 rgba(50, 210, 150, 0);
  }
}

@keyframes ripple {
  70% {
    -webkit-box-shadow: 0 0 0 20px rgba(50, 210, 150, 0);
    box-shadow: 0 0 0 20px rgba(50, 210, 150, 0)
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(50, 210, 150, 0);
    box-shadow: 0 0 0 0 rgba(50, 210, 150, 0)
  }
}