/************************************
	Font Family
*************************************/
@font-face {
    font-family: 'Matter';
    src: url('../fonts/Matter-Regular.eot');
    src: url('../fonts/Matter-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Matter-Regular.woff2') format('woff2'),
        url('../fonts/Matter-Regular.woff') format('woff'),
        url('../fonts/Matter-Regular.ttf') format('truetype'),
        url('../fonts/Matter-Regular.svg#Matter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Matter';
    src: url('../fonts/Matter-Bold.eot');
    src: url('../fonts/Matter-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Matter-Bold.woff2') format('woff2'),
        url('../fonts/Matter-Bold.woff') format('woff'),
        url('../fonts/Matter-Bold.ttf') format('truetype'),
        url('../fonts/Matter-Bold.svg#Matter-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.gt-font-family {
  font-family: 'Matter' !important;
  font-weight: 400;
}
.gt-font-family-second {
  font-family: 'Matter' !important;
  font-weight: 700;
}

.gt-background-main.gt-border-color-second {
    background-image: url('../images/background/background-gradient.jpg') !important;
    background-size: auto;
    background-position: top !important;
}

#tickets-bottom-text-section .text-container a {
    position: relative;
    display: block;
    padding: 10px 30px;
    border: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none !important;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#tickets-bottom-text-section .text-container a:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    border-width: 8px 0 8px 8px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    margin: -8px 0 0;
}

#tickets-bottom-text-section .text-container a:hover {
    border-color: #bbb;
}

.toggle-container .item .toggle-handle,
.toggle-container .item button.toggle-handle {
    color: #110101 !important;
}

#support-whatsapp-button,
#support-apple-chat-button {
    color: #ffffff !important;
    background-color: #110101 !important;
}

.timeslots-container input[type="radio"] ~ label {
    background: #fdfcfc !important;
}

.timeslots-container input:checked ~ label, .timeslots-container input:checked ~ label.timeslot-discount {
    background: #a73535 !important;
}