#mapObject {
    top: 0%;
    overflow-y: hidden;
    position: relative;
    z-index: 1 !important;
}

.resetMap > a {
    height: 100% !important;
    display: flex;
    justify-content: center;
}

#mapObject {
    position: relative;
    overflow: hidden;
}

@media(max-device-width: 840px) and (orientation:landscape) {
    html, body {
        height: auto !important
    }

    .tp_cellQty {
        width: 30% !important
    }

    .event-name-map.clearfix {
        display: none
    }

    .tp_cellQty:after {
        padding-right: 2.5em !important
    }

    #mapObject > svg {
        display: flex;
        justify-content: center;
        max-height: 100% !important;
        text-align: center
    }

    .mapContainer {
        max-height: 240px !important
    }
}

@media(min-width: 767px) AND (max-width:1028px) and (orientation:portrait) {
    .tp_cellQty:after {
        padding-right: 4.75em !important
    }

    #MapContainer {
        max-height: 300px
    }
}

@media screen and (min-width: 768px) and (max-width:992px) {
    #MapContainer {
        background: #fff
    }

    .content-wrapper, .event-name-map.clearfix, #mapWrapper, .mapContainer, .tp_ticketList {
        height: 100% !important
    }

    .tp_cellQty:after {
        padding-right: 1em !important
    }

    .information {
        font-size: .8em;
        flex-direction: row !important
    }

    .sub-header {
        display: none !important
    }

    .information div:first-child {
        margin-right: 1em
    }

    .event-name-map.clearfix {
        width: 100% !important
    }

    .tp_ticketList {
        width: 100% !important
    }

    .hide-btn {
        padding: .5em;
        background: none;
        z-index: 55;
        outline: none;
        font-size: 1.5em;
        color: #5e5e5e
    }

    .navbar-notification-mobile-ticket {
        display: flex;
        width: 100%;
        padding: .25em;
        font-size: .75em;
        justify-content: center;
        background: #f3f6f7;
        color: #506b72;
        z-index: 200
    }

    .mobile-ticket-header-slot {
        display: flex;
        background: #50b3d6;
        width: 100%;
        padding: 0 .5em;
        color: #fff;
        font-size: .7em
    }
}

@media only screen and (min-width: 1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5) {
    #MapContainer, .event-name-map.clearfix {
        max-height: 250px
    }

    .content-wrapper, .event-name-map.clearfix, #mapWrapper, .mapContainer, .tp_ticketList {
        width: 100% !important
    }

    .content-wrapper {
        flex-direction: column
    }

    .tp_cellQty:after {
        padding-right: 8.75em !important
    }

    .sub-header .information .dropdown .dropdown-menu {
        width: 450px !important
    }
}

@media(max-width: 767px) and (orientation:portrait) {
    #MapContainer {
        max-height: 300px
    }

    .content-wrapper {
        max-height: 100vh;
        max-height: calc(100vh - 72px) !important
    }

    .tp_quantity {
        border: none !important;
        background: none !important
    }
}

@media(min-width: 769px) AND (max-width:1023px) and (orientation:portrait) {
    .tp_cellQty:after {
        padding-right: 1em !important
    }

    #MapContainer {
        max-height: 400px
    }
}

@media(min-width: 767px) AND (max-width:768px) and (orientation:portrait) {
    #MapContainer {
        max-height: 300px
    }
}

@media(max-width: 991px) {
    .mobile-ticket-divider {
        height: 1px;
        width: 100%;
        background: #d3d3d3;
        margin: 1.25em 0;
        order: 0
    }

    #MapContainer {
        background: #ebebeb;
        height: 100% !important;
        max-height: 100%
    }

    .mobile-ordered {
        display: flex;
        flex-direction: column;
        overflow: visible;
        position: relative
    }

        .mobile-ordered .d-flex.justify-content-between {
            order: 0;
            padding: 0 1em
        }

    .ticket-details {
        padding: 0 1em;
        height: calc(100% - 9em);
        overflow: scroll;
        overflow-x: auto;
    }
}

@media (max-width: 767px) and (orientation: portrait) {
    /*#MapContainer {
        max-height: 300px;
    }*/

    .content-wrapper {
        max-height: 100vh; /* for older browsers */
        max-height: calc(100vh - 72px) !important;
    }


    .tp_quantity {
        border: none !important;
        background: none !important;
    }
}

.resetMap {
    margin-top: 10px;
    margin-left: 0 !important;
    font-size: 1.3em;
}

@media (max-width: 767px) and (orientation: landscape) {
    .mapContainer {
        visibility: visible;
    }

    .event-name-map.clearfix {
        display: none;
    }
}

.carousel-artist {
    height: 290px;
    background: #222;
}

body {
    font-family: 'Arial', sans-serif;
}

.blog-head-image {
    height: 130px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blog {
    width: 50%;
    padding: 0.5em;
}

.blogs {
    display: flex;
    flex-wrap: wrap;
}

.blog .card {
    margin-bottom: 0;
    height: 300px;
}

.category-type {
    background: #599edd;
    padding: 0.25em 0.5em;
    border-radius: 4px;
    font-weight: bold;
    color: white;
}

    .category-type.sports {
        background: #5ac283;
    }

    .category-type.other {
        background: #48c8be;
    }

.blog .category {
    margin-bottom: 0.5em;
}

.blog .details {
    padding: 1.25em;
}

.blog .description {
    max-height: 6em;
    overflow: hidden;
}

.text-darkgrey {
    color: #367389;
}

.howMany {
    font-size: 2em;
}

.mw-700 {
    max-width: 700px !important;
}

.quantityDropdown {
    margin: 0 !important;
    min-width: 0% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

a.text-dark:hover {
    color: #007bff !important;
}

.link-sim {
    cursor: pointer;
}

    .link-sim:hover {
        color: #0056B3 !important;
    }

.bg-l-blue {
    background: #50b3d6;
}

.ticketModalContent [type='radio'] {
    display: none;
}

.quantityBtn {
    background: none;
    outline: none;
    border: solid 1px lightgrey;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5em !important;
}

    .quantityBtn:focus, .quantityBtn:hover {
        outline: none;
        border: solid 1px #50b3d6;
    }

.text-blue-strong {
    color: #004c75;
}

.select-btn-p {
    padding: 0.375rem 0.75rem !important;
}

.all-results-btn {
    background: #c2e5f9 !important;
    font-size: 0.8em;
    font-weight: 500;
    padding: 0.5em;
}

.modal-header {
    align-items: center;
}

.close:focus {
    outline: none !important;
}

.top-search-fixed {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    background: #105b85;
    display: flex;
    justify-content: center;
    padding: 0.5em;
}

.search-activated {
    z-index: 1041 !important;
    position: sticky !important;
}

.h-40 {
    height: 40px !important;
}

.s-m-btn-h {
    height: 40px !important;
    padding: 0 1em !important;
}

.top-search-fixed {
    width: 100%;
    background: #105b85;
    padding: 0.5em;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
}

.s-m-input-h {
    height: 40px !important;
}

.blue-border-bot {
    border-bottom: solid 1px #004c75;
}

button.buyer-close.close {
    position: absolute;
    right: 1em;
    top: 0.5em;
}

.text-dark {
    color: #212529 !important;
}

.flex-center {
    width: 100%;
    justify-content: center;
}

#carousel-artist-inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item {
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.grey-hover {
    font-weight: 600;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 45.23px;
    border-left: 1px solid #dee2e6 !important;
    padding-left: 1em;
    cursor: pointer;
}

.bl-none {
    border-left: none !important
}

.dark-border-r {
    border-right: solid 1px grey;
}

.grey-hover:hover {
    color: darkgray;
}

.modal-stripe {
    background: #105b85;
    color: white;
    padding: 0.5em 0.5em 0.5em 1em;
    font-size: 0.8em;
    font-weight: bold;
}

.relative {
    position: relative;
}

.search-event-date {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-right: 1.5em;
    padding-left: 1.5em;
    border-right: solid 1px grey;
    height: 4em;
    text-align: center;
    width: 6.5em;
    max-width: 6.5em;
    white-space: nowrap;
    flex-shrink: 0;
}

.search-event-slot {
    display: flex;
    align-items: center;
    font-size: 0.9em;
    padding: 0.75em;
}

.search-event-slot {
    color: #222;
}

    .search-event-slot:hover {
        background: #c2e5f9 !important;
    }

.search-event-details {
    padding-left: 1.5em;
    padding-right: 0.85em;
}

.search-event-slot {
    font-size: 0.9em;
}

ul.search-nav {
    padding-left: 0;
    list-style: none;
}

.relative {
    position: relative;
}

.h-2em {
    height: 2em;
}

.carousel-tabs {
    bottom: 0;
    position: absolute;
    left: 0;
    display: flex;
    width: 100%;
}

#main-tab {
    border: none !important;
}

.side-links {
    color: #222222;
    font-size: 0.9em;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif !important;
}

.all-caps {
    text-transform: uppercase;
}

.events-main-tab, .parking-main-tab {
    background: none !important;
    border: none !important;
    width: auto !important;
    font-size: 0.875em;
    font-weight: bold;
}

a#events-tab, a#parking-tab, a#filters-tab {
    padding: 0.75em 1.5em;
    color: white;
    border: none;
    background: #343744 !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
    overflow: hidden;
}

    a#events-tab.active, a#parking-tab.active, a#events-tab:hover, a#parking-tab:hover, a#filters-tab.active, a#filters-tab:hover {
        border: none;
    }

    a#events-tab.active, a#parking-tab.active {
        color: #00191f;
        background: #f5f7f8 !important;
        position: relative;
    }

        a#events-tab.active::before, a#parking-tab.active::before {
            position: absolute;
            width: 100%;
            height: 4px;
            top: 0;
            left: 0;
            content: " ";
            background: #006498;
        }

.border-bottom-dotted {
    border-bottom: solid 1px #e2e9ea !important;
}

.shopper-card-artist {
    height: 330px !important;
}

.nav-tabs .nav-item {
    min-height: 100% !important;
    margin-bottom: 0;
    width: 50%;
    background: #f5f7f8;
    border-right: solid 1px #e6e9e9;
}

.nav-tabs .nav-link.active {
    min-height: 100% !important;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: none;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
    min-height: 100%;
    padding: 1.25em;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 !important;
}

.artist-tab-row {
    display: flex;
    align-items: center;
    padding: 1em;
    border-bottom: solid 1px #e2e9ea !important;
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 600;
    text-decoration: none !important;
}

    .artist-tab-row:hover {
        background: #b8b8b842 !important;
    }



.artist-tab-event-location {
    padding-left: 3em !important;
}

.artist-tab-event-details {
    padding-left: 0em;
    padding-right: 0em;
    border-right: solid 2px #e9eeef;
}

.artist-tab-event-action {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

button.btn.get-tickets-btn {
    padding: .5rem 1.5rem !important;
    font-family: 'Oswald', sans-serif !important;
    color: #006699;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.get-tickets-btn:focus {
    box-shadow: none;
}

.ticket-icon {
    height: 20px;
}

.alternate-events {
    border-bottom: solid 1px #e2e9ea !important;
    font-family: 'Montserrat', sans-serif !important;
    text-decoration: none !important;
}

    .alternate-events:last-child {
        border-bottom: none !important;
    }


.navbar-search-artist {
    max-width: 50%;
}

    .navbar-search-artist .search-box, .navbar-search-artist .input-addon-left {
        background: #f2fcff;
        height: 38px !important;
        font-size: 0.875em;
        font-family: 'Montserrat', sans-serif !important;
    }

    .navbar-search-artist .input-addon-right {
        height: 38px !important;
        padding: .375rem .75rem !important;
        font-size: 0.875em;
        font-weight: 600;
        font-family: 'Montserrat', sans-serif !important;
    }

a:hover {
    text-decoration: none;
}

.bg-light-gray {
    background: #a6babe;
}

.card-body-events {
    padding: 1.5em 1.5em 0 1.5em;
}

.event-slot-sm {
    border-bottom: solid 1px #e2e9ea;
    height: 7em;
    padding: 0.5em;
}

    .event-slot-sm a {
        color: #3e4d51;
    }

.event-slot {
    color: #3e4d51
}

.image-near-you {
    width: 100%;
    height: 190px;
    background: grey;
}

.image-near-you-concerts {
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('https://d2vvanwkyv0nw0.cloudfront.net/home/concertgeneric.jpeg');
}

.image-near-you-sports {
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('https://d2vvanwkyv0nw0.cloudfront.net/home/sportsHomepage_Jan2020.jpg');
}

.image-near-you-concerts, .image-near-you-theater, .image-near-you-sports {
    border-top-left-radius: 0.75em;
    border-top-right-radius: 0.75em;
}

.image-near-you-theater {
    width: 100%;
    height: 190px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-image: url('https://d2vvanwkyv0nw0.cloudfront.net/home/theaterHomepage_Jan2020.jpg');
}

.show-more-container {
    position: absolute;
    height: 150px;
    width: 100%;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(to bottom, transparent, white 75%);
}

.section-border-bottom {
    border-bottom: solid 1px #e2e9ea;
}

.lh-0 {
    line-height: 0em !important;
}

.filter-days {
    list-style: none;
    padding: 0;
    font-size: 0.9em;
}

    .filter-days li {
        padding: 0.5em 0em;
    }

.filter-link {
    text-decoration: none;
}

ul.top-events li {
    list-style: none; /* Remove default bullets */
    padding: 0.25em 0;
    position: relative;
    font-weight: 600;
    padding-left: 0;
    margin-left: 1em;
}

input.search-box {
    display: flex;
    align-items: center;
    padding-left: 0;
}

input::-webkit-input-placeholder { /* Edge */
    color: #a9aeb2;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #a9aeb2;
}

input::placeholder {
    color: #a9aeb2;
}

.top-events li::before, .list-link::before {
    position: absolute;
    font-size: 0.6em;
    content: "\25A0"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #0090c3; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    left: -1.5em;
    display: flex;
    height: 100%;
    align-items: center;
    top: 0;
}

.sports-top-events-link-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5em 1em;
}

.sports-top-events .list-link {
    position: relative;
    width: 33%;
}

.btn-newsletter {
    border-radius: 50%;
    border: none;
    outline: none;
    box-shadow: none;
    min-width: 2.5em;
    min-height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-newsletter {
}

footer {
    color: #a6babe;
}

.carousel-indicators li {
    border-radius: 100%;
    -moz-border-radius: 4px/4px;
    -webkit-border-radius: 4px 4px;
    border-radius: 4px/4px;
    border: solid 1px white;
    opacity: 0.6;
    width: 4px;
    height: 4px;
    background: transparent;
}

.carousel-indicators .active {
    background: white !important;
}

.socials {
    color: #a6babe;
}

.footer-main {
    background: #00262f;
    padding: 2em 0 1em 0;
}

footer ul {
    list-style: none;
    padding-left: 0;
}

    footer ul li {
        padding-bottom: 0.5em;
    }

    footer ul a {
        color: #a6babe;
    }

.modal-content {
    color: #4b4b4b;
}

.mont-light {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 300;
}

.mont-regular {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 400;
}

.oswald {
    font-family: 'Oswald', sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', sans-serif !important;
}

.artist-description-header {
    font-family: 'Oswald', sans-serif !important;
    color: #00191f;
    font-weight: 700 !important;
    font-size: 1.5rem;
}

.shopper-card {
    height: 440px;
    box-shadow: none !important;
}

.shopper-card-padding {
    padding: 0 1em 0 1em;
}

.shopper-card-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
}

.section-title {
    display: flex;
    justify-content: space-between;
}


.custom-control-label {
    position: relative;
    margin-bottom: 0;
    vertical-align: top;
    width: 100%;
}

.location {
    padding: 0.5em;
    padding-left: 2em;
}

.nav-tabs .nav-item {
    background: white;
}

.location:hover, .filters:hover, .event-slot:hover, .event-slot-sm:hover, .category-slot:hover {
    background: #b8b8b842 !important;
}

.event-slot:hover, .event-slot-sm:hover, .category-slot:hover {
    color: #3e4d51;
}

.event-image {
    height: 80px !important;
    background: darkgrey;
    width: 130px !important;
    border-radius: 0.75rem;
}

.category-image {
    height: 80px !important;
    width: 130px !important;
    background-position: center;
    background-size: cover;
}

.location-scroll {
    max-height: 17em;
    overflow-y: scroll;
    padding: 1em;
}

.btn-dismiss {
    outline: none;
    border: none;
    background: none;
    color: #444;
    padding: 0;
}

    .btn-dismiss:focus {
        outline: none;
        box-shadow: none;
    }

.btn-unstyled {
    outline: none;
    border: none;
    background: none;
    padding: 0;
}

    .btn-unstyled:focus {
        outline: none;
        box-shadow: none;
    }

.search-box {
    border: none;
    outline: none;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.search-box:focus {
    outline: none !important;
    box-shadow: none;
}

.event-details {
    padding: 0.5em 1em;
    width: calc(100% - 130px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-between {
    display: flex;
    justify-content: space-between !important;
}

.artist-tab-event-details {
    padding-right: 0.5em !important;
    font-size: 0.9em;
}

.shopper-card-icon, .shopper-card-details {
    display: flex;
    align-items: center;
}

.shopper-card-slot {
    width: 100%;
    display: flex;
    padding: 0 2em 0 2em;
    border-top: solid 1px #e2e9ea;
    height: 97px;
    align-items: center;
}

.shopper-card-slot-artist {
    width: 100%;
    display: flex;
    padding: 0 2em 0 2em;
    border-top: solid 1px #e2e9ea;
    height: 97px;
    align-items: center;
}

.event-slot {
    width: 100%;
    display: flex;
    padding: 0.5em;
    border-top: solid 1px #e2e9ea;
    height: 97px;
    align-items: center;
}

.category-slot {
    width: 298px;
    height: 97px;
    display: flex;
    float: left;
    padding: 0.5em;
    border-top: solid 1px #e2e9ea;
    height: 97px;
    align-items: center;
    border: none;
}

.nav-link-wide {
    min-height: 100%;
    padding: 1.25em;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 0 !important;
}

.event-details .flex-between div {
    max-width: 50%;
}

.no-border-t {
    border-top: none !important;
}

.event-slot:first-child {
    border-top: none;
}

.upcoming-event-slot {
    font-size: 0.9em;
}

.input-search {
    display: flex;
    height: 50px;
    outline: none;
    border: none;
}

.input-addon-left {
    border: none;
    outline: none;
    background: white;
    border-bottom-left-radius: 32px;
    border-top-left-radius: 32px;
    display: flex;
    align-items: center;
    height: 50px;
}

.input-addon-right {
    height: 50px;
    background: white;
    border-bottom-right-radius: 32px;
    border-top-right-radius: 32px;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: space-between !important;
    width: 100%;
}

.justify-center {
    justify-content: center;
}

.carousel-footer {
    background: #004c75;
    color: white;
    width: 100%;
}

.text-white {
    color: #efeff0;
}

.text-blue {
    color: #50b3d6;
}

.text-darkblue {
    color: #00191f;
}

.m-auto {
    margin: auto 0;
}

.flex {
    display: flex;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.is-size-7 {
    font-size: 0.75em;
}

.bg-light-blue {
    background: #b5dfee;
}

.bg-dark-blue {
    background: #025582;
}

.bg-darker-blue {
    background: #00262f
}

.bg-alt-white {
    background: #f5f7f8;
}

.is-size-6 {
    font-size: 0.875em;
}

.is-size-5 {
    font-size: 1em;
}

.align-center {
    align-items: center;
    display: flex;
}

.is-size-4 {
    font-size: 1.25em;
}

.is-size-3 {
    font-size: 1.5em;
}

.is-size-2 {
    font-size: 2em;
}

.is-size-1 {
    font-size: 3em;
}

.is-bold {
    font-weight: bold;
}

.container {
    max-width: 1260px;
}

.column {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.select-location {
    padding-left: 1em !important;
}

.h-100 {
    height: 100%;
}

.is-center {
    justify-content: center;
    text-align: center;
}



.navbar-notification {
    background: #f3f6f7;
    color: #506b72;
    text-align: center;
    padding: 0.25em;
    font-size: 0.875em;
}

.navbar {
    /*  display: flex;
  height: 90px;*/
}

a {
    text-decoration: none;
}

.carousel-info {
    display: flex;
}

.flex-grow {
    flex-grow: 1;
}

.navbar {
    font-family: 'Oswald', sans-serif !important;
}

.navbar-brand {
    color: blue;
    font-weight: 800;
    display: flex !important;
}

    .navbar-brand span:first-child {
        margin-right: 0.1rem;
    }

.navbar-end {
    display: flex;
}

.carousel-descript {
    max-width: 50%;
    padding: 1em 0;
}

.navbar-end .navbar-item {
    text-decoration: none;
    margin-right: 3em;
    color: #77989f;
}

    .navbar-end .navbar-item:last-child {
        margin-right: 0;
    }

.carousel-info-sm {
    margin-top: 1em;
    margin-right: 1.5em;
}

.btn {
    outline: none;
    border: none;
    border-radius: 2em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.875em 1.5em;
    cursor: pointer;
}

    .btn:focus {
        outline: none;
    }

.btn-success {
    background: #1abc9c;
    color: #efeff0;
}

    .btn-success:hover {
        background: #21c1a2;
    }

.is-size-8 {
    font-size: 0.9375em;
}

.bg-grey {
    background: #f5f7f8;
}

button.btn.discover-btn {
    padding: 0.5em 1em;
    border: solid 2px #8f9c9e;
    color: #6d9098;
    transition: 0.25s all ease-in;
    margin: 75px auto;
    background-color: white;
    font-weight: bold;
}

    button.btn.discover-btn:focus, button.btn.discover-btn:hover {
        padding: 0.5em 1em;
        border: solid 2px #c6d4d7;
        background: #c6d4d7;
        color: white;
        box-shadow: none;
    }

.top-events {
    margin-left: 0;
    padding-left: 0;
}

.artist-top-events {
    list-style: none;
    margin-bottom: 0;
}

.event-name-mh {
    max-height: 3em;
    overflow: hidden;
}

.artist-s-card-row, .artist-s-card-row-n-h {
    padding: 1.25em 2em 1.25em 2em;
    width: 100%;
    display: flex;
    border-bottom: solid 1px #e2e9ea;
    align-items: center;
}

.no-hover:hover {
    background: none !important;
}

.artist-s-card-row:last-child {
}

.artist-s-card-row:hover {
    background: #b8b8b842 !important;
}

.has-shadow {
    box-shadow: 0 1px 20px 0 rgba(55, 65, 70, 0.16) !important;
}

.carousel-item {
    padding: 1em;
    height: 280px;
}

.card {
    border-radius: 0.75em;
    box-shadow: 0 1px 20px 0 rgba(55, 65, 70, 0.16);
    border: none;
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.category-card {
    border-radius: 4px;
    display: inline-block;
    box-shadow: 0 1px 20px 0 rgba(55, 65, 70, 0.16);
    border: none;
    margin-bottom: 30px;
    transition: all .5s ease-in-out;
    position: relative;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
}

.carousel-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}

.carousel-info-sm:last-child {
    margin-top: 1em;
    margin-right: 0em;
}

.carousel-btn {
    padding: 0.875em 1.5em;
}

body {
    max-width: 100%;
    overflow-x: hidden;
}

@media screen and (max-width: 1199px) {
    .mobile-hide {
        display: none !important;
    }

    .search-box {
        font-size: 0.9em;
    }
}

.z-200 {
    z-index: 200;
}

@media screen and (max-width: 992px) {
    form.hide-desktop {
        display: flex;
    }

    .sports-top-events .list-link {
        width: 50%;
    }

    .policy-header {
        padding: 0.75em;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #004766;
        color: white;
        font-family: 'Oswald', sans-serif !important;
        font-size: 1em;
    }

    div#container-policy h2 {
        font-size: 1.5em;
    }

    div#container-policy h3 {
        font-size: 1.25em;
    }

    div#container-policy ul {
        padding-inline-start: 1em;
    }

    div#container-policy li, div#container-policy .is-size-6 {
        font-size: 0.75em;
    }

    div#container-policy .col-xl-4 {
        padding: 0 10px;
    }

    div#container-policy .mt-3 {
        margin-top: 0 !important;
    }

    .contact_info_buttons {
        display: flex;
        flex-direction: column;
    }

        .contact_info_buttons > .contact_info_button {
            padding: 0;
            font-size: 16px;
            width: 150px;
            margin: 0.25em auto;
            text-align: center;
        }

    .form_error {
        margin-left: 20px;
        margin-top: 4px;
        visibility: hidden;
        color: #D0021B;
        font-size: 14px;
        font-weight: 400;
    }

    div#contact-cont {
        padding: 0;
    }

    .contact_info_email_form input, .contact_info_email_form textarea {
        width: 100% !important;
    }

    .contact-select-style {
        margin: 0 !important;
    }

    .contact_info_email_form select {
        width: 100% !important;
    }

    form#contact_email_form {
        display: flex;
        flex-direction: column;
    }

    button.contact_info_button {
        padding: 0 16px;
    }

    form#live_chat_form {
        display: flex;
        flex-direction: column;
    }

    button.contact_info_button {
        margin: 0.25em auto;
    }
}

@media screen and (min-width: 993px) {
    form.hide-desktop {
        display: none;
    }

    .modal-content {
        margin-top: 3.5em !important;
    }

    .policy-header {
        display: none !important;
    }
}

@media screen and (min-width: 993px) {
    .mobile-notification {
        display: none;
    }

    .mw-700 {
        max-width: 500px !important;
    }

    .howMany {
        font-size: 1.5em;
    }

    .quantityBtn {
        width: 50px;
        height: 50px;
        font-size: 1.25em !important;
    }

    .modal-dialog.mw-700 {
        max-width: 500px;
        margin: auto auto;
        /* height: 100vh !important; */
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;
    }
}

@media screen and (min-width: 993px) {

    .carousel-indicators {
        bottom: 0px;
    }

    button#hideBtn {
        display: none;
    }

    .carousel-control-next, .carousel-control-prev {
        align-items: unset;
        top: 45%;
    }

    .navbar-notification {
        background: #f3f6f7;
        color: #506b72;
        text-align: center;
        padding: 0.25em;
        font-size: 0.875em;
    }

    .covid {
        background: #004c75;
        color: white;
        padding: 0.3em;
        font-weight: bold;
        text-align: center;
        padding: 0.25em;
        font-size: 0.875em;
    }
}

.covid a {
    color: #f48d2f;
    text-decoration: underline;
}

@media screen and (max-width: 1092px) {
    .artist-tab-event-details {
        margin-bottom: 1em;
        display: flex;
        align-items: center;
        flex-direction: column;
        padding-left: 0em !important;
        padding-right: 0em;
        border-right: none;
    }

    .artist-tab-event-location {
        display: flex;
        margin-bottom: 1em;
        flex-direction: column;
        align-items: center;
        padding-left: 0em !important;
    }

    .artist-tab-event-action {
        justify-content: center;
    }
}

@media screen and (max-width: 1300px) {
    .event-image {
        width: 97px !important;
        height: 60px !important;
        background-position: center;
        background-size: cover;
    }

    .category-image {
        width: 97px !important;
        height: 60px !important;
        background-position: center;
        background-size: cover;
    }

    .event-details {
        width: calc(100% - 97px) !important;
    }

    .w-100 {
        width: 100% !important;
    }
}

.mobile-notice {
    display: none;
}

.buy-tickets-btn-mobile {
    display: none;
}

.mobile-search-btn {
    display: none;
    cursor: pointer;
}

.font-mont {
    font-family: 'Montserrat', sans-serif !important;
}

@media screen and (max-width: 992px) {
    .flex.mobile-col {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .sm-mobile-hide {
        display: none !important;
    }

    .copyright {
        font-size: 0.75em;
    }

    .modal-dialog.mw-700 {
        margin: auto auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100vh;
    }

    .top-events {
        margin-left: 1em;
    }

    .carousel-control-prev, .carousel-control-next {
        display: none;
    }

    #eventCarousel:hover .carousel-control-prev, #eventCarousel:hover .carousel-control-next {
        display: flex;
    }

    a.navbar-brand.is-size-2 {
        font-size: 1.5em;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .alternate-events:nth-child(even) {
        background: none;
    }

    .search-event-slot {
        padding: 0.75em 0.75em 0.75em 0.25em;
    }

    .search-event-slot {
        display: flex;
        align-items: center;
        font-size: 0.825em;
        padding: 0.75em 0.75em 0.75em 0.25em;
    }

    .sub-header {
        flex-direction: column;
        font-size: 0.875em;
        display: flex;
    }

    .information {
        display: flex;
        align-items: center !important;
        padding: 0.55em;
        flex-direction: column;
    }

        .information div {
            text-align: center;
        }

    .flex-column.ml-3.border-left {
        margin-left: 0 !important;
        border-left: none !important;
    }

    a.navbar-brand.is-size-2 {
        font-size: 1.5em;
    }

    .mobile-hide {
        display: none;
    }

    input#search-input-mobile {
        border-radius: 2px;
        padding: 0.5em;
        border: solid 1px lightgrey;
    }

    html {
        overflow-x: hidden;
    }

    button.mobile-search-btn {
        padding: 0.75em;
        background: none;
        outline: none;
        border: none;
    }

        button.mobile-search-btn:focus {
            outline: none;
            border: none;
        }

    .mobile-search-btn {
        display: flex;
        position: absolute;
        top: 0.25em;
        right: -0.5em;
        color: black;
    }

    button.navbar-toggler {
        top: 0.25em;
        position: absolute;
        left: -0.5em;
    }

    .navbar-toggler:focus {
        outline: none !important;
    }

    .mobile-logo {
        font-size: 1.5em !important;
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border-color: rgba(0, 0, 0, 0.0) !important;
    }

    .search-event-date {
        padding-left: 0em !important;
        padding-right: 0.25em !important;
    }

    .search-event-details {
        padding-left: 0.75em;
        padding-right: 0.75em;
    }

    button.btn.get-tickets-btn {
        display: none;
    }

    .buy-tickets-btn-mobile {
        display: flex;
    }

    .m-p-t-0 {
        padding-top: 0 !important;
    }

    .navbar-search-artist {
        display: none !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .mobile-notice {
        background: #f3f6f7;
        color: #506b72;
        text-align: center;
        padding: 0.25em 0;
        font-size: 0.75em;
        display: block;
    }

    .mobile-center {
        justify-content: center !important;
        position: relative;
    }

    .search-box {
        font-size: 0.8em;
    }

    .text-blue-strong {
        color: #004c75;
    }

    .blue-border-bot {
        border-bottom: solid 1px #004c75;
    }

    .carousel-info {
        font-size: 0.875em;
        display: flex;
        flex-wrap: wrap;
    }

    .carousel-info-sm {
        margin-top: 0.5em;
        width: 50%;
    }

    .navbar-notification {
        display: none;
    }

    .mobile-notification {
        background: #f3f6f7;
        color: #506b72;
        text-align: center;
        padding: 0.25em 0;
        font-size: 0.75em;
    }

    .covid {
        font-size: 0.75em;
        background: #004c75;
        color: white;
        font-weight: bold;
        text-align: center;
        padding: 0.25em 0;
    }

    .carousel-info-sm:last-child {
        margin-top: 0.5em;
    }

    .input-search {
        display: flex;
        height: 2.5em;
        outline: none;
        border: none;
    }

    .carousel-descript {
        max-width: 65%;
        padding: 0.75em 0;
        font-size: 0.875em;
    }

    .carousel-action button {
        font-size: 1em;
    }

    .input-addon-left, .input-addon-right {
        height: 2.5em;
        padding: .375rem .75rem !important;
    }

    .mobile-hide {
        display: none !important;
    }

    .carousel-footer {
        display: none;
        padding-top: 0em !important;
        padding-bottom: 0.5em !important;
    }

    .carousel-btn {
        padding: .375rem .75rem !important;
    }
}

@media screen and (max-width: 575px) {
    .carousel-descript {
        max-width: 100%;
    }
}

.sub-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    background: #022831;
    color: white;
    padding: 0 1.25em;
}

.form-row.mb-3 label {
    font-size: 0.75em;
}

.continue-btn {
    border-radius: 4em !important;
}

.border-bot-grey {
    border-bottom: solid 1px #e2e9ea;
}

.star-inactive {
    color: #b9c4c7;
}

.star-active {
    color: #f39c12;
}

.or {
    display: flex;
    justify-content: center;
    align-items: center;
}

    .or:after,
    .or:before {
        content: "";
        display: block;
        background: #d7dee0;
        width: 50%;
        height: 1px;
    }

    .or:after {
        margin: 0 0 0 10px;
    }

    .or:before {
        margin: 0 10px 0 0;
    }

.information {
    display: flex;
    align-items: center;
    padding: 0.75em;
}

    .information div:first-child {
        margin-right: 4em;
    }

.checkout-steps {
    display: flex;
}

.gray-body {
    background: #f5f7f8 !important;
}

.section-row {
    width: 5em;
}

.checkout-drop-btn {
    font-weight: bold;
    font-size: 14px;
    border: none;
    outline: none;
    box-shadow: none;
    background: none;
    color: #006498;
}

    .checkout-drop-btn:focus {
        border: none;
        outline: none;
        box-shadow: none;
    }

.checkout-step-individual {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.25em;
    position: relative;
    cursor: pointer;
}

.checkout-inactive {
    color: #8ba4aa;
}

    .checkout-inactive::after {
        content: " ";
        width: 100%;
        left: 0;
        height: 4px;
        background: #d7dee0;
        position: absolute;
        bottom: -1em;
    }

.checkout-active::before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #006498;
    bottom: calc(-1em - 6px);
    left: 50%;
}

.flex {
    display: flex;
}

.boxed {
    border-radius: 0 !important;
}

.checkout-card-section {
    display: flex;
    align-items: center;
    border-top: solid 1px #e2e9ea;
    padding: 1.5em 0;
    border-bottom: solid 1px #e2e9ea;
}

.checkout-active::after {
    content: " ";
    width: 100%;
    left: 0;
    height: 4px;
    background: #006498;
    position: absolute;
    bottom: -1em;
}

.checkout-completed::after {
    content: " ";
    width: 100%;
    left: 0;
    height: 4px;
    background: #006498;
    position: absolute;
    bottom: -1em;
}

/*----------Contact Us---------------*/
.contact_info_box {
    margin: 0 auto;
    clear: both;
    border-top: solid 4px #16759f;
    padding: 2px 20px 1em 20px;
    text-align: center;
}

@media (min-width: 767px) {
    .text-grey {
        color: #829296;
    }
}

.contact_info_button {
    height: 34px;
    padding: 5px 38px;
    line-height: 34px;
    margin: 16px 6px;
    /* display: inline-block;*/
    border: 3px solid #0A74A1;
    border-radius: 25px !important;
    -moz-border-radius: 25px !important;
    -webkit-border-radius: 25px !important;
    background: #fff;
    font-size: 18px;
    color: #0A74A1;
    text-transform: uppercase;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif !important;
}

    .contact_info_button:hover {
        text-decoration: none;
    }

.contact_info_button-disabled {
    color: #ccc;
    cursor: default;
}



.call_us_form, #call_us_form_parent i {
    font-size: 24px;
}

#call_us_form_parent {
    padding: 8px;
}

.open-statuses {
    margin-top: 8px;
    font-size: 16px;
}

.contact_info_buttons {
    padding: 0.5em 0;
}

#sales-open-status, #customer-service-open-status {
    font-weight: bold;
}

.contact-select-style {
    border: 1px solid #ccc;
    border-radius: 0;
    overflow: hidden;
    margin: 15px 20px 0 20px;
    background: #fff url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNCAxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjMuOTM1LjE1M0MyMy44NDcuMDYgMjMuNjggMCAyMy41IDBILjVDLjMyIDAgLjE1LjA2LjA2My4xNTNjLS4wOS4wOTQtLjA4NS4yMS4wMDguMzAybDExLjUgMTEuNGMuMDkuMDkuMjUzLjE0NS40MjcuMTQ1LjE3MyAwIC4zMzYtLjA1NS40MjctLjE0NWwxMS41LTExLjRjLjA5My0uMDkyLjA5Ny0uMjA4LjAwOC0uMzAyeiIgZmlsbC1ydWxlPSJub256ZXJvIiBmaWxsPSIjQ0NDIi8+PC9zdmc+) no-repeat 97% 50%;
}

    .contact-select-style select {
        padding: 8px;
        border: none;
        box-shadow: none;
        background: transparent none;
        -webkit-appearance: none;
        -moz-appearance: none;
        color: #999;
    }

        .contact-select-style select::-ms-expand {
            display: none;
        }

        .contact-select-style select:focus {
            outline: none;
        }

.closed {
    color: red;
}

.opened {
    color: green;
}

@media (max-width: 450px) {
    .contact_info_email_form input, .contact_info_email_form textarea {
        width: 320px;
    }

    .contact_info_email_form select {
        width: 340px;
    }
}

select:required:invalid {
    color: gray;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}

.flex-center {
    display: flex;
    align-items: center;
}

@media (max-width: 1199px) {
    .contact_info_button {
        padding: 5px 18px;
        font-size: 16px;
    }
}

.view-more-tab {
    display: flex;
    padding: 1em 1em 0.5em 1em;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    font-size: 0.9em;
}



.text-offwhite {
    color: #fcfeff;
}

@media (max-width: 767px) {
    .mobile-ticket-header {
        display: flex;
        z-index: 99;
        position: relative;
    }

    div#container-policy {
        padding: 0 !important;
    }

        div#container-policy .col-xl-8.pl-0 {
            padding: 0;
        }

    .text-grey {
        color: #829296;
    }

    select#quantityFilter {
        width: 100% !important;
    }

    .search-event-date div {
        line-height: 1.25;
    }

    .howMany {
        font-size: 1em;
    }

    div#chartImg img {
        max-height: 100%;
    }

    .quantityBtn {
        width: 44px;
        height: 44px;
        display: flex;
        margin-right: 0.25em;
        font-size: 16px !important;
        font-weight: bold;
    }

    .carousel-control-next, .carousel-control-prev {
        width: 8%;
    }

    .modal-content.pb-3.pt-5.px-5 {
        padding: 1.5em 1em 0 1em !important;
    }

    .carousel-item {
        height: 250px;
    }

    .card {
        margin-bottom: 0.25em !important;
    }

    .col-xl-4.mt-4 {
        margin-top: 0 !important;
    }

    .section-title {
        padding-left: 1em;
    }



    .mobile-phone-header {
        height: 100%;
        display: flex;
        padding: 1.5em;
        justify-content: center;
        align-items: center;
    }


    .card {
        margin-bottom: 1em;
    }

    body {
        overflow-x: hidden;
        overflow-y: hidden;
    }

    .sub-header {
        display: none !important;
    }

    #all-locations-events {
        padding-top: 0 !important;
    }

    .navbar {
        padding: 0.1rem 1rem;
    }

    h5 {
        font-size: 1em;
    }

    .region-btn, .nav-link-wide {
        padding: 0.75em;
    }

    .card-body-events {
        padding: 0.5em;
    }

    .is-size-5 {
        font-size: 0.85em;
    }

    .is-size-6 {
        font-size: 0.8em;
    }

    .col-xl-4 {
        padding: 0em;
    }

    footer .col-xl-4 {
        padding: 0.75em;
    }

    body {
        overflow-x: hidden;
    }

    .search-event-name {
        font-size: 1em;
    }

    .search-event-location {
        font-size: 0.85em;
        font-weight: 600;
    }

    .mobile-px-0 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .information {
        flex-direction: column;
        align-items: flex-start;
    }

        .information div:first-child {
            margin-right: 0;
        }

    .sub-header {
        flex-direction: column;
    }
}


.region-btn, .region-btn:focus, .region-btn:hover {
    border: none;
    background: none;
    outline: none;
    color: black;
}

img.buyer-gaurantee {
    height: 1.5em;
    filter: hue-rotate(215deg) brightness(2);
    margin-right: 0.5em;
}

.content-wrapper {
    position: relative;
}

.mapContainer {
    height: 100%;
}

div#mapWrapper {
    height: 100%;
}

@media (max-width: 767px) {
    body {
        position: relative !important;
    }

    .navbar-toggler-icon {
        display: inline-block;
        width: 1.1em;
        height: 1.1em;
    }


    div#upcoming-local-events {
        order: 1;
    }

    div#trending-events {
        order: 2;
    }

    div#customer-satisfaction {
        order: 3;
    }



    .content-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}



/* This should fix the IOS zooming.. */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
}

.z-1004 {
    z-index: 1051;
    position: fixed;
    top: 0;
}

@media screen and (max-width: 767px) {

    div#searchModal .modal-dialog.search-modal .modal-content {
        margin-top: 2.75em;
        z-index: 1052;
    }

    form.hide-desktop {
        display: flex;
        margin-left: -1em;
        margin-right: -1em;
    }

    .navbar {
        padding-bottom: 0 !important;
    }

    .no-tickets {
        font-size: 13px;
    }
}

@media screen and (min-width: 993px) {
    .information {
        font-size: 0.85em;
    }

    .contact_info_still_need_help, .contact_info_buttons, .form_submitted, #call_us_form_parent, .form_submitted_error {
        text-align: center;
    }

    .contact_info_email_form form {
        margin: 0 auto;
        display: table;
    }

    .contact-select-style, .contact_info_email_form input, .contact_info_email_form textarea {
        margin: 15px 0 0 0 !important;
        width: 100% !important;
    }

    .contact_info_email_form form {
        margin: 0 auto;
        display: flex !important;
        flex-direction: column;
        width: 440px !important;
    }

    .form_error {
        margin-left: 20px;
        margin-top: 4px;
        visibility: hidden;
        color: #D0021B;
        font-size: 14px;
        font-weight: 400;
    }

    .contact_info_email_form select {
        width: 420px;
        font-size: 18px;
    }

    .contact_info_email_form button {
        box-sizing: content-box;
        margin: 12px;
    }

    .contact_info_email_form input, .contact_info_email_form textarea {
        width: 400px;
        display: block;
        font-size: 18px;
        padding: 8px;
        margin: 15px 20px 0 20px;
    }
}


.no-scroll {
    overflow: hidden;
}


.filter-results {
    padding: 0.5em;
    background: #fcfcfc;
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    animation: 0.5s slide-up;
    border: solid 1px #f2f2f2;
    z-index: 100;
}

.zone-rows {
    display: flex;
    flex-wrap: wrap;
}

button.btn.btn-block.btn-outline-secondary.p-3.br-2 {
    border: solid 2px;
}

.zone {
    display: flex;
    width: 50%;
    padding: 0.25em;
}

.zone-icon {
    width: 20%;
}

@keyframes slide-up {
    from {
        margin-top: 100%;
        height: 300%;
    }

    to {
        margin-top: 0%;
        height: 100%;
    }
}

#ticketContainer {
    position: relative;
    display: flex;
    flex-direction: column;
    height: calc(58% - 106px);
}

.event-name-map {
    height: 100vh !important;
}

.filter-close {
    cursor: pointer;
}

.filter-results .close {
    position: absolute;
    right: .5em;
    top: 0.5em;
}

.filter-results label {
    font-size: 0.8em;
    font-weight: bold;
}

.flex-col {
    display: flex;
    flex-direction: column;
    width: 100%;
}

    .flex-col input {
        width: 99% !important;
    }

.br-2 {
    border-radius: 2px;
}

.btn-sort-active {
    background: #bebebe !important;
    color: white !important;
}



.hide-desktop {
    display: none;
}


@media (max-width: 767px) {
    .hide-desktop {
        display: flex;
    }

    .sports-top-events .list-link {
        width: 100%;
    }
}

.flex {
    display: flex !important;
}

.icon-blue {
    color: #4480c0;
}


.mask-grey {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f8f8;
    z-index: 100;
}

.mask-white {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFF;
    z-index: 100000;
}


/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}

/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"] {
        font-size: 16px;
    }
}



.has-year {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
}

.year-badge {
    background: #eead40;
    padding: 2px 5px;
    border-radius: 1em;
    color: white;
    font-size: 0.7em;
    display: block;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}


.carousel-action {
    z-index: 5;
}


.container.relative.h-100 {
    background-position: center;
    background-size: cover;
}

button#flash-sale-modal-close {
    position: absolute;
    top: -0.5em;
    right: -0.5em;
    opacity: 1;
    background: white !important;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1em;
    height: 1em;
    color: red;
    border: solid 1px red;
}

@media (max-device-width : 767px) {
    .loading-status {
        font-size: 1.5em;
    }

    button#flash-sale-modal-close {
        top: 0em;
        right: 0em;
    }
}


div#flash-sale-content {
    background: #ff3144;
    border: solid 1px white;
    color: white;
    padding: 0.75em 2em 2em 2em;
}


    div#flash-sale-content > .modal-body {
        background: white;
        padding: 1.25em 3em;
        color: #222;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        font-weight: bold;
    }

    div#flash-sale-content > .modal-title {
        font-size: 2em;
        text-align: center;
        font-weight: bold;
    }

div#flash-header {
    width: 100%;
    display: flex;
    justify-content: center;
    font-size: 2em;
    line-height: 0.5;
    font-weight: bolder;
}

button.view-flash-sale-btn {
    background: #ffd984;
    border: none;
    outline: none;
    padding: 0.25em 1.25em;
    font-weight: bold;
}


.hide-desktop-nav {
    display: none;
}

.flash-timer-modal {
    display: none;
}

div#flash-countdown {
    color: #ffffff;
    background: #ff3144;
    display: flex;
    font-weight: bold;
}

@media screen and (min-width: 1025px) {
    div#flash-timer-modal-mobile {
        display: none !important;
    }
}

@media screen and (max-width: 1024px) {
    .hide-desktop-nav {
        display: block;
    }

    .carousel-title h1, .carousel-descript span {
        text-shadow: 1px 1px #343434;
    }

    .event-name-map.clearfix {
        position: relative;
        height: 45vh !important;
    }

    div#flash-timer-modal-mobile {
        display: none;
        position: absolute;
        bottom: 1em;
        right: 1em;
        padding: 0.25em 0.5em 0.5em 0.5em;
        z-index: 2;
        color: #ffd984;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        background: #ff3144;
    }

    .main-mobile-flash-timer {
        display: block !important;
        position: fixed;
        bottom: 1em;
        background: #ff3144;
        right: 1em;
        padding: 0.25em;
        color: #ffd984;
        font-weight: bold;
        text-transform: uppercase;
        z-index: 3;
        text-align: center;
    }

    div#flash-countdown {
        padding: 0.25em;
        font-size: 0.7em;
    }
}

.trending-footer {
    border-top: solid 1px #e2e9ea;
    padding: 0 1.5em 0 1.5em;
}

.division {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.division-wrapper {
    display: flex;
}

.conference {
    width: 50%;
}

    .conference.multidivision {
        width: 100%;
    }

.is-block {
    display: block;
    width: 100%;
}

.division-title {
    font-size: 0.9em;
    padding-bottom: 1rem;
    padding-top: 1em;
    color: #333638;
    padding-left: 0.5em;
}

.conference-title {
    font-weight: bold;
    padding-left: 0.5em;
    margin-bottom: 0.5em;
}

.multidivision-division-wrapper {
    flex-direction: column;
    display: flex;
}

@media screen and (max-width: 1199px) {
    .conference {
        width: 100%;
    }

    .is-tablet-col {
        flex-direction: column;
    }
}

@media screen and (max-width: 960px) {
    .conference.multidivision .division-wrapper {
        display: flex;
        flex-direction: column;
    }

    .multidivision-division-wrapper {
        flex-direction: row;
        display: flex;
        flex-wrap: wrap;
    }

        .multidivision-division-wrapper .category-slot {
            width: 50%;
        }
}

@media screen and (max-width: 600px) {
    .division-wrapper {
        display: flex;
        flex-direction: column;
    }

    .multidivision-division-wrapper .category-slot {
        width: 100% !important;
    }

    .blogs .blog {
        width: 100%
    }
}

ul.sitemap {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    min-height: 2em;
    align-items: center;
}

.sitemap.divider {
    background: #e2e9ea;
    margin: 1em 0;
    height: 1px;
}

.sitemap li {
    list-style: none;
    flex: 1 1;
}

.sitemap.vertical {
    flex-direction: column;
}

.sitemap.sports li {
    flex: 0 0 !important;
    margin-right: 1.5em;
    flex-wrap: wrap;
}

ul.sitemap-row {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: space-between;
}

.sitemap-row li {
    width: 45%;
    list-style: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.carousel-title h1, .carousel-descript span {
    text-shadow: 1px 1px #343434;
}

.review-text {
    font-style: italic;
    font-size: 0.95em;
    color: #3e4d51;
}

.review-stars {
    font-size: 0.9em;
    color: #f39c12;
}

.review-author {
    font-size: 0.8em;
    font-weight: bold;
}

.nav-link-tab {
    min-height: 100%;
    padding: 1.25em;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0 !important;
}

@media (max-width: 991px) {
    .show-drawer {
        display: flex !important;
        flex-direction: column-reverse;
    }
}

.about-intro {
    background-position: 50% 40%;
    background-image: url(https://d2vvanwkyv0nw0.cloudfront.net/home/microphonegeneric.jpeg);
    background-size: cover;
    padding-top: 8em;
    padding-bottom: 8em;
    background-repeat: no-repeat;
    color: white;
    height: 400px;
}

    .about-intro h2 {
        text-shadow: 1px 1px #343434;
    }

.about-outtro {
    background-position: 50% 90%;
    background-image: url(https://d2vvanwkyv0nw0.cloudfront.net/home/concert.jpeg);
    background-size: cover;
    padding-top: 18em;
    padding-bottom: 3em;
    background-repeat: no-repeat;
    color: white;
    text-align: center;
    height: 400px;
}

    .about-outtro h2 {
        text-shadow: 1px 1px #343434;
    }


.support-intro {
    background-position: center;
    background-image: url(https://d2vvanwkyv0nw0.cloudfront.net/home/customerservice.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    height: 600px;
    display: flex;
    align-items: center;
}

    .support-intro h1 {
        text-shadow: 1px 1px #343434;
    }

    .support-intro h1 {
        font-size: 3.5em;
    }

@media (min-width: 992px) {
    .contact_info_buttons {
        display: flex;
        flex-direction: row;
    }

    .contact_info_button {
        width: 250px !important;
        margin: 10px auto;
        height: 40px;
        display: block;
        padding: 0em;
    }
}

.contact_info_buttons > .contact_info_button i {
    margin-right: 0.5em;
}

@media (max-width: 991px) {
    .about-intro {
        padding-top: 4em;
        padding-bottom: 2em;
        height: 200px;
    }

    .support-intro {
        height: 300px;
    }

        .support-intro h1 {
            font-size: 2.5em;
        }

    .contact_info_button, .contact_info_buttons > .contact_info_button {
        display: flex;
        width: 250px;
        justify-content: center;
        align-items: center;
        margin: 10px auto;
    }

    .about-outtro {
        height: 200px;
        padding-bottom: 3em;
        padding-top: 5em;
    }

    .about-intro h2 {
        font-size: 1.5em;
    }

    .contact_info_still_need_help {
        text-align: center;
    }

    .call_us_form_parent {
        text-align: center;
    }
}

.event-slot-home-top {
    padding-right: 1.5em;
    border-top: solid 1px #e2e9ea;
}

.tp_colorIndicator, .tp_sectionDialogColor {
    background-color: #50b3d6 !important;
}

@-webkit-keyframes hoverBlinking {
    0% {
        fill: yellow;
    }

    100% {
        fill: #fff;
    }
}

@keyframes hoverBlinking {
    0% {
        fill: yellow;
    }

    100% {
        fill: #fff;
    }
}

path.customHoverBlinkingAnim {
    animation: hoverBlinking 0.5s steps(2) infinite alternate !important;
}

.customPathFill {
    fill: #50B3D6;
}

.selectedCustomPathFill {
    fill: yellow !important;
}

div#ticketContainer.tp_ticketList.ticketContainer-max {
    height: 100vh !important;
}

.local-event-slot {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0.5em;
    padding-left: 1em;
    border-top: solid 1px #e2e9ea;
    height: 97px;
    align-items: start;
    justify-content: center;
}

button.page-btn {
    border: none;
    color: #00191f;
    background: none;
    outline: none;
}

.button.page-btn:focus {
    outline: none;
}

#upcoming-local-events .card, #trending-events .card, #customer-satisfaction .card {
    border-radius: 0.75em !important;
    overflow: hidden;
}

@media (min-width: 1300px) {
    .local-event-slot .font-weight-bold.text-darkblue {
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 360px;
    }
}

@media (max-width: 767px) {
    .local-event-slot .font-weight-bold.text-darkblue {
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 760px;
    }

    /* #ticketContainer > div.tp_tickets {
        height: calc(100% - 356px) !important;
    }*/

    /*#ticketContainer > div.tp_tickets.ticket-max {
            height: 100% !important;
        }*/
    .tp_options.mt-top-tf {
        margin-top: 0px;
    }

    #ticketContainer {
        height: 55vh !important;
        overflow-y: auto !important;
    }

    #mapObject {
        height: 100% !important;
    }
}

@media (min-width: 1300px) {
    .local-event-slot .font-weight-bold.text-darkblue {
        font-size: 1.1em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 360px;
    }

    .event-details .is-size-4 {
        font-size: 1.4em;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        max-width: 360px;
    }
}


@media (min-width: 1200px) {
    .mobile-only {
        display: none !important;
    }

    .desktop-only {
        display: block;
    }

    .caroulse-actions {
        width: 66%;
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }

    .carousel-head.desktop-only {
        display: flex;
        flex-direction: row !important;
        justify-content: flex-start !important;
        height: 100%;
    }

    .carousel-head-left {
        max-width: 66%;
        width: 66%;
        height: 100%;
        margin-right: 2em;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 1em !important;
    }

    .carousel-head-right {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

        .carousel-head-right .carousel-title *, .carousel-head-right .carousel-descript * {
            font-family: 'Oswald', sans-serif !important;
            color: #00191f !important;
            font-weight: 700 !important;
            text-shadow: none !important;
        }

    .carousel {
        width: 100%;
    }

    .carousel-item {
        padding: 0 !important;
        height: 320px !important;
    }

        .carousel-item .container {
            padding: 0;
        }

    .carousel-descript {
        max-width: 50%;
        padding: 1em 0;
        white-space: nowrap;
    }
}

@media (max-width: 1199px) {
    .mobile-only {
        display: block;
    }

    .carousel-item {
        padding: 0 !important;
    }

    .desktop-only {
        display: none !important;
    }

    .carousel {
        width: 100%;
        background: #0b0e1e;
    }

    .carousel-head.mobily-only {
        height: 100%;
        display: flex;
        padding: 2em;
    }

    .mobile-no-padding {
        padding: 0;
    }

    .carousel-head.mobile-only {
        display: flex !important;
        height: 100%;
        padding: 2em;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

    #carousel-container {
        padding: 0 !important;
    }

    .carousel-item {
        background-color: #222222;
    }
}
