@charset "UTF-8";

html, body {
    margin: 0;
    padding: 0;
}

body {
    color: #FFFFFF;
    font: 11px/1em 'Cabin', Helvitica, Arial, Verdana, sans-serif;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* prevent tap highlight color / shadow */
    -webkit-tap-highlight-color: transparent;
}

#page-wrapper {
    margin: 0 auto;
    height: 100%;
}

#page {
    z-index: 3000;
    background-color: #FFFFFF;
    height: 100%;
}

.page-large .container {
    max-width: 1600px;
}

.event-guide-site .container {
    max-width: 1600px;
    margin: 0 auto;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.bodylong {
    height: 100%;
}

.formlong {
    height: 100%;
}

.container-margin {
    margin-top: 30px;
}

.expanded {
    max-width: 1200px !important;
}

.container-header {
    max-width: 1170px !important;
    padding-right: 15px;
    padding-left: 15px;
}

h1, h2 {
    margin: 0;
    color: #FFFFFF;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 30px;
}

h3 {
    margin: 0;
    color: #FFFFFF;
    line-height: 30px;
}

a {
    text-decoration: none;
    outline: none;
    cursor: pointer;
    color: #5656f8;
}

img {
    border: none;
    display: block;
}

    img.floatleft {
        border: none;
        display: block;
        float: left;
        padding-bottom: 10px;
    }

ul, dl {
    margin: 0;
    padding: 0;
    list-style: none;
}

ol {
    margin: 0;
    padding: 0;
}

input, textarea {
    outline: none;
}

i b {
    display: none;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

p {
    color: #000;
    line-height: 20px;
    margin: 0;
    font-size: 17px;
}

.lte8 p {
    letter-spacing: 0.01em;
}

.error-label {
    font-size: 16px;
    margin-top: 30px;
    display: block;
}

hr.style-dashed {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
    margin-bottom: 35px;
    text-align: center;
    width: 60%;
}

hr.style-solid {
    border: 0;
    border-bottom: 1px solid #ccc;
    background: #999;
    text-align: center;
    width: 60%;
    margin: 0 auto;
}

#searchForm {
    width: 60%;
}

.page__description {
    line-height: 16px;
    max-width: 1200px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
    padding-top: 30px;
}

    .page__description p {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
        line-height: 24px;
    }

    .page__description .image img {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
    }

    .page__description a {
        color: #000;
        word-wrap: break-word;
    }

    .page__description ul {
        margin-left: 20px;
    }

        .page__description ul li {
            font-size: 14px;
            line-height: 30px;
            list-style-image: url(https://cdn.outsavvy.com/website/next.png);
            margin: 0;
            padding: 0;
            display: list-item;
            text-align: left;
            color: #000;
        }

    .page__description ol {
        margin-left: 20px;
        list-style-type: decimal;
    }

        .page__description ol li {
            font-size: 14px;
            line-height: 30px;
            margin: 0;
            padding: 0;
            display: list-item;
            text-align: left;
            color: #000;
        }


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d2d2d2;
    opacity: 1; /* Firefox */
}

.no-upcoming-events {
    margin-top: 30px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #000;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 30px;
}

.no-search-header {
    margin-top: 60px;
    font-size: 26px;
    line-height: 24px;
    text-align: center;
    font-size: 37px !important;
    line-height: 37px !important;
    color: #3e3737 !important;
}

.no-search-sub-header {
    margin-top: 10px;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}

#breadcrumb {
    z-index: 1;
    background: #fff !important;
    position: relative;
    border-top: 1px solid rgb(239, 239, 239);
    border-bottom: 1px solid rgb(239, 239, 239);
}

#breadcrumb-inner {
    width: auto;
    padding: 0 5px;
    padding: 0 .33333em;
    background-color: #ffffff;
}

#breadcrumb-crumbs {
    display: block;
    padding: 10px 10px 10px 0px;
    color: #5d5b5b !important;
    font-weight: 800;
    font-size: 16px;
    line-height: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
}


    #breadcrumb-crumbs a {
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #000;
        font-weight: 600;
    }

        #breadcrumb-crumbs a:hover {
            color: #000;
        }

.icon-home {
    display: inline-block;
    font-size: 23px;
    float: left;
    color: #131313;
    margin-left: 20px;
    margin-top: 6px;
}

    .icon-home:hover {
        color: #131313;
    }

    .icon-home:before {
        content: "\f015";
    }


.header-nav {
    padding: 30px 16px 0px;
    text-align: center;
}

.header-nav-short {
    margin-top: 40px;
}

.header-icon {
    text-align: center;
}

    .header-icon img {
        margin: 0 auto;
        width: 60px;
        height: auto;
    }

.partnerpage .review ul {
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

    .partnerpage .review ul li {
        font-size: 18px;
        line-height: 20px;
        margin: 0;
        padding: 0;
        vertical-align: middle;
        background: url(https://cdn.outsavvy.com/website/next2.png) no-repeat 0PX 0PX;
        list-style-type: none;
        padding: 0 0 0 27px;
        vertical-align: middle;
        margin-bottom: 11px;
        background-size: 20px auto,cover;
        text-align: left !important;
        color: #000;
    }

.partnerpage .header-icon img {
    width: 50px;
}

.area-production-list .header-icon img {
    width: 50px;
}

.header-icon-large {
    text-align: center;
}

    .header-icon-large img {
        margin: 0 auto;
        width: 160px;
        height: auto;
    }

.header-title {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
    font-weight: 500;
    margin-left: 10%;
    margin-right: 10%;
    color: #000;
    font-size: 25px;
    line-height: 26px;
}

.header-title-large {
    text-align: center;
    margin-bottom: 35px;
    margin-top: 20px;
    font-size: 60px;
    font-weight: 500;
    line-height: 60px;
    letter-spacing: -4px;
}

.header-nav-short .header-title {
    margin-bottom: 20px;
    margin-top: 10px;
}

.sub-header-title {
    text-align: center;
    margin-bottom: 40px;
    margin-top: 0px;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    max-width: 400px;
    margin: 0 auto;
}

#header {
    z-index: 3001;
    position: fixed;
    width: 100%;
    background-color: white;
    height: 90px;
    display: block;
    border-bottom: 3px solid #1A1A1A;
}

.transparentHeader {
    background-color: transparent !important;
    box-shadow: none !important;
}

.top-header-margin {
    height: 92px;
    display: block;
}

header {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 100%;
}

.header-shadow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 128px;
    pointer-events: none;
    background: linear-gradient(to bottom,rgba(0,0,0,0.4) 0%,rgba(0,0,0,0.20) 50%,rgba(0,0,0,0) 100%);
    z-index: 2;
}

header .band {
    background: #191b1f;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    width: 100%;
    height: auto;
}

#moveTo {
    height: 0px;
    display: none;
}

.main-slider-back {
    border-radius: 8px;
    margin-top: 0px;
}

    .main-slider-back .area-main-feature {
        max-width: 1300px;
        min-height: 350px;
    }

.area-main-feature {
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    height: auto;
    max-height: 675px;
    max-width: 1200px;
    width: 100%;
}

.partner-header .area-main-feature {
    aspect-ratio: 3 / 1;
}

.area-main-feature img::before {
    content: '';
    display: block;
    padding-top: 56.25%;
}

.area-main-feature .main-image {
    width: 209px;
    height: 151px;
    margin-bottom: 20px;
}

    .area-main-feature .main-image img {
        width: 199px;
        height: 141px;
        padding: 5px;
    }

.area-main-feature .header-noborder h1 {
    padding-bottom: 30px;
    color: #FFFFFF;
    text-align: center;
    word-wrap: break-word;
    font-weight: 500;
    margin: 0px;
    word-wrap: break-word;
    letter-spacing: -0.6px;
    padding-top: 6px;
    font-size: 30px;
    line-height: 30px;
}

.main-slider-back .area-main-feature-taxonomy {
    min-height: 200px;
    max-height: 480px;
}

.main-banner-apps .taxheader {
    text-align: center;
    color: white;
    font-size: 62px;
    line-height: 62px;
    letter-spacing: -1px;
}

.area-main-feature-taxonomy {
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    height: auto;
    width: 100%;
    object-fit: cover;
}

.main-slider-back .area-main-feature-home {
    min-height: 700px;
    max-height: 1000px;
}

.bg-videohome video {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    top: 50%;
}

.area-main-feature-home {
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    height: auto;
    width: 100%;
    object-fit: cover;
}

    .area-main-feature-home img::before {
        content: '';
        display: block;
        padding-top: 47.44%;
    }

.event-header-image_blurry .event-header-image {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: blur(50px) brightness(0.9);
    -ms-filter: blur(50px) brightness(0.9);
    filter: blur(50px) brightness(0.9);
    display: inline-block;
    width: 150%;
    position: relative;
    top: 50%;
    left: 50%;
}

.event-header-image_blurry {
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
}

.partner .event-header-image_blurry {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    align-content: center;
}

#page-events-wrapper {
    height: auto;
    background-color: white;
}

.mobile .event #page-events-wrapper {
    position: sticky;
    top: 0;
    border-bottom: 0;
}

.eventcategories .area-production-list .col-4-mar {
    display: none;
}

.buzz .module-box {
    display: flex;
    flex-wrap: wrap;
}

    .buzz .module-box .col-4 {
        flex: auto;
    }



.event-header {
    position: relative;
    width: 100%;
    background-color: #FFF;
    overflow: hidden;
}

.page {
    align-items: center;
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
}

#page-events-wrapper .flexslider {
    width: 100%;
    margin: 0 auto;
    height: inherit;
    position: relative;
}

.app-partner #section {
    height: 100%;
    min-height: 100vh;
    display: inline-block;
}

.event-list #section {
    height: 100%;
    min-height: 100vh;
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.app-search #section {
    height: auto !important;
    min-height: 100vh !important;
    display: block !important;
}

.app-search .layout-widget-mobile  .line-red-holder {
    margin-left: 0px !important;
}

.app-search .module-box {
    margin-top: 5px !important;
}

.unsubscribe #section {
    margin-top: 0px;
}

.whoarewepage #section {
    margin-top: 0px;
}

.mysavvy #section {
    margin-top: 0px;
}

.investpage #section {
    margin-top: 0px;
}

.termspage #section {
    margin-top: 0px;
}

.contactuspage #section {
    margin-top: 0px;
}

.jobs #section {
    margin-top: 0px;
}

.forgottenpassword #section {
    margin-top: 0px;
}

.app #section {
    margin-top: 0px;
}

.partner #section {
    margin-top: 0px;
}

.hashtagpage #section {
    padding-top: 20px;
}

.loginpage #section {
    margin-top: 0px;
    position: relative;
    z-index: 1;
}

.profile #section {
    margin-top: 0px;
}

.register #section {
    margin-top: 0px;
}

.buzz #section {
    margin-top: 0px;
}

.selecttickets #section {
    margin-top: 0px;
}

.event #section {
    margin-top: 0px;
    background-image: none;
    background-color: #ffffff;
    border-top: 3px solid #1A1A1A;
}

.ticket #section {
    margin-top: 0px;
    border-top: 3px solid #1A1A1A;
}

.mobile .event #page-events-wrapper {
    border-top: 3px solid #1A1A1A;
}

.mobile .paymentform #page-events-wrapper {
    border-top: 3px solid #1A1A1A;
}

.mobile .event .sectionevent {
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    border-top: 3px solid #1A1A1A;
}

.mobile .sectionartist {
    position: relative;
    -webkit-transform: translate3d(0,0,0);
    border-top: 3px solid #1A1A1A;
}


.business #section {
    margin-top: 0px;
}

.paymentform #section {
    margin-top: 0px;
    border-top: 3px solid #1A1A1A;
}

.userdetails #section {
    margin-top: 0px;
    border-top: 3px solid #1A1A1A;
}

.search #section {
    margin-top: 0px;
}

.partnercontact #section {
    margin-top: 0px;
}

.landingpage #section {
    margin-top: 20px;
}

.aboutus #section {
    margin-top: 0px;
}

.aboutusintro .row {
    width: 100%;
    display: table;
}

.aboutusintro .aboutimage {
    width: 100%;
    height: auto;
    border-radius: 5px;
    max-width: 450px;
    margin: 0 auto;
    margin-top: 20px;
}

.aboutusintro .aboutusheader {
    font-size: 28px;
    line-height: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 0px;
    float: left;
    color: #000;
    text-align: left;
    width: 100%;
}

.partnercontact .intro {
    color: #000;
}

    .partnercontact .intro a {
        color: #000;
    }

.partnercontact .row .label {
    color: #000;
}

.partnercontact #primary h3 {
    color: #000;
}

#primary .help h3 {
    text-align: center;
    font-size: 20px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
    word-break: break-word;
    line-height: 24px;
    color: #000;
    margin-bottom: 20px;
}

#primary #contactformtitle {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 23px;
    line-height: 24px;
}

#primary .page-header-title {
    text-align: center;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 23px;
    line-height: 24px;
    margin-top: 20px;
}

.sectionevent .container {
    padding: 30px;
}

.sectionartist .container {
    padding: 20px;
}

.sectiontickets .container {
    padding: 10px;
}

.sectionbusiness .container {
    padding: 10px;
}

.buzz #section {
    margin-top: 0px;
    padding: 20px;
}

.forgottenpassword p {
    font-size: 18px;
    line-height: 20px;
    color: #000;
}

.forgottenpassword .content span {
    color: #000 !important;
}

.contactuspage .content .intro {
    color: #000 !important;
}

.contactuspage .content .label {
    color: #000 !important;
}

.contactuspage .content h3 {
    color: #000 !important;
}

.contactuspage .gridcontainer p {
    text-align: center;
}

.home {
    margin-top: 0px !important;
}

.nomargin {
    margin-top: 0px !important;
}

#section-frame {
    padding: 30px 20px 19px 20px;
}

.ticketshop #section-frame {
    background-color: white;
}

#header .savvy-logo img {
    width: 160px;
    height: auto;
    margin-top: 15px;
}

#header .savvy-logo .print {
    display: none;
}

.header-banner {
    text-align: center;
    color: white;
    background: #fd9295;
    padding: 12px 0px;
}

.header-banner-text {
    font-weight: 500;
    color: white;
    font-size: 22px;
    line-height: 25px;
    max-width: 600px;
    margin: 0 auto;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.tagline {
    margin: 0 auto;
    text-align: center;
}

.register h2 {
    color: #000;
}

.register p {
    color: #000;
    font-size: 18px !important;
    line-height: 18px !important;
}

.register .label {
    color: #000 !important;
}

#header .savvy-logo-center {
    width: 230px;
    height: 72px;
    display: block;
    margin: 0 auto;
    width: 25%;
}

#header #user-nav {
    letter-spacing: -0.038em;
    position: absolute;
    top: 15px;
    right: 3px;
    font-size: 18px;
    line-height: 23px;
    color: #f9f9f9;
    width: 220px;
    font-weight: bold;
}

.new-header {
    display: none !important;
}

.new-header {
    background-color: rgba(255,90,95,1);
}

.new-header-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.new-header-logo-wrapper {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    margin: 0 auto;
}

.new-header-nav {
    font-size: 0;
    width: 100%;
    overflow: hidden;
}

.new-header-nav-menu-button {
    position: absolute;
    border: 0;
    outline: none;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    z-index: 100;
    background-color: #FFFFFF;
    cursor: pointer;
    bottom: -0.375rem;
    -webkit-box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.08);
    box-shadow: 0 0 0 0.0625rem rgba(0,0,0,0.08);
}

.new-header-nav-menu-button-open {
    z-index: 1071;
}

    .new-header-nav-menu-button-open:before {
        content: '';
        position: absolute;
    }

.new-header-menu-icon {
    top: 50%;
    display: block;
    margin-top: -0.0625rem;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

    .new-header-menu-icon, .new-header-menu-icon:before, .new-header-menu-icon:after {
        content: '';
        position: absolute;
        width: 1.25rem;
        height: 0.125rem;
        background-color: #000;
    }

        .new-header-menu-icon:before {
            top: -0.3125rem;
        }

        .new-header-menu-icon:after {
            bottom: -0.3125rem;
        }

.new-header-menu-button-open .new-header-menu-icon {
    background-color: transparent;
}

    .new-header-menu-button-open .new-header-menu-icon:before {
        top: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .new-header-menu-button-open .new-header-menu-icon:after {
        bottom: 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.new-header-nav-primary-links {
    margin: 0;
}

.new-header-nav-link-item {
    display: inline-block;
}

    .new-header-nav-link-item:last-of-type > a:after {
        content: '';
    }

.new-header-nav-link {
    position: relative;
    display: block;
    padding-left: .55em;
    padding-right: .55em;
    cursor: pointer;
    font-size: 18px;
    line-height: 40px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-weight: 700;
    text-transform: capitalize;
    color: #FFFFFF;
}

    .new-header-nav-link:focus, .new-header-nav-link:hover {
        text-decoration: none;
    }

.new-header-nav-link-item:first-child .new-header-nav-link {
    padding-left: 0.625rem;
}

.new-header-nav-link:after {
    content: '/';
    font-size: 1em;
    position: absolute;
    pointer-events: none;
    top: 0;
    right: -.19em;
    color: #FFF;
}

.header-addtickets-cta {
    position: absolute;
    font-weight: 700;
    left: 1.25rem;
    padding: 0.425rem 0.75rem 0.75rem 0.75rem;
    font-size: 14px;
    line-height: 14px;
    overflow: hidden;
    z-index: 3;
    text-align: center;
    color: #000;
}

    .header-addtickets-cta > span {
        display: block;
    }

    .header-addtickets-cta:hover, .header-addtickets-cta:focus {
        text-decoration: none;
        color: #000;
    }

    .header-addtickets-cta:before {
        content: '';
        position: absolute;
        top: -0.375rem;
        left: 0.0625rem;
        right: 0;
        border-top: 3rem solid #FFFFFF;
        z-index: -1;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }


#header #user-nav > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: right;
    box-sizing: content-box;
}

    #header #user-nav > ul li {
        display: inline;
    }

        #header #user-nav > ul li .left {
            float: left;
            width: 50%;
            clear: left;
        }

        #header #user-nav > ul li .right {
            float: right;
            width: 50%;
            clear: right;
        }

#header #user-nav li a + span {
    margin: 0 11px;
    font-size: 15px;
}

#header #user-nav > span {
    color: #e50018;
    display: block;
    clear: both;
    font-style: italic;
    padding-bottom: 15px;
}

#header #user-nav .location a {
    font-style: normal;
}

#page-nav-wrapper {
    position: relative;
    text-align: center;
    margin-top: 0px;
}

.search-header {
    padding-bottom: 30px;
    margin-bottom: 0;
    border-bottom: 0;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgba(255,255,255,.15);
}

.search-form {
    position: relative;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.search-form-text {
    height: 30px;
    padding: 5px;
    border: 1px solid #ffffff;
    border: 1px solid rgba(255,255,255,15);
    background: 0 0;
    font-size: 1.25rem;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    letter-spacing: 1px;
    width: 100%;
}

#searchForm fieldset > div {
    margin-left: 10px;
    float: left;
    clear: none;
}

#searchForm .row {
    position: relative;
}

    #searchForm .row label {
        position: absolute;
        left: 33px;
        top: 0;
        font-size: 13px;
        color: #c5c5c5;
        letter-spacing: -0.025em;
    }

    #searchForm .row input {
        font-size: 13px;
        color: #242424;
        letter-spacing: -0.025em;
        width: 200px;
        padding: 0 6px 0 33px;
    }

#searchForm .button {
    border: 1px solid #da4840;
    height: 33px;
    width: 64px;
    margin-top: -2px;
}

    #searchForm .button input {
        height: 31px;
        width: 63px;
        font-size: 15px;
        text-transform: none;
        position: relative;
        top: 1px;
        margin: 0 auto;
        font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
        -webkit-appearance: none;
    }

.ie8 #searchForm .button input {
    height: 34px;
}

#searchForm .row:before {
    content: '';
    width: 30px;
    height: 28px;
    background: url(/img/sprite.png) no-repeat -466px -256px;
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer;
}

.ie8 #searchForm .row:before {
    display: none;
}

.autocomplete {
    background: #ffffff;
    color: #242424;
    padding: 4px 3px 11px 12px;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), inset 4px 2px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), inset 4px 2px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18), inset 4px 2px 5px rgba(0, 0, 0, 0.08);
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    width: 256px;
    position: absolute;
    top: 31px;
    z-index: 1;
}

.lte8 .autocomplete {
    border: 1px solid #d6d6d6;
    border-radius: 0 0 4px 4px;
    behavior: url(/css/js/PIE.htc);
}

.autocomplete li {
    display: block;
    float: none !important;
}

    .autocomplete li a {
        font-size: 13px;
        color: #242424;
        line-height: 18px;
        text-decoration: none;
        letter-spacing: -0.025em !important;
        cursor: pointer;
    }

.autocomplete a {
    padding: 0;
}

.popup-wrapper h2 {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -0.028em;
    position: relative;
}

.popup-wrapper .popup-content {
    width: 664px;
    float: left;
    margin: 19px 0 0 34px;
}

.popup-wrapper h2 .header-your-location {
    background-position: -6px -229px;
    width: 168px;
    height: 30px;
}

.user-location .row {
    position: relative;
    padding-left: 52px;
}

    .user-location .row address {
        clear: both;
        margin-left: -52px;
    }

.user-location address {
    color: #000000;
}

.popup-wrapper fieldset > div {
    margin-bottom: 10px;
}

.user-location fieldset > div {
    width: 509px;
}

    .user-location fieldset > div.row {
        width: 457px;
    }

.user-location fieldset > .row > div {
    margin-left: 16px;
}

.lte8 .user-location fieldset > .row > div {
    margin-left: 14px;
}

.user-location .google-map-wrapper {
    margin-top: -9px;
    margin-bottom: 18px;
    width: 665px;
}

    .user-location .google-map-wrapper > div {
        float: left;
    }

    .user-location .google-map-wrapper .google-map {
        margin-right: 35px;
        margin-top: 5px;
    }

.ie8 .user-location .google-map-wrapper .google-map {
    margin-right: 29px;
}

.google-map-wrapper .google-map {
    position: relative;
}

    .google-map-wrapper .google-map:before {
        -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        -moz-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .google-map-wrapper .google-map .before {
        -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        -moz-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.13) inset;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
        behavior: url(/css/js/PIE.htc);
    }

.user-location .google-map-wrapper .google-map {
    cing: -0.025em;
}

.google-map-wrapper div span {
    font-size: 13px;
    line-height: 18px;
    letter-spacing: -0.025em;
    font-weight: bold;
}

.google-map-wrapper div > span {
    color: #d20115;
}

.google-map-wrapper div ul li span {
    color: #3758d3;
}

.row .step {
    left: -1px;
    top: 5px;
}

#section-frame .box .header {
    padding: 0px 20px 0px 20px;
}

#section .box .header {
    padding: 0px;
}

.box .box-location {
    border: 2px solid #b0b0b0;
    height: 50px;
    border-radius: 8px;
    cursor: pointer;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

    #section .box .header h3 {
        text-align: left;
        font-weight: 700;
        color: #000;
        margin: 15px;
        width: auto;
        text-transform: capitalize;
        font-size: 27px !important;
        line-height: 28px !important;
        letter-spacing: normal !important;
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    }

.mobile-search-hide {
    float: right;
    margin-left: auto;
    font-weight: 700;
    color: #000;
    width: auto;
    text-transform: capitalize;
    letter-spacing: normal !important;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin-right: 20px;
}

    .mobile-search-hide a {
        color: #000;
        float: right;
        font-size: 15px;
    }

#calendar {
    width: 100%;
}

#section #calendar .header h3 {
    color: #000;
}

#section-frame .box .header h3 {
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 15px;
    width: auto;
    text-transform: capitalize;
    font-size: 18px !important;
    line-height: 22px !important;
    letter-spacing: normal !important;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.right-column .box .header h3 {
    color: #ff5a5f;
}

.col-right-new .box .header h3 {
    color: #ff5a5f;
}

.right-column-payment .box .header h3 {
    color: #ff5a5f;
}

#section-frame .box .content {
    padding: 15px 15px 15px 15px;
}

#section .box .content {
    padding: 15px 15px 15px 15px;
}

.search #section .box .content {
    padding: 18px 18px 18px 18px;
}

#section .box .input-group-text {
    width: 100%;
    padding: 0;
}

#sidebar .widget .title {
    line-height: 22px;
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #ff5a5f;
    margin: 10px;
}

#sidebar .widget .widgetcontent {
    padding: 5px 21px 15px;
}

.sidebar .widget .widgetcontent {
    padding: 15px 21px 9px;
    display: inline-block;
}

.sidebarpartnerlogo {
    margin-top: 120px;
}

.sidebarpartnernologo {
    margin-top: 20px;
}

#primary {
    float: left;
    margin-right: 2%;
    width: 68%;
    position: relative;
    z-index: 1;
}

    #primary h3 {
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-size: 28px;
        font-weight: 600;
        text-align: left;
        word-break: break-word;
        line-height: 28px;
        color: #000;
        margin-bottom: 20px;
    }

#primary-plain h3 {
    font-size: 18px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 5px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #242529;
}

#primary .order-details h5 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    text-transform: none;
    padding-top: 10px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    line-height: 28px;
    color: #000;
}

.ticketshop .order-details h5 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    text-transform: none;
    padding-top: 10px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    line-height: 28px;
    color: #000;
}

#section-frame .home-app h3 {
    text-align: left;
}

#section-frame h3 {
    font-size: 20px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    text-transform: none;
    margin-top: 0px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    line-height: 28px;
    color: #242529;
}

.paymentform .confirmdetails {
    font-size: 20px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    text-transform: lowercase;
    margin-top: 5px;
}

.hashtagpage h3 span {
    color: #000;
}

.paymentform #primary .cardinfo {
    color: #131313 !important;
    margin-top: 10px;
    font-size: 18px;
}

.search h3 {
    color: #000;
}

#primary-plain {
    position: relative;
}

    #primary-plain.plain {
        margin: 0 auto;
        width: 50%;
    }

#primary.action {
    margin-left: 69px;
}

#primary.info {
    margin-left: 11px;
}

#primary .main-panel-top {
    width: 690px;
    margin-left: 3px;
    letter-spacing: -0.025em;
}

#primary .main-panel-top {
    width: 100%;
    margin-left: 3px;
    letter-spacing: -0.025em;
}

    #primary .main-panel-top .main-panel-content .heart {
        position: absolute;
        top: 5px;
        right: 5px;
        cursor: pointer;
    }

    #primary .main-panel-top .main-panel-content {
        position: relative;
    }

    #primary .main-panel-top span {
        color: #000000;
    }

    #primary .main-panel-top .content-wrapper .col-right span {
        color: #FFFFFF;
    }


.buy-button {
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    font-weight: 900;
    max-width: 100%;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 99%;
    position: relative;
    height: 45px;
    text-transform: capitalize;
    font-size: 19px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

.footer .buy-button {
    margin-top: 0px;
    margin-bottom: 0px;
    max-width: 500px;
    margin: 0 auto;
}

.footer .svg-icon {
    height: 35px;
    width: auto;
}

.buy-button:hover {
    color: #FFF;
    background-color: #f93333;
    box-shadow: 4px 4px black !important;
}

.buy-button:active {
    background-color: #f93333;
}

#section .figure img {
    padding: 5px;
    background: #ffffff;
    position: relative;
}

#sharepartner .jssocials-shares {
    text-align: center;
}

.ie8 #section .figure img {
    border: 1px solid #ededed;
    margin: -2px 0 0 -1px;
}

#section .main-image {
    width: 209px;
    height: 151px;
    margin-bottom: 20px;
}

    #section .main-image img {
        width: 199px;
        height: 141px;
        border-radius: 8px 8px 8px 8px;
    }

#section .col-left, #section .col-right {
    float: left;
}

#primary .main-panel-top .col-left {
    width: 209px;
    padding: 25px 0 0 25px;
}

#primary .main-panel-top .col-main {
    width: 100%;
    padding: 25px 0 0 0px;
}

#primary .main-panel-top > .col-main .header h1 {
    padding-bottom: 30px;
    color: rgb(209,46,54);
    text-align: center;
}

#primary .main-panel-top > .col-main .header-noborder h1 {
    padding-bottom: 30px;
    color: #000;
    text-align: center;
    word-wrap: break-word;
    font-weight: 500;
    margin: 0px;
    word-wrap: break-word;
    letter-spacing: -0.6px;
    padding-top: 6px;
}

.partner .no-events {
    font-size: 18px;
    text-align: center;
    width: 100%;
    margin-top: 30px;
}

.partnerpage .main-panel-top > .col-main .header-noborder h1 {
    color: #242529;
    text-align: center;
    word-wrap: break-word;
    font-weight: 500;
    margin: 0px;
    word-wrap: break-word;
    letter-spacing: -0.6px;
    padding-top: 6px;
}

#primary .main-panel-top .header-noborder h1 {
    font-size: 30px;
    line-height: 36px;
    text-transform: capitalize;
}

#primary .main-panel-top > .col-main .header {
    display: inline-block;
    border-bottom: none;
    width: 100%;
}

.tab-container {
    margin-bottom: 20px;
}

    .tab-container .price {
        display: flex;
        align-items: center;
    }

    .tab-container #live_events {
        padding-left: 15px;
        padding-right: 15px;
    }

    .tab-container .entry-details div {
        margin-bottom: 7px;
    }

    .tab-container .ticket-header-icon {
        margin-right: 2px;
    }

    .tab-container #past_events {
        padding-left: 15px;
        padding-right: 15px;
    }

.etabs {
    margin: 0;
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #D2D6DF;
    margin-bottom: 25px;
}

.partner h2 {
    color: #000;
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin-bottom: 0;
    text-transform: capitalize;
    padding: 10px 0 10px;
}

.tab {
    display: inline-block;
    zoom: 1;
    *display: inline;
    border-bottom: none;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

    .tab a {
        color: #000;
        font-size: 22px !important;
        line-height: 22px !important;
        font-weight: 600;
        font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        display: block;
        outline: none;
        padding: 10px 20px;
    }

        .tab a:hover {
            text-decoration: underline;
        }

    .tab.active {
        padding-top: 6px;
        position: relative;
        top: 1px;
        padding-bottom: 0;
        border-bottom: 5px solid #ff5a5f;
    }

    .tab a.active {
        font-weight: bold;
    }

.tab-container .panel-container {
    background: #fff;
    border: solid #666 1px;
    padding: 10px;
    -moz-border-radius: 0 4px 4px 4px;
    -webkit-border-radius: 0 4px 4px 4px;
}

.noevents {
    text-align: center !important;
    margin-bottom: 200px !important;
    color: #000;
    font-size: 18px !important;
    line-height: 19px !important;
}

#primary .main-panel-top .col-left .gallery {
    margin: -5px 0 0 -12px;
}

    #primary .main-panel-top .col-left .gallery .figure {
        float: left;
        background: none;
        padding: 0;
    }

    #primary .main-panel-top .col-left .gallery .thumb-image {
        width: 98px;
        height: 71px;
        background-position: -839px -124px;
        margin: 13px 0 0 12px;
    }

        #primary .main-panel-top .col-left .gallery .thumb-image img {
            width: 88px;
            height: 61px;
        }

    #primary .main-panel-top .col-left .gallery p {
        padding: 7px 0 10px 12px;
        clear: both;
    }

#primary .main-panel-top .col-right {
    margin-left: 32px;
    margin-bottom: 33px;
}

#primary .main-panel-top .col-right {
    margin-top: 29px;
}

#primary .main-panel-top .block-entry .col-right {
    margin-top: 20px;
}

#primary .main-panel-top .col-right .header {
    display: inline-block;
    padding-right: 6px;
    border-bottom: none;
}

#primary .main-panel-top .block-entry .col-right .header {
    margin-right: 23px;
    position: relative;
}

.review {
    clear: both;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 30px;
}

    .review a {
        color: #5656f8;
    }

    .review p {
        font-size: 19px;
        line-height: 24px;
        color: #000;
        word-wrap: break-word;
        word-break: break-word;
        margin-bottom: 10px;
    }

    .review strong {
        font-weight: 800;
    }

    .review div {
        font-size: 18px;
        line-height: 20px;
        color: #000;
    }

#primary .main-panel-top > .header {
    margin: 21px 22px 11px 30px;
}

#primary .main-panel-top .header h1 {
    font-size: 45px;
    line-height: 45px;
    text-transform: uppercase;
}

#primary .main-panel-top .header h2 {
    font-size: 30px;
    line-height: 30px;
    text-transform: uppercase;
    margin-top: 5px;
}

#primary .main-panel-top .col-right .header h1 {
    padding-bottom: 3px;
    color: rgb(209,46,54);
}

#primary .main-panel-top .block-entry .col-right .header h1 {
    padding-bottom: 6px;
    padding-right: 65px;
}

#primary .main-panel-top .block-entry .col-right .section {
    margin-top: 15px;
}

    #primary .main-panel-top .block-entry .col-right .section > div {
        float: left;
    }

        #primary .main-panel-top .block-entry .col-right .section > div:first-child {
            width: 95%;
        }

#primary .rating li {
    float: left;
}

    #primary .rating li a span {
        display: none;
    }

    #primary .rating li.select a {
        background-position: -334px -52px;
    }

#primary .main-panel-top .rating {
    margin-left: -5px;
}

#primary .main-panel-top .block-entry .col-right .rating {
    margin: 1px 0 21px 2px;
}

#primary .main-panel-top ul, #primary .main-panel-top .fav {
    float: left;
}

#primary .main-panel-top .fav {
    line-height: 23px;
    margin-left: 53px;
}

    #primary .main-panel-top .fav i {
        display: inline-block;
        vertical-align: middle;
        width: 23px;
        height: 23px;
        background-position: -650px -68px;
        margin-right: 15px;
    }

#primary .main-panel-top .content-wrapper p {
    color: #FFFFFF;
    margin-right: 15px;
}

#primary .main-panel-top .content-wrapper > .social {
    margin: 9px 0 14px 30px;
}

#primary .main-panel-top .content-wrapper .col-left > .social {
    margin: 8px 0 0 5px;
}

#primary .main-panel-top .content-wrapper .block-content {
    padding-left: 14px;
    clear: both;
}

.ordered-list .section {
    position: relative;
}

span.step {
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    line-height: 23px;
    letter-spacing: -0.025em;
    position: absolute;
    top: 0;
    left: 0;
    color: #000000;
}

#primary .main-panel-top .content-wrapper .block-content .section h3 {
    font-size: 11px;
    line-height: 19px;
    color: #8d8d8d;
    letter-spacing: -0.025em;
}

#primary .main-panel-top .content-wrapper .block-content .section p {
    margin-bottom: 2px;
    margin-right: 32px;
    padding-top: 4px;
}

#primary .main-panel-top .content-wrapper .aside {
    margin: 9px 15px 17px 36px;
}

    #primary .main-panel-top .content-wrapper .aside .header {
        position: relative;
    }

        #primary .main-panel-top .content-wrapper .aside .header h2 {
            font-size: 14px;
            line-height: 33px;
            color: #222222;
            letter-spacing: -0.025em;
            text-indent: -17px;
        }

        #primary .main-panel-top .content-wrapper .aside .header .comment {
            position: absolute;
            right: 0;
            top: 8px;
            color: #222222;
            line-height: 20px;
        }

            #primary .main-panel-top .content-wrapper .aside .header .comment:before {
                display: inline-block;
                vertical-align: middle;
                margin-right: 9px;
                margin-bottom: 3px;
            }

    #primary .main-panel-top .content-wrapper .aside .content {
        margin-top: 10px;
    }

    #primary .main-panel-top .content-wrapper .aside blockquote {
        margin: 0 0 6px 4px;
        width: 520px;
    }

        #primary .main-panel-top .content-wrapper .aside blockquote p {
            line-height: 14px;
            margin: 0 0 4px 0;
        }

        #primary .main-panel-top .content-wrapper .aside blockquote .date {
            line-height: 14px;
        }

#sidebar {
    width: 30%;
    float: left;
}

    #sidebar ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #sidebar .box .header h2 {
        line-height: 22px;
        text-transform: lowercase;
        font-size: 20px;
        text-align: center;
        font-weight: 500;
        color: #ff5a5f;
        margin: 10px;
    }

#section .header h2 {
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin: 10px;
    padding-bottom: 20px;
}

#sidebar .box .header h4 {
    line-height: 22px;
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    color: #ff5a5f;
    margin: 8px;
}

#section .header h4 {
    line-height: 22px;
    text-transform: lowercase;
    font-size: 20px;
    text-align: center;
    font-weight: 500;
    color: #ff5a5f;
    margin: 10px;
}

.faqsearch {
    width: 100%;
    float: left;
    display: inline-block;
    z-index: 1;
    position: relative;
    z-index: 1;
}

    .faqsearch .input-group-text {
        width: 70%;
        float: left;
        padding-left: 2%;
        padding-right: 2%;
        border-radius: 4px;
        border: 2px solid rgb(201, 204, 209) !important;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }

    .faqsearch .button-faq {
        width: 24%;
        float: left;
        color: #FFF;
        text-decoration: none;
        text-align: center;
        display: block;
        cursor: pointer;
        margin: 0 auto;
        background: #ff5a5f;
        height: 52px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        font-size: 18px;
        font-weight: 700;
        -webkit-appearance: none;
    }

.faq-list {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .faq-list a {
        color: #000;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        padding: 10px 0px;
        width: 80%;
        margin: 0 auto;
        font-weight: 500;
    }

    .faq-list li {
        margin-bottom: 5px;
    }

.searchfilter .content h4 {
    font-size: 17px;
    text-align: left;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    color: #000;
    margin-top: 10px;
    text-transform: capitalize;
    line-height: 17px;
    margin-left: 0px;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

    .searchfilter .content h4:first-child {
        margin-top: 0px;
    }

.searchfilter .header {
    padding: 0px;
    display: flex;
    align-items: center;
}

    .searchfilter .header h3 {
        display: flex;
        align-items: center;
    }

#sidebar h3 {
    line-height: 16px;
    padding-top: 8px;
    text-transform: lowercase;
    font-size: 16px;
    color: #000;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
}

#sidebar h4 {
    line-height: 16px;
    padding-top: 8px;
    text-transform: lowercase;
    font-size: 16px;
    color: #000;
}

    #sidebar h4 a {
        color: #000;
    }

#sidebar h5 {
    line-height: 18px;
    font-size: 18px;
    color: #000;
    text-align: left;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin: 0;
    padding-bottom: 10px;
}

.sidebarpartner h4 {
    line-height: 18px;
    padding-top: 8px;
    text-transform: lowercase;
    font-size: 18px;
    color: #000;
    margin: 0;
}

.sidebarpartner .box .content .content-wrap:not(:first-child) {
    margin-top: 30px;
}

.sidebarpartner h4 a {
    color: #000;
    word-wrap: break-word;
    word-break: break-word;
    overflow: hidden;
}

.sidebarpartner h5 {
    line-height: 18px;
    font-size: 18px;
    color: #000;
    text-align: left;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin: 0;
    padding-bottom: 10px;
    word-break: break-word;
}

#sidebar .content h4 {
    margin: 0;
}

#sidebar h3 a {
    color: #000;
}

#sidebar .box .content > p {
    margin: 10px 0px 9px 5px;
    margin-right: 5px;
    font-size: 15px;
    line-height: 15px;
    color: #000;
}

#sidebar .box .content .event-points {
    margin: 10px 0px 9px 5px;
}

#sidebar .twitter-widget {
    margin-bottom: 32px;
}

    #sidebar .twitter-widget .header h2:after {
        background-position: -551px -335px;
        width: 34px;
        height: 34px;
        top: -9px;
        right: 0;
    }

    #sidebar .twitter-widget .header h2 .after {
        background-position: -551px -335px;
        width: 34px;
        height: 34px;
        top: -9px;
        right: 0;
    }

    #sidebar .twitter-widget .content {
        padding: 0 6px;
    }

        #sidebar .twitter-widget .content li {
            margin: 10px 0 12px;
        }

        #sidebar .twitter-widget .content p {
            margin: 0 1px 0 0;
            font-size: 11px;
            line-height: 16px;
            color: #FFFFFF;
            letter-spacing: -0.025em;
        }

        #sidebar .twitter-widget .content a {
            color: #ce000c;
            display: block;
            line-height: 14px;
        }

        #sidebar .twitter-widget .content .timestamp {
            color: #FFFFFF;
            display: block;
            line-height: 16px;
            margin-bottom: 8px;
        }

    #sidebar .twitter-widget .footer {
        padding-left: 7px;
        padding-bottom: 5px;
    }

        #sidebar .twitter-widget .footer a {
            font-size: 12px;
            line-height: 26px;
            letter-spacing: -0.028em;
            text-transform: uppercase;
            color: #68cae9;
            text-decoration: none;
            text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.27);
            behavior: url(/css/js/PIE.htc);
        }

            #sidebar .twitter-widget .footer a i {
                display: inline-block;
                vertical-align: top;
                background-position: -696px -335px;
                width: 27px;
                height: 25px;
                margin-right: 4px;
            }

#sidebar .min-banner {
    background: #dddddd;
}

#sidebar .facebook-widget .header {
    margin: 0 6px 0 4px;
}

    #sidebar .facebook-widget .header h2 {
        text-indent: -2px;
    }

        #sidebar .facebook-widget .header h2:after {
            background-position: -810px -335px;
            width: 28px;
            height: 28px;
            top: -6px;
            right: -2px;
        }

        #sidebar .facebook-widget .header h2 .after {
            background-position: -810px -335px;
            width: 28px;
            height: 28px;
            top: 1px;
            right: -2px;
        }

#sidebar .facebook-widget .content {
    margin-top: 4px;
    margin-bottom: 11px;
}

    #sidebar .facebook-widget .content .total {
        font-size: 14px;
        line-height: 32px;
        color: #3c3c3c;
        letter-spacing: -0.025em;
        display: block;
        margin-bottom: 8px;
        margin-left: 1px;
    }

        #sidebar .facebook-widget .content .total i {
            background-position: -921px -335px;
            width: 27px;
            height: 30px;
            display: inline-block;
            vertical-align: top;
            margin-right: 6px;
        }

#sidebar .facebook-widget .footer {
    margin: 0 6px 0 4px;
    border-top: 1px solid #d1d1d1;
    font-size: 13px;
    color: #9a9a9a;
    letter-spacing: -0.025em;
    line-height: 30px;
}

    #sidebar .facebook-widget .footer span i {
        width: 14px;
        height: 14px;
        background-position: -925px -274px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px 0 -1px;
    }

.gmap-widget {
    margin-bottom: 22px;
}

    .gmap-widget .content .google-map-wrapper {
        margin-top: 13px;
    }

    .gmap-widget .content > p {
        margin: 8px 0 16px 10px;
    }

.ie8 .gmap-widget .content > p {
    margin-left: 5px;
}

.gmap-widget .content address {
    margin-left: 10px;
    margin-bottom: 10px;
}

.gmap-widget .google-map-wrapper .google-map {
    width: 100%;
    height: 200px;
}

#section .container > .aside, #section .container > .aside.action {
    width: 218px;
    margin: 20px 0 0 0px;
}

#section .container > .aside, .popup-wrapper .aside {
    float: left;
}

.lte8 #section .container > .aside, .lte8 .popup-wrapper .aside {
    border: 2px solid #e3e3e3;
}

fieldset, input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

textarea {
    resize: none;
}

.onlysm {
    display: none;
}

.calendar {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    position: relative;
    width: 100%;
}

    .calendar .calendar__header {
        background: #fff;
        color: #404d57;
        display: -ms-flexbox;
        display: flex;
        font-size: .75rem;
        -ms-flex-pack: center;
        justify-content: center;
        left: 0;
        letter-spacing: .02rem;
        margin: 0 0 1.25rem;
        padding: 0.5rem 0;
        position: absolute;
        transition: border-color .48s;
        width: 100%;
    }

    .calendar .layout-wrapper {
        -ms-flex-item-align: center;
        align-self: center;
        margin: 0 auto;
        width: 100%;
    }

    .calendar .layout {
        -ms-flex-align: stretch;
        align-items: stretch;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
        list-style: none;
    }

    .calendar .layout__item--12 {
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        max-width: 100%;
    }

    .calendar .calendar__header-inner {
        -ms-flex-align: center;
        align-items: center;
        display: -ms-flexbox;
        display: flex;
    }

.calendar__header-day {
    -ms-flex: 1.428571;
    flex: 1.428571;
    opacity: .85;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
}



.calendar__month:not(:first-child) {
    margin: 0 0 2.5rem;
}

.calendar__month:nth-child(2) {
    margin-top: 2.75rem;
}

.calendar__month {
    margin: 0 0 1.25rem;
    width: 100%;
}

.calendar .calendar__day {
    padding: .25rem;
}

.calendar .calendar__day--disabled, .calendar .calendar__day--disabled:hover {
    background-color: transparent !important;
    color: #404d57 !important;
}

.calendar__day--disabled:hover .day__date, .calendar__day--disabled:hover .day__label {
    background-color: transparent !important;
    color: #404d57 !important;
}

.calendar .calendar__day--disabled, .calendar .calendar__day--disabled:hover {
    background-color: transparent !important;
    color: #404d57 !important;
}

.calendar .calendar__day--empty, .calendar .calendar__day--empty:hover {
    opacity: 0;
}

.calendar__day:hover {
    background-color: #ff5a5f !important;
    color: rgba(255,255,255,.95) !important;
}

    .calendar__day:hover .day__date, .calendar__day:hover .day__label {
        color: rgba(255,255,255,.95);
    }

.calendar__day--selected {
    background-color: #ff5a5f !important;
    color: rgba(255,255,255,.95) !important;
}

    .calendar__day--selected .day__date, .calendar__day--selected .day__label {
        color: rgba(255,255,255,.95) !important;
    }

    .calendar__day--selected .day__time {
        color: rgba(255,255,255,.95) !important;
    }


.calendar__day:hover .day__times {
    color: rgba(255,255,255,.95);
}

.calendar__day:hover .day__date, .calendar__day:hover .day__label {
    color: rgba(255,255,255,.95);
}

.calendar__day--empty, .calendar__day--empty:hover {
    opacity: 0 !important;
}

.calendar .calendar__day {
    -ms-flex-align: stretch;
    align-items: stretch;
    background-clip: content-box;
    background-color: #f2f2f2;
    color: #404d57;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1.428571;
    flex: 1.428571;
    -ms-flex-flow: column;
    flex-flow: column;
    padding: .0625rem;
    transition: background .12s,color .12s;
}

.calendar .button {
    border: 0;
    cursor: pointer;
}

.calendar .button--disabled {
    cursor: default !important;
    opacity: .5;
}



.calendar .calendar__week {
    height: 6.375rem;
    display: flex;
}

.calendar .month__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.calendar .calendar__month-filler {
    display: none;
}

.calendar .month__title {
    font-size: 1.25rem;
}

.calendar .month__title {
    font-size: 18px;
    padding: 20px 0 30px;
    margin: 0;
}

.calendar .month__empty {
    font-size: 16px;
    padding: 5px 0 50px;
    color: #000;
    margin: 0;
    font-weight: 500;
}

.calendar .only\@sm {
    display: none !important;
}


.calendar .day__content {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    border: 1px solid rgba(200,200,200,.5);
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: .3rem;
    transition: border-color .12s,box-shadow .12s;
    flex-flow: wrap;
}

.calendar .day__date-price {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -ms-flex-align: start;
    align-items: flex-start;
    color: inherit;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
}

.calendar .day__date {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: inherit;
    font-size: 14px;
    opacity: .75;
}

.calendar .day__label {
    color: #000;
    font-size: 15px;
    flex: 1 1 100%;
    text-align: center;
    line-height: 16px;
}

.calendar .day__times {
    color: rgba(64,77,87,.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: .75rem;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 0;
}

.calendar .day__times {
    color: rgba(64,77,87,.5);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column;
    font-size: 13px;
    -ms-flex-pack: start;
    justify-content: flex-start;
    letter-spacing: 0;
}

.calendar .button__right-detail {
    position: absolute;
    right: 1rem;
}

.main-app-image {
    max-width: 400px;
    margin: 0 auto;
    height: auto;
    width: 100%;
}

#footer {
    background-color: white;
    font-weight: 500;
    font-size: 15px;
    bottom: 0;
    z-index: 100;
    overflow: hidden;
    border-top: 3px solid #1A1A1A;
}

    #footer .footer {
        padding: 50px 40px 25px 40px;
        max-width: 1200px;
        margin: 0 auto;
    }

    #footer .footer__social {
        display: flex;
        justify-content: center;
        height: auto;
    }

    #footer .aboutimage {
        width: 100%;
        height: auto;
        min-width: 165px;
        max-width: 180px;
        margin: 0 auto;
    }

    #footer .border-left {
        border-left: 1px solid rgb(239, 239, 239);
        margin: 10px 0 10px;
    }

    #footer .footer__links {
        font-size: 13px;
    }

        #footer .footer__links .list-inline {
            padding-left: 0;
            list-style: none;
            margin-left: -5px;
        }

        #footer .footer__links li {
            padding: 0px 10px 5px;
            display: inline-block;
        }

    #footer .footer__social ul {
        padding: 0;
        margin: 0 -4px;
        display: inline-flex;
        flex-wrap: nowrap;
    }

        #footer .footer__social ul li {
            display: inline-block;
            height: 38px;
            line-height: 3.5;
            margin: 0 4px;
            padding: 0;
        }

            #footer .footer__social ul li a {
                display: flex;
                align-items: center;
                font-size: 14px;
            }

    #footer .emailicon {
        width: 80%;
        margin-top: 29px;
        float: right;
        max-width: 140px;
    }

    #footer .footer__social ul li a .icon {
        margin-right: 5px;
        margin-top: 5px;
    }

    #footer .footer__divider {
        border-right: 1px solid #1e7b8e;
    }

    #footer .icon.-social {
        width: 38px;
        height: 38px;
        background-size: contain;
        display: inline-block;
    }

    #footer .icon.-facebook {
        background-image: url(https://cdn.outsavvy.com/website/facebook-icon-dark.png);
    }

    #footer .icon.-twitter {
        background-image: url(https://cdn.outsavvy.com/website/twitter-icon-dark.png);
    }

    #footer .icon.-linkedin {
        background-image: url(https://cdn.outsavvy.com/website/linkedin-icon-dark.png);
    }

    #footer .icon.-instagram {
        background-image: url(https://cdn.outsavvy.com/website/instagram-icon-dark.png);
    }

    #footer .row {
        width: 100%;
        display: inline-block;
        padding-left: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
    }

    #footer .rownoborder {
        width: 100%;
        display: inline-block;
        margin-bottom: 5px;
    }

    #footer .footer-signup-wrapper {
        background-color: #FFB6C1;
    }

    #footer #footer-apps .actions .btn {
        margin-bottom: 0px;
        border-radius: 8px 8px 8px 0;
    }

    #footer #footer-location {
        display: flex;
    }

    #footer #footer-location {
        display: flex;
        cursor: pointer;
    }

        #footer #footer-location:hover svg {
            fill: rgba(255, 90, 95);
        }

        #footer #footer-location:hover p {
            color: rgba(255, 90, 95);
        }

        #footer #footer-location svg {
            width: 30px;
            height: auto;
        }

        #footer #footer-location p {
            margin-left: 5px;
            line-height: 18px;
            font-size: 17px;
            color: #000;
            font-weight: 600;
            font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        }

    #footer .card-wrapper {
        margin-top: 11px;
        margin-bottom: 11px;
    }

    #footer .footer-social {
        margin-top: 25px;
        margin-bottom: 25px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
    }

    #footer .footer-top {
        width: 100%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

        #footer .footer-top .second {
            padding-left: 0px;
            padding-right: 0px;
        }

        #footer .footer-top .first {
            padding-left: 0px;
            padding-right: 0px;
        }

        #footer .footer-top .third {
            padding-left: 0px;
            padding-right: 0px;
        }


    #footer .footer-signup-wrapper h2 {
        color: #000;
    }

    #footer .footer-signup-wrapper p {
        color: #000;
        font-size: 18px
    }

    #footer .row h5 {
        font-size: 21px;
        text-transform: lowercase;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    #footer .row h4 {
        text-align: left;
        margin-bottom: 12px;
        color: #242529;
        margin-top: 0px;
        text-align: center;
        line-height: 18px;
        font-size: 17px;
        font-weight: 500;
    }

    #footer .footer-app-logo {
        margin: 0 auto;
        max-width: 100%;
    }

    #footer .partners-button {
        position: relative;
        display: inline-block;
        text-align: center;
        cursor: pointer;
        font-weight: 900;
        padding: 0px;
        font-size: 0px;
        transition: transform 0.1s ease 0s;
        color: #fff;
        background-color: #ff5a5f;
        -webkit-box-shadow: 3px 3px black;
        box-shadow: 3px 3px black;
        border: 2px solid black;
        border-radius: 8px 8px 8px 0;
    }

        #footer .partners-button:hover {
            color: #FFF;
            background-color: #f93333;
            box-shadow: 4px 4px black !important;
        }

        #footer .partners-button span {
            display: flex;
            -webkit-box-align: center;
            align-items: center;
            -webkit-box-pack: center;
            justify-content: center;
            font-size: 18px;
            min-width: 200px;
            min-height: 48px;
            line-height: 17px;
            border-radius: 8px 8px 8px 0;
        }

.inline_error {
    background-color: #ff5a5f;
    font-weight: bold;
    z-index: 1;
    color: #fff;
    font-size: 16px;
    line-height: 27px;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

#footer-signup {
    margin: 10px 0;
}

#footer-signup-wrapper {
    margin-bottom: 5px;
}

#footer-signup h2 {
    padding: 20px 0 0 0;
    text-transform: lowercase;
}

#footer-signup p {
    padding: 0px 0 10px 0;
    font-size: 1.4em;
    line-height: 1.2em;
}

#footer-signup .email {
    display: block;
    width: 100%;
    height: 43px;
    text-indent: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border-radius: 8px 8px 8px 0;
    -webkit-box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 20%);
    box-shadow: inset 1px 1px 1px 1px rgba(0, 0, 0, 20%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    background-color: white;
}

    #footer-signup .email:focus {
        border-width: 1px !important;
        border-style: solid !important;
        border-color: rgb(29, 33, 41) !important;
        border-image: initial !important;
        background-color: white;
    }

#footer-signup .subscribe {
    background: #ff5a5f;
    font-weight: 700;
    font-size: 14px;
    color: #FFF;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
    line-height: 15px;
    height: 43px;
    white-space: normal;
}

    #footer-signup .subscribe:active {
        color: #FFF;
        background-color: #f93333;
    }

#footer h5 {
    color: #FFFFFF;
    font-weight: 700;
    font-size: 26px;
    border-color: #444444;
}

#footer hr {
    border-top: 2px solid #1A1A1A;
    margin: 10px 0px;
    width: 100%;
}

#footer .success {
    margin-top: 60px;
    text-align: center;
}

#footer .widget {
    border-right: 1px;
    float: left;
    padding: 0 20px 0px;
}

    #footer .widget .title_b span {
        color: rgb(209, 46, 54);
    }

    #footer .widget .title_b {
        color: #ffffff;
        font: 22px/22px 'Cabin', "Helvetica Neue", Helvetica,trebuchet ms;
        margin-bottom: 22px;
        font-weight: 700;
        text-transform: lowercase;
    }

#footer p {
    color: #242529;
    font: 16px/18px 'Cabin', "Helvetica Neue", Helvetica,trebuchet ms;
    margin-bottom: 10px;
    font-weight: 500;
    margin-top: 10px;
}

    #footer p a {
        color: #FFFFFF;
        font-size: 17px;
    }

        #footer p a:hover {
            color: #000;
        }

.ie9 #footer {
    filter: none;
}

#footer .sitemap {
    padding-bottom: 5px;
    position: relative;
    z-index: 1;
    background-color: #161616;
}

.lte8 #footer .sitemap {
    background: url(/img/footer.bg.png) repeat-x 0 3px;
}

#footer .sitemap .container {
    padding: 16px 0 2px 0;
    max-width: 1124px;
}

#footer .footer-bottom .container {
    padding: 10px 0 2px 0;
    max-width: 1124px;
}

#footer .sitemap .container > div:first-child ul {
    width: 276px;
}

    #footer .sitemap .container > div:first-child ul li {
        float: left;
        width: 100%;
        padding: 2px;
    }

#footer .sitemap .container > div ul li {
    padding: 2px;
}

#footer h3 {
    font-weight: bold;
    text-transform: lowercase;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: -0.028em;
    color: #f1f1f1;
    margin-bottom: 5px;
}

#footer ul li a {
    line-height: 18px;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

    #footer ul li a:hover {
        color: rgba(255, 90, 95);
    }

.footer-bottom .copyright {
    width: 250px;
    color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
}

.border-line {
    border-bottom-width: 2px;
    border-bottom-style: solid !important;
    border-bottom-color: #555454 !important;
}

.ticket-group .border-line {
    border-bottom-width: 1px;
    border-bottom-color: #f0eeee !important;
}

.containerpayment .border-line {
    width: 100%;
}

.paymentfields .border-line {
    width: 80%;
    margin: 0 auto;
}

#footer .social-media a span b {
    display: none;
}

#footer .footer-bottom {
    position: relative;
}

    #footer .footer-bottom p {
        font: 16px/16px 'Cabin', "Helvetica Neue", Helvetica,trebuchet ms;
        margin: 0 auto;
        color: #676c76;
        padding: 6px;
        font-weight: 500;
    }

    #footer .footer-bottom .address {
        float: left;
        padding: 6px;
        font: 16px/16px 'Cabin', "Helvetica Neue", Helvetica,trebuchet ms;
        font-weight: 500;
    }

#section.contactus p {
    color: #8d8d8d;
    line-height: 16px;
    margin: 22px 20px 33px 3px;
    letter-spacing: -0.025em;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.contactus form {
    margin-left: 55px;
    position: relative;
}

.contactus fieldset {
    margin: 3px 0 0 0;
    padding: 0;
    border: 0;
    width: 450px;
}

    .contactus fieldset .row {
        margin-bottom: 30px;
    }

.row .label {
    width: 100%;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.028em;
    float: left;
    cursor: text;
}

.row label {
    line-height: 33px;
    z-index: 9;
    cursor: text;
}

input, select, textarea {
    color: #000;
}

.row .day, .row .month, .row .year {
    width: 10%;
    float: left;
}

fieldset .row .search, fieldset .row .custom, fieldset .row .select {
    padding: 0 13px;
    letter-spacing: -0.025em;
    font-size: 16px;
    -webkit-appearance: none;
    border-radius: 8px 8px 8px 0;
    border: 2px solid rgb(201, 204, 209) !important;
    background-color: white;
}

.custom:focus {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #333;
    border-image: initial !important;
    background-color: white !important;
}

.ie8 .popup-wrapper fieldset .row .custom {
    behavior: none;
}

.row .error {
    border: 2px solid #ff0000 !important;
}

.content-row .error {
    border: 2px solid #ff0000 !important;
}

.row > div {
    float: left;
    position: relative;
}

    .row > div label {
        font-size: 13px;
        line-height: 31px;
        color: #c5c5c5;
        letter-spacing: -0.025em;
        position: absolute;
        cursor: text;
        left: 13px;
        top: 0;
    }

.row input {
    height: 41px;
    width: 100%;
    line-height: 41px;
}

.row-check {
    width: 100%;
    clear: both;
    display: flex;
    margin-top: 10px;
    align-items: center;
}

    .row-check input {
        height: 34px;
        width: 34px;
        line-height: 31px;
        float: left;
        margin-right: 20px;
    }

    .row-check label {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        cursor: pointer;
        width: 100%;
    }

.row input.imagebutton {
    height: 34px;
    width: 34px;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
}

.row .select {
    position: absolute;
    overflow: hidden;
    height: 31px;
    padding-right: 30px;
    background: #ffffff;
}

.row > div .select + i {
    height: 28px;
    width: 23px;
    background-position: -192px -531px;
    position: absolute;
    right: 2px;
    top: 0;
}

.ie8 .row > div .select + i {
    top: 2px;
    right: 1px;
}

.search-col .input-group-dropdown {
    border: 2px solid rgb(201, 204, 209) !important;
}

.row select {
    height: 32px;
    line-height: 28px;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: white;
}

    .row select option {
        padding: 3px 10px;
    }

.row textarea.custom {
    width: 245px;
    height: 194px;
    line-height: 22px;
    overflow: auto;
    padding: 5px 13px 11px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.row textarea.large {
    width: 545px;
}

.button-top-holder {
    width: 100%;
    min-height: 60px;
    background-color: white;
}

.button {
    cursor: pointer;
    position: relative;
}

.creditcard .button.radius {
    display: inline-table;
}

.button.radius {
    width: auto;
    min-width: 200px;
    height: 45px;
}

.button.print-radius {
    width: 200px;
    -webkit-appearance: none;
}

.button.link-button a {
    line-height: 50px;
    max-width: 220px;
    float: left;
    color: #FFF;
}

.button.margin {
    margin-right: 10px;
    margin-bottom: 10px;
}

.button.padded {
    height: 34px;
    width: 138px;
}

.button.long {
    width: 189px;
}

.button a, div .button input {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
    background: #ff5a5f;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

.button input:active {
    color: #FFF;
    background-color: #f93333;
}

.button input:hover {
    color: #FFF;
    background-color: #f93333;
    box-shadow: 4px 4px black !important;
}

.searchfilter .button input {
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    border: none;
    font-weight: 600;
    max-width: 100%;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFF;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    height: 45px;
    text-transform: none;
    font-size: 18px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 43px;
    margin-top: 20px;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

    .searchfilter .button input:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

.button a, div .button input {
    color: #FFF;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    -webkit-appearance: none;
    font-weight: 500;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

    .button a:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

div .rightbutton {
    float: right;
}

div .leftbutton {
    float: left;
}

    div .leftbutton:after {
        visibility: hidden;
        display: block;
        font-size: 0;
        content: " ";
        clear: both;
        height: 0;
    }

div .rightbutton:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

div .button input {
    width: 200px;
    height: 34px;
}

.button.radius a, div .button.radius input {
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    -webkit-appearance: none;
    height: 45px;
    line-height: 40px;
    margin-right: 0px;
    font-weight: 900;
    max-width: 100%;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

#login-popup .button.radius input {
    width: 100%;
    float: left;
}

#login-popup .button.radius {
    width: 100%;
}

.print {
    height: 50px !important;
    font-size: 16px !important;
    width: 100% !important;
}

.floatleft {
    float: left;
}

.button.padded a, div .button.padded input {
    font-size: 22px;
    line-height: 23px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.lte8 .button a {
    line-height: 21px;
}

.error-summary {
    padding: 8px 14px 6px;
}

#section .error-summary {
    width: 90%;
}

.lte8 .error-summary {
    border: 2px solid #fae5e5;
}

.error-summary p {
    font-size: 20px !important;
    line-height: 30px !important;
    color: #d12e36 !important;
    letter-spacing: -0.028em !important;
    margin: 0 !important;
    text-align: center;
    font-weight: 600;
}

.error-summary ul {
    margin: 10px 0 0 21px;
    padding: 0;
    list-style: none;
}

.error-summary li {
    font-size: 16px;
    line-height: 18px;
    color: #d12e36;
    letter-spacing: -0.025em;
    margin-bottom: 9px;
}

.error-summary-static {
    padding: 8px 14px 6px;
}

#section .error-summary-static {
    width: 90%;
}

.lte8 .error-summary-static {
    border: 2px solid #fae5e5;
}

.error-summary-static p {
    font-size: 20px !important;
    line-height: 30px !important;
    color: #c0010f !important;
    letter-spacing: -0.028em !important;
    margin: 0 !important;
}

.error-summary-static ul {
    margin: 10px 0 0 21px;
    padding: 0;
    list-style: none;
}

.error-summary-static li {
    font-size: 16px;
    line-height: 18px;
    color: #c0010f;
    letter-spacing: -0.025em;
    margin-bottom: 9px;
}

.contactus .row select {
    width: 223px;
    font-size: 11px;
}

.contactus .row .select {
    width: 180px;
    font-size: 11px;
    line-height: 30px;
}

.contactus .row > div i {
    top: 1px;
}

#section.contactus .error-summary {
    position: absolute;
    right: 3px;
    top: -2px;
}

#section h1 .header-frequent-questions {
    width: 226px;
    height: 36px;
    background-position: -10px -461px;
}

#section .aside.info, .popup-wrapper .aside.info {
    margin: 22px 0 10px 16px;
    padding: 0 13px 54px 63px;
    width: 202px;
}

.popup-wrapper .aside.info {
    padding-bottom: 14px;
}

.lte8 #section .aside.info, .lte8 .popup-wrapper .aside.info {
    margin-left: 13px;
}

#section .aside.info h2, .popup-wrapper .aside.info h2 {
    margin: 14px 0 9px 0;
    position: relative;
    text-transform: uppercase;
    font-size: 20px;
}

#section .pressside {
    width: 402px !important;
}

.aside ul li a {
    color: #414141;
    font-size: 13px;
    letter-spacing: -0.025em;
    line-height: 21px;
}

#primary.info {
    width: 95%;
    margin-right: 0;
    margin-top: 21px;
}

    #primary.info .header {
        margin-bottom: 31px;
    }

        #primary.info .header img, #primary.info .header h2 {
            float: left;
        }

            #primary.info .header img + h2 {
                margin: 39px 0 0 -6px;
            }

#primary .content dl {
    margin: 0 10px 0 8px;
}

#primary .content dt {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.025em;
    color: #000;
    text-transform: uppercase;
}

    #primary .content dt a {
        text-decoration: none;
    }

#primary .content dd {
    margin: 0 0 35px 0;
}

    #primary .content dd > p {
        margin: 16px 10px 16px 1px;
    }

#primary .content .howto {
    margin: 20px 0px;
}

    #primary .content .howto h2 {
        line-height: 19px;
        letter-spacing: -0.025em;
        color: #000000;
        margin-bottom: 16px;
        font-weight: bold;
    }

        #primary .content .howto h2 .number {
            color: #c0000a;
            margin-right: 3px;
        }

        #primary .content .howto h2 span {
            color: #8e8e8e;
        }

    #primary .content .howto p {
        font-size: 12px;
        color: #414141;
        margin: 10px 0 0 0;
    }

.ie8 #primary .content .howto p {
    letter-spacing: 0;
}

#primary .content .howto .item {
    width: 220px;
    float: left;
    margin-left: 47px;
    padding-left: 2px;
}

#primary .content .howto .itemlarge {
    width: 381px;
    float: left;
    margin-left: 47px;
    padding-left: 2px;
}

#primary .content .howto .item:first-child {
    margin-left: 0;
}

#primary .content .howto .item img {
    margin-left: 2px;
}

#section h1 .header-my-profile {
    width: 130px;
    height: 37px;
    background-position: -291px -459px;
}

#section .container > .aside .header {
    margin: 14px 61px 0 13px;
    padding-bottom: 2px;
    -webkit-box-shadow: 0px 1px 0px rgba(88, 88, 88, 0.28);
    -moz-box-shadow: 0px 1px 0px rgba(88, 88, 88, 0.28);
    box-shadow: 0px 1px 0px rgba(88, 88, 88, 0.28);
    behavior: url(/css/js/PIE.htc);
}

    #section .container > .aside .header h2 {
        font-size: 13px;
        font-weight: bold;
        line-height: 30px;
    }

.ie8 #section .container > .aside .header {
    border-bottom: 1px solid #CECECE;
}

#section .aside.action ul {
    margin: 13px 0 20px 10px;
}

    #section .aside.action ul li {
        font-size: 12px;
        line-height: 30px;
        letter-spacing: -0.04em;
        color: #3e3e3e;
        margin-bottom: 5px;
        margin-left: 5px;
        position: relative;
    }

        #section .aside.action ul li a {
            position: absolute;
            right: 10px;
            top: 3px;
            font-size: 12px;
            line-height: 25px;
            text-transform: uppercase;
            color: #fffff4;
            letter-spacing: -0.028em;
            text-align: center;
            text-decoration: none;
            text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.27);
        }

#primary.action {
    width: 571px;
    margin-top: 19px;
    margin-bottom: 98px;
}

#primary.error {
    width: 850px;
    margin-top: 19px;
    margin-bottom: 98px;
    margin-left: 19px;
}

#primary.myprofile {
    width: 700px;
    margin-top: 19px;
    margin-bottom: 98px;
    margin-left: 19px;
}

#primary.sendtofriend {
    width: 90%;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-left: 5%;
    margin-right: 5%;
}

#primary.wide {
    width: 100%;
    margin-top: 0px;
    margin-bottom: 40px;
}

.col-right-new .span10 {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
    color: #000;
    margin-bottom: 10px;
}

.waitinglist .container {
    padding: 30px;
}

#primary.partnerpage {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

#primary.tour {
    width: 100%;
}

#primary.search {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.guide-banner {
    margin-top: 30px;
    display: flex;
}

    .guide-banner > div {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .guide-banner .searchfilter {
        height: 100%;
    }

    .guide-banner .box {
        margin-bottom: 0px;
        height: 100%;
        display: flex;
    }

        .guide-banner .box #searchContent {
            margin: auto;
        }

#primary.whoarewe {
    width: 95%;
    margin-top: 19px;
    margin-bottom: 19px;
    margin-left: 50px;
}

#primary.home {
    width: 95%;
    margin-top: 19px;
    margin-bottom: 18px;
    margin-left: 50px;
}

#primary #stepsForm {
    margin-left: 2px;
    margin-top: 20px;
}

#primary.action > .header {
    margin-top: -9px;
}

    #primary.action > .header p {
        margin: 4px 0 7px;
    }

#stepsForm .step {
    margin-bottom: 25px;
}

#stepsForm .stepNoBorder {
    margin-bottom: 0px;
}

.ie8 #stepsForm .stepNoBorder {
    margin-bottom: 0px;
}

.ie8 #stepsForm .step {
    border: 2px solid #e3e3e3;
}

#stepsForm .step .header {
    padding: 7px 0 8px 6px;
    position: relative;
}

    #stepsForm .step .header > i {
        position: absolute;
    }

    #stepsForm .step .header h2 {
        line-height: 23px;
        text-transform: uppercase;
        font-size: 20px;
    }

    #stepsForm .step .header p {
        margin: 0;
        font-size: 17px;
    }

#stepsForm .step .form-content {
    padding: 0 0 12px 33px;
}

    #stepsForm .step .form-content .promoValid {
        font-size: 16px;
        margin-top: 15px;
        text-align: center;
        line-height: 20px;
    }

    #stepsForm .step .form-content .promoNotValid {
        font-size: 16px;
        margin-top: 15px;
        text-align: left;
        color: red;
        line-height: 20px;
    }

#stepsForm small {
    display: block;
    padding: 0;
    font-family: 'Cabin',Helvitica,Arial,Verdana,Helvetica,sans-serif;
    font-size: 13.83px;
    color: #7f8c8c;
    line-height: 20px;
    font-weight: normal;
}

.register .counter {
    height: 21px;
    line-height: 21px;
    background: 0;
    border-style: none;
    width: 200px;
    clear: both;
    margin-bottom: 0px;
    color: #7f8c8c;
    margin-top: 5px;
}

.row-check-title {
    font-size: 16px;
    color: #000;
    line-height: 18px;
    display: flex;
    align-items: center;
    width: auto !important;
}

    .row-check-title a {
        color: #000;
    }

    .row-check-title label {
        cursor: pointer;
    }

.loading {
    color: white;
    font-size: 30px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 2147483647 !important;
    inset: 0px !important;
    background-color: rgba(32, 33, 36, 0.6) !important;
    opacity: 1 !important;
}

.loadingmenu {
    color: white;
    font-size: 30px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 3002 !important;
    inset: 0px !important;
    background-color: rgba(32, 33, 36, 0.8) !important;
    opacity: 1 !important;
    display: none;
    cursor: pointer;
}



.loading h2 {
    clear: both;
    color: white;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
}

.loading img {
    height: 100px;
    width: auto;
}

#loadingbooking h2 {
    color: white;
    width: 100%;
    text-align: center;
    font-size: 26px;
    line-height: 29px;
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
}

#loadingbooking {
    flex-direction: column;
    align-items: center;
}

.app-search .search-background {
    top: 20px !important;
    position: relative;
    margin-bottom: 20px;
}

.search-background {
    position: fixed;
    top: -25px;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

    .search-background img {
        height: 60px;
        width: auto;
    }

    .search-background p {
        font: 18px/1.2em 'Cabin', Helvitica, Arial, Verdana, sans-serif;
        text-align: center;
        margin-top: 10px;
        color: #313233;
        font-weight: 600;
        margin-left: 50px;
        margin-right: 50px;
        margin-bottom: 10px;
    }

#stepsForm .stepNoBorder .form-content .row {
    margin-top: 14px;
}

    #stepsForm .stepNoBorder .form-content .row:first-child {
        margin-top: 10px;
    }

#stepsForm .step .form-content .row {
    margin-top: 14px;
}

    #stepsForm .step .form-content .row:first-child {
        margin-top: 10px;
    }

#stepsForm .button {
    margin: 11px 60px 14px 0;
}

#section .row .required {
    position: relative;
}

    #section .row .required:before {
        content: '';
        display: block;
        position: absolute;
        top: 10px;
        left: -19px;
    }

    #section .row .required .before {
        width: 9px;
        height: 9px;
        display: block;
        position: absolute;
        top: 10px;
        left: -19px;
    }

#section .aside.action + #primary.action fieldset .row input, #section .aside.action + #primary.action fieldset .row textarea, #section .aside.action + #primary.action fieldset .row select, #section .aside.action + #primary.action fieldset .row label, #section .aside.action + #primary.action fieldset .row .select {
    color: #3e3e3e;
}

#stepsForm .step .form-content .row select {
    width: 270px;
}

#stepsForm .step .form-content .row .select {
    width: 226px;
    line-height: 34px;
    padding-right: 30px;
    color: #000000;
}

#stepsForm .step .form-content .row i {
    top: 2px;
}

#stepsForm .stepNoBorder .form-content .row select {
    width: 270px;
}

#stepsForm .stepNoBorder .form-content .row .select {
    width: 226px;
    line-height: 34px;
    padding-right: 30px;
    color: black;
}

#stepsForm .stepNoBorder .form-content .row i {
    top: 2px;
}

#stepsForm div .radio + input {
    width: 34px;
}

.ie8 #stepsForm div .radio {
    border: 1px solid #e3e3e3;
}

#stepsForm div .row p {
    float: left;
    margin: 0 0 0 9px;
}

#primary h1 .header-search-results {
    width: 168px;
    height: 31px;
    background-position: -267px -304px;
}

#sidebar .box {
    float: left;
    background-color: #FFF;
    border-radius: 20px 20px 20px 0;
}

.box {
    background-color: white;
    background-size: contain;
    margin-bottom: 0px;
    float: left;
    border-radius: 10px 10px 10px 0;
}

.sidebarpartner .outline {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.searchfilter .outline {
    box-shadow: rgba(0, 0, 0, 0.35) 0 5px 15px;
}

.outline {
    border-bottom: 0px;
    width: 100%;
}

.scrolling-fix {
    position: fixed;
}

.scrolling-relative {
    position: absolute;
}

.search .box {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}

.box-dark {
    background-size: contain;
}

.box-light {
    background-size: contain;
    margin-bottom: 20px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #e3dfdf;
    border-left: 1px solid #e3dfdf;
    border-right: 1px solid #e3dfdf;
    border-top: 1px solid #e3dfdf;
}

.order-details h3 {
    color: #000;
}

.box-light h2 {
    color: #000;
}

.box-light .row .label {
    color: #000;
}

.box-light fieldset p a {
    color: #000;
}

.box-light .content p {
    color: #000 !important;
}

.boxright {
    margin-top: 20px;
}

.box-overflow {
    overflow: hidden;
}

.lte8 .box {
    border: 2px solid #e3e3e3;
}

.ie9 .section .box {
    filter: none;
}

#sidebar .box .row {
    position: relative;
    margin-bottom: 9px;
}

    #sidebar .box .row label {
        font-size: 11px;
        line-height: 31px;
        letter-spacing: -0.025em;
        position: absolute;
        left: 0;
        padding: 0 10px;
    }

#sidebar .box #subsForm .row input {
    width: 192px;
}

#sidebar .box .row input {
    width: 179px;
    padding-left: 10px;
    padding-right: 5px;
    color: #3E3E3E;
    font-size: 11px;
}

#sidebar .box .button {
    width: 99px;
    height: 32px;
    float: right;
}

    #sidebar .box .button.long {
        width: 155px;
        margin: 0 auto 6px;
        float: none;
    }

    #sidebar .box .button input {
        width: 97px;
        height: 34px;
    }

.news_lettr {
    background: url("/img/buzz/news-bg.png") right bottom no-repeat;
    background-color: #eaeaea;
    width: 100%;
}

    .news_lettr input[type="text"] {
        margin-bottom: 10px;
        border: 1px solid #cecece;
        width: 100%;
        height: 32px;
        outline: 0px;
        box-shadow: none;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

#section .min-banner {
    margin-bottom: 26px;
}

#primary li .all {
    background-position: -124px -52px;
    width: 26px;
}

.headline {
    background-color: #0f1115;
    background-color: rgba(19,21,28,0.85);
    bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0;
}


.cookielist {
    text-indent: 5px;
    list-style-position: outside;
    list-style-image: url(https://cdn.outsavvy.com/website/next.png);
    list-style-type: square;
    margin: 20px;
    line-height: 1.5em;
}

address {
    font-style: normal;
    line-height: 16px;
    letter-spacing: -0.025em;
    font-size: 16px;
    text-align: center;
    color: #000;
}

#section .gmap-widget address {
    color: #FFFFFF;
    font-style: normal;
}

#sidebar address a {
    color: #ce000c;
}

#section .main-panel-top h3 {
    font-size: 16px;
    line-height: 30px;
    position: relative;
}

#primary .main-panel-top .content-wrapper .block-content.more-info {
    padding-left: 25px;
}

#section .main-panel-top .more-info h3 {
    display: inline-block;
    cursor: pointer;
    padding-right: 12px;
}

    #section .main-panel-top .more-info h3.show:after {
        background-position: -360px -604px;
        right: -17px;
        top: 6px;
    }

    #section .main-panel-top .more-info h3.hide:after {
        background-position: -420px -604px;
        right: -17px;
        top: 6px;
    }

#section .main-panel-top .more-info .ordered-list {
    display: none;
    margin-top: 8px;
}

    #section .main-panel-top .more-info .ordered-list .section {
        padding-left: 37px;
        margin-bottom: 8px;
    }

        #section .main-panel-top .more-info .ordered-list .section .step {
            top: 2px;
        }

​​ #sidebar .iphone-widget .content p {
    margin: 8px 0 0 9px;
}

#sidebar .iphone-widget .footer {
    margin-top: 10px;
    margin-bottom: 11px;
}

    #sidebar .iphone-widget .footer a {
        width: 197px;
        height: 64px;
        display: block;
        margin: 0 auto;
        color: #ffffff;
        text-decoration: none;
    }

#sidebar .iphone-widget .footerandroid a {
    width: 197px;
    height: 64px;
    display: block;
    margin: 0 auto;
    color: #ffffff;
    text-decoration: none;
}

#sidebar .iphone-widget .footer a span {
    display: none;
}

.popup-wrapper {
    width: 995px;
}

.popup-wrapper-small {
    width: 725px;
}

#login-popup .header {
    text-align: center;
    margin: 0 56px 0 52px;
    padding: 12px 0 12px;
}

#login-popup .button-padding {
    margin: 20px 12px 0 16px;
}

.dynamicform {
    clear: both;
    width: 100%;
    display: inline-block;
}

#charity .radiolist label {
    margin-left: 20px;
}

#charity input[type="radio"] {
    float: left;
    margin-top: 10px;
    height: 15px;
    width: 15px;
}

#charity .charity_hidden {
    display: none;
}

#charity .charity_show {
    display: block;
    margin-top: 10px;
}

#charitydonate {
    display: none;
}

#dynamicform .confirm-right {
    float: right;
    width: 100%;
}

#dynamicform fieldset .row {
    margin-bottom: 22px;
}

#dynamicform .guests {
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    padding: 20px;
    line-height: 18px;
    color: #000;
}

#dynamicform input[type="radio"] {
    float: left;
    margin-top: 10px;
}

#dynamicform .radiolist label {
    margin-left: 20px;
}

#dynamicform fieldset .row .label {
    width: 30%;
    color: #000;
}

#dynamicform fieldset {
    margin: 0px 0px 0 0px !important;
}

    #dynamicform fieldset select {
        height: 50px;
        width: 245px;
    }

#dynamicform .dynamicduration {
    margin-right: 10px;
    float: left;
}

#dynamicform fieldset input[type=checkbox] {
    height: 31px;
    width: 31px;
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dynamicform .header {
    border-bottom: 1px solid #CECECE;
    text-align: center;
    margin: 0 56px 0 52px;
    padding: 12px 0 7px;
}

    .dynamicform .header h2 {
        font-size: 22px;
        text-transform: uppercase;
    }

#dynamicform .confirm-right input {
    width: 100%;
}

.paymentfields h4 {
    font-size: 17px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #000;
    font-weight: 100;
    line-height: 19px;
}

    .paymentfields h4 a {
        color: #000;
    }

.containerpayment input {
    text-indent: 10px;
}

.paymentfields .aboutcharity {
    font-size: 15px;
    padding: 0px;
    margin: 15px 0px 20px 0px;
    color: #000;
    font-weight: 100;
    line-height: 18px;
    font-style: italic;
}

.paymentfields .confirmcharity {
    color: #5cd019;
    font-size: 17px;
    line-height: 18px;
    margin-top: 10px;
}

.paymentfields .aboutcharity a {
    color: #000;
    font-style: italic;
}

#dynamicform .title-row {
    margin-top: 25px;
}

#login-popup h2 .header-your-login {
    background-position: -925px -574px;
    width: 123px;
    height: 37px;
    margin-left: 7px;
}

#login-popup h2 {
    font-size: 22px;
    text-transform: uppercase;
}

#login-popup .box {
    padding-bottom: 10px;
}

#login-popup .content > img {
    border: 1px solid #000000;
    margin: 0 auto;
    width: 80%;
}

#login-popup .col-right .button {
    margin: 10px auto;
}

#login-popup .col-left-new {
    float: left;
    width: 100%;
}

    #login-popup .col-left-new .content {
        overflow: hidden;
    }

#login-popup .col-right-new {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 25px;
}

#login-popup .col-left-new .button {
    margin: 10px auto;
}

#login-popup .col-right-new .content > p {
    margin: 0 35px 18px 16px;
}

#login-popup .col-left {
    float: left;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 16px;
    min-height: 580px;
    width: 46%;
}

    #login-popup .col-left .content {
        margin: 6px;
    }

#login-popup .col-right {
    float: left;
    margin-left: 2%;
    margin-right: 1%;
    margin-top: 16px;
    min-height: 440px;
    width: 46%;
}

#login-popup .col-left .button {
    margin: 10px auto;
}

.lte9 .popup-wrapper .button input {
    line-height: 26px;
}

#login-popup .col-right .content {
    margin: 6px;
}

#login-popup .content p {
    font-size: 19px;
    font-weight: normal;
    line-height: 25px;
    color: #000;
    margin-bottom: 5px;
}

#login-popup .col-right .content > p {
    margin: 0 35px 18px 16px;
}

#login-popup .col-left .content > p {
    margin: 0 35px 18px 16px;
    text-align: center;
}

#login-popup .col-left .content > h4 {
    font-size: 19px;
    text-align: center;
    color: #000;
    margin: 16px;
}

#login-popup fieldset {
    margin: 0 35px 18px 16px;
}

    #login-popup fieldset .row {
        margin-bottom: 22px;
    }

    #login-popup fieldset .label {
        width: 100%;
        margin-bottom: 5px;
    }

.lte8 #login-popup fieldset .label {
    width: 146px;
}

#login-popup fieldset p {
    text-align: right;
    margin-top: -4px;
}

    #login-popup fieldset p a {
        margin-left: 10px;
        color: #237a91;
        text-decoration: none;
        outline: 0 none;
    }

#login-popup .row input {
    width: 95%;
}

#login-popup .error-summary {
    margin-top: 10px;
    clear: both;
}

html.ios #fancybox-wrap {
    left: 0 !important;
}

div.nooffers {
    padding: 15px;
    horiz-align: center;
}

    div.nooffers h2 {
        font-size: 20px;
        text-align: center;
        text-transform: none;
    }

.layout-white div.nooffers h2 {
    color: #454343;
}

#pup {
    position: absolute;
    z-index: 200;
    padding: 8px;
    margin-left: 10px;
    margin-top: 5px;
    width: 250px;
    border: 2px solid #E0E0E0;
    background-color: #ffffff;
    color: black;
    font-size: 13px;
}

.slidingDiv {
    background: -moz-linear-gradient(center top, #FFFFFF 0%, #E0E0E0 100%) repeat scroll 0 0 transparent;
    box-shadow: 0 0 0 8px rgba(0, 0, 0, 0.11);
    height: 80px;
    margin-left: 300px;
    padding: 20px;
    position: absolute;
    width: 400px;
    display: none;
    z-index: 500 !important;
}

.ie8 .slidingDiv {
    border: 1px solid #ededed;
    background-color: #E0E0E0;
    height: 80px;
    margin-left: 300px;
    padding: 20px;
    position: absolute;
    width: 400px;
    display: none;
    z-index: 500 !important;
}

#page-sub-nav-wrapper li .mobile {
    background-position: -288px -52px;
    width: 19px;
}

#page-sub-nav-wrapper h2 {
    font-size: 16px;
    line-height: 25px;
    margin-left: 30px;
    text-align: left;
    font-weight: bold;
}

h3.header {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
}

#captcha {
    padding-top: 50px;
}

#ui-cookie-policy {
    overflow: hidden;
    background-color: #000132;
}

html.js #ui-cookie-policy {
    display: block;
}

html.ui-cookie-policy body #ui-cookie-policy {
    display: none;
}

#ui-cookie-policy > div {
    width: 90%;
    padding: 15px 0 15px 43px;
    margin: 0 auto;
    background: url(/img/cookie-warning.png) no-repeat left 15px;
}

#ui-cookie-policy span.button {
    float: right;
    font-weight: bold;
}

#ui-cookie-policy p a {
    color: #ffffff;
    text-decoration: underline;
}

    #ui-cookie-policy p a:hover, #ui-cookie-policy p a:active, #ui-cookie-policy p a:focus {
        color: #93af01;
    }

#ui-cookie-policy h3, #ui-cookie-policy p {
    color: #ffffff;
    text-align: left;
    line-height: 1.5em;
}

#ui-cookie-policy h3 {
    font-size: 1.6em;
}

#ui-cookie-policy p {
    width: 95%;
}

input.button.color-b3, span.button.color-b3 a, div.upload-button.color-b3 {
    border: 1px solid #A4BA16;
    background: #D8E77D;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#D8E77D), to(#C1D82F));
    background: -webkit-linear-gradient(#D8E77D, #C1D82F);
    background: -moz-linear-gradient(#D8E77D, #C1D82F);
    background: -ms-linear-gradient(#D8E77D, #C1D82F);
    background: -o-linear-gradient(#D8E77D, #C1D82F);
    background: linear-gradient(#D8E77D, #C1D82F);
    -pie-background: linear-gradient(#d8e77d, #c1d82f);
    padding: 3px 6px 4px 6px;
    color: #000;
    font-size: 1.2em;
    text-shadow: 1px 1px white;
    text-align: center;
    display: block;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 8px 8px 8px 0;
    behavior: url(/css/js/PIE.htc);
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
}

#primary #partners {
    margin-left: 2px;
    margin-top: 30px;
}

.tags a {
    font-size: 16px;
}

.eventspan {
    font-size: 18px !important;
    line-height: 12px;
}

.eventtags {
    padding-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    display: inline-block;
    line-height: 0px;
}

    .eventtags a {
        border: 2px solid #ff5a5f;
        color: #000;
        float: left;
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        display: block;
        font-size: 16px !important;
        list-style-type: none;
        margin: 0 10px 10px 0;
        padding: 11px 22px;
        width: auto;
        font-weight: 600;
        background-color: #fff;
        border-radius: 8px 8px 8px 0;
    }

        .eventtags a:hover {
            background-color: #ff5a5f;
            color: #fff;
            transform: translate(1px, 1px);
        }

#tabs {
    display: none;
}

.registration {
    width: 60%;
    height: auto;
    background-color: #000000;
    background-repeat: no-repeat;
    margin-top: 10px;
    margin: 27px auto;
    margin-bottom: 5px;
    padding: 10px;
}

    .registration h2 {
        color: #ffffff;
        margin-top: 10px;
        margin-left: 10px;
        font-size: 24px !important;
        margin-bottom: 15px;
    }

    .registration p {
        color: #ffffff;
    }

    .registration .button input {
        font-size: 13px;
        font-weight: bold;
        height: 31px;
        letter-spacing: -0.025em;
        margin: 0 auto;
        position: relative;
        text-shadow: 0 1px 0 rgba(0, 0, 0, 0.37);
        text-transform: none;
        top: 1px;
        width: 103px;
        -webkit-appearance: none;
    }

    .registration .button {
        border: 1px solid #DA4840;
        border-radius: 8px 8px 8px 0;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28), 0 1px 0 rgba(255, 255, 255, 0.32) inset;
        height: 33px;
        margin-top: -2px;
        width: 104px;
        margin: 0 auto;
    }

#primary .content dl {
    float: left;
    line-height: 1.8em;
    padding: 10px 0 0 15px;
    position: relative;
    width: 100%;
    z-index: 1;
}

.content dt {
    display: block;
    position: relative;
    width: 100%;
}

.content dd {
    display: block;
    margin-bottom: 12px;
    position: relative;
    width: 100%;
}

    .content dd a {
        font-size: 16px;
    }

#featured .row {
    letter-spacing: -0.31em;
    margin-left: -2%;
    max-width: 102%;
}

#featured h1 {
    color: #3D3935;
    font-weight: normal;
    line-height: 1.2em;
    margin-bottom: 15px;
    font-size: 30px;
}

#featured {
    margin-bottom: 35px;
    margin-top: 35px;
}

.block {
    margin-bottom: 40px;
    margin-left: 4%;
    margin-right: 4%;
    clear: both;
}

.copydiv {
    float: left;
    position: relative;
}

.cleardiv {
    clear: both;
}

#banner-wrapper {
    margin-left: 15px;
    width: 1046px;
}

.Box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7D7D7;
    border-radius: 0px;
    box-shadow: 0 2px rgba(0, 0, 0, 0.05);
    clear: both;
    margin-bottom: 20px;
    position: relative;
    z-index: 10;
}

#login-partner {
    margin-bottom: 35px;
    margin-top: 10px;
    text-align: center !important;
    clear: both;
    display: block;
}

    #login-partner .intro {
        line-height: 20px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        padding-top: 20px;
        padding-bottom: 10px;
        color: #000;
    }

#facebook {
    margin-top: 10px;
}

.loginpage #facebook {
    text-align: center !important;
}

.loginpage .facebook-button {
    float: none;
}

.register #facebook {
    text-align: center !important;
}

.register .facebook-button {
    float: none;
}

.facebook-block {
    display: inline-block;
}

.facebook-top {
    margin-top: 5px !important;
    margin-bottom: 5px;
}

    .facebook-top .content {
        padding: 0px 15px 0px 15px;
        overflow: hidden;
    }

.login-page .login-box-padding {
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

.login-page {
    margin-top: 20px;
    margin-bottom: 30px;
    display: inline-block;
    width: 100%;
}

#facebook .intro {
    line-height: 20px;
    color: #000;
}

.facebook-button .icon {
    background: url("/img/facebook-icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 22px;
    margin: -2px 0 0 13px;
    width: 32px;
}

.facebook-button {
    background-color: #43609A;
    border: 0 none;
    color: #FFFFFF !important;
    display: block;
    margin-right: 20px;
    padding: 10px;
    text-align: left;
    text-decoration: none;
    width: 195px;
    height: 23px;
    font-size: 13px;
    letter-spacing: -0.038em;
    line-height: 23px;
    float: left;
}

.arrow-up {
    height: 15px;
    width: 15px;
    position: absolute;
    top: -8px;
    left: 50%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    visibility: hidden\9;
    background-color: #FFF;
    border: none;
}

.facebook-button strong {
    font-weight: 700;
}

#facebook p, #facebook em {
    font-size: 18px;
    font-weight: 300;
    color: #000;
    padding-bottom: 10px;
}

#facebook strong {
    font-weight: 600 !important;
}

#facebook .facebook-button {
    font-weight: 300 !important;
}

#facebook .facebook-button {
    margin: 15px auto 15px;
    border-radius: 0px;
}

#facebook .failover {
    background: url("/img/divider.png") no-repeat scroll center rgba(0, 0, 0, 0);
}

.facebook-right {
    margin-right: 30px;
    margin-top: 3px;
}

.separator {
    border-left: 2px solid #CCCCCC;
    float: right;
    height: 50px;
    position: relative;
    top: -10px;
    width: 30px;
}

.separator-or {
    color: #FFFFFF;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    height: 20px;
    position: absolute;
    right: 90px;
    text-align: center;
    top: 45px;
    width: 50px;
}

.location {
    float: right;
    padding-right: 10px;
}

section {
    display: block;
    border: 0 none;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    -moz-box-sizing: border-box;
}

.pull-right {
    float: right !important;
}

.social-icon {
    float: left;
}

.hr-form {
    height: 1px;
    color: #C2C2C2;
    background: #C2C2C2;
    font-size: 0;
    border: 0;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 75%;
}

.border-center:after {
    background: none repeat scroll 0 0 #53535C;
    content: "";
    display: block;
    height: 1px;
    margin-top: -8px;
}

.border-center > span {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 0 20px;
}

.subtitle {
    color: #3E3E3E;
    font-size: 17px;
    font-weight: normal;
    margin-bottom: 50px;
    text-align: center;
}

.facebook-center {
    display: block;
    margin: 0 auto;
    width: 40%;
    margin-bottom: 50px;
}

.box.offer {
    margin: 0 auto;
    padding: 15px 15px 6px 19px;
    width: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 170px;
}

.ambassador-image {
    margin: 0 auto;
    padding: 15px 15px 6px 19px;
    width: 400px;
    margin-top: 20px;
    margin-bottom: 20px;
    height: 300px;
}

.box.offer .content {
    margin: 0 auto;
    padding: 15px 15px 6px 19px;
}

.container-offer {
    height: auto;
    overflow: hidden;
}

.tagLine {
    margin: 0 auto;
    width: 50%;
    font-size: 15px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.share-link {
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    width: 60%;
}

img[data-lazy-src] {
    opacity: 0;
}

.fadeIn {
    opacity: 1 !important;
}

.fadeIn, .fadeOut {
    transition: opacity 250ms linear 0s;
}

.block {
    background: none repeat scroll 0 0 #F3F3F3;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 300;
    margin-bottom: 30px;
    padding: 6px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
    transition: all 0.3s ease 0s;
}

.middle {
    margin: 0 auto;
    width: 50%;
}

.center {
    margin: 0 auto;
    text-align: center;
}

.arrow-right {
    float: right;
    margin-right: 5px;
    margin-top: 2px;
}

.hover-image {
    cursor: pointer;
}

.wrapper {
    position: relative;
    padding: 0;
    width: 199px;
    height: 161px;
}

.text {
    position: absolute;
    top: 10px;
    color: #000000;
    background-color: rgba(255,255,255,0.8);
    width: 209px;
    height: 151px;
    line-height: 90px;
    text-align: center;
    z-index: 10;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 20px;
    line-height: 160px;
    font-weight: bold;
}

    .text:hover {
        opacity: 1;
    }

.imgindex {
    z-index: 1;
}

.progress img {
    clear: both;
    display: block;
    margin: 20px auto;
    text-align: center;
}

.right {
    float: right;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    margin-bottom: 13px;
    right: 0;
    margin-right: 7px;
}

.break {
    clear: both;
    height: 0;
    visibility: hidden;
    width: 100%;
}

.wrappercontent {
    width: 100%;
    display: block;
    height: auto;
    overflow: hidden;
    margin-top: 20px;
}

.title-header .area-page-title {
    float: left;
    width: 95%;
}

.area-page-title-center {
    width: 100%;
    text-align: center;
    clear: both;
    padding: 10px;
    margin-bottom: 20px;
}

    .area-page-title-center .page-title {
        border: 0 none;
        color: #000;
        float: left;
        font-size: 2rem;
        line-height: 1;
        margin: 0 0 0 1px;
        text-transform: capitalize;
        font-weight: 700;
        padding-bottom: 20px;
    }

    .area-page-title-center p {
        font-size: 1.45rem;
        line-height: 1.45rem;
        margin-bottom: 20px;
    }

    .area-page-title-center a {
        color: #000;
    }

.title-header .page-title {
    border: 0 none;
    color: rgb(209,46,54);
    float: left;
    font-size: 2rem;
    line-height: 1;
    margin: 0 0 0 1px;
    text-transform: uppercase;
    font-weight: 700;
}

.ticketshop .title-header .page-title {
    color: #000 !important;
    font-size: 35px;
    font-weight: 700;
    text-transform: none;
    text-align: center;
    padding: 5px 0px;
    letter-spacing: -2px;
}

.content .intro {
    font-size: 17px;
    line-height: 20px;
    margin-top: 10px;
}

    .content .intro a {
        color: #237a91;
    }

.content-inner .sub-title-header {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

    .content-inner .sub-title-header h3 {
        font-size: 25px;
        text-align: center;
    }

.title-header .area-tab-group {
    float: right;
    width: 25%;
}

.title-header .nav-tab-group {
    bottom: 0;
    float: right;
    position: absolute;
    right: 0;
}

.title-header-right {
    display: block;
    height: 50px;
}

.title-header {
    position: relative;
    width: 63%;
    height: 60px;
}

.tickets-title {
    font-size: 1.15rem;
    line-height: 1.5rem;
    margin: 0 20px 0 20px;
    font-weight: normal;
    letter-spacing: 0.01em;
    padding-bottom: 20px;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
    clear: both;
    color: #000;
}

.title-all {
    width: 100% !important;
}

.title-long {
    height: 100px !important;
}

.singlecontainer {
    width: 100%;
    max-width: 1380px;
    overflow-x: hidden;
    margin-top: 20px;
}

.articlebox {
    margin-bottom: 30px;
    position: relative;
}

.grid_three {
    width: 31.333%;
}

.grid_two {
    width: 48%;
}

.grid_8, .grid_16, .grid_two, .grid_three {
    float: left;
    display: inline;
    margin-left: 1%;
    margin-right: 1%;
}

#bottom-content {
    clear: both;
    width: 100%;
}

.content-inner {
    margin: 0 auto;
    min-width: 280px;
    width: 100%;
}

.title-investor {
    width: 100%;
}

.investpage h2 {
    color: #000;
}

.invest {
    letter-spacing: -0.025em;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
    clear: both;
    color: #FF000F;
}

.investpage .row .label {
    color: #000;
}

.instagramimage {
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 2%;
    width: 48%;
    height: auto;
}

.instagramimagesmall {
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    padding-bottom: 2%;
    width: 23%;
    height: auto;
}

.popup-gallery {
    margin-bottom: 10px;
    display: inline-block;
}

.hover-icon {
    opacity: 0;
    background: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

    .hover-icon .fa {
        color: #fff;
        font-size: 26px;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -13px;
        margin-top: -13px;
        opacity: 0;
        -webkit-transition: all 0.25s linear;
        -moz-transition: all 0.25s linear;
        transition: all 0.25s linear;
        -webkit-transform: scale(0.2);
        -ms-transform: scale(0.2);
        transform: scale(0.2);
    }

.event-image:hover .hover-icon, .featured-thumbnail:hover .hover-icon, .image-wrapper:hover .hover-icon, .featured-thumbnail-carousel:hover .hover-icon {
    opacity: 1;
}

    .featured-thumbnail:hover .hover-icon .fa, .featured-thumbnail-carousel:hover .hover-icon .fa {
        opacity: 1;
        left: 50%;
        -webkit-transform: scale(1.0);
        -ms-transform: scale(1.0);
        transform: scale(1.0);
    }

#app {
    float: left;
    margin-bottom: 0px;
    padding: 0 0;
    position: relative;
    width: 100%;
    padding-bottom: 30px;
}

    #app .page-width {
        width: 100%;
        max-width: 1170px;
        margin: auto;
        position: relative;
    }

.news-home {
    background-color: white;
    border-top: 3px solid #1A1A1A;
}

    .news-home .layout-titles {
        margin-top: 30px;
    }

.layout-title {
    color: #000;
    text-transform: capitalize;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-font-smoothing: subpixel-antialiased;
    width: 100%;
    text-align: left;
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    padding: 10px 0px 5px;
    margin: 0;
}

.layout-sub-title {
    color: #000;
    text-transform: capitalize;
    margin-bottom: 0px;
    margin-top: 3px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 17px;
    line-height: 18px;
    width: 100%;
    text-align: center;
    display: inline-block;
}

.layout-titles {
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
}

.layout-title-small {
    float: left;
    margin-bottom: 5px;
    text-align: left;
    color: #000;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: -1px !important;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    text-transform: capitalize;
}

.other-events .layout-title-usercontrol {
    color: #FFF;
}

.new-other-events .line-red-holder {
    display: inline-grid;
    width: auto;
}

.new-other-events .nav li {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.new-other-events .scrolling-wrapper-events {
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    min-height: 320px;
}

.new-other-events .scrolling-wrapper-events .nav {
   display: inline-block;
}

.new-other-events .scrolling-wrapper .event-feed.latest h5 {
    letter-spacing: -1.3px;
    font-size: 28px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 30px;
}

.layout-title-usercontrol {
    float: left;
    text-align: left;
    -webkit-font-smoothing: subpixel-antialiased;
    letter-spacing: normal !important;
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #000;
}

#block_categories .layout-title {
    width: 100%;
}

#block_search .layout-title {
    width: 100%;
}

#block_bydate .layout-title {
    width: 100%;
    margin-top: 0px;
}

.layout-title-faq {
    color: #000 !important;
    font-size: 27px;
    font-weight: 700;
    text-align: left;
    padding: 5px 0px;
    letter-spacing: -0.5px;
    text-transform: none;
    line-height: 27px;
}

.info-title {
    color: #000 !important;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    text-transform: lowercase;
    text-align: center;
    padding: 50px 0px 50px;
}

.navbar-fixed {
    top: 80px;
    z-index: 100;
    position: fixed;
    width: 100%;
}

.layout-light .layout-copy {
    color: #5e5757;
}

.layout-white .layout-copy {
    color: #000;
}

.layout-white .layout-copy-faq a {
    color: #237a91;
}

.layout-white .layout-copy-faq p {
    color: #000;
    line-height: 22px;
}

.layout-copy-faq {
    color: #000;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    padding: 10px 0px;
    margin: 0 auto;
}

    .layout-copy-faq p {
        color: #000;
    }

    .layout-copy-faq a {
        color: #000;
    }


.layout-copy {
    color: #000;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    padding: 10px 0;
    width: 80%;
    margin: 0 auto;
    clear: both;
    text-transform: capitalize;
    font-weight: 700;
}

.layout-copy-dark {
    color: #000;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    padding: 10px 0px;
    width: 80%;
    margin: 0 auto;
    clear: both;
}

.app .app-image {
    width: 45%;
    height: auto;
    padding-top: 40px;
    margin: 0 auto;
}

#app .content {
    margin-left: 6.5%;
    margin-right: 6.5%;
    position: relative;
}

#app p, #app li, #app dt, #app dd {
    font-size: 16px;
    font-weight: 300;
    line-height: 20px;
    padding-bottom: 4px;
    display: block;
}

#app #screenshots {
    overflow: hidden;
    width: 28%;
    min-width: 290px;
    position: absolute;
    right: 0px;
    bottom: -30px;
    top: 0px;
}

    #app #screenshots img {
        width: 100%;
        position: absolute;
        top: 0px;
        right: 0px;
        opacity: 1;
        transition-duration: 1s;
    }

        #app #screenshots img.invisible {
            opacity: 0;
        }


#app #app-features .feature {
    min-height: 140px;
}

@media only screen and (min-width: 768px) and (max-width: 998px) {
    .container_16 {
        width: 748px;
    }

    .singlecontainer {
        max-width: 959px;
    }

    h1.postlisttitle {
        min-height: 100px;
    }

    .title-header {
        width: 90%;
    }

        .title-header .area-page-title {
            margin-bottom: 20px;
            margin-left: 15px;
            margin-top: 20px;
        }

    #results-wrapper .result {
        width: 545px;
        height: 316px;
    }
}

@media only screen and (max-width: 767px) {
    .container_16 {
        width: 98%;
    }

        .grid_8, .grid_16, .grid_two, .grid_three .grid_two, .grid_three, .container_16 .grid_8, .container_16 .grid_16 {
            width: 100%;
        }

    .singlecontainer {
        max-width: 479px;
    }

    .title-header {
        width: 90%;
    }

        .title-header .area-page-title {
            margin-bottom: 20px;
            margin-left: 15px;
            margin-top: 20px;
        }

    h1.postlisttitle {
        min-height: 50px;
    }

    #results-wrapper .result {
        width: 100%;
    }

    .investlist {
        float: none;
        width: 100%;
    }

    .investlistright {
        float: none;
        width: 100%;
        margin-bottom: 50px;
    }

    #app #screenshots {
        display: none;
    }

    .articlebox {
        margin-bottom: 20px;
    }

    .container_16 {
        width: 100%;
    }

    .singlecontainer {
        max-width: 767px;
        margin: 0 auto;
        width: 94%;
    }
}

#calendarModal .flatpickr-day {
    border: 2px solid transparent;
    background: rgb(255 90 94 / 30%);
    font-weight: 700;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 7px;
}

    #calendarModal .flatpickr-day.selected {
        background: #ff5a5f !important;
    }

    #calendarModal .flatpickr-day:hover {
        background: #ff5a5f !important;
        color: white;
    }

#calendarModal .flatpickr-disabled, #calendarModal .flatpickr-disabled:hover {
    cursor: not-allowed;
    background: none;
}

    #calendarModal .flatpickr-disabled:hover {
        background: 0 !important;
        color: rgba(57, 57, 57, 0.1);
    }

#calendarModal .flatpickr-calendar {
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0 auto;
}

#calendarModal {
    display: flex;
    background: #ffffff;
}

    #calendarModal .datepicker-title {
        font-size: 22px !important;
        line-height: 22px !important;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 0px;
        text-transform: capitalize;
        padding: 10px;
        text-align: center;
    }

    #calendarModal .time-picker-title {
        font-size: 18px !important;
        line-height: 18px !important;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 0px;
        text-transform: capitalize;
        padding: 10px 0px 10px;
        text-align: left;
    }

    #calendarModal .datepicker-holder {
        margin: 0 auto;
        max-width: 100%;
    }

    #calendarModal .numInputWrapper:hover {
        background: none;
    }

    #calendarModal .flatpickr-current-month span.cur-month:hover {
        background: none;
    }

    #calendarModal .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
        stroke-width: 3px;
        fill: none;
        stroke: #000;
    }

    #calendarModal .numInputWrapper span.arrowUp {
        display: none;
    }

    #calendarModal .numInputWrapper span.arrowDown {
        display: none;
    }

    #calendarModal .availability-waitinglist {
        background: #9285c1 !important;
    }

    #calendarModal .availability-green {
        background: rgb(26 188 156 / 50%) !important;
    }

    #calendarModal .availability-yellow {
        background: rgb(237 211 9 / 80%) !important;
    }

    #calendarModal .availability-orange {
        background: rgb(240 128 0 / 80%) !important;
    }

    #calendarModal .availability-red {
        background: rgb(194 7 42 / 80%) !important;
    }

.availability-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 0.1rem 1.2rem;
    flex-wrap: wrap;
    margin-top: 10px;
    align-items: center;
    justify-content: center;
}

.availability-item {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.9rem;
    color: #ffffff;
}

.availability-dot {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.availability-dot--good {
    background: rgb(26 188 156 / 50%); /* Good */
}

.availability-dot--limited {
    background: rgb(237 211 9 / 80%); /* Limited */
}

.availability-dot--low {
    background: rgb(240 128 0 / 80%); /* Low */
}

.availability-dot--soldout {
    background: rgb(194 7 42 / 80%);
}

.availability-dot--waitinglist {
    background: #9285c1;
}

.availability-label {
    white-space: nowrap;
}

.calendar-holder {
    cursor: pointer;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin: 0px 0px 0px 0px;
}

.calendar-link {
    color: #3659e3;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .2px;
    font-size: 15px;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    cursor: pointer;
    text-transform: uppercase;
}

.time-picker {
    max-width: 500px;
}

#time-picker-control {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

    #time-picker-control button {
        -ms-user-select: none;
        user-select: none;
        tap-highlight-color: transparent;
        border: none;
        font-weight: 700;
        cursor: pointer;
        background: #FFF;
        color: #393939;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 40px;
        text-transform: capitalize;
        font-size: 16px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        line-height: 16px;
        margin-top: 0px;
        margin-bottom: 6px;
        border-radius: 8px 8px 8px 0;
        border: 2px solid red;
        margin-right: 10px;
    }

        #time-picker-control button.active {
            opacity: 1;
            cursor: pointer;
        }

        #time-picker-control button:hover {
            background: #ff5a5f;
            color: #FFF;
        }

    #time-picker-control .selected {
        background: #ff5a5f;
        color: #FFF;
        box-shadow: 4px 4px black !important;
        border: 2px solid #ff5a5f;
    }

.showthis {
    visibility: visible;
}

.hidethis {
    visibility: hidden;
}

.roundedimage {
    border: 1px solid;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin: 0 auto;
}

.whoarewe {
    padding-bottom: 51px;
    font-weight: 500;
    font-size: 18px;
}

.g-wrapper {
    position: relative;
    padding: 0 15px;
    max-width: 942px;
    min-width: 290px;
    margin: 0 auto;
    z-index: 5;
}

ul.new-reviews {
    margin-top: 20px;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.reviews .no-review {
    font-size: 16px;
    line-height: 30px;
}

.photo-box .photo-box-img {
    border-radius: 4px;
}

.ticket-select {
    margin: 0 auto;
    width: 100%;
    display: inline-block;
}

.minus {
    float: left;
}

    .minus input {
        width: 100%;
        height: 100%;
        padding-top: 45px;
        padding-right: 10px;
    }

.plus {
    float: right;
}

    .plus input {
        width: 100%;
        height: 100%;
        padding-top: 45px;
        padding-left: 10px;
    }

.profileheader .editbutton {
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    appearance: none;
    height: 45px;
    line-height: 40px;
    margin-right: 0px;
    font-weight: 900;
    max-width: 100%;
    box-shadow: black 3px 3px;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
    background: #ff5a5f;
    color: white;
    cursor: pointer;
    padding-right: 5px;
    padding-left: 5px;
}

.module {
    background: url(/img/ticket.png);
    background-size: cover;
    width: 280px;
    height: 151px;
    position: relative;
    margin: 0 auto;
}

.mid h2 {
    font-weight: 700;
    color: black;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 90px;
    transform: translate(-50%, -50%);
}

.ticket-select .price {
    margin: 0 auto;
    text-align: center;
    padding-top: 80px;
    font-size: 100px;
}

.selecttickets .event_name {
    line-height: 22px;
    font-size: 22px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 800;
}

.selecttickets .event_date {
    font-size: 16px;
    margin-bottom: 40px;
    color: #000;
    line-height: 20px;
}

    .selecttickets .event_date .fa {
        margin-right: 8px;
        width: 15px;
        color: #ff5a5f;
        font-size: 18px;
    }

.ticket-select .nofee {
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    font-weight: 600;
}

.hidden-content-promo {
    display: none;
}

.hidden-content-credit {
    display: none;
}

.onedate {
    font-size: 18px;
    background: url("https://cdn.outsavvy.com/website/calender.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 20px 20px;
    padding-left: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    color: #000;
}

.ticket-select-event {
    margin-top: 0px;
    background: none !important;
    display: inline-block;
    width: 100%;
}

    .ticket-select-event .title {
        color: #000;
        font-size: 20px !important;
        line-height: 22px !important;
        letter-spacing: 0.5px;
        margin-top: 20px;
    }

.ticket-select .promoCode {
    font-size: 15px;
    clear: both;
    float: right;
    margin-top: 10px;
}

    .ticket-select .promoCode p a {
        color: #000;
    }

.selecttickets .promoCode p {
    color: #000;
}

.ticket-select .promoCode p {
    margin-top: 5px;
    font-size: 18px;
    clear: both;
    float: right;
    margin-bottom: 1px;
    color: #000;
}

.ticket-select .promoCode .custom {
    padding: 0 13px;
    line-height: 31px;
    padding: 0 13px;
    letter-spacing: -0.025em;
    font-size: 15px;
    height: 40px !important;
    border-radius: 8px 8px 8px 0;
    border: 2px solid #c9ccd1 !important;
    flex: 2;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
}

.ticket-select .credit {
    margin-top: 40px;
    font-size: 15px;
    clear: both;
}

    .ticket-select .credit p {
        margin-top: 5px;
        font-size: 18px;
        clear: both;
    }

    .ticket-select .credit .custom {
        padding: 0 13px;
        letter-spacing: -0.025em;
        font-size: 13px;
        line-height: 31px;
    }

    .ticket-select .credit input:disabled {
        cursor: auto;
        pointer-events: all !important;
        color: #c0c0c0;
    }

.ticket-select .confirm {
    margin: 0 auto;
    margin-top: 20px;
}

    .ticket-select .confirm .confirm-center {
        margin: 0 auto;
    }

    .ticket-select .confirm .confirm-right {
        width: 47%;
        float: right;
        clear: both;
        margin-bottom: 20px;
    }

        .ticket-select .confirm .confirm-right input {
            width: 100%;
            font-weight: 900;
            line-height: 37px;
            height: 45px;
            text-transform: capitalize;
            opacity: 1;
            border-radius: 8px 8px 8px 0;
        }

            .ticket-select .confirm .confirm-right input:disabled {
                opacity: 0.5;
            }

.paymentform .ticket-select .confirm .confirm-right input {
    text-transform: capitalize;
}

.paymentform .button-credit-card-large {
    text-transform: capitalize;
}

.resultscontainer .row {
    margin-top: 20px;
}

.resultscontainer h5 {
    font-size: 19px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
}

.resultscontainer a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.supportlinks h4 {
    font-size: 17px;
    line-height: 21px;
    font-weight: 400;
    color: #000;
    margin-top: 30px;
    margin-bottom: 10px;
}

.supportlinks li a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.paymentform .paymenttitle {
    font-weight: normal !important;
    color: #000 !important;
    margin: 0px 0px 24px;
    word-wrap: break-word !important;
    font-size: 19px !important;
    line-height: 24px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.paymentform .addtext {
    padding-top: 18px;
    padding-bottom: 10px;
}

.paymentform .addtext {
    font-weight: 300;
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 16px;
}

    .paymentform .addtext a {
        font-weight: 300;
        color: #000;
        margin: 0px;
        word-wrap: break-word;
        font-size: 16px;
        line-height: 16px;
    }

.paymentform .termstext {
    font-weight: 300;
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    font-size: 16px;
    line-height: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .paymentform .termstext a {
        color: #000;
    }

.paymentform .content-row {
    margin-top: 5px;
    margin-bottom: 5px;
}

.paymentform .forgotten-password {
    text-align: left;
    font-size: 16px;
    line-height: 18px;
    color: #000;
    margin-top: 20px;
}

    .paymentform .forgotten-password a {
        color: #000;
    }

.paymentmain {
    font-weight: 700;
    color: #242529;
    margin: 0px;
    word-wrap: break-word;
    text-transform: capitalize;
    font-size: 24px !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    padding: 10px 0px 5px;
}

.paymentmain-large {
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 55px;
    font-weight: 600;
    text-align: left;
    word-break: break-word;
    line-height: 55px;
    color: #000;
    margin-bottom: 15px;
    justify-content: left;
    letter-spacing: -2px;
}

.paymentmain-small {
    font-weight: 700;
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    padding-bottom: 10px;
    padding-top: 10px;
    text-transform: capitalize;
    font-size: 20px !important;
    line-height: 20px !important;
    letter-spacing: normal !important;
}

.paymentmain-instructions {
    color: #000;
    line-height: 18px;
    margin: 0;
    font-size: 16px;
    margin-bottom: 30px;
    margin-top: 20px;
}

.paymentsubmain {
    font-weight: 700;
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    font-size: 29px;
    line-height: 30px;
    letter-spacing: -0.6px;
    padding-bottom: 30px;
    padding-top: 25px;
}

.paymentform label {
    display: block;
    padding-top: 9px;
    padding-bottom: 4px;
    font-size: 18px;
    line-height: 22px;
    font-weight: 800;
    color: #333 !important;
}

.paymentforminput {
    border-radius: 8px 8px 8px 0;
    font-size: 16px;
    letter-spacing: -0.025em;
    text-indent: 10px;
    height: 50px;
    line-height: 45px;
    width: 100%;
    font-weight: 700;
    border: 2px solid #b0b0b0;
}

    .paymentforminput:hover {
        border: 2px solid #333;
    }

    .paymentforminput:focus {
        border: 2px solid #333;
    }

.paymentforminput-large {
    border-radius: 8px 8px 8px 0;
    font-size: 16px;
    letter-spacing: -0.025em;
    text-indent: 10px;
    line-height: 25px;
    width: 100%;
    height: 200px;
    background-color: white;
    border: 2px solid #b0b0b0;
}

    .paymentforminput-large:hover {
        border: 2px solid #000 !important;
    }

    .paymentforminput-large:focus {
        border: 2px solid #000 !important;
    }


.paymentformcheck {
    height: 31px;
    width: 34px;
    line-height: 31px;
    float: left;
    margin-right: 20px;
}

.paymentforminput .error {
    border-color: rgb(210, 15, 56) !important;
}

.gpay-card-info-container.black, .gpay-card-info-animation-container.black {
    width: 100%;
    height: 45px;
}

.paymentform .paymentbutton {
    text-align: center;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
    background: #ff5a5f;
    width: 100%;
    height: 45px;
    font-size: 19px;
    line-height: 35px;
    color: #FFF;
    margin-bottom: 30px;
    margin-top: 30px;
    border: 0;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
}

.contactbutton {
    text-align: center;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: 600;
    text-decoration: none;
    background: #ff5a5f;
    width: 288px;
    height: 50px;
    font-size: 16px;
    line-height: 40px;
    color: #FFF;
    margin-bottom: 30px;
    margin-top: 30px;
    border: 0;
    border-radius: 8px 8px 8px 0;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
}

    .contactbutton:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

.paymentform .paymentbutton:active {
    color: #FFF;
    background-color: #f93333;
}

.paymentform .paymentbutton:hover {
    color: #FFF;
    background-color: #f93333;
    box-shadow: 4px 4px black !important;
}

.paymentform .paymentbutton:disabled {
    background: #ff5a5f;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.paymentform .button-credit-card:disabled {
    background: #ff5a5f;
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}

.right-icon {
    position: absolute;
    padding: 5px;
    padding-right: 6px;
    right: 0;
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    font-size: 28px !important;
    color: #cacccd;
}

.panel {
    width: 80%;
    margin: 2em auto;
}

.bootstrap-basic {
    background: white;
}

.panel-body {
    width: 90%;
    margin: 2em auto;
}

.helper-text {
    color: #8A6D3B;
    font-size: 12px;
    margin-top: 5px;
    height: 12px;
    display: block;
}

.payment .title {
    line-height: 0.8;
    margin: 0 0 0;
    padding: .1em 0 20px;
    text-transform: uppercase;
    border: 0 none;
    color: #ffffff;
    font-size: 2rem;
    font-weight: normal;
    letter-spacing: 0.01em;
}

.payment .date {
    font-size: 18px !important;
    background: url("https://cdn.outsavvy.com/website/calender.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 25px 25px;
    padding-left: 30px;
    line-height: 25px !important;
}

.payment .deal {
    font-size: 18px;
    background: url("/img/ticket.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    background-size: 25px 13px;
    padding-left: 30px;
    line-height: 15px;
    margin-bottom: 20px;
}

.payment .amount {
    display: -moz-inline-stack;
    vertical-align: top;
    zoom: 1;
    display: inline-block;
    width: 100px;
    margin: 5px 0 0 0;
    padding: 5px 0 0 10px;
    background: url(/img/bg-left-amount.png) left center no-repeat;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

.payment input[type="submit"] {
    cursor: pointer;
    background: #ff5a5f;
    position: relative;
    width: 100%;
    height: 34px;
    float: right;
    color: #FFF;
    -webkit-appearance: none;
    margin-top: 20px;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .payment input[type="submit"]:active {
        color: #FFF;
        background-color: #f93333;
    }

.payment .payment-error {
    font-size: 18px;
    padding-top: 50px;
    margin-top: 40px;
    line-height: 20px;
}

.payment h2 {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 20px;
}

.payment .amount {
    display: -moz-inline-stack;
    vertical-align: top;
    zoom: 1;
    display: inline-block;
    width: 100px;
    margin: 5px 0 0 0;
    padding: 5px 0 0 10px;
    background: url(/img/bg-left-amount.png) left center no-repeat;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

    .payment .amount span {
        display: block;
        padding: 7px 12px 5px 0;
        margin-top: -5px;
        background: url(/img/bg-right-amount.png) right center no-repeat;
        color: black;
    }

.payment #payment-form {
    margin-top: 40px;
    background-color: white;
    border-top: 8px solid #ff5a5f;
}

.spinner {
    width: 128px;
    height: 15px;
    position: fixed;
    top: 60%;
    left: 47%;
    background: url(/img/ajax-loader-large.gif) no-repeat center #fff;
    text-align: center;
    padding: 10px;
    margin-left: -50px;
    margin-top: -50px;
    z-index: 2;
    overflow: auto;
}

div.fadeMe {
    opacity: 0.5;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 10;
    top: 0;
    left: 0;
    position: fixed;
}

#legal h1, #legal h2 {
    color: #000;
    font-weight: normal;
    margin: 0;
    font-size: 28px;
    padding-bottom: 20px;
    padding-top: 20px;
    font-weight: 800;
}

#legal p {
    color: #000;
    font-size: 16px;
    line-height: 1.5rem;
    margin: 0 0 1.5em;
    clear: both;
    font-weight: 300;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

#legal ul {
    list-style-type: disc;
    margin: 0 0 1.5em;
}

#legal ul, #legal ol {
    margin: 0 1.5em 1.5em 0;
    padding-left: 1.5em;
}

#legal li {
    margin-bottom: 10px;
    color: #000;
    font-size: 16px;
    line-height: 1.5rem;
    margin-left: 30px;
    font-weight: 300;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
}

    #legal li.indent {
        margin-left: 50px;
    }

    #legal li.main {
        margin-left: 0px;
        margin-top: 15px;
    }

#legal p.indent {
    margin-left: 80px;
}

#legal p.indent-more {
    margin-left: 100px;
}

#legal a {
    color: #e06544;
    text-decoration: none;
}

#legal h3 {
    border-bottom: 2px solid #414d57;
    color: #000;
    display: inline-block;
    font-size: 16px;
    padding: 20px 0;
    text-transform: uppercase;
    width: 100%;
    line-height: 1;
    margin-bottom: 1em;
}

#legal h4 {
    color: #000;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    margin-left: 15px;
}

#legal h5 {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin-left: 20px;
}

#legal h6 {
    color: #000;
    display: inline-block;
    font-size: 14px;
    margin-left: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#legal a {
    color: #000;
    font-weight: bold;
}

    #legal a:hover {
        color: #000;
    }

.creditcard {
    width: 100%;
    clear: both;
    padding-top: 10px;
    border-bottom: 3px solid #060606;
    display: inline-block;
    padding-bottom: 8px;
}

    .creditcard .creditcard-type {
        float: left;
        font-size: 18px;
        line-height: 38px;
        width: 20%;
        color: #000;
    }

    .creditcard .creditcard-number {
        float: left;
        font-size: 18px;
        line-height: 38px;
        width: 20%;
        color: #000;
    }

.column-container {
    display: block;
    overflow: auto;
    height: 85px;
    margin-bottom: 5px;
}

.column-left {
    float: left;
    width: 10%;
}

.column-right {
    float: right;
    width: 80%;
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
}

.column-center {
    display: inline-block;
    width: 10%;
}

#stepsForm div .column-left .checkbox {
    margin-top: 25px;
    margin-left: 20px;
}

.friends-body {
    padding-bottom: 40px;
    font-size: 0.9375rem;
    line-height: 1.4;
    clear: both;
    padding-top: 20px;
}

.text-area-invite {
    height: 104px !important;
    width: 445px !important;
}

.counter {
    height: 31px;
    line-height: 31px;
    background: none;
    border-style: none;
    color: white;
    clear: both;
    margin-bottom: 20px;
    width: 100%;
    margin-top: 5px;
}

.ticket-error {
    margin-top: 15px;
    font-size: 18px;
    line-height: 25px;
    text-align: right;
}

.ticket-error-left {
    margin-top: 15px;
    font-size: 18px;
    line-height: 25px;
    text-align: left;
}

.card-error {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 25px;
    color: #d12e36;
    text-align: left;
}

    .card-error p {
        font-size: 16px;
        line-height: 25px;
        color: #d12e36;
        text-align: left;
    }

.error-right {
    clear: both;
    float: right;
    width: 100%;
}

.register_top_area {
    margin-top: -3px;
    width: 100%;
    min-height: 160px;
    display: block;
    margin-bottom: 30px;
    text-align: center;
}

    .register_top_area h1 {
        font-weight: 600;
        color: #000;
        margin: 0;
        word-wrap: break-word;
        font-size: 33px;
        line-height: 38px;
        letter-spacing: -0.6px;
        padding-bottom: 30px;
    }

.register-terms {
    float: none !important;
    padding-top: 5px;
    font-size: 17px !important;
    line-height: 18px !important;
}

.register-link {
    color: #237a91;
    text-decoration: none;
    outline: 0 none;
}

.landing-header {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    height: 500px;
    justify-content: center;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.landing-small {
    height: 300px
}

.landing-medium {
    height: auto;
    min-height: 300px;
}

.landing-header-content {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    text-transform: capitalize;
}

.home-header__content--visible {
    opacity: 1;
    pointer-events: auto;
}

.larger-header {
    height: 4.875rem;
}

.landing-header h1 {
    margin: 80px 0 0;
    padding: 0 1.5rem;
    font-size: 36px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 52px;
    letter-spacing: -1px;
    font-weight: 700;
    text-align: center;
}

.landing-header h2 {
    font-size: 30px;
    line-height: 140%;
    text-shadow: none;
    font-family: 'Cabin', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: normal;
    text-transform: lowercase;
    color: white;
    margin-bottom: 45px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 30px;
    margin-top: 15px;
}

.landing-header h4 {
    padding: 0 1.5rem;
    text-align: center;
    max-width: 39.25rem;
    font-size: 20px;
    line-height: 20px;
}

.nearby-map {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 45em;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    transition: height .48s;
    width: 100%;
}

.firstHeading {
    color: #000;
    font-size: 16px !important;
    font-weight: 500;
    margin-bottom: 0px !important;
    text-transform: capitalize !important;
    margin-top: 0px !important;
    max-width: 250px;
    line-height: 19px;
}

.bodyContent p {
    color: black;
}

.bodyContent a {
    color: black;
}

.logout {
    margin: 0 auto;
    margin-bottom: 16px;
}

.g-recaptcha {
    padding-bottom: 15px;
    padding-top: 5px;
}

.label-error {
    color: red;
    font-size: 20px;
}

.nearby-mainimage {
    width: 100%;
    height: 429px;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.chamber-half--bottom {
    padding-bottom: 14px;
    padding-bottom: 0.875rem;
    padding-top: 15px;
}

    .chamber-half--bottom img {
        max-width: 100%;
    }

.app-list--neutral {
    list-style: none;
    padding-left: 0;
    margin: 0;
    padding: 0;
    margin-top: 20px;
    line-height: 16px;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    padding-top: 20px;
    display: inline-block;
}

    .app-list--neutral li {
        margin-bottom: 20px;
    }

.row-fluid {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

    .row-fluid [class*="span"] {
        min-height: 28px;
    }

    .row-fluid .span1 {
        width: 10%;
        margin-left: 5%;
    }

    .row-fluid .span2 {
        width: 14.893617021276595%;
    }

    .row-fluid .span3 {
        width: 20%;
        text-align: center;
    }

    .row-fluid .span10 {
        width: 80%;
    }

.innercontainer {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.sales-header-container {
    border: 5px solid #d91f00;
    display: block;
    line-height: 66px;
    height: 70px;
    width: 70px;
    text-align: center;
    border-radius: 50%;
}

.sales-header-steps {
    color: #d91f00;
    font-size: 2.5em;
}

.row-fluid [class*="span"] {
    min-height: 28px;
}

.row-fluid .span11 {
    width: 79%;
}

.inner-25-left {
    padding-left: 7px;
    padding-left: 0.4375rem;
}

.font-small {
    font-size: 14px;
    color: #000;
}

.ellipsis {
    width: 100%;
    height: 1.75em;
    font-size: 20px;
    line-height: 20px;
}

.font-regular {
    font-weight: 500 !important;
    font-size: 26px;
}

.app-basket-totals {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 225, 228);
    border-image: initial;
    border-radius: 8px 8px 8px 0;
}

.app-basket {
    width: 100%;
}

    .app-basket .app-basket-row {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .app-basket th {
        display: none;
    }

    .app-basket td {
        display: block;
    }

@media (min-width: 768px) {
    .app-basket td:before {
        display: none;
    }
}

.app-basket th, .app-basket td {
    text-align: left;
}

.app-basket th, .app-basket td {
    display: table-cell;
    padding: .25em .5em;
}

    .app-basket th:first-child, .app-basket .ticket-status {
        position: absolute;
        top: -14px;
        left: -10px;
        border-radius: 2px;
        -webkit-transform: rotate(2deg);
        -ms-transform: rotate(2deg);
        transform: rotate(-3deg);
    }

    .app-basket th:first-child, .app-basket .ticket-name {
        padding-left: 0;
        overflow-wrap: break-word;
        word-wrap: break-word;
        -ms-word-break: break-all;
        word-break: break-all;
        word-break: break-word;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        table-layout: fixed;
        float: left;
        line-height: 24px;
        font-size: 22px;
        font-weight: 700;
        margin-bottom: 5px;
        letter-spacing: -0.5px;
    }

    .app-basket th:first-child, .app-basket .ticket-name-holder {
        font-weight: 600;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

.app-basket .ticket-time-holder {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

    .app-basket .ticket-time-holder img {
        margin-right: 3px;
        width: 20px;
        color: #ff5a5f;
        font-size: 20px;
        float: left;
        text-align: center;
        height: auto;
    }

.strikethrough .ticket-time-holder img {
    filter: grayscale(80%);
}

.app-basket th:first-child, .app-basket .ticket-image {
    margin-right: 10px;
    margin-bottom: 4px;
}

    .app-basket th:first-child, .app-basket .ticket-image img {
        width: 120px;
        height: 100px;
    }

.addon-image {
    height: auto !important;
    width: 100% !important;
    margin: 0 auto;
    max-height: 800px;
    max-width: 800px;
    float: none !important;
    padding-right: 0px !important;
}

.portfolio-image {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

    .portfolio-image img {
        vertical-align: top;
        border-radius: 8px 8px 8px 0;
    }

.magnifying-glass-icon {
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    line-height: 1;
    opacity: 0;
}

.portfolio-image:hover .extra-overlay {
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(30, 10, 60, .6);
}

.magnifying-glass-icon path {
    fill: rgb(255, 255, 255) !important;
}


.portfolio-image:hover .magnifying-glass-icon {
    opacity: 1;
}

@media only screen and (max-width: 400px) {
    .portfolio-image {
        display: block;
    }
}

.waiting-list {
    background-color: #ff5a5f;
    color: white;
    padding: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px 6px 6px 0px;
    margin-right: 5px;
    line-height: 22px;
}

.ticket-status .waiting-list {
    line-height: 16px;
}

.app-basket th:last-child, .app-basket tr td:last-child {
    padding: 1.3em 1em 1.3em 0;
}

.app-basket tr {
    color: #000;
}

.subrow {
    margin-top: -30px !important;
    border-top: 0px !important;
    margin-bottom: 20px !important;
}

.strikethrough {
    opacity: 0.7;
}

.bottomborder {
    position: relative;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 225, 228);
    border-image: initial;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 8px 8px 8px 0;
}

.accordion__content .bottomborder {
    margin-top: 0px;
}

.bottomborder:hover, .bottomborder:focus {
    outline: 0px;
}

.subrow:hover, .subrow:focus {
    outline: 0px;
}

.app-basket .error {
    border: 2px solid #fb0713 !important;
}

.strikethrough .ticket-detail {
    color: #a3a1a1 !important;
}

.strikethrough .ticket-details span p {
    color: #a3a1a1 !important;
}


.original-ticket-price {
    color: #666A73;
    display: inline-block;
    margin-right: 5px;
    vertical-align: bottom;
    text-transform: uppercase;
    text-decoration: line-through;
    font-size: 17px;
    line-height: 17px;
}

.app-basket td .subticket div {
    padding-left: 25px !important;
    display: inline-block;
}

.app-basket .fees {
    font-size: 16px;
    line-height: 16px;
    color: #ff5a5f;
    margin-top: 5px;
}

.app-basket .strikethrough .fees {
    color: #a3a1a1 !important;
}

.mapboxgl-ctrl-geocoder mapboxgl-ctrl {
    min-width: none !important;
}

.mapboxgl-ctrl-geocoder--input {
    border: none !important;
    border-radius: 6px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    max-width: 100%;
}

    .mapboxgl-ctrl-geocoder--input:focus {
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
    }

.browse_location_app .mapboxgl-ctrl-geocoder--input:focus {
    outline: none !important;
    border: 2px solid rgb(29, 33, 41) !important;
}

.searchfilter .input-group-text:focus {
    border: 2px solid #000;
}

.searchfilter .input-group-text:hover {
    border: 2px solid #000;
}

.input-group-text:focus {
    outline: none !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: rgb(29, 33, 41) !important;
    border-image: initial !important;
}

.ticket-selection {
    background: rgb(242, 243, 245);
    display: inline-block;
    width: 100%;
    margin-top: 10px;
    background-image: url(https://cdn.outsavvy.com/website/page-bg-dark.png);
    border-bottom: 3px solid #1A1A1A;
    border-top: 3px solid #1A1A1A;
}

.other-events {
    border-top: 3px solid #1A1A1A;
}

.ticket-select-holder {
    max-width: 1200px;
    margin: 0 auto;
}

.app-basket th, .app-basket td:before {
}

.ticket-left {
    text-align: left !important;
    text-transform: lowercase;
}

.app-basket th {
    font-weight: 600;
}

.app-basket .ticket-detail {
    line-height: 17px;
    font-size: 18px;
    padding: 2%;
    color: #000;
    float: left;
    box-sizing: border-box;
}

.app-basket .ticket-detail-name {
    width: 60%;
}

.app-basket .ticket-detail-price {
    font-weight: 700;
    line-height: 26px;
    font-size: 26px;
    text-transform: uppercase;
    width: 22%;
    overflow-wrap: break-word;
}

.app-basket .original-ticket-fees {
    font-weight: 600;
    line-height: 22px;
    font-size: 17px;
    text-transform: none;
}

.app-basket .ticket-detail-price span {
    display: inline-flex;
}

.app-basket .ticket-detail-quantity {
    width: 18%;
}

.app-basket .ticket-detail-more {
    padding: 0;
    margin: 0;
}

.ticket-details {
    display: none;
}

    .ticket-details ul {
        margin-left: 20px;
        margin-top: 15px;
        margin-bottom: 15px;
    }

        .ticket-details ul li {
            color: #000;
            font-size: 17px;
            line-height: 20px;
            margin: 0;
            padding: 0;
            vertical-align: middle;
            background: url(https://cdn.outsavvy.com/website/next2.png) no-repeat 0PX 0PX;
            list-style-type: none;
            padding: 0 0 0 27px;
            vertical-align: middle;
            margin-bottom: 11px;
            background-size: 20px auto,cover;
            text-align: left !important;
        }

    .ticket-details ol {
        padding: 0px 15px 15px 15px;
        margin: 0px 0;
        padding: 0;
        list-style: decimal inside none;
    }

        .ticket-details ol li {
            font-size: 16px;
            line-height: 24px;
            margin: 0;
            padding: 0px 0px 0px 22px;
            color: #000;
        }

            .ticket-details ol li::before {
                padding: 0px 0px 0px 22px;
            }

    .ticket-details span p {
        padding: 10px 15px 10px 15px;
    }

.app-basket .moreDetails {
    margin-bottom: 15px;
    padding: 15px 0px 0px 15px;
    cursor: pointer;
    display: block;
    white-space: nowrap;
    font-weight: 700;
    margin-right: 40px;
    text-decoration: none;
    color: #817f7f;
    font-size: 15px;
}

    .app-basket .moreDetails:after {
        content: "";
        top: .0625rem;
        display: inline-block;
        width: .625rem;
        height: .625rem;
        background-image: url(https://cdn.outsavvy.com/website/dropdowninactivearrow.png);
        background-size: 10px;
        background-position: center;
        background-repeat: no-repeat;
        margin-left: .3rem;
    }

.app-basket .hideDetails:after {
    content: "";
    top: .0625rem;
    display: inline-block;
    width: .625rem;
    height: .625rem;
    background-image: url(https://cdn.outsavvy.com/website/dropdowninactivearrow.png);
    background-size: 10px;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: .3rem;
    transform: rotate(180deg);
}

.app-basket .hideDetails {
    margin-bottom: 15px;
    padding: 15px 0px 0px 15px;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 700;
    margin-right: 40px;
    text-decoration: none;
    color: #817f7f;
    font-size: 15px;
    display: none;
}

.app-basket .ticket-group {
    width: 100%;
    display: inline-block;
}

.app-basket .ticket-left th {
    line-height: 18px;
    font-size: 17px;
}

.app-basket .ticket-left th {
    padding: 0px !important;
}

.app-basket .ticket-detail i {
    line-height: 19px;
    font-size: 15px;
    font-style: normal;
    margin-right: 5px;
    display: block;
    font-weight: 500;
}

.app-basket .ticket-detail .ticket-time-holder i {
    color: rgba(255,90,95) !important;
    line-height: 20px;
    font-size: 16px;
    font-weight: 600;
}

.app-basket .ticket-detail .perseat {
    line-height: 15px;
    font-size: 15px;
    font-style: normal;
    display: block;
}

.app-basket .subticket .sub-margin {
    padding-left: 25px !important;
    display: inline-block;
}

.app-basket .subticket .ticket-name-holder {
    padding-left: 25px !important;
    display: inline-block;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

.app-basket__total {
    color: #242529;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600 !important;
}

.app-basket .ticket-dropdown-holder {
    float: right;
}

    .app-basket .ticket-dropdown-holder .ticket-dropdown-title-holder {
        display: table;
        max-width: 100%;
        width: 100%;
        border-collapse: separate;
    }

        .app-basket .ticket-dropdown-holder .ticket-dropdown-title-holder .ticket-dropdown-title {
            display: table-cell;
            width: 1.25rem;
            min-width: auto;
            background-color: #54B9E5;
            font-weight: 500;
            line-height: 1.3125rem;
            padding: .1875rem .9375rem 0;
            white-space: nowrap;
            border-right: none;
            border-top-left-radius: 0.5rem;
            font-size: 16px;
            color: white !important;
            cursor: default;
        }

.strikethrough .ticket-dropdown-holder .ticket-dropdown-title-holder .ticket-dropdown-title {
    opacity: 0.7;
}

.app-basket .droptickets {
    -webkit-appearance: none;
    cursor: pointer;
    resize: none;
    min-width: 5rem;
    max-height: 2.8rem;
    height: 2.8rem;
    font-weight: 600;
    line-height: 1.0625rem;
    text-indent: .000625rem;
    text-overflow: '';
    background-color: #fff;
    background-image: url(https://cdn.outsavvy.com/website/dropdownarrow.png);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: calc(100% - 11px) 16px;
    border: 2px solid #c9ccd1;
    padding: .5625rem 2.1875rem .5rem .9375rem;
    border-radius: 0.5rem;
    left: -2px;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    z-index: 2;
    font-size: 15px;
    border-left: 0;
}

    .app-basket .droptickets:active, .app-basket .droptickets:focus {
        z-index: 9;
        outline: 0;
        border: 2px solid #000;
        border-left: 0;
    }

    .app-basket .droptickets option {
        font-weight: 600;
    }

    .app-basket .droptickets:disabled {
        background-image: url(https://cdn.outsavvy.com/website/dropdowninactivearrow.png);
        cursor: default;
        border-top: 2px solid #e9eaea !important;
        color: #a3a1a1;
        border-left: 0;
        border-right: 2px solid #e9eaea !important;
        border-bottom: 2px solid #e9eaea !important;
    }

.userdetails-left {
    width: 60%;
    float: left;
    margin-top: 0px;
}

.userdetails-right {
    width: 35%;
    float: left;
    margin-left: 5%;
}

    .userdetails-right p {
        font-size: 16px;
        line-height: 18px;
    }

.divider-register {
    background: url("/img/divider.png") no-repeat scroll center rgba(0, 0, 0, 0);
    text-align: center !important;
    clear: both;
}

    .divider-register p, .divider-register em {
        font-size: 18px;
        font-weight: 300;
    }

#locationForm .confirm-right {
    float: right;
    width: 100%;
}

    #locationForm .confirm-right input {
        width: 100%;
        float: right;
    }

.mainphone {
    height: 50px;
    padding: 10px;
}

.mainwebsite {
    min-height: 50px;
    clear: both;
    padding: 10px;
}

.card-width {
    height: 50px;
}

.mainphone abbr {
    background: rgba(0, 0, 0, 0) url("/img/callsymbol.png") no-repeat scroll 0 4px;
    border: medium none;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 2.1em 2.1em 2.1em 2.1em;
    text-indent: 400%;
    white-space: nowrap;
    width: 30px;
    height: 30px;
}

.mainphone span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
}

    .mainphone span a {
        color: #000 !important;
    }

.mainwebsite span a {
    color: #000 !important;
}

.logo {
    float: left;
    width: 181px;
    height: auto;
}

    .logo:hover {
        transform: scale(1.05);
    }

.logomobile {
    display: none;
}

.post .logo {
    padding: 10px 10px 10px 0px;
    border-radius: 20px;
}

.mainwebsite abbr {
    background: rgba(0, 0, 0, 0) url("/img/websitesymbol.png") no-repeat scroll 0 4px;
    border: medium none;
    display: inline-block;
    float: left;
    overflow: hidden;
    padding: 2.1em 2.1em 2.1em 2.1em;
    text-indent: 400%;
    white-space: nowrap;
    width: 30px;
    height: 30px;
}

.mainwebsite span {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding-top: 10px;
    word-wrap: break-word;
}

.padding-bottom {
    padding-bottom: 0.8em;
}

.area-main-feature-nearby {
    width: 100%;
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    max-width: 1024px;
    max-height: 594px;
}

.flex-caption {
    width: 96%;
    padding: 2%;
    left: 0;
    bottom: 0;
    background: #ff4543 none repeat scroll 0 0;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 24px;
    line-height: 24px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.flex-width {
    max-width: 1000px;
    margin: 0 auto !important;
}

.field {
    display: flex;
    position: relative;
    flex-direction: row;
    box-shadow: 1px 1px 0 #ff5a5f, 2px 2px 0 #ff5a5f, 3px 3px 0 #ff5a5f, 4px 4px 0 #ff5a5f, 5px 5px 0 #ff5a5f, 6px 6px 0 #ff5a5f, 7px 7px 0 #ff5a5f;
}

    .field > input[type=text], .field > button {
        display: block;
        font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
    }

    .field > input[type=text] {
        flex: 1;
        padding: 0.6em;
        border: 0.2em solid #ff5a5f;
        border-radius: 0 !important;
    }

    .field > input[type=submit] {
        padding: 0.6em 0.8em;
        background-color: #ff5a5f;
        color: white;
        border: none;
        font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 20px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        -webkit-appearance: none;
        border-radius: 0 !important;
        -moz-border-radius: 0 !important;
        font-weight: 600;
    }

.cta {
    position: relative;
    display: inline-block;
}

    .cta hr {
        max-width: 200px;
        margin: 40px auto;
        border: none;
        height: 2px;
        background: #7f7878;
    }

    .cta .icon {
        padding-bottom: 24px;
        margin: 0 auto;
    }

    .cta h3 {
        text-transform: uppercase;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
    }

    .cta p {
        font-size: 18px;
        line-height: 28px;
        color: #929292;
        margin-top: 45px;
        margin-bottom: 50px;
    }

    .cta .downloadicons {
        padding: 0 0px;
    }

.text-center {
    text-align: center;
}

.cta .col {
    position: relative;
    min-height: 1px;
    padding-right: 6px;
    padding-left: 6px;
    width: 45%;
    left: 27.5%;
    padding-bottom: 20px;
}

.cta .col-icons {
    float: none;
}

    .cta .col-icons .col-icon {
        margin: 0 auto;
    }

.logosmall {
    top: 0;
    left: 0;
    right: 0;
    height: 0;
    text-align: center;
}

​ .logosmall > div {
    display: inline-block;
    text-align: left;
}

.logosmall > div img {
    margin: 0 auto;
    width: 150px;
}

.logosmall .float-right {
    float: right;
    margin-right: 20px;
}

.logosmall .float-left {
    float: left;
    margin-left: 20px;
}

.responsive-video {
    max-width: 100%;
    height: auto;
}

.paybutton {
    background: url(../img/applepay.png) no-repeat;
    cursor: pointer;
    border: none;
    width: 389px;
    height: 128px;
}

.mysavvybox h4 {
    font-size: 16px;
    text-align: center;
    width: 100%;
    clear: both;
    text-transform: none;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 200;
    line-height: 20px;
    color: #000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.mysavvybox h3 a {
    color: #000;
    text-transform: capitalize;
}

.mysavvybox h3 {
    font-size: 18px;
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
    text-transform: none;
    margin-top: 5px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: #242529;
}

.partners-content {
    font-size: 16px;
    line-height: 18px;
}

.right-search {
    background: #FFFFFF;
    display: block;
    padding: 7px 5px;
    position: relative;
}

    .right-search label {
        display: none;
    }

    .right-search .right-search__input {
        background: #FFFFFF;
        border: 0;
        display: block;
        font-size: 16px;
        font-size: 1.2rem;
        margin-right: 35px;
        margin-right: 3.5rem;
        padding: 7px 15px 6px;
        padding: .4rem 1.5rem .6rem;
        padding-left: 0;
        width: 100%;
        text-indent: 14px;
    }

.right-search__btn[type=submit] {
    background: transparent url(/img/home-search.png) no-repeat center center;
    border: 0;
    display: inline-block;
    cursor: pointer;
    height: 19px;
    height: 1.9rem;
    left: auto;
    line-height: 1;
    margin-top: -10px;
    margin-top: -1rem;
    right: 5px;
    right: 0.5rem;
    text-indent: -9999px;
    width: 19px;
    width: 1.9rem;
    padding: 0;
    position: absolute;
    top: 50%;
    text-decoration: none;
}

.signin-links {
    background: rgba(255,90,95,1);
    padding: 11px;
    text-align: center;
    text-transform: capitalize;
    color: #f1f1f1;
    font-size: 16px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 30px;
}

    .signin-links:hover a {
        color: #f1f1f1;
    }

.category-item {
    position: relative;
    padding-bottom: 5px;
    margin-top: 17px;
    color: #ffffff;
    font-size: 13px;
}

    .category-item img {
        width: 100%;
        height: auto;
        border-bottom: 4px solid;
        border-color: red;
        border-top-right-radius: 0.5em;
        border-top-left-radius: 0.5em;
    }

    .category-item h2, .category-item a {
        font-size: 21px;
        display: block;
        text-decoration: none;
        text-transform: lowercase;
        font-weight: 600;
        color: #fff;
        line-height: 20px;
    }

    .category-item h2 {
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }

    .category-item p {
        font-size: 15px;
        text-transform: none;
        line-height: 16px;
    }

.userdetails .hr-divider {
    margin-bottom: 30px;
}

.ticketshop .hr-divider {
    margin-bottom: 30px;
}

.hr-divider {
    border: 0;
    height: 1px;
    display: block;
    background: #d1d1d1;
    width: 80%;
}

.event-divider {
    border: 0;
    height: 2px;
    display: block;
    background: #ff5a5f;
    width: 100%;
    margin: 0;
}

.col-4 {
    width: 31.3333%;
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
    margin-bottom: 20px;
}

.col-4-mar {
    width: 31.3%;
    position: relative;
    min-height: 1px;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;
    min-height: 400px;
}

.search .col-4-mar {
    width: 31.3%;
    position: relative;
    min-height: 1px;
    margin-right: 1%;
    margin-left: 1%;
    float: left;
    margin-bottom: 30px;
    display: none;
    min-height: 320px;
}

.partner .col-4-mar {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
}

.col-search {
    width: 28%;
    position: relative;
    min-height: 1px;
    float: left;
    margin-bottom: 20px;
}

.related_articles .col-4 {
    width: 48%;
}

.home .col-4 {
    width: 31.3333%;
}

.hashtagpage .module-box {
    display: flex;
    flex-wrap: wrap;
}

.col-2 {
    width: 48%;
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
}

.col-md-3 {
    width: 23%;
    position: relative;
    min-height: 1px;
    padding-left: 1%;
    padding-right: 1%;
    float: left;
}

.filter {
    background-color: #272727;
    margin: 0px 0px 80px 0px;
    padding: 20px;
}

    .filter .row > div {
        float: none;
    }

.checklist li {
    clear: both;
    display: flex;
}

.filter button[type=submit] {
    float: right;
}

@media (max-width: 767px) {
    .filter button[type=submit] {
        float: none;
        margin: 30px 0px 0px 0px;
    }
}

.filter hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eeeeee;
}

.filter button[type=submit] {
    float: right;
}

.filter .search {
    padding: 0px;
    letter-spacing: -0.025em;
    font-size: 13px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 8px 8px 8px 0;
    -webkit-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.18);
    box-shadow: 4px 2px 5px rgba(0, 0, 0, 0.08) inset, 0 0 0 1px rgba(0, 0, 0, 0.18);
    width: 98%;
    height: 31px;
}

ul.navbar-nav {
    float: right;
}

.navbar-header {
    font-weight: 700;
}

.navbar-default {
    margin-bottom: 0;
    border-radius: 0;
    z-index: 100;
}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
        color: #fff;
        background: none;
    }

    .navbar-default .navbar-nav > li a {
        position: relative;
    }

    .navbar-default .navbar-nav > li .dropdown-menu a:before {
        display: none;
    }

.navbar-brand {
    position: relative;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > a:hover {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 43px;
    display: block;
    text-align: center;
    text-decoration: none;
    padding-right: 2px;
    font-weight: 700;
    text-transform: capitalize;
    color: #FFFFFF;
}

    .navbar-default .navbar-nav > li > a:hover {
        color: #e8e9ed;
    }

    .navbar-default .navbar-nav > li > a > i {
        font-size: 22px;
        line-height: 40px;
    }

.navbar-default {
    border: none;
}

.navbar-nav > li {
    margin: 0;
    position: relative;
}

    .navbar-nav > li:last-child {
        padding-right: 0px;
    }

    .navbar-nav > li > a {
        padding: 0;
        outline: none !important;
        overflow: hidden;
        padding-top: 50px;
        padding-bottom: 30px;
        padding-left: 8px;
        padding-right: 10px;
    }

.navbar-default .dropdown-menu > li > a {
    text-transform: uppercase;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 32px;
}

.navbar-default a.disabled {
    pointer-events: none;
    position: relative;
}

    .navbar-default a.disabled:after {
        position: absolute;
        left: 0;
        top: 0;
        widows: 100%;
        height: 100%;
        content: "";
        z-index: 999;
        background: #000;
    }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: #e62948;
}

.navbar-default .container {
    position: relative;
}

.nav-level-down {
    display: none;
}

.navbar-default .navbar-toggle {
    border: none;
    color: #555;
    font-size: 26px;
    height: 40px;
    line-height: 22px;
    top: 25px;
    display: none;
}

.dropdown a i {
    display: none;
}

.custom-controls-container {
    margin-left: 10px;
    margin-right: 10px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background: none;
}

.navbar-default ul.dropdown-menu {
    background: #161616;
    padding: 0;
    min-width: 20px;
    border-radius: 0;
}

.navbar-nav > li:hover ul.dropdown-menu {
    display: block;
}

.nav-search {
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 9999;
    background: transparent;
    overflow: hidden;
    width: 50px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
}

    .nav-search button {
        width: 51px;
        height: 60px;
        background: transparent;
        color: #fff;
        text-align: center;
        line-height: 56px;
        font-size: 30px;
        border: none;
        float: right;
        position: relative;
        z-index: 999;
        padding-bottom: 15px;
    }

        .nav-search button:focus {
            outline: 0;
        }

    .nav-search input {
        z-index: 99;
        position: absolute;
        top: 0;
        left: 50px;
        width: 600px;
        height: 100%;
        border: none;
        -webkit-transition: all .9s ease-in-out;
        -moz-transition: all .9s ease-in-out;
        -o-transition: all .9s ease-in-out;
        transition: all .9s ease-in-out;
        padding-left: 10px;
        font-size: 18px;
    }

    .nav-search:hover input {
        display: block;
    }

    .nav-search:hover {
        width: 588px;
    }

        .nav-search:hover button {
            color: #000;
        }

header .container {
    background: none !important;
}

.dropdown-menu {
    position: absolute;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

    .dropdown-menu.pull-right {
        right: 0;
        left: auto;
    }

    .dropdown-menu .divider {
        height: 1px;
        margin: 9px 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        color: #000;
        white-space: nowrap;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            text-decoration: none;
            color: #ffffff;
            background-color: #428bca;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #ffffff;
        text-decoration: none;
        outline: 0;
        background-color: #428bca;
    }

    .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
        color: #999999;
    }

        .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
            text-decoration: none;
            background-color: transparent;
            background-image: none;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
            cursor: not-allowed;
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.aboutusintro a {
    color: #5656f8;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #999999;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0 dotted;
    border-bottom: 4px solid #000000;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
}

@media (min-width:992px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }
}

.tooltip {
    margin-left: 5px;
    margin-right: 5px;
    color: #ff5a5f;
}

    .tooltip.in {
        opacity: 0.9;
        filter: alpha(opacity=90);
    }

.event-guide .nav {
    padding-left: 0;
    list-style: none;
    display: block;
    margin-bottom: 10px;
}

.event-guide h5 {
    margin: 0;
    max-width: 100%;
    font-size: 36px;
    line-height: 40px;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: capitalize;
    padding: 10px 0 10px;
    text-align: center;
    color: #000;
}

.event-guide .organiser-mobile .nav {
    margin-bottom: 20px;
}

.nav {
    padding-left: 0;
    list-style: none;
}

    .nav:before, .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav:before, .nav:after {
        content: " ";
        display: table;
    }

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
        margin-right: 12px;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 5px;
        }

.slick-nav > li > a {
    padding: 0px !important;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
}

.nav > li.disabled > a {
    color: #999999;
}

    .nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
        color: #999999;
        text-decoration: none;
        background-color: transparent;
        cursor: not-allowed;
    }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: #eeeeee;
    border-color: #428bca;
}

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.nav > li > a > img {
    max-width: none;
}



.navbar {
    position: relative;
    z-index: 1000;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
}

    .navbar:before, .navbar:after {
        content: " ";
        display: table;
    }

    .navbar:after {
        clear: both;
    }

    .navbar:before, .navbar:after {
        content: " ";
        display: table;
    }

    .navbar:after {
        clear: both;
    }

@media (min-width:992px) {
    .navbar {
        border-radius: 4px;
    }
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

.navbar-header:before, .navbar-header:after {
    content: " ";
    display: table;
}

.navbar-header:after {
    clear: both;
}

@media (min-width:992px) {
    .navbar-header {
        float: left;
    }
}

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
    }

        .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
        }

            .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

.navbar-nav > li {
    float: left;
}

.navbar-nav .lastli {
    width: 50px;
    margin-right: 30px;
    margin-left: 20px;
}

.buttonheader {
    color: #FFF !important;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
    -webkit-appearance: none;
    width: 145px;
    height: 18px;
    padding: 8px !important;
    margin-top: 15px !important;
    font-weight: 600 !important;
    border-radius: 3px;
    border: 2px solid rgb(255, 255, 255);
    line-height: 19px !important;
}

@media (min-width:992px) {
    .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 5px;
    }
}

@media (min-width:992px) {
    .navbar-left {
        float: left !important;
    }

    .navbar-right {
        float: right !important;
    }
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 11px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
    left: auto;
    right: 0;
    margin-right: 20px;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
}

.navbar-text {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (min-width:992px) {
    .navbar-text {
        margin-left: 15px;
        margin-right: 15px;
    }
}

.navbar-default {
    background-color: #f9f9f9;
    border-color: #e7e7e7;
}

    .navbar-default .navbar-brand {
        color: #777777;
    }

        .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

.navbar-nav > a:hover {
    color: #e8e9ed;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #e8e9ed;
}

.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #dddddd;
}

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color: #dddddd;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #cccccc;
    }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #e6e6e6;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #000;
    border-bottom-color: #000;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: #e7e7e7;
    color: #555555;
}

    .navbar-default .navbar-nav > .open > a .caret, .navbar-default .navbar-nav > .open > a:hover .caret, .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #555555;
        border-bottom-color: #555555;
    }

.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #777777;
    border-bottom-color: #777777;
}

@media (max-width:767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #000;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #cccccc;
        background-color: transparent;
    }
}

.navbar-default .navbar-link {
    color: #777777;
}

    .navbar-default .navbar-link:hover {
        color: #000;
    }

.no-padding {
    margin: 0;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

header#main-header {
    background: #010101;
}

#main-header > div > div.row > .col-md-3 {
    padding-left: 0;
}

.text-large {
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    padding-bottom: 12px;
    text-transform: capitalize;
    font-size: 20px !important;
    line-height: 22px !important;
    letter-spacing: -0.5px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    padding-top: 12px;
}

.title-row > :first-child {
    padding-left: 0;
    vertical-align: middle;
}

.title-row > * {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.title-box {
    background-color: #ff5a5f;
}

    .title-box.title--small {
        width: 50px;
        font-size: 29px;
        line-height: 30px;
        text-align: center;
    }

.title--color-brand-white {
    color: #fff;
}

.hr-underline {
    border-top: 3px solid #ff5a5f;
    margin-top: 0px;
    margin-bottom: 20px;
    width: 100%;
}

.block3 {
    width: 100%;
    display: inline-block;
    margin-top: 10px;
}

.login-form p {
    color: #000;
    display: block;
    font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    text-align: left;
    margin-bottom: 10px;
}

.login-form a {
    border-bottom: 1px solid;
}

.btn4 {
    display: inline-block;
    text-align: center;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    color: #FFF;
    background-color: #ff585e;
    width: 200px;
    border: 0;
    box-shadow: none;
    outline: none;
    float: right;
    margin-left: 20px;
    font-size: 17px;
    line-height: 19px;
    padding: 14px;
    font-weight: 700;
    -webkit-appearance: button;
    cursor: pointer;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

    .btn4:hover {
        color: #FFF !important;
        background-color: #cd0004;
        box-shadow: 4px 4px black !important;
    }

.addfriend {
    font-size: .9rem;
    line-height: 35px;
    font-family: 'Cabin', Helvitica, sans-serif, Arial;
    -webkit-appearance: none;
    width: 138px;
    height: 34px;
    background: #ff5a5f;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    border: 0;
    padding: 0;
    font-weight: 700;
    color: #FFF;
}

    .addfriend:hover {
        color: #FFF;
        background-color: #f93333;
    }

.numberCircle {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
    border: 2px solid #666;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 19px;
    margin-right: 13px;
    background-color: #666;
}

.profileheader {
    margin-top: 20px;
    margin: 0;
    color: #000;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 30px;
    text-transform: capitalize;
    margin-top: 20px;
    font-size: 25px;
    text-align: center;
}

    .profileheader a {
        color: #000;
    }

.profileintro {
    font-size: 16px;
    line-height: 16px;
    text-align: left;
}

.profiledate {
    margin-top: 5px;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: gray;
}

.profilemessage {
    margin-top: 5px;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #fff;
}

.profileitem {
    background-color: #272727;
    padding: 10px;
    margin-bottom: 15px;
    display: inline-block;
    height: 100%;
}

.dateitem {
    background-color: #ffffff;
    color: #000;
    display: flex;
}

.profileevent {
    font-size: 18px;
    line-height: 16px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 600;
}

    .profileevent a {
        color: #000;
    }

.profileeventlocation {
    font-size: 18px;
    line-height: 18px;
    text-align: left;
    margin-bottom: 20px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 500;
}

.profilefeeditem {
    margin-top: 10px;
}

.profileeventdate {
    text-align: center;
    margin-top: 10px;
}

    .profileeventdate .month {
        font-size: 16px;
        color: red;
        line-height: 22px;
    }

    .profileeventdate .day {
        font-weight: 700;
        clear: both;
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }

.eventheart {
    position: absolute;
    top: 5px;
    right: 5px;
}

    .eventheart img {
        width: 50px;
        height: 50px;
        cursor: pointer;
    }

    .eventheart img {
        background-image: url('/img/heart.png');
        background-size: 50px 50px;
    }

        .eventheart img:hover {
            background-image: url('/img/hearton.png');
            background-size: 50px 50px;
        }

#mobile_header {
    height: 400px;
    overflow: hidden;
}

    #mobile_header .offset-text {
        margin-top: 50px;
    }

    #mobile_header .bscontainer {
        position: relative;
    }

.feature-hero {
    position: relative;
}

    .feature-hero h2 {
        font-size: 35px;
        line-height: 1.2;
        margin-bottom: 18px;
        color: #000 !important;
        font-weight: 700;
        text-transform: lowercase;
        letter-spacing: -2px;
    }

.subheader-container {
    margin: -10px 10px 40px;
}

    .subheader-container h4 {
        font-size: 18px;
        font-weight: bold;
        color: #000;
        line-height: 20px;
        padding-bottom: 30px;
    }

.icon {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1.35;
    -webkit-font-smoothing: antialiased;
    display: block;
}

.icon-l {
    font-size: 23px;
}

.width-100 {
    width: 100%;
}

.padding-0 {
    padding: 0 !important;
    padding: 0 !important;
}

.text-center, #header-inner {
    text-align: center;
}

.bg-black {
    background-color: #000;
}

.bg-white {
    background-color: #FFF;
}

.events_showcase .event-feed {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #FFFFFF;
    margin-top: 10px;
    width: 98%;
    margin-left: 1%;
    margin-right: 1%;
}

.event-feed {
    position: relative;
}

.event-image {
    background-color: transparent;
    min-height: 1px;
    position: relative;
}

.hashtagpage .event-image {
    background-color: transparent;
}

.tags .event-image {
    background-color: transparent;
}

.search .event-image {
    background-color: transparent;
}

.event-list .event-image {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.app-partner .event-image {
    background-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.hashtagpage .event-image {
    background-color: transparent;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.layout-white .event-image {
    background-color: transparent;
}

.partner .event-image {
    background-color: transparent;
}

.mysavvy .event-image {
    background-color: transparent;
}

.mysavvy .jssocials-shares {
    text-align: left;
    margin: 0;
    margin-top: 12px;
}

.mysavvy .sharetitle {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.ticketshop .sharetitle {
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.mysavvy .ticket h2 {
    color: #000;
}

.mysavvy .text-center {
    color: #000;
}

.mysavvy h3 a {
    color: #000;
    text-transform: capitalize;
}

.mysavvy .content .intro {
    color: #000;
}

.mysavvy .row-check-title {
    color: #000;
    line-height: 19px;
    clear: none;
}

.layout-lightgrey .event-image {
    background-color: #ececec;
}

.layout-white .blog-home-cover {
    background-color: #FFF;
}

.mysavvy .blog-home-cover {
    background-color: #FFF;
}

.event-detail {
    display: table;
    width: 60%;
}

.event-feed .event-image img {
    width: 38%;
    margin-right: 2%;
    height: auto;
    float: left;
}

.event-borderweb-sponsored .event-feed.latest .event-image img {
    border-radius: 6px 6px 0px 0px;
}

.event-feed.latest .event-image img {
    width: 100%;
    height: auto;
    float: none;
    max-width: 100%;
    margin-left: 0px;
    margin-right: 0px;
    aspect-ratio: 16/9;
    border-radius: 8px 8px 0px 0px;
}

.col-4-mar:hover {
    transform: scale(1.03);
}

.organiser-mobile .event-feed.latest .event-image .artist {
    aspect-ratio: 1/1;
}

.organiser-mobile .event-feed.latest .event-image .organiser-logo {
    aspect-ratio: 66/47;
}

.event-feed.latest .event-image .artist {
    width: 100%;
    height: auto;
    float: none;
    max-width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 100% !important;
    margin-top: 5%;
    min-height: 130px;
    aspect-ratio: 1/1;
}

.h-events .event-feed:after {
    content: '';
    width: 1px;
    background: #1f1f1f;
    height: 86%;
    position: absolute;
    top: 7%;
    right: 0;
}

.event-feed .date {
    float: left;
    width: 50px;
    font-weight: 700;
}

    .event-feed .date .day {
        display: block;
        color: #ffffff;
        font-size: 30px;
        background: #ff5a5f;
        line-height: 52px;
        width: 100%;
        text-align: center;
    }

    .event-feed .date .month {
        font-size: 16px;
        color: #fff;
        float: none;
        width: auto;
        display: block;
        background: #212121;
        text-align: center;
        line-height: 25px;
    }

#selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}

    #selectable .ui-state-default {
        margin: 0px 2px 10px 0px;
        padding: 2px;
        float: left;
        width: 98%;
        height: auto;
        font-size: 1.8em;
        text-align: center;
        line-height: 1.5em;
        cursor: pointer;
        border: 0px;
        border: 1px solid rgba(200,200,200,.5);
        background-color: #ffffff;
        box-shadow: rgb(29 33 41 / 15%) 0px 2px 0px 0px;
        border-radius: 5px;
        min-height: 100px;
        display: flex;
    }

        #selectable .ui-state-default:hover {
            box-shadow: rgba(29, 33, 41, 0.15) 0px 2px 30px 0px;
            outline: 0px;
            -webkit-transform: scale(1.01);
            transform: scale(1.01);
        }

        #selectable .ui-state-default .date {
            font-size: 18px;
            line-height: 20px;
        }

        #selectable .ui-state-default .day {
            font-size: 16px;
            line-height: 20px;
            font-weight: 600;
        }

        #selectable .ui-state-default .date sup {
            font-size: 14px;
        }

        #selectable .ui-state-default .year {
            font-size: 14px;
            line-height: 20px;
        }

        #selectable .ui-state-default .price {
            font-size: 16px;
            line-height: 16px;
            margin-top: 7px;
            margin-bottom: 5px;
            font-weight: 700;
        }

        #selectable .ui-state-default .sold-out {
            font-size: 15px;
            line-height: 17px;
            font-weight: 700;
            color: #ff5a5f;
        }

    #selectable .ui-selected .sold-out {
        color: white !important;
    }

    #selectable .ui-selecting {
        background: #ff5a5f;
        color: white;
    }

    #selectable .ui-selected {
        background: #ff5a5f;
        color: white;
        border-bottom: 1px solid #ff5a5f;
        border-left: 1px solid #ff5a5f;
        border-right: 1px solid #ff5a5f;
        border-top: 1px solid #ff5a5f;
        outline: 0px;
        -webkit-transform: scale(1.01);
        transform: scale(1.01);
    }

.dateFlex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    flex: 1;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}

.ui-state-default {
    border: 1px solid #d3d3d3;
    background: #fef8f8;
    font-weight: normal;
    color: #555555;
}

.event-detail .fa {
    margin-right: 15px;
    width: 5px;
    color: #ff5a5f;
}

.event-feed h5 {
    color: #fff;
    font-size: 19px;
    line-height: 20px;
    margin: 0;
}

.event-feed p {
    color: #000;
    font-size: 16px;
    line-height: 18px;
}

.event-feed.latest .day {
    background: #ff5a5f;
    width: 70px;
    font-size: 35px;
    line-height: 62px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.event-feed.latest .month {
    background: #212121;
    width: 70px;
    display: block;
    font-size: 16px;
    line-height: 29px;
    color: #FFF;
    float: none;
}

.event-feed ul {
    margin-left: 70px;
}

.event-feed li {
    list-style: none;
    font-size: 14px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.event-feed.latest .date {
    text-align: center;
    font-weight: 700;
    margin-left: 5px;
}

.event-feed.latest h5 {
    margin-left: 0;
    color: #000;
    text-decoration: none;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 28px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 600;
    line-height: 30px;
    white-space: normal;
    letter-spacing: -1.3px;
    padding: 0;
    margin-bottom: 8px;
    word-wrap: break-word;
}

.event-feed.latest .eventname {
    margin-left: 0;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 28px;
    text-transform: capitalize;
    text-align: left;
    line-height: 30px;
    white-space: normal;
    margin-bottom: 10px;
    letter-spacing: -1.3px;
}

.event-guide .event-feed.latest h5 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.organiser-scroll .scrolling-wrapper .event-feed.latest h5 {
    font-size: 20px;
    line-height: 22px;
    text-align: center;
}

.scrolling-wrapper .event-feed.latest h5 {
    padding-bottom: 1px;
    font-size: 23px;
    line-height: 24px;
}

.event-guide-site .trending-artists .scrolling-wrapper .event-feed.latest h5 {
    font-size: 21px;
    line-height: 22px;
}

.event-guide-site .organiser-scroll .scrolling-wrapper .event-feed.latest h5 {
    font-size: 21px;
    line-height: 22px;
    word-wrap: break-word;
}

.event-guide-site .scrolling-wrapper .event-feed.latest h5 {
    font-size: 25px;
    line-height: 26px;
    margin-bottom: 5px;
    word-wrap: break-word;
}

.promoted-title {
    color: #544f4f;
    letter-spacing: 0px;
    margin-bottom: 15px;
    margin-top: 10px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 18px;
    line-height: 17px;
    text-align: center;
}

.promoted-link {
    margin-top: 10px;
    text-align: right;
    width: 100%;
}

    .promoted-link a {
        color: #544f4f;
        text-align: right;
        font-size: 16px;
        line-height: 16px;
        width: 100%;
    }

.event-feed.latest h5 a {
    margin-left: 0;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-bottom: 1px;
}

.event-list .col-4-mar {
    display: none;
}

.event-list .event-feed.latest h5 {
    padding-bottom: 1px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.app-partner .event-feed.latest h5 {
    font-size: 25px;
    line-height: 26px;
    padding-bottom: 4px;
    margin-left: 0;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    letter-spacing: -2px;
}

.hashtagpage .event-feed.latest h5 {
    font-size: 18px;
    line-height: 20px;
    padding-bottom: 3px;
}

.event-list .event-feed .entry-details {
    padding: 10px 10px 8px;
}

.app-partner .event-feed .entry-details {
    padding: 8px 10px 8px;
}

.hashtagpage .event-feed .entry-details {
    padding: 8px 10px 8px;
}

.event-feed.latest p {
    font-size: 14px;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
}

.event-feed.latest b {
    color: #e62948;
    float: left;
    padding-left: 15px;
    padding-right: 5px;
}

.event-feed.latest {
    border: none;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#eventscontent .event-border {
    height: 100%;
    margin-top: 0px;
    background-color: #FFF;
    border-radius: 8px;
}

.other-partner-app .event-border {
    border: 0;
}

.event-border {
    height: 100%;
    background-color: #FFF;
    margin-top: 0%;
    margin-bottom: 0%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 8px;
}

.event-feed.latest.event-image img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.events_list_search .event-image img {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.events_list_search .event-image:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.events_list_search .event-image .feature-price {
    position: absolute;
    right: 6px;
    font-size: 13px;
    padding: 2px;
    font-weight: bold;
    bottom: 6px;
    text-align: right;
    line-height: 12px;
    background: rgba(255,90,95,0.9);
    color: #FFFFFF;
    border-radius: 6px 6px 6px 0px;
}

.event-feed.latest .feature-price {
    position: absolute;
    right: -0.5rem;
    top: -13px;
    margin-top: 0;
    color: white;
    z-index: 1;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    font-size: 16px;
    background: rgba(255,90,95,0.9);
    padding: 10px;
    font-weight: bold;
    color: #FFFFFF;
    border-radius: 6px 6px 6px 0px;
}

.event-info h3 {
    font-size: 30px;
    color: #FFF;
    text-transform: uppercase;
}

.event-info p {
    font-size: 14px;
    line-height: 26px;
    color: #878787;
    margin-top: 20px;
    margin-bottom: 20px;
}

.buzz .events_showcase {
    margin-top: 0px !important;
}

.events_showcase {
    margin-top: 25px;
    width: 100%;
    overflow: auto;
}

.events_list_search {
    width: 100%;
}

    .events_list_search .event-feed {
        padding-bottom: 10px;
        background-color: #FFFFFF;
        margin-top: 10px;
        width: 100%;
        display: inline-block;
    }

    .events_list_search .event-feed-wrapper {
        display: none;
    }

    .events_list_search .event-feed p {
        font-size: 15px;
        line-height: 17px;
    }

    .events_list_search .event-feed img {
        float: left;
    }

    .events_list_search .event-image {
        background-color: white;
        width: 34%;
        float: left;
        margin-right: 2%;
    }

    .events_list_search .event-feed .event-detail {
        display: table;
        width: 64%;
    }

        .events_list_search .event-feed .event-detail div {
            font-size: 14px;
            margin-bottom: 1px;
            line-height: 14px;
            color: #000;
        }

    .events_list_search h5 {
        text-transform: capitalize;
        line-height: 18px;
        color: #fff;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        margin-bottom: 2px;
        font-size: 16px;
        padding-bottom: 0px;
        max-height: 4.4em;
        overflow: hidden;
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        font-weight: 500;
    }

        .events_list_search h5 a {
            color: #242529;
        }

.events_showcase .content {
    padding: 5px;
}

    .events_showcase .content p {
        font-size: 16px;
        line-height: 18px;
    }

.parallaxsmall .events_showcase {
    margin-top: 0px;
}

.events_showcase .container {
    background: #1f1f1f;
}

.event_calender {
    position: relative;
}

.event_calender {
    margin-left: auto;
    margin-right: auto;
}

    .event_calender .box {
        background-color: transparent;
        width: 100%;
        border-bottom: 0px;
        border-left: 0px;
        border-right: 0px;
        border-top: 0px;
        border-bottom: 1px solid #e3dfdf;
        border-left: 1px solid #e3dfdf;
        border-right: 1px solid #e3dfdf;
        border-top: 1px solid #e3dfdf;
    }

.faq .partner-faq {
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 50px;
    margin-top: 50px;
}

    .faq .partner-faq a {
        color: #237a91;
    }


.events_showcase h6 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #2c2c2c;
}

.events_showcase h5 {
    text-transform: capitalize;
    line-height: 22px;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 5px;
    font-size: 20px;
    padding-bottom: 5px;
    max-height: 4.4em;
    overflow: hidden;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 600;
}

    .events_showcase h5 a {
        color: #000;
    }

        .events_showcase h5 a:hover {
            color: #000;
        }

.events_showcase .dropdown-menu li a:hover {
    background: #282828;
    color: #fff;
}

.events_showcase a.btn {
    background: #e62948;
}

.events_showcase .btn-group, .events_showcase .btn-group button {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.events_showcase .btn-group {
    margin-bottom: 20px;
}

.btn-group button:hover, .btn-group button:focus, .btn-group button:active {
    color: #fff !important;
}

.events_showcase .btn-group .btn {
    background: #282828;
}

.btn-group button span {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 14px;
    color: #000;
}

.events_showcase h6 span {
    color: #e62948;
}

.events_showcase h3 {
    font-size: 22px;
    text-transform: lowercase;
    border-bottom: 1px solid #2c2c2c;
    padding-bottom: 10px;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 5px;
    margin: 10px;
}

    .events_showcase h3 span {
        color: #ff5a5f;
    }

.event_calender th {
    background: none;
    text-align: center;
    text-transform: uppercase;
    height: 20px;
    width: 60px;
    color: #4e4e4e;
    font-size: 18px;
    font-weight: 700;
}

.event_calender td {
    text-align: center;
    height: 60px;
    width: 60px;
    background: #282828;
    border-right: 3px solid #1f1f1f;
    font-size: 24px;
    color: #e62948;
}

.event_calender .other-month {
    color: #616161;
}

.event_calender td:last-child {
    border-right: none;
}

.event_calender tr {
    background: #1f1f1f;
    border-bottom: 3px solid #1f1f1f;
}

    .event_calender tr:last-child {
        border-bottom: none;
    }

.event-feed a.btn, .latest-post a.btn {
    background: #ff5a5f;
    color: #FFF;
    text-decoration: none;
    font-weight: 700;
    font-size: 14px;
    padding: 15px 15px;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    display: inline-block;
    -webkit-appearance: none;
    border-radius: 6px;
}

    .event-feed a.btn:hover {
        color: #FFF;
        background-color: #f93333;
    }

.event-feed .entry-details {
    padding: 15px 15px 15px;
    position: relative;
    min-height: 90px;
}

.event-guide .event-feed .entry-details {
    padding: 10px 6px 6px;
    min-height: 10px;
    border-radius: 8px 8px 8px 8px;
}

.event-guide .eventslist .event-feed .entry-details {
    padding: 15px 15px 15px;
}

.event-guide-site .event-feed .entry-details {
    padding: 10px 10px 10px 10px !important;
    min-height: 10px;
}

.slides .event-feed .entry-details {
    padding: 15px 15px 15px 15px !important;
    min-height: 10px;
}

.eventcategories .event-feed .entry-details {
    margin-bottom: 20px;
}

.entry-details div {
    font-size: 17px;
    margin-bottom: 4px;
    line-height: 17px;
    color: #000;
    white-space: normal;
    min-height: 17px;
}

.entry-details .event_date {
    color: rgba(255,90,95) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.organiser-mobile {
    background: #ffc2e3;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
    margin-left: 0px;
    margin-right: 0px;
}

    .organiser-mobile .layout-widget-mobile h4 {
        color: #ffffff;
    }

    .organiser-mobile .layout-widget-mobile .line-red-center {
        background-color: #ffffff;
    }

.event-guide-site .organiser-mobile .scroll-controls {
    margin-right: 15px;
}

.organiser-mobile .scrolling-wrapper .event-feed.latest h5 {
    margin-left: 0px;
    margin-right: 0px;
}

.organiser-mobile .scrolling-wrapper-events li {
    width: 200px;
}

.organiser-mobile .scrolling-wrapper-events {
    min-height: 170px;
}

.organiser-mobile .event-feed.latest h5 a {
    text-align: center;
    width: 100%;
    -webkit-line-clamp: 3;
    text-transform: capitalize;
}

.ticketshop #section {
    background-color: #f2f2f2;
    min-height: 0px;
    background-image: url("https://cdn.outsavvy.com/website/page-bg-dark.png");
}

#section {
    background-color: #f2f2f2;
    min-height: 600px;
    background-image: url("https://cdn.outsavvy.com/website/page-bg-dark.png");
}

.whitebackground {
    background-image: none !important;
}

.featured-section-mobile .entry-details div {
    font-size: 17px;
    line-height: 17px;
}

.featured-section-mobile .entry-details .time {
    padding-top: 2px;
    margin-bottom: 0px;
}

    .featured-section-mobile .entry-details .time .copy {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

.featured-section-mobile .entry-details div {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-bottom: 2px;
}

.entry-details .time {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 4px;
    color: rgba(255,90,95) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.entry-details .promoted {
    font-size: 15px;
    text-align: right;
    line-height: 15px;
    margin-bottom: 4px;
    color: #000;
    font-weight: 600;
}

.entry-details .tooltip-inner {
    font-size: 15px;
    line-height: 15px;
    color: #FFF;
    font-weight: 600;
    overflow: auto !important;
    display: inline-block !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: none !important;
}

.entry-details .promoted .promoted-info {
    float: right;
    margin-left: 4px;
}



.entry-details p {
    font-size: 14px;
    margin-bottom: 5px;
}

.entry-details .fa {
    width: 22px;
    color: #ff5a5f;
    text-align: center;
    font-size: 16px;
    float: left;
}

.search-icon {
    position: relative;
    width: 30px;
    height: 30px;
    float: none;
    display: inline-block;
    margin-top: 6px;
}

    .search-icon img {
        width: auto;
        max-height: 100%;
        margin-left: auto !important;
        margin-right: auto !important;
        display: block;
    }



.marker-icon {
    position: relative;
    width: 25px;
    height: 25px;
    float: none;
    display: inline-block;
}

.ticket-detail .marker-icon img {
    width: 15px;
    height: 15px;
    margin-left: 2px !important;
}

.col-4-mar .entry-details .marker-icon {
    float: left;
}

.col .entry-details .marker-icon {
    float: left;
}

.marker-icon img {
    width: auto;
    max-height: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}


.input-group-addon .marker-icon img {
    margin-top: 6px;
}

.home-icon {
    background: url(https://cdn.outsavvy.com/website/icon-home.png);
    background-repeat: no-repeat;
    background-size: 26px 26px;
    background-position: center;
    position: relative;
    width: 32px;
    height: 26px;
    float: left;
    margin-left: 20px;
    margin-top: 5px;
}

.event-guide-site .featured-section-mobile {
    padding-top: 20px;
    padding-bottom: 20px;
}

.tallheight {
    height: 110pc;
}

.featured-section-mobile {
    padding-top: 10px;
    padding-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.black-margin-mobile {
    border-bottom: 3px solid #1A1A1A;
    border-top: 3px solid #1A1A1A;
    margin-bottom: 30px;
}

    .black-margin-mobile .search-nav-item-container {
        background-color: transparent;
        height: 110px;
    }

    .black-margin-mobile .search-nav-title {
        font-size: 18px;
        line-height: 21px;
        padding-bottom: 2px;
        letter-spacing: -1.1px;
    }

    .black-margin-mobile .line-red-holder .line-red {
        margin-top: 5px;
    }

.layout-event-lists .search-nav-item-image-container {
    width: 160px;
    height: 91px;
}

.featured-section .row {
    display: flex;
    flex-wrap: wrap;
}

.sectionartist .featured-section .row {
    margin-top: 25px;
}

.search .row {
    display: flex;
    flex-wrap: wrap;
}

.event-list .row {
    display: flex;
    flex-wrap: wrap;
}

.partner .row {
    display: flex;
    flex-wrap: wrap;
}

.ticketshop .row {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.ticketshop .facebook-title {
    color: #000 !important;
    font-size: 35px;
    font-weight: 700;
    text-transform: lowercase;
    text-align: center;
    letter-spacing: -2px;
}

.ticketshop .area-production-list {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
}

.other-events-list .row {
    display: flex;
    flex-wrap: wrap;
}

.other-events-list .event-feed.latest h5 {
    padding-left: 10px;
}

.other-events-list .event-feed .entry-details {
    margin-left: 10px;
}

.other-events-list .event-image {
    background-color: white;
}

.other-events-list .col-4-mar {
    width: 24%;
}

.landingpage .module-box {
    display: flex;
    flex-wrap: wrap;
}

    .landingpage .module-box .col-4-mar {
        flex: auto;
    }

.layout-widget .row {
    display: flex;
    flex-wrap: wrap;
}

    .layout-widget .row .col-4 {
        flex: auto;
    }

.mysavvy .row {
    display: flex;
    flex-wrap: wrap;
}

.mysavvy .col {
    flex: auto;
}

.module-box {
    margin: 0 auto;
    clear: both;
}

.search .module-box {
    margin-top: 10px;
}

.event-list .module-box {
    margin-top: 25px;
}

.event-list h3 {
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    margin-top: 30px;
}

.event-list h4 {
    font-size: 30px;
    line-height: 31px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
    margin-left: 15px;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.search-title {
    font-size: 30px;
    line-height: 31px;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 10px;
    margin-left: 15px;
    color: #000;
    display: flex;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

    .search-title h5 {
        color: #615f5f;
        margin-top: 0;
        font-size: 25px;
        margin-left: 8px;
        margin-bottom: 0px;
        line-height: 26px;
        align-self: flex-end;
        padding: 0;
    }

.search-subtitle {
    font-size: 17px;
    line-height: 18px;
    text-align: left;
    margin-top: 0px;
    margin-bottom: 20px;
    margin-left: 15px;
    color: #5c5d5d;
}

.event-list .blob-title {
    font-size: 24px;
    line-height: 26px;
    text-align: left;
    color: white;
    position: absolute;
    top: 30%;
    left: 35%;
    transform: translate(-50%, -50%);
    text-transform: uppercase;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.filters .module-box {
    width: 88%;
}

.home .module-box .slides {
    width: 2200%;
    overflow: hidden;
}

.event-guide .slides .col-4-mar {
    width: 250px;
    margin-right: 15px;
}

.event-guide .slides {
    height: 260px;
}

.event-guide .category-carousel .slides {
    height: 190px;
}

.slides .col-4-mar {
    width: 350px;
    height: 100%;
    margin: 0;
    margin-bottom: 10px;
    min-height: 350px;
}

.slides .event-border {
    width: 98%;
    margin: 0 auto;
    background-color: #FFF;
    height: 96%;
    border: none;
}

.slides .event-border {
    display: none;
}

    .slides .event-border:hover {
        -webkit-box-shadow: 0 4px 15px 0 rgba(40,44,53,.06), 0 2px 2px 0 rgba(40,44,53,.08);
        box-shadow: 0 4px 15px 0 rgba(40,44,53,.06), 0 2px 2px 0 rgba(40,44,53,.08);
    }

.other-events .module-box .slides {
    width: 2200%;
    overflow: hidden;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    min-height: 320px;
}

    .other-events .module-box .slides li {
        float: left;
        margin-right: 18px;
        margin-top: 20px;
    }

.home .module-box .slides li {
    float: left;
    margin-right: 18px;
}

.other-events .module-box .slides li:last-child {
    margin-right: 15px;
    padding-right: 15px;
}

.event h2 {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding: 10px 0px 2px;
}

.line-red-holder {
    width: 100%;
    margin-bottom: 5px;
}

    .line-red-holder .line-red-title {
        font-size: 28px;
        line-height: 33px;
        position: relative;
        display: inline-block;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: -1.1px;
        margin-bottom: 10px;
        margin-top: 20px;
        color: #1A1A1A;
        width: auto;
    }

    .line-red-holder .line-red {
        font-size: 26px;
        line-height: 28px;
        position: relative;
        display: inline-block;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        letter-spacing: -1.1px;
        margin-bottom: 10px;
        margin-top: 20px;
        color: #1A1A1A;
        width: auto;
        word-break: break-word;
    }

.layout-widget-mobile .line-red-holder {
    margin-left: 25px;
    display: inline-grid;
    width: auto;
}

    .layout-widget-mobile .line-red-holder .line-red {
        margin-bottom: 4px;
        margin-top: 5px;
        font-size: 24px;
        line-height: 26px;
    }

.layout-widget-inner .line-red-holder .line-red {
    margin-bottom: 30px;
    margin-top: 30px;
}

.line-red-center {
    border: 0;
    height: 5px;
    background-color: #ff5a5f;
    width: 60px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 3px;
    transform: rotate(0.003turn);
    border-radius: 3px;
}

.line-white-center {
    border: 0;
    height: 5px;
    background-color: #ffffff;
    width: 60px;
    margin-left: 0px;
    margin-bottom: 10px;
    margin-top: 3px;
}

.ticket-header-title {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: capitalize;
    color: #000;
    padding: 10px 0px 2px;
    display: flex;
    align-items: center;
}

    .ticket-header-title .ticket-header-icon {
        margin-right: 4px;
    }

.ticket-header-icon {
    margin-right: 8px;
    flex-shrink: 0;
    width: 30px;
}

.date-header-title {
    font-size: 21px !important;
    line-height: 21px !important;
    font-weight: 800;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: uppercase;
    color: #000;
    padding: 0px 0px 0px;
    display: flex;
    align-items: center;
}

    .date-header-title #date-display-title {
        white-space: pre-line;
        line-height: 24px;
    }

    .date-header-title .date-header-icon {
        margin-right: 4px;
    }

.date-header-icon {
    margin-right: 8px;
    flex-shrink: 0;
    width: 25px;
}

.chosen-date-holder {
    display: inline-block;
    color: #FFF;
    border-radius: 8px;
    padding: 8px 8px 8px 0px;
    font-weight: 700;
    font-size: .875rem;
    line-height: 1.25rem;
}

    .chosen-date-holder .date-header-title {
        color: rgba(255,90,95);
    }

#calendarModal .date-display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ff5a5f;
    border-radius: 0px 8px 0px 8px;
    text-align: center;
    padding: 4px;
    font-weight: 600;
    font-size: .875rem;
    line-height: 1.25rem;
    margin-top: 10px;
    flex-direction: column;
}

#calendarModal #date-display-price {
    font-weight: 800;
    align-self: center;
    justify-content: start;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    text-align: center;
    color: #000;
    font-size: 18px;
    line-height: 19px;
    margin-top: 5px;
}

#calendarModal .date-display .date-header-title {
    color: #ff5a5f;
}

#calendarModal .date-display .date-display__icon {
    padding-right: 16px;
    margin-top: -2px;
}

#calendarModal .flatpickr-current-month span.cur-month {
    color: #ff5a5f;
    text-transform: uppercase;
    font-weight: 800;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

#calendarModal .flatpickr-current-month input.cur-year {
    font-weight: 600;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    color: #000;
}

#calendarModal .modal_actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    margin-top: 20px;
    width: 307.875px;
    margin: 0 auto;
}

    #calendarModal .modal_actions div {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

        #calendarModal .modal_actions div > .confirm-button {
            width: 100%;
        }

#calendarModal .confirm-button {
    padding: 0 29px;
}

#calendarModal .datepicker-close {
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    border: none;
    font-weight: 600;
    max-width: 100%;
    cursor: pointer;
    background: #FFF;
    color: #ff5a5f;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 40px;
    text-transform: capitalize;
    font-size: 19px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    border: 2px solid #ff5a5f;
    box-shadow: 3px 3px #ff5a5f;
    -webkit-box-shadow: 3px 3px #ff5a5f;
    border-radius: 8px 8px 8px 0;
}

    #calendarModal .datepicker-close:hover {
        box-shadow: 4px 4px #ff5a5f !important;
        color: #ff5a5f;
    }

#calendarModal .confirm-button {
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    border: none;
    font-weight: 600;
    max-width: 100%;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
    height: 40px;
    text-transform: capitalize;
    font-size: 19px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    line-height: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

    #calendarModal .confirm-button:hover {
        box-shadow: 4px 4px black !important;
    }

#time-picker-control button:hover {
    background: #ff5a5f;
    color: #FFF;
    box-shadow: 4px 4px black !important;
    border: 2px solid #ff5a5f;
}

#calendarModal .inactive {
    opacity: 0.5;
    cursor: not-allowed;
}

#calendarModal .active {
    opacity: 1;
    cursor: pointer;
}

.ticket-box-loader {
    margin-top: 5px;
}

.ticket-box h2 {
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    margin-left: 10px;
    padding: 10px 0px 5px;
}

.app-basket .ticketHeader {
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    line-height: 20px;
    max-width: 80%;
    margin: 0 auto;
    display: block;
    word-break: break-word;
    padding-top: 10px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.event .app-payment h2 {
    font-weight: 700;
    color: #000;
    margin: 0px;
    word-wrap: break-word;
    padding-bottom: 15px;
    text-transform: capitalize;
    font-size: 20px !important;
    line-height: 22px !important;
    letter-spacing: normal !important;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    padding-top: 10px;
}

.ticketshop h2 {
    font-size: 22px !important;
    line-height: 22px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: capitalize;
    padding: 10px 0px 5px
}

.featured-section .content-inner {
    margin-top: 20px;
}

.eventcategories .layout-widget {
    padding: 20px 0;
    position: relative;
}

.layout-widget {
    padding: 40px 0;
    position: relative;
}

.layout-light {
    background-color: #fffffa;
}

.layout-white {
    background-color: #ffffff;
}

.layout-pink {
    background-color: #f7f4f4;
}

.layout-grey {
    background-color: #FFB6C1;
}

.layout-black {
    background-color: #000;
}

.layout-grey .layout-title {
    color: #ffffff;
}

.layout-dark {
    background-color: #47433f;
}

    .layout-dark .layout-title {
        color: #FFF !important;
    }

.layout-green {
    background-color: #6edb3a;
}

.layout-lightgrey {
    background-color: #f2f2f2;
}

    .layout-lightgrey .layout-copy {
        color: #131313;
    }

    .layout-lightgrey h2 {
        color: #000;
    }

    .layout-lightgrey p {
        color: #776e6e;
    }

.layout-red {
    background-color: #da594c;
    padding: 40px 0;
}

.layout-widget-inner {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    padding-left: 1%;
    padding-right: 1%;
    z-index: 1;
}

.background-categories {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 30%, rgba(251,239,236,1) 30%, rgba(251,239,236,1) 82%, rgba(255,255,255,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 30%,rgba(251,239,236,1) 30%,rgba(251,239,236,1) 82%,rgba(255,255,255,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 30%,rgba(251,239,236,1) 30%,rgba(251,239,236,1) 82%,rgba(255,255,255,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.background-app {
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 20%, rgba(240,248,255,1) 20%, rgba(240,248,255,1) 20%, rgba(240,248,255,1) 20%, rgba(240,248,255,1) 80%, rgba(255,255,255,1) 80%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 80%,rgba(255,255,255,1) 80%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 20%,rgba(240,248,255,1) 80%,rgba(255,255,255,1) 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.layout-widget-inner .mid-banner-header {
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 30px;
    line-height: 35px;
    margin-top: 21%;
    text-align: center;
}

.layout-widget-inner .mid-banner-subheader {
    color: #000;
    font-size: 20px;
    line-height: 22px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.layout-widget-inner .mid-banner-app-logo {
    margin: 0 auto;
    margin-bottom: 30px;
    max-width: 90%;
}

.layout-widget-inner .intro-phone {
    width: 60%;
    margin: 0 auto;
}

.layout-widget-mobile {
    margin: 0 auto;
    position: relative;
}

    .layout-widget-mobile h4 {
        text-align: left;
        width: 100%;
        color: #000;
    }

    .layout-widget-mobile .viewmore {
        font-weight: 400;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        color: #000;
        font-size: 16px;
        line-height: 16px;
        padding-left: 0px;
    }

        .layout-widget-mobile .viewmore:hover {
            color: #A7C7E7;
        }

.other-partner-app h4 {
    color: #FFF;
}

.other-partner-app .line-red-center {
    background-color: #FFF;
}

.event-guide-site .layout-widget-mobile .layout-title-small {
    font-size: 28px;
    line-height: 29px;
    padding: 0px 0px 0px;
}

.event-guide-site .guide-promoted {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 20px;
}

.layout-widget-mobile .layout-title-small {
    margin: 0;
    max-width: 100%;
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    text-transform: capitalize;
    padding: 10px 0px 5px;
}

.event-guide-site .layout-widget-mobile .layout-title-holder {
    margin-left: 25px;
}

.layout-widget-mobile .layout-title-holder {
    margin-left: 10px;
    display: inline-grid;
}

.layout-widget-mobile .recent-search-holder {
    margin-left: 10px;
    display: inline-grid;
    width: 90%;
    margin-top: 5px;
}

.layout-widget-inner .layout-link {
    color: #000;
    float: right;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    -webkit-font-smoothing: subpixel-antialiased;
    font-size: 16px;
    line-height: 20px;
    margin-right: 2%;
}

    .layout-widget-inner .layout-link a {
        -ms-user-select: none;
        user-select: none;
        tap-highlight-color: transparent;
        border: none;
        font-weight: 500;
        max-width: 100%;
        cursor: pointer;
        background: #ff5a5f;
        color: #FFF;
        text-align: center;
        display: block;
        width: 100%;
        position: relative;
        height: 40px;
        text-transform: none;
        font-size: 16px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        line-height: 40px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        padding-left: 5px;
        padding-right: 5px;
    }

.layout-widget .widget-title {
    margin-bottom: 0;
}

.no-hash-events {
    text-align: center;
    width: 100%;
    clear: both;
    margin-bottom: 100px;
    text-transform: none;
    margin-top: 0px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-weight: 500;
    margin-top: 50px;
    font-size: 24px;
    line-height: 24px;
    color: #242529;
}

#block_search .input-group-text {
    width: 100% !important;
    border: 2px solid rgb(201, 204, 209) !important;
    height: 48px !important;
    background-color: white;
}

.input-group-addon {
    padding-left: 12px;
    font-size: 16px;
    font-weight: 500;
    line-height: 49px;
    color: #ffffff;
    text-align: center;
    background-color: #ff5a5f;
    display: inline-block;
    margin-right: 0px;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    height: 45px;
    padding-right: 12px;
}

.input-group-text {
    padding: 0 13px;
    letter-spacing: -0.025em;
    font-size: 16px;
    height: 50px !important;
    flex: 2;
    border-radius: 0px;
    font-weight: 500;
    border: 2px solid rgb(201, 204, 209);
}

.searchfilter .input-group-text {
    border-radius: 8px 8px 8px 0;
    background-color: white;
    padding-left: 10px;
    letter-spacing: -0.025em;
    text-indent: 44px;
    font-weight: 700;
    border: 2px solid #b0b0b0;
}

    .searchfilter .input-group-text:focus {
        background-color: white;
    }

.input-group-dropdown {
    margin: 0px;
    border-width: 0px !important;
    height: 50px !important;
    flex: 2;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 0 13px;
    font-weight: 500;
    font-size: 15px;
    width: 100%;
    background-color: white;
}

    .input-group-dropdown option:first-child {
        color: #757575;
    }

#block_search .col {
    display: flex;
}

.payWithBox {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

    .payWithBox .payWithTitle {
        color: #222222 !important;
        font-weight: 600 !important;
    }

    .payWithBox .payWithCards {
        -webkit-flex: 1 !important;
        -ms-flex: 1 1 0% !important;
        flex: 1 !important;
        text-align: right !important;
    }

        .payWithBox .payWithCards .payWithCard {
            margin-right: 6px !important;
            -webkit-tap-highlight-color: transparent !important;
        }

            .payWithBox .payWithCards .payWithCard img {
                text-align: right !important;
                display: inline-block;
            }

.searchbutton {
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    -webkit-appearance: none;
    font-weight: 700;
    text-decoration: none;
    background: #ff5a5f;
    width: 338px;
    height: 45px !important;
    font-size: 18px;
    line-height: 45px;
    color: #FFF !important;
    border-radius: 8px 8px 8px 0;
}

    .searchbutton:hover {
        color: #FFF;
        background-color: #f93333;
    }

.arrow-down-white {
    background-image: url(https://cdn.outsavvy.com/website/arrow-white-down.png);
    display: inline-block;
    margin-left: 3px;
    width: 16px;
    height: 10px;
}

.ck-button-container {
    display: inline-block;
}

.ck-button-large .ck-button {
    margin: 5px;
}

.ck-button {
    float: left;
}

    .ck-button label {
        float: left;
    }

        .ck-button label span {
            border: 2px solid #ff5a5f;
            color: #000;
            float: left;
            background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
            display: block;
            font-size: 15px !important;
            list-style-type: none;
            margin: 0 7px 5px 0;
            padding: 13px 16px;
            width: auto;
            font-weight: 800;
            background-color: white;
            border-radius: 8px 8px 8px 0;
            cursor: pointer;
        }

.popupfilter .ck-button label span {
    padding: 8px 10px;
}

.ck-button label span:hover {
    background-color: rgb(255 90 95 / 60%);
    border: 2px solid rgb(255 90 95 / 60%);
    color: #fff;
}

.popupfilter .ck-button label span {
    border-style: solid;
    border-color: #e6e2e2;
    border-width: 1px;
}

.popupfilter h4 {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
}

.popupfilter h5 {
    font-size: 16px;
    line-height: 20px;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    margin-right: 10px;
    min-width: 40px;
}

.popupfilter .input-group-text {
    max-width: 90%;
}

.popupfilter .calendar-holder {
    margin-block: 5px;
}

.popupfilter::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.popupfilter {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    padding: 10px !important;
    width: 85% !important;
}

.progress-container {
    width: 10px;
    background: #ccc;
    position: fixed;
    right: 0%;
    top: 0%;
}

/* The progress bar (scroll indicator) */
.progress-bar {
    width: 10px;
    background: #ff5a5f;
    height: 5%;
}

.ck-button label input {
    display: none;
}

.ck-button input:checked + span {
    background-color: #ff5a5f;
    color: #fff;
}



.event-footer {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 40px;
    margin-top: auto;
    padding: 10px 0;
    position: relative;
    text-align: left;
}

    .event-footer .button {
    }

.event-sharing-wrap {
    left: 15px;
    position: absolute;
    list-style: none;
    margin: 0;
}

.event-sharing-wrap {
    left: 0;
    margin-left: 0px !important;
}

.mec-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.event-sharing-wrap > li {
    background-color: #ff5a5f;
    cursor: pointer;
}

    .event-sharing-wrap > li:hover {
        background-color: #f93333;
    }

.event-sharing-wrap li {
    text-align: center;
    /* border: 0; */
    display: block;
    margin-right: 2px;
    overflow: hidden;
    margin: 0 auto 6px;
    width: 38px;
}

    .event-sharing-wrap li a {
        border: none;
        color: #767676;
    }

.event-sharing-wrap i {
    font-size: 20px;
    color: #fff;
}

.event-sharing-wrap li i {
    width: 36px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}


.event-sharing-wrap li {
    color: #767676;
}

.event-sharing-wrap {
    left: 15px;
    list-style: outside none none;
    margin: 0;
    position: absolute;
}

    .event-sharing-wrap .event-sharing {
        background: #ff5a5f none repeat scroll 0 0;
        border-radius: 5px;
        box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06);
        left: -6px;
        margin: 6px 0 0;
        opacity: 0;
        padding: 8px 0 2px;
        position: absolute;
        top: 40px;
        transition: all 0.18s ease 0s;
        visibility: hidden;
        width: 50px;
        z-index: 99;
    }

        .event-sharing-wrap .event-sharing::after, .event-sharing-wrap .event-sharing::before {
            border-style: solid;
            border-width: 10px;
            content: "";
            display: block;
            height: 0;
            left: 50%;
            margin-left: -10px;
            position: absolute;
            top: -10px;
            width: 0;
        }

        .event-sharing-wrap .event-sharing::before {
            border-color: transparent transparent #e2e2e2;
            top: -19px;
        }

        .event-sharing-wrap .event-sharing::after {
            border-color: transparent transparent #fff;
            top: -18px;
        }

    .event-sharing-wrap:hover .event-sharing {
        opacity: 1;
        visibility: visible;
    }


.sell_block {
    display: inline-grid;
    margin: 0;
    width: 100%;
    padding: 77px 0 77px;
}

    .sell_block h2 {
        display: block;
        padding: 10px 0px 5px;
        text-align: left;
        color: #000;
        text-transform: capitalize;
        letter-spacing: 0px;
        font-size: 34px;
        line-height: 36px;
        font-weight: 700;
    }

    .sell_block img {
        margin: 0 auto;
    }

    .sell_block p {
        display: inline-block;
        margin: 0;
        padding: 0 0 15px 0;
        font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 19px;
        color: #000;
        font-weight: normal;
        line-height: 25px;
        text-align: left;
    }

    .sell_block .step_container_text p {
        color: #000 !important;
    }

    .sell_block a {
        display: inline-block;
        text-align: center;
        font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 19px;
        color: rgb(255, 255, 255);
        font-weight: 900;
        line-height: 20px;
        width: 200px;
        margin: 38px 0px 0px;
        padding: 12px 0px;
        background: rgb(255, 90, 95);
        border-radius: 5px;
    }



    .sell_block a {
        display: inline-block;
        text-align: center;
        font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 19px;
        color: rgb(255, 255, 255);
        font-weight: 900;
        line-height: 20px;
        width: 200px;
        margin: 38px 0px 0px;
        padding: 12px 0px;
        background: rgb(255, 90, 95);
        border-radius: 5px;
    }

        .sell_block a span {
            cursor: pointer;
            display: inline-block;
            position: relative;
            transition: 0.5s;
        }

            .sell_block a span:after {
                content: '\00bb';
                position: absolute;
                opacity: 0;
                top: 0;
                right: -20px;
                transition: 0.5s;
                color: rgb(255, 255, 255);
            }

        .sell_block a:hover {
            color: rgb(255, 255, 255);
        }

            .sell_block a:hover span {
                padding-right: 25px;
            }

                .sell_block a:hover span:after {
                    opacity: 1;
                    right: 0;
                }


.mb120 {
    margin-bottom: 50px;
}

.cross-bottom-left {
    height: 152px;
    background-color: #ffffff;
}

.cross-bottom-left-blue {
    background-color: #54B9E5 !important;
}

.cross-bottom-left {
    clip-path: polygon(0 0, 0% 100%, 100% 0);
}


.mr32 {
    margin-right: 32px;
}

.button.b-arrow {
    padding-right: 40px;
    padding-left: 0;
    border-color: transparent;
    background-color: transparent;
    background-image: url(https://cdn.outsavvy.com/website/arrow-right-black.png);
    background-position: 92% 50%;
    background-size: auto;
    background-repeat: no-repeat;
    color: #101623;
}

    .button.b-arrow:hover {
        color: #101623;
    }



.sell_block ul, .sell_block ol {
    margin: 0 1.5em 1.5em 0;
}

.sell_block ul {
    list-style-type: disc;
    margin: 0 0 1.5em;
    list-style-position: inside;
}

.sell_block li {
    margin-bottom: 6px;
    margin-left: 0px;
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    color: #000;
    font-weight: normal;
    line-height: 25px;
    text-align: left;
}

.sell_block .sell-button {
    display: inline-block;
    margin: 15px 0 0;
    padding: 12px 0;
    text-align: center;
    font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 16px;
    color: #FFF;
    font-weight: 700;
    line-height: 20px;
    background: #ff5a5f;
    width: 200px;
    border-radius: 8px 8px 8px 0;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.sell_block .center {
    width: 100%;
    text-align: center;
}

.quote1 {
    display: block;
    margin: 0 0 24px 0;
    padding: 20px 9px;
    background-color: #f5f5f5;
    position: relative;
    border-radius: 5px;
}

    .quote1 p {
        display: block;
        margin: 0;
        padding: 0 0 6px;
        font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 17px;
        color: #86878b;
        font-style: italic;
        font-weight: normal;
        line-height: 17px;
    }

    .quote1 em {
        background: url(/img/quotearrow.png) no-repeat left top;
        position: absolute;
        left: 27px;
        bottom: -13px;
        width: 21px;
        height: 15px;
    }

.quoteblock {
    display: block;
    margin: 0;
    padding: 0;
}

    .quoteblock img {
        border-radius: 5px;
        margin-bottom: 20px;
    }

.quoteblock_right {
    display: inline-block;
    margin: 0 0 0 16px;
    padding: 0;
    float: left;
}

    .quoteblock_right h4 {
        display: block;
        margin: 0;
        padding: 15px 0 4px 0;
        font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 20px;
        color: #000;
        font-weight: normal;
        line-height: 20px;
    }

    .quoteblock_right span {
        display: block;
        margin: 0;
        padding: 0 0 46px 0;
        font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 14px;
        color: #86878b;
        font-weight: normal;
        line-height: 20px;
    }

.infopop {
    display: block;
    font-size: 20px !important;
    color: #ff5a5f;
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 300px;
    padding: 3px 8px;
    color: #fff;
    text-decoration: none;
    background-color: #ff5a5f;
    border-radius: 4px;
    text-align: center;
    white-space: pre-line;
    text-transform: capitalize;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    letter-spacing: normal;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -10px;
    border-width: 5px 5px 0;
    border-top-color: #ff5a5f;
}

.tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ff5a5f;
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #ff5a5f;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #ff5a5f;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #ff5a5f;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ff5a5f;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ff5a5f;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #ff5a5f;
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    visibility: hidden;
}

    .fade.in {
        opacity: 1;
        visibility: visible;
    }

.notification {
    padding: 10px 10px 10px 50px;
    word-wrap: break-word;
}

    .notification .notification-link {
        float: none;
        display: inline-block;
        text-align: unset;
        font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 17px;
        color: #5656f8;
        font-weight: 900;
        line-height: 20px;
        width: auto;
        margin: 0;
        padding: 0;
        background: none;
        border-radius: 8px 8px 8px 0;
    }

    .notification a {
        float: right;
        color: #000;
    }

.notification-alert {
    border-color: #00ab44;
    color: #00ab44;
}

.notification-waiting {
    border-color: #00ab44;
    color: #00ab44;
}

.notification-resell {
    border-color: #ed147f;
    color: #ed147f;
}

    .notification-warning {
        border-color: #ff5a5f;
        color: #ff5a5f;
    }

.notification {
    position: relative;
    background: #fff;
    border-style: solid;
    line-height: 20px;
    font-size: 17px;
    margin-top: 35px;
    margin-bottom: 35px;
    border-radius: 6px;
}

.notification-alert:before {
    color: #ffffff;
}

.notification-waiting:before {
    color: #ffffff;
}

.notification-resell:before {
    color: #ffffff;
}

.notification-alert:after {
    background: #00ab44;
    background-image: url(https://cdn.outsavvy.com/website/icon-tick-white.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.notification-waiting:after {
    background: #00ab44;
    background-image: url(https://cdn.outsavvy.com/website/icon-waitinglist.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.notification-resell:after {
    background: #ed147f;
    background-image: url(https://cdn.outsavvy.com/website/icon-resell.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.notification-warning:before {
    color: #ffffff;
}

.notification-warning:after {
    background: #ff5a5f;
    background-image: url(https://cdn.outsavvy.com/website/icon-exclamation.png);
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
}

.notification-resell a {
    color: #e09017;
    float: none;
    font-weight: 600;
}

.notification:after {
    content: '';
    height: 103%;
    left: -1px;
    position: absolute;
    top: -1px;
    width: 40px;
    border-radius: 6px 0px 0px 6px;
}

.green-tick svg {
    width: 32px;
    height: auto;
    float: right;
    margin-top: 5px;
}

.parent-error {
    display: grid;
    place-items: center center;
    /*place-items is a shorthand for align-items and justify-items*/
    height: 400px;
}

.child-error h2 {
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: lowercase;
    line-height: 25px;
    letter-spacing: -1px;
    font-weight: 700;
    text-align: center;
    color: #000;
    font-size: 29px;
    margin-top: 24px;
}

.child-error h3 {
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-transform: lowercase;
    line-height: 35px;
    letter-spacing: -1px;
    font-weight: 700;
    text-align: center;
    color: #000;
    font-size: 21px;
    margin-top: 10px;
}

.back-button {
    float: right;
    width: 100%;
}

.input-currency {
    position: relative;
    width: 100%;
}

#venuedonation .input-currency {
    width: 45%;
    margin: 0 auto;
}

.input-currency input {
    text-align: right;
}

.input-currency-symbol {
    position: absolute;
    left: 10px;
    top: 50%;
    font-size: 16px;
    line-height: 1;
    margin-top: -8px;
    font-weight: 600;
    color: #000;
}

.donationinput {
    border: 2px solid rgb(201, 204, 209) !important;
    border-radius: 8px 8px 8px 0;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -0.025em;
    height: 39px;
    line-height: 40px;
    width: 95%;
    padding-right: 5%;
    background-color: white;
}

    .donationinput:focus {
        border-width: 1px;
        border-style: solid;
        border-color: rgb(29, 33, 41) !important;
        border-image: initial;
        background-color: white;
    }

.event_section_title {
    font-size: 1.5rem;
    margin: 1rem 0;
    text-align: left;
    color: #000;
    font-weight: 700;
    line-height: 1.1;
    -webkit-font-smoothing: subpixel-antialiased;
}

.showmoredatesdetails {
    margin: 0px 2px 8px 0px;
    padding: 10px 0px 10px 0px;
    height: auto;
    font-size: 1.5em;
    text-align: center;
    line-height: 1.5em;
    cursor: pointer;
    border: 0px;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-radius: 12px 12px 12px 0;
    font-weight: bold;
    color: #000;
    min-height: 45px;
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
}

    .showmoredatesdetails svg {
        padding-top: 10px;
        display: inline-block;
        margin: 0 auto;
    }

    .showmoredatesdetails span {
        padding-top: 8px;
        display: inline-block;
        white-space: pre-line;
    }

.main-banner-apps .app-image {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

.main-banner-apps {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0px;
    top: 40%;
    padding: 5px;
    width: 100%;
}

    .main-banner-apps .home-search-text {
        margin: 0 auto;
        text-align: center;
        font-size: 70px;
        letter-spacing: -1px;
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        transform: scale(1, 1.5);
        -webkit-transform: scale(1, 1.5);
        -moz-transform: scale(1, 1.5);
        -ms-transform: scale(1, 1.5);
        -o-transform: scale(1, 1.5);
        font-weight: 100;
        line-height: 70px;
        padding-bottom: 3%;
    }

        .main-banner-apps .home-search-text span {
            font-size: 95px;
            font-weight: 700;
            letter-spacing: 1px;
        }

    .main-banner-apps .home-search-box {
        max-width: 500px;
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        margin: 0 auto;
    }

        .main-banner-apps .home-search-box .home-apps img {
            width: 100%;
            height: auto;
        }

        .main-banner-apps .home-search-box .home-search-box-text {
            float: left;
            width: 85%;
            display: flex;
        }

        .main-banner-apps .home-search-box .home-search-box-button {
            float: left;
            width: 15%;
            display: flex;
            max-width: 65px;
        }

            .main-banner-apps .home-search-box .home-search-box-button input {
                text-align: center;
                display: block;
                cursor: pointer;
                margin: 0 auto;
                -webkit-appearance: none;
                font-weight: 700;
                text-decoration: none;
                height: auto;
                font-size: 18px;
                line-height: 35px;
                color: #FFF !important;
                width: 100%;
                border: none;
                background: url(https://cdn.outsavvy.com/website/search-small.jpg) no-repeat;
                background-size: 100% 100%;
                border-radius: 8px 8px 8px 0;
                opacity: 0.8;
            }

            .main-banner-apps .home-search-box .home-search-box-button span {
                width: 18px;
                height: 26px;
                display: inline-block;
                vertical-align: middle;
                position: relative;
                transform: rotate(45deg);
                transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
            }

            .main-banner-apps .home-search-box .home-search-box-button span {
                transform: rotate(-45deg);
                position: absolute;
                margin-top: 12px;
                margin-left: 21px;
            }

                .main-banner-apps .home-search-box .home-search-box-button span::before, .container .apps .home-search-box .home-search-box-button span::after {
                    position: absolute;
                    content: '';
                }

                .main-banner-apps .home-search-box .home-search-box-button span::before {
                    width: 4px;
                    height: 11px;
                    left: 9px;
                    top: 18px;
                    border-radius: 2px;
                    background: #FFFFFF;
                }

                .main-banner-apps .home-search-box .home-search-box-button span::after {
                    width: 14px;
                    height: 14px;
                    left: 0px;
                    top: 0px;
                    border-radius: 16px;
                    border: 4px solid #FFFFFF;
                }

        .main-banner-apps .home-search-box .actions .home-link {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            background-color: #f05537;
            border-radius: 100px;
            padding: 12px 16px 12px 18px;
            color: #fff;
        }

            .main-banner-apps .home-search-box .actions .home-link .home-link-text {
                font-size: 16px !important;
                line-height: 1.25rem !important;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: .03rem;
            }

            .main-banner-apps .home-search-box .actions .home-link .vector-image {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding-left: 8px;
                fill: #fff;
            }

                .main-banner-apps .home-search-box .actions .home-link .vector-image svg {
                    width: 16px;
                    height: 16px;
                }

.search-section {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding-top: 15%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 5%;
}

.scroll-controls-home {
    position: absolute;
    top: 400px;
    left: 5%;
    display: inline-flex;
    z-index: 100;
}

    .scroll-controls-home .flex-control-paging li a {
        width: 17px;
        height: 17px;
    }

    .scroll-controls-home .flex-control-nav li {
        margin: 6px 10px 0px 10px;
    }

.search-section .container {
    margin-left: 0%;
}

.search-section h1 {
    font-size: 39px;
    line-height: 47px;
    text-align: left;
}

.search-section h3 {
    font-size: 42px;
    line-height: 42px;
    text-align: left;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.search-section a:hover {
    color: #000;
}

.search-section h3:hover {
    color: #000;
}

.search-section h4 {
    font-size: 28px;
    line-height: 40px;
    text-align: left;
    margin: 0;
    margin-top: 3px;
}

.search-section h1 span {
    font-size: 40px;
    line-height: 45px;
}

.search-section .filters {
    padding-top: 120px;
    margin: auto;
    display: table;
    width: 100%;
}

.scroll-controls {
    display: flex;
    float: right;
    margin-bottom: 2px;
}

    .scroll-controls a {
        padding-left: 10px;
        opacity: 1;
        -webkit-transition: opacity .3s ease-in-out;
        transition: opacity .3s ease-in-out;
        color: #6F7881;
    }

    .scroll-controls img {
        display: inline-block;
    }

    .scroll-controls .flex-disabled {
        opacity: .3;
        cursor: default;
        pointer-events: none;
    }

.home-carousel-categories .last-item {
    width: 180px;
    height: 180px;
}

.last-item {
    background: 0 0;
    box-shadow: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    margin: 10px !important;
    width: 260px;
    height: 300px;
    white-space: initial;
    vertical-align: top;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    -webkit-transition: box-shadow .2s;
    transition: box-shadow .2s;
}

.search-section #stepsForm {
    margin-top: 50px;
}

.last-item h4 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 auto 14px;
    color: #000;
    line-height: 26px;
}

.last-item p {
    margin: auto auto 30px;
    font-size: 16px;
    font-weight: 500;
    color: #78848F;
    width: 180px;
}

.home-carousel .slides {
    height: 310px;
}

.category-box {
    margin-left: 15%;
    margin-right: 15%;
}

    .category-box:hover .details .icon-box {
        -webkit-transform: scale(1.07);
        transform: scale(1.07);
    }

.icon-box {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    width: 65px;
    height: 45px;
    margin-top: 46px;
    margin-bottom: 12px;
    font-size: 40px;
    text-align: center;
    display: inline-block;
}

.category-box-box {
    display: inline-block;
    width: 23%;
    height: 160px;
    color: #fff;
    margin: 1%;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    margin-bottom: 20px;
}

.category-box-mobile {
    display: inline-block;
    width: 180px;
    height: 100px;
    color: #fff;
    margin: 1%;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background-size: 100% 100%;
    background-position: center;
    overflow: hidden;
    border-radius: 5px;
}

.category-box-mobile-main {
    display: inline-block;
    width: 180px;
    height: 100px;
}

.mid-banner-apps {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.category-box-home {
    display: inline-block;
    width: 24%;
    height: auto;
    color: #fff;
    margin: 0.5%;
    text-align: center;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden;
    margin-bottom: 20px;
    border-radius: 40px;
}

    .category-box-home:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

    .category-box-home:hover .details {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }


.ember-view {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
}

.mobilemap {
    padding-bottom: 15px;
    background-color: white;
    position: relative;
}

.details {
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #fff;
    width: 100%;
    height: 100%;
    display: table;
}

.details-last {
    background: none;
    width: 100%;
    height: 100%;
    margin: auto;
    color: #000;
}

.details:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.details-last .name {
    font-size: 22px;
    font-weight: 700;
    margin-top: 45px;
    display: inline-block;
    padding-bottom: 23px;
    line-height: 22px;
}

    .details-last .name a {
        color: #000;
    }

.category-box-mobile-main .details .name {
    font-size: 19px;
}

.details .name {
    font-size: 21px;
    font-weight: 700;
    display: inline-block;
    background-color: rgba(72, 72, 72, .1);
    padding: 5px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

    .details .name:hover {
        transform: none;
    }


.reveal-modal h3 {
    font-size: 20px;
    padding: 0px;
    margin: 5px 0px 10px 0px;
    color: #000;
    font-weight: 700;
    text-align: center;
    text-transform: capitalize;
}

.reveal-modal p {
    font-size: 17px;
    clear: both;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #000;
    line-height: 18px;
}

.reveal-modal ul {
    width: 100%;
}

.reveal-modal li {
    margin-bottom: 10PX;
    margin-top: 10px;
    font-size: 19px;
    line-height: 40px;
    color: #000;
}

#myCalendarModal li {
    height: 40px;
}

.sa-icon {
    width: 80px;
    height: 80px;
    border: 4px solid gray;
    -webkit-border-radius: 40px;
    border-radius: 40px;
    border-radius: 50%;
    margin: 20px auto;
    padding: 0;
    position: relative;
    box-sizing: content-box;
}

    .sa-icon.sa-warning {
        border-color: #F8BB86;
    }

        .sa-icon.sa-warning .sa-body {
            position: absolute;
            width: 5px;
            height: 47px;
            left: 50%;
            top: 10px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            margin-left: -2px;
            background-color: #F8BB86;
        }

        .sa-icon.sa-warning .sa-dot {
            position: absolute;
            width: 7px;
            height: 7px;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            margin-left: -3px;
            left: 50%;
            bottom: 10px;
            background-color: #F8BB86;
        }

    .sa-icon.sa-error {
        border-color: #F27474;
    }

        .sa-icon.sa-error .sa-x-mark {
            position: relative;
            display: block;
        }

        .sa-icon.sa-error .sa-line {
            position: absolute;
            height: 5px;
            width: 47px;
            background-color: #F27474;
            display: block;
            top: 37px;
            border-radius: 2px;
        }

            .sa-icon.sa-error .sa-line.sa-left {
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
                left: 17px;
            }

            .sa-icon.sa-error .sa-line.sa-right {
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
                right: 16px;
            }


    .sa-icon.sa-success {
        border-color: #A5DC86;
    }



        .sa-icon.sa-success .sa-placeholder {
            width: 80px;
            height: 80px;
            border: 4px solid rgba(165, 220, 134, 0.2);
            -webkit-border-radius: 40px;
            border-radius: 40px;
            border-radius: 50%;
            box-sizing: content-box;
            position: absolute;
            left: -4px;
            top: -4px;
            z-index: 2;
        }

        .sa-icon.sa-success .sa-fix {
            width: 5px;
            height: 90px;
            background-color: white;
            position: absolute;
            left: 28px;
            top: 8px;
            z-index: 1;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

        .sa-icon.sa-success .sa-line {
            height: 5px;
            background-color: #A5DC86;
            display: block;
            border-radius: 2px;
            position: absolute;
            z-index: 2;
        }

            .sa-icon.sa-success .sa-line.sa-tip {
                width: 25px;
                left: 14px;
                top: 46px;
                -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
            }

            .sa-icon.sa-success .sa-line.sa-long {
                width: 47px;
                right: 8px;
                top: 38px;
                -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }

.ticketResellList li {
    font-size: 16px;
    margin: 10px 0 10px 0;
    padding: 0;
    line-height: 26px;
    height: auto;
    color: #000;
    display: flex;
    align-items: center;
}

.reveal-modal img {
    height: 100%;
    width: auto;
    float: left;
    padding-right: 10px;
}

.reveal-modal a {
    color: #000;
}

.home-app {
    margin-top: 60px;
    margin-bottom: 60px;
    display: inline-block;
    width: 100%;
}

    .home-app h3 {
        color: #000;
        font-size: 26px !important;
        line-height: 33px !important;
        margin-top: 17% !important;
        text-transform: none;
    }

    .home-app h4 {
        color: #000;
        font-size: 22px;
        line-height: 25px;
        margin-top: 5px;
    }

    .home-app .apps {
        text-align: left;
        margin-top: 15px;
    }

        .home-app .apps .app-image {
            display: inline-block;
            margin-left: auto;
            margin-right: auto;
        }


.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.8); /* Black with a little bit see-through */
}

/* The content */
.overlay-content {
    position: relative;
    top: 46%;
    width: 80%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
}

/* Close button */
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 45px;
    cursor: pointer;
    color: white;
}

    .overlay .closebtn:hover {
        color: #ccc;
    }

/* Style the search field */
.overlay input[type=text] {
    padding: 15px;
    font-size: 17px;
    border: none;
    float: left;
    width: 80%;
    background-color: white;
    font: 17px/1em 'Cabin', Helvitica, Arial, Verdana, sans-serif;
    font-weight: 600;
}

    .overlay input[type=text]:hover {
        background: #f1f1f1;
    }

/* Style the submit button */
.overlay button {
    float: left;
    width: 15%;
    padding: 9px;
    font-size: 30px;
    border: none;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFFFFF;
    height: 100%;
}

    .overlay button:hover {
        background-color: #f93333;
    }

.sell-tickets {
    margin-top: 20px;
}

    .sell-tickets h4 {
        font-size: 3em;
        line-height: 37px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 20px;
        color: #000;
        width: 100%;
    }

    .sell-tickets h5 {
        font-size: 21px;
        line-height: 25px;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 20px;
        color: #000;
        width: 100%;
        font-weight: 200;
    }

    .sell-tickets .sell-buttons {
        text-align: center;
        display: inline-block;
        cursor: pointer;
        margin: 0 auto;
        -webkit-appearance: none;
        font-weight: 700;
        text-decoration: none;
        background: #ff5a5f;
        width: 280px;
        height: 45px;
        font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
        font-size: 19px;
        line-height: 38px;
        color: #FFF !important;
        margin-top: 10px;
        margin-left: 10px;
        max-width: 100%;
        box-shadow: 3px 3px black;
        border: 2px solid black;
        border-radius: 8px 8px 8px 0;
    }

        .sell-tickets .sell-buttons:hover {
            color: #FFF;
            background-color: #f93333;
            box-shadow: 4px 4px black !important;
        }

.filter-buttons .sell-buttons {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    -webkit-appearance: none;
    font-weight: 700;
    text-decoration: none;
    background: #ff5a5f;
    width: 100%;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    color: #FFF !important;
    margin-top: 10px;
    border-radius: 8px 8px 8px 0;
    max-width: 100%;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
}

    .filter-buttons .sell-buttons:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

event-image-holder .event-image-holder-image {
    padding-bottom: 49%;
    height: 0;
    position: relative;
}

event-image-holder-new .event-image-holder-image {
    padding-bottom: 57%;
    height: 0;
    position: relative;
}

.event-header-mobile {
    display: none;
}

    .event-header-mobile .area-main-feature {
        aspect-ratio: 1 / 1;
    }

.event-header-website .area-main-feature {
    aspect-ratio: 16 / 9;
}



.event-image-holder-image-large {
    padding-bottom: 100%;
    height: 0;
    position: relative;
}

.area-main-feature-large {
    overflow: hidden;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    height: auto;
    max-height: none;
    max-width: 1200px;
    width: 100%;
}

.mobile .area-main-feature-large {
    z-index: 50;
}

.event-image-holder .bottom-gradient {
    position: absolute;
    width: 100%;
    height: 10%;
    bottom: 0;
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,0.11782212885154064) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.11782212885154064) 0%, rgba(0,0,0,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,0.11782212885154064) 0%, rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}

.scrolling-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

.event-guide-site .scrolling-wrapper-events li {
    width: 300px;
    margin-top: 20px;
    margin-bottom: 5px;
}

.event-guide-mobile .scrolling-wrapper-events li {
    width: 240px;
}

.event-guide-mobile .trending-artists .scrolling-wrapper-events li {
    width: 200px;
}

.event-guide-mobile .organiser-scroll .scrolling-wrapper-events li {
    width: 200px;
}

.event-guide-site .organiser-mobile .scrolling-wrapper-events li {
    width: 150px;
}

.event-guide-site .organiser-mobile .trending-artists .scrolling-wrapper-events li {
    width: 150px;
}

.nonscrolling-wrapper {
    margin-left: 25px;
    margin-right: 25px;
}

.scrolling-wrapper-events li {
    display: inline-block;
    float: none;
    width: 240px;
    margin-right: 15px;
}

.scrolling-wrapper-category li {
    width: 180px;
    display: inline-block;
    float: none;
    margin-right: 5px;
}

.event-guide-site .scrolling-wrapper li:first-child {
    padding-left: 25px;
}

.scrolling-wrapper li:first-child {
    padding-left: 10px;
}

.scrolling-wrapper-events {
    min-height: 210px;
}

.scrolling-wrapper-category {
    min-height: 100px;
}

.scrolling-wrapper.flex {
    display: flex;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
}

.mobile .scrolling-wrapper.flex li {
    height: 97%;
    margin-top: 23px;
    margin-bottom: 20px;
}

.mobile .guide-filters .scrolling-wrapper.flex li {
    margin-bottom: 0px;
    margin-top: 5px;
}

.scrolling-wrapper.flex li {
    flex: 0 0 auto;
    height: 100%;
    margin-bottom: 20px;
}

    .scrolling-wrapper.flex li .col {
        height: 93%;
        display: flex;
        flex-direction: column;
    }

        .scrolling-wrapper.flex li .col:hover {
            transform: scale(1.03);
        }

.scrolling-wrapper::-webkit-scrollbar {
    display: none;
}

.containerpayment .payment-header {
    border-bottom: none;
}

.sectionevent .payment-header {
    border-bottom: none;
}

.paymentplan .payment-header {
    border-bottom: none;
}

.transfertickets .payment-header {
    border-bottom: none;
}

.payment-header {
    background: #ff5a5f;
    box-sizing: border-box;
    font-size: 19px;
    line-height: 20px;
    text-transform: capitalize;
    color: #fff;
    font-weight: 900;
    padding: 12px 20px;
    border-bottom: 3px solid #1A1A1A;
    border-radius: 10px 10px 0px 0px;
}

#card-container {
    margin-top: 10px;
    max-width: 450px;
}

#card-container2 {
    margin-top: 10px;
    max-width: 450px;
}

.payment-types {
    padding-left: 0;
    margin-bottom: 10px;
    width: 100%;
    border-spacing: 0px;
    -moz-box-shadow: 0 16px 64px -16px rgba(46,55,77,.2);
    -webkit-box-shadow: 0 16px 64px -16px rgba(46,55,77,.2);
    box-shadow: 0 16px 64px -16px rgba(46,55,77,.2);
}

    .payment-types label i {
        font-size: 16px;
    }

    .payment-types td {
        cursor: pointer;
        padding: 2px 0px 0px 0px;
    }

    .payment-types input {
        display: none;
    }

    .payment-types label {
        line-height: 28px;
        cursor: pointer;
        padding-top: 9px;
        padding-bottom: 9px;
        padding-left: 9px;
        padding-right: 9px;
        background-color: white;
        font-weight: 200;
    }

        .payment-types label:hover {
            background-color: #f9c2c4;
            color: white !important;
        }

    .payment-types input[type="radio"]:checked + label {
        background-color: #ff5a5f;
        color: white !important;
    }

        .payment-types input[type="radio"]:checked + label .glyphicon .payment-tick {
            display: block !important;
        }

        .payment-types input[type="radio"]:checked + label .glyphicon .payment-tick-off {
            display: none !important;
        }

    .payment-types input[type="radio"]:not(:checked) + label .glyphicon .payment-tick-off {
        display: block !important;
    }

    .payment-types input[type="radio"]:not(:checked) + label .glyphicon .payment-tick {
        display: none !important;
    }

.payment-tick-off {
    float: right;
    width: 25px;
    height: 25px;
}

.payment-types .payment-type-card {
    float: left;
    padding-right: 20px;
    width: 30px;
    height: auto;
}

.payment-tick {
    float: right;
    width: 25px;
    height: auto;
}

.list-group {
    padding-left: 0;
    margin-bottom: 20px;
}

.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}

a.list-group-item .list-group-item-heading {
    color: #000;
    float: left;
    line-height: 28px;
}

.list-group-block {
    width: 100%;
    display: inline-block;
}

.float-right {
    float: right;
}

.checkmark {
    display: inline-block;
    width: 30px;
    height: 30px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_stem {
    position: absolute;
    width: 6px;
    height: 18px;
    background-color: #59eb0c;
    left: 11px;
    top: 6px;
}

.checkmark_kick {
    position: absolute;
    width: 6px;
    height: 8px;
    background-color: #59eb0c;
    left: 6px;
    top: 16px;
}

/* Define how SqPaymentForm iframes should look */
.sq-input {
    box-sizing: border-box;
    border: 1px solid #E0E2E3;
    border-radius: 0px;
    outline-offset: -2px;
    display: inline-block;
    -webkit-transition: border-color .2s ease-in-out, background .2s ease-in-out;
    -moz-transition: border-color .2s ease-in-out, background .2s ease-in-out;
    -ms-transition: border-color .2s ease-in-out, background .2s ease-in-out;
    transition: border-color .2s ease-in-out, background .2s ease-in-out;
}

/* Define how SqPaymentForm iframes should look when they have focus */
.sq-input--focus {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: rgb(29, 33, 41) !important;
    border-image: initial !important;
    background-color: white;
}


/* Define how SqPaymentForm iframes should look when they contain invalid values */
.sq-input--error {
    border: 1px solid #E02F2F;
    background-color: rgba(244,47,47,0.02);
}

#sq-ccbox .expirationMonth {
    font-size: 16px;
    color: rgb(58, 58, 58);
    margin-left: 10px;
}

#sq-ccbox .expirationYear {
    font-size: 16px;
    color: rgb(58, 58, 58);
    margin-left: 10px;
}

#sq-ccbox .label {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 4px;
    color: #000;
    line-height: 16px;
    font-size: 16px;
    width: 100%;
}

/* Customize the "Pay with Credit Card" button */
.button-credit-card {
    width: 100%;
    height: 45px;
    background: #ff5a5f;
    cursor: pointer;
    display: block;
    color: #FFFFFF;
    font-size: 19px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 30px;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    text-transform: capitalize;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

.button-credit-card-large {
    width: 100%;
    height: 45px;
    background: #ff5a5f;
    cursor: pointer;
    display: block;
    color: #FFFFFF;
    font-size: 19px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 5px;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    -webkit-appearance: none;
    text-transform: capitalize;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

    .button-credit-card-large:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

    .button-credit-card-large:disabled {
        background: #ff5a5f;
        cursor: not-allowed;
        pointer-events: none;
        opacity: 0.5;
    }

.apple-pay-button {
    -webkit-appearance: -apple-pay-button;
    width: 100%;
    height: 45px;
    padding: 0;
    background-image: -webkit-named-image(apple-pay-logo-white);
    margin: 24px 0 16px 0;
    background-color: black;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 8px 8px 8px 0;
    cursor: pointer;
}

/* Customize the Apple Pay on the Web button */
#sq-apple-pay {
    width: 100%;
    height: 48px;
    padding: 0;
    margin: 24px 0 16px 0;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 8px 8px 8px 0;
    cursor: pointer;
    display: none;
}

/* Customize the Apple Pay on the Web button */
.button-apple-pay {
    height: 48px;
    width: 100%;
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: plain;
    -apple-pay-button-style: black;
    margin-top: 30px;
    margin-bottom: 30px;
    border-radius: 8px 8px 8px 0;
    cursor: pointer;
}

/* Customize the Masterpass button */
#sq-masterpass {
    width: 100%;
    height: 48px;
    padding: 0;
    margin: 24px 0 24px;
    background-image: url("https://masterpass.com/dyn/img/acc/global/mp_mark_hor_wht.svg");
    background-color: black;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: calc((100% - 32px) / 2) 50%;
    border-radius: 12px;
    cursor: pointer;
    display: none;
}

    #sq-masterpass::after {
        box-sizing: border-box;
        float: right;
        width: 32px;
        height: 48px;
        padding-top: 12px;
        content: url("data:image/svg+xml; utf8, <svg width='14' height='24' viewBox='0 0 14 24' xmlns='http://www.w3.org/2000/svg'><path d='M1.891 23.485c-.389 0-.778-.144-1.075-.436a1.46 1.46 0 0 1 0-2.102l9.141-8.944L.817 3.06a1.463 1.463 0 0 1 0-2.104 1.544 1.544 0 0 1 2.15 0l10.217 9.994a1.464 1.464 0 0 1 0 2.105L2.966 23.049a1.525 1.525 0 0 1-1.075.436' fill='#FFF' fill-rule='evenodd'/></svg>");
        background-color: #E6761F;
        border-radius: 0 4px 4px 0;
    }



#sq-walletbox {
    margin: 0;
    padding: 0;
    text-align: left;
    vertical-align: top;
    width: 100%;
    display: none;
}

#sq-walletbox-divider {
    height: 24px;
    margin: 24px 0 24px;
    color: #CCC;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    letter-spacing: 0.5;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

#sq-walletbox-divider-label {
    padding: 0 24px;
    background-color: #FFF;
}

#sq-walletbox-divider hr {
    margin-top: -12px;
}

#error {
    width: 100%;
    margin-top: 16px;
    font-size: 14px;
    color: red;
    font-weight: 500;
    text-align: center;
    opacity: 0.8;
}

@supports (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        -webkit-appearance: -apple-pay-button;
    }

    .apple-pay-button-black {
        -apple-pay-button-style: black;
    }

    .apple-pay-button-white {
        -apple-pay-button-style: white;
    }

    .apple-pay-button-white-with-line {
        -apple-pay-button-style: white-outline;
    }
}

@supports not (-webkit-appearance: -apple-pay-button) {
    .apple-pay-button {
        display: inline-block;
        background-size: 100% 60%;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        border-radius: 8px 8px 8px 0;
        padding: 0px;
        box-sizing: border-box;
        min-width: 200px;
        min-height: 32px;
        max-height: 64px;
    }

    .apple-pay-button-black {
        background-image: -webkit-named-image(apple-pay-logo-white);
        background-color: black;
    }

    .apple-pay-button-white {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
    }

    .apple-pay-button-white-with-line {
        background-image: -webkit-named-image(apple-pay-logo-black);
        background-color: white;
        border: .5px solid black;
    }
}

.button-google-pay {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
    outline: 0;
    border: 0;
    width: 100%;
    height: 45px;
    background-color: transparent;
    border-radius: 8px 8px 8px 0;
}

.google-pay-button {
    width: 100%;
    height: 45px;
    padding: 11px 24px;
    background-color: #000;
    background-image: url(data:image/svg+xml,%3Csvg%20width%3D%22103%22%20height%3D%2217%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.148%202.976h3.766c.532%200%201.024.117%201.477.35.453.233.814.555%201.085.966.27.41.406.863.406%201.358%200%20.495-.124.924-.371%201.288s-.572.64-.973.826v.084c.504.177.912.471%201.225.882.313.41.469.891.469%201.442a2.6%202.6%200%200%201-.427%201.47c-.285.43-.667.763-1.148%201.001A3.5%203.5%200%200%201%204.082%2013H.148V2.976zm3.696%204.2c.448%200%20.81-.14%201.085-.42.275-.28.413-.602.413-.966s-.133-.684-.399-.959c-.266-.275-.614-.413-1.043-.413H1.716v2.758h2.128zm.238%204.368c.476%200%20.856-.15%201.141-.448.285-.299.427-.644.427-1.036%200-.401-.147-.749-.441-1.043-.294-.294-.688-.441-1.183-.441h-2.31v2.968h2.366zm5.379.903c-.453-.518-.679-1.239-.679-2.163V5.86h1.54v4.214c0%20.579.138%201.013.413%201.302.275.29.637.434%201.085.434.364%200%20.686-.096.966-.287.28-.191.495-.446.644-.763a2.37%202.37%200%200%200%20.224-1.022V5.86h1.54V13h-1.456v-.924h-.084c-.196.336-.5.611-.91.826-.41.215-.845.322-1.302.322-.868%200-1.528-.259-1.981-.777zm9.859.161L16.352%205.86h1.722l2.016%204.858h.056l1.96-4.858H23.8l-4.41%2010.164h-1.624l1.554-3.416zm8.266-6.748h1.666l1.442%205.11h.056l1.61-5.11h1.582l1.596%205.11h.056l1.442-5.11h1.638L36.392%2013h-1.624L33.13%207.876h-.042L31.464%2013h-1.596l-2.282-7.14zm12.379-1.337a1%201%200%200%201-.301-.735%201%201%200%200%201%20.301-.735%201%201%200%200%201%20.735-.301%201%201%200%200%201%20.735.301%201%201%200%200%201%20.301.735%201%201%200%200%201-.301.735%201%201%200%200%201-.735.301%201%201%200%200%201-.735-.301zM39.93%205.86h1.54V13h-1.54V5.86zm5.568%207.098a1.967%201.967%200%200%201-.686-.406c-.401-.401-.602-.947-.602-1.638V7.218h-1.246V5.86h1.246V3.844h1.54V5.86h1.736v1.358H45.75v3.36c0%20.383.075.653.224.812.14.187.383.28.728.28.159%200%20.299-.021.42-.063.121-.042.252-.11.392-.203v1.498c-.308.14-.681.21-1.12.21-.317%200-.616-.051-.896-.154zm3.678-9.982h1.54v2.73l-.07%201.092h.07c.205-.336.511-.614.917-.833.406-.22.842-.329%201.309-.329.868%200%201.53.254%201.988.763.457.509.686%201.202.686%202.079V13h-1.54V8.688c0-.541-.142-.947-.427-1.218-.285-.27-.656-.406-1.113-.406-.345%200-.656.098-.931.294a2.042%202.042%200%200%200-.651.777%202.297%202.297%200%200%200-.238%201.029V13h-1.54V2.976zm32.35-.341v4.083h2.518c.6%200%201.096-.202%201.488-.605.403-.402.605-.882.605-1.437%200-.544-.202-1.018-.605-1.422-.392-.413-.888-.62-1.488-.62h-2.518zm0%205.52v4.736h-1.504V1.198h3.99c1.013%200%201.873.337%202.582%201.012.72.675%201.08%201.497%201.08%202.466%200%20.991-.36%201.819-1.08%202.482-.697.665-1.559.996-2.583.996h-2.485v.001zm7.668%202.287c0%20.392.166.718.499.98.332.26.722.391%201.168.391.633%200%201.196-.234%201.692-.701.497-.469.744-1.019.744-1.65-.469-.37-1.123-.555-1.962-.555-.61%200-1.12.148-1.528.442-.409.294-.613.657-.613%201.093m1.946-5.815c1.112%200%201.989.297%202.633.89.642.594.964%201.408.964%202.442v4.932h-1.439v-1.11h-.065c-.622.914-1.45%201.372-2.486%201.372-.882%200-1.621-.262-2.215-.784-.594-.523-.891-1.176-.891-1.96%200-.828.313-1.486.94-1.976s1.463-.735%202.51-.735c.892%200%201.629.163%202.206.49v-.344c0-.522-.207-.966-.621-1.33a2.132%202.132%200%200%200-1.455-.547c-.84%200-1.504.353-1.995%201.062l-1.324-.834c.73-1.045%201.81-1.568%203.238-1.568m11.853.262l-5.02%2011.53H96.42l1.864-4.034-3.302-7.496h1.635l2.387%205.749h.032l2.322-5.75z%22%20fill%3D%22%23FFF%22%2F%3E%3Cpath%20d%3D%22M75.448%207.134c0-.473-.04-.93-.116-1.366h-6.344v2.588h3.634a3.11%203.11%200%200%201-1.344%202.042v1.68h2.169c1.27-1.17%202.001-2.9%202.001-4.944%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M68.988%2013.7c1.816%200%203.344-.595%204.459-1.621l-2.169-1.681c-.603.406-1.38.643-2.29.643-1.754%200-3.244-1.182-3.776-2.774h-2.234v1.731a6.728%206.728%200%200%200%206.01%203.703%22%20fill%3D%22%2334A853%22%2F%3E%3Cpath%20d%3D%22M65.212%208.267a4.034%204.034%200%200%201%200-2.572V3.964h-2.234a6.678%206.678%200%200%200-.717%203.017c0%201.085.26%202.11.717%203.017l2.234-1.731z%22%20fill%3D%22%23FABB05%22%2F%3E%3Cpath%20d%3D%22M68.988%202.921c.992%200%201.88.34%202.58%201.008v.001l1.92-1.918c-1.165-1.084-2.685-1.75-4.5-1.75a6.728%206.728%200%200%200-6.01%203.702l2.234%201.731c.532-1.592%202.022-2.774%203.776-2.774%22%20fill%3D%22%23E94235%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-origin: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 0;
    border-radius: 8px 8px 8px 0;
    box-shadow: 0 1px 1px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
    outline: 0;
    cursor: pointer;
    display: inline-block;
    float: left;
    margin-bottom: 30px;
    margin-top: 10px;
}

.event-description blockquote::before {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #ff5a5f;
    position: absolute;
    left: 10px;
    top: 5px;
}

.event-description blockquote::after {
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 60px;
    font-weight: bold;
    color: #ff5a5f;
    position: absolute;
    right: 10px;
    bottom: 0px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

    .event-description blockquote {
    border-left-color: #ff5a5f;
    border-right-color: #ff5a5f;
    display: block;
    background: #fff;
    padding: 15px 20px 15px 45px;
    margin: 10px 20px 20px;
    position: relative;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
    font-size: 14px;
    line-height: 1.2;
    color: #666;
    -moz-box-shadow: 2px 2px 10px #ccc;
    -webkit-box-shadow: 2px 2px 10px #ccc;
    box-shadow: 2px 2px 10px #ccc;
    border-left-style: solid;
    border-left-width: 15px;
}

.event-description .table table {
    border: 1px solid #998799;
    text-align: left;
    border-collapse: collapse;
    font-family: 'Cabin', Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 15px;
}

.event-description .table td, .table th {
    border: 2px solid #232123;
    padding: 5px 5px;
    min-width: 90px;
}

.event-description .table thead {
    background: #FF5A5F;
    background: -moz-linear-gradient(top, #ff8387 0%, #ff6a6f 66%, #FF5A5F 100%);
    background: -webkit-linear-gradient(top, #ff8387 0%, #ff6a6f 66%, #FF5A5F 100%);
    background: linear-gradient(to bottom, #ff8387 0%, #ff6a6f 66%, #FF5A5F 100%);
}

    .event-description .table thead th {
        font-weight: bold;
        color: #000;
        border-left: 2px solid #F5F5F5;
    }

        .event-description .table thead th:first-child {
            border-left: none;
        }

.event-description .table tfoot td {
    font-size: 14px;
}

.event-description .table tfoot .links {
    text-align: right;
}

    .event-description .table tfoot .links a {
        display: inline-block;
        background: #1C6EA4;
        color: #FFFFFF;
        padding: 2px 8px;
        border-radius: 5px;
    }

.bottom-banner {
    background: -moz-linear-gradient(45deg, #ff585e 0%, #fc9295 100%);
    background: linear-gradient(45deg, #ff585e 0%, #fc9295 100%);
    padding: 50px 16px;
    text-align: center;
}

.bottom-banner-title {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.1;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.bottom-banner-sub-title {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
    color: #FFFFFF;
    text-decoration: none;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
}

.bottom-banner .button {
    text-align: center;
    display: inline-block;
    cursor: pointer;
    margin: 0 auto;
    -webkit-appearance: none;
    font-weight: 700;
    text-decoration: none;
    background: #FFFFFF;
    width: 280px;
    height: 40px;
    font-size: 18px;
    line-height: 38px;
    color: #676c76 !important;
    margin-top: 10px;
     border-radius: 8px 8px 8px 0;
    margin-left: 10px;
}

.bottom-banner-image {
    background: url('https://cdn.outsavvy.com/website/footerbanner.png') center center / contain no-repeat;
    margin-top: 10px;
    height: 60px;
}

.marker {
    background-image: url('https://cdn.outsavvy.com/website/marker-new.png');
    background-size: cover;
    width: 38px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}

.mapboxgl-popup {
    max-width: 200px;
}

.event-list .mapboxgl-ctrl-geocoder {
    background-color: #eee;
}

    .event-list .mapboxgl-ctrl-geocoder .mapboxgl-ctrl-geocoder--input {
        background-color: #fff;
    }

a.mapboxgl-ctrl-logo {
    display: none !important;
}

.mapboxgl-marker {
    top: -20px !important;
}

.mapboxgl-popup-content {
    color: #000 !important;
    font-size: 17px;
    line-height: 19px;
    padding-bottom: 10px;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
}

.mapboxgl-canvas {
    height: 300px !important;
    position: relative !important;
}

.banner-newsletter-box {
    border: 0;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 18%, rgba(253,224,215,1) 18%, rgba(253,224,215,1) 82%, rgba(255,255,255,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 18%,rgba(253,224,215,1) 18%,rgba(253,224,215,1) 82%,rgba(255,255,255,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,1) 18%,rgba(253,224,215,1) 18%,rgba(253,224,215,1) 82%,rgba(255,255,255,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .banner-newsletter-box .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

.banner-newsletter-box-inner {
    margin: 0 auto;
    max-width: 950px;
    position: relative;
}

.newsletter-box-title {
    margin-bottom: 20px;
    font-size: 27px;
    line-height: 28px;
    color: #000;
    text-decoration: none;
    font-weight: 500;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    margin-top: 30%;
}

.newsletter-box-description {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 20px;
    color: #000;
    text-decoration: none;
    font-family: 'Cabin', Helvitica, Arial, Verdana, sans-serif;
}

    .newsletter-box-description p {
        color: #000;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 20px;
    }

.newsletter-box-form {
    position: relative;
    display: inline-block;
    width: 100%;
}

.banner-newsletter-box-inner .form-control {
    display: block;
    width: 100%;
    height: 41px;
    text-indent: 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
     border-radius: 8px 8px 8px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.banner-newsletter-box-inner .btn-primary {
    user-select: none;
    tap-highlight-color: transparent;
    border: none;
    font-weight: 500;
    max-width: 100%;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFF;
    text-align: center;
    display: block;
    width: 100%;
    position: relative;
    height: 41px;
    text-transform: none;
    font-size: 16px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 43px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.banner-newsletter-box-inner .form-control {
    height: 40px;
}

.banner-newsletter-box-inner .success {
    font-size: 20px;
    line-height: 18px;
    color: #000;
}



/* Cookie Code */

.wpcc-container {
    opacity: 1
}

.wpcc-transparency-5 {
    opacity: .95
}

.wpcc-transparency-10 {
    opacity: .9
}

.wpcc-transparency-15 {
    opacity: .85
}

.wpcc-transparency-20 {
    opacity: .8
}

.wpcc-transparency-25 {
    opacity: .75
}

.wpcc-container {
    border-style: solid;
    border-width: 0;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    font-family: inherit;
    font-size: 16px;
    line-height: 1.5em;
    -webkit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -ms-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    overflow: hidden;
    position: fixed;
    transition: opacity 1s ease;
    z-index: 9999
}

@media print {
    .wpcc-container {
        display: none
    }
}

.wpcc-pushdown-wrap {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    -ms-transition: max-height 1s;
    -o-transition: max-height 1s;
    transition: max-height 1s
}

.wpcc-pushdown {
    margin: 0 !important;
    position: static
}

.wpcc-invisible {
    opacity: 0
}

.wpcc-fontsize-tiny {
    font-size: 12px
}

.wpcc-fontsize-small {
    font-size: 14px
}

.wpcc-fontsize-large {
    font-size: 18px
}

.wpcc-border-thin {
    border-width: 1px
}

.wpcc-border-normal {
    border-width: 3px
}

.wpcc-border-thick {
    border-width: 5px
}

.wpcc-float {
    flex-direction: column;
    max-width: 22em;
    padding: 1.5em
}

    .wpcc-float.wpcc-padding-small {
        padding: 1em
    }

    .wpcc-float.wpcc-padding-large {
        padding: 2em
    }

.wpcc-banner {
    flex-direction: row;
    margin: 1em;
    padding: 1em
}

    .wpcc-banner.wpcc-padding-small {
        padding: .5em .5em .5em 1em
    }

    .wpcc-banner.wpcc-padding-large {
        padding: 1.5em
    }

    .wpcc-banner.wpcc-margin-none {
        margin: 0
    }

    .wpcc-banner.wpcc-margin-small {
        margin: .5em
    }

    .wpcc-banner.wpcc-margin-large {
        margin: 1.5em
    }

.wpcc-padding-none {
    padding: 0
}

    .wpcc-padding-none.wpcc-float .wpcc-message {
        margin: 1em
    }

    .wpcc-padding-none.wpcc-banner .wpcc-message {
        margin: .8em 1em
    }

    .wpcc-padding-none.wpcc-banner .wpcc-btn {
        height: 100%;
        padding: .9em 1.5em
    }

.wpcc-btn, .wpcc-privacy {
    cursor: pointer
}

.wpcc-privacy {
    display: inline-block;
    opacity: .85;
    text-decoration: underline
}

    .wpcc-privacy:hover {
        opacity: 1
    }

    .wpcc-privacy:active, .wpcc-privacy:visited {
        color: initial
    }

.wpcc-btn {
    display: block;
    font-size: .9em;
    font-weight: 700;
    padding: .4em .8em;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -ms-transition: background-color .2s ease;
    -o-transition: background-color .2s ease
}

    .wpcc-btn:hover {
        text-decoration: none
    }

.wpcc-top {
    top: 1em
}

    .wpcc-top.wpcc-margin-none {
        top: 0
    }

    .wpcc-top.wpcc-margin-small {
        top: .5em
    }

    .wpcc-top.wpcc-margin-large {
        top: 1.5em
    }

.wpcc-left {
    left: 1em
}

    .wpcc-left.wpcc-margin-none {
        left: 0
    }

    .wpcc-left.wpcc-margin-small {
        left: .5em
    }

    .wpcc-left.wpcc-margin-large {
        left: 1.5em
    }

.wpcc-right {
    right: 1em
}

    .wpcc-right.wpcc-margin-none {
        right: 0
    }

    .wpcc-right.wpcc-margin-small {
        right: .5em
    }

    .wpcc-right.wpcc-margin-large {
        right: 1.5em
    }

.wpcc-bottom {
    bottom: 1em
}

    .wpcc-bottom.wpcc-margin-none {
        bottom: 0
    }

    .wpcc-bottom.wpcc-margin-small {
        bottom: .5em
    }

    .wpcc-bottom.wpcc-margin-large {
        bottom: 1.5em
    }

.wpcc-float .wpcc-message {
    display: block;
    margin-bottom: 1em
}

.wpcc-banner {
    align-items: center
}

    .wpcc-banner.wpcc-top {
        left: 0;
        right: 0;
        top: 0
    }

    .wpcc-banner.wpcc-bottom {
        left: 0;
        right: 0;
        bottom: 0
    }

    .wpcc-banner .wpcc-message {
        display: block;
        flex: 1 1 auto;
        margin-right: 1em;
        max-width: 100%
    }

.wpcc-float .wpcc-compliance {
    flex: 1 0 auto
}

.wpcc-corners-small {
    border-radius: 5px
}

.wpcc-corners-normal {
    border-radius: 7px
}

.wpcc-corners-large {
    border-radius: 8px
}

.wpcc-corners-round .wpcc-btn {
    border-radius: 4px
}

.wpcc-corners-round.wpcc-margin-none, .wpcc-corners-round.wpcc-padding-none .wpcc-btn {
    border-radius: 0
}

.wpcc-corners-round.wpcc-margin-none {
    border-radius: 0
}

@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape) {
    .wpcc-top {
        top: 0 !important
    }

    .wpcc-bottom {
        bottom: 0 !important
    }

    .wpcc-banner, .wpcc-float, .wpcc-left, .wpcc-right {
        left: 0 !important;
        margin: 0 !important;
        right: 0 !important
    }

    .wpcc-banner {
        align-items: unset;
        flex-direction: column
    }

    .wpcc-corners-round {
        border-radius: 0 !important
    }

    .wpcc-float {
        max-width: none
    }

    .wpcc-message {
        margin-bottom: 1em
    }

    .wpcc-banner.wpcc-padding-small {
        padding: .5em
    }

    .wpcc-padding-small .wpcc-message {
        margin-bottom: .5em
    }
}

.sidebarpartner {
    width: 27%;
    float: left;
    margin-right: 2%;
    margin-left: 1%;
}

.partner-header .partner-header-inner {
    position: relative;
    width: 100%;
    z-index: 4;
    height: 100%;
}

.partner-header .partner-header-bgColour {
    margin-top: 0px;
    background-color: #1DA1F2 !important;
    position: relative;
    z-index: 3;
    height: 100%;
}

.partner-header .partner-header-headerBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    align-content: center;
}

.partner-header-headerBg img::before {
    content: '';
    display: block;
    padding-top: 33.33%;
}

.partner-header .partner-header-headerBg img {
    transform: none;
    margin: auto 0;
    height: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    transform: translate(-50%,0);
    position: absolute;
    aspect-ratio: 3 / 1;
}

.partner-header .partner-header-container {
    height: 100%;
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 1190px;
    display: table;
}

    .partner-header .partner-header-container h1 {
        color: #FFFFFF;
        text-align: center;
        word-wrap: break-word;
        font-weight: 500;
        margin: 0px;
        word-wrap: break-word;
        letter-spacing: -0.6px;
        font-size: 45px;
        line-height: 45px;
        display: inline-block;
        vertical-align: middle;
        width: 100%;
        height: 100%;
        display: table-cell;
        vertical-align: middle;
    }

    .partner-header .partner-header-container .partner-header-logo {
        bottom: -100px;
        left: 1%;
        position: absolute;
        transition: bottom .3s;
        z-index: 3;
    }

        .partner-header .partner-header-container .partner-header-logo .partner-header-profilelogo {
            background: #fff;
            border: 1px solid #e4e4e4;
            height: 177px;
            position: relative;
            width: 250px;
            -webkit-box-shadow: 10px 10px 16px -1px rgba(189,175,164,0.27);
            -moz-box-shadow: 10px 10px 16px -1px rgba(189,175,164,0.27);
            box-shadow: 10px 10px 16px -1px rgba(189,175,164,0.27);
            border-radius: 6px;
        }

            .partner-header .partner-header-container .partner-header-logo .partner-header-profilelogo .partner-header-profilelogo-image {
                height: 100%;
                left: 0;
                position: absolute;
                top: 0;
                width: 100%;
                -webkit-box-shadow: 0 1px 5px rgb(0 0 0 / 15%);
                -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.15);
                box-shadow: 0 1px 5px rgb(0 0 0 / 15%);
                border-radius: 6px;
            }

.event-guide .appBannerSmall {
    width: 100%;
    cursor: pointer;
}

    .event-guide .appBannerSmall .entry {
        overflow: hidden;
        position: relative;
        margin-bottom: 5px;
    }

    .event-guide .appBannerSmall .thumb-bg-holder {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        position: relative;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        height: 150px !important;
        overflow: hidden;
    }

        .event-guide .appBannerSmall .thumb-bg-holder img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

    .event-guide .appBannerSmall .bottom-gradient {
        position: absolute;
        width: 100%;
        height: 50%;
        bottom: 0;
        z-index: 1;
        background: rgba(0, 0, 0, 0.7);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
        background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    }

    .event-guide .appBannerSmall .thumb-text-holder {
        position: absolute;
        bottom: 0;
        max-width: 100%;
        z-index: 3;
        padding: 2%;
    }

    .event-guide .appBannerSmall .feature-price {
        position: absolute;
        right: 6px;
        font-size: 15px;
        background: rgba(255,90,95,0.9);
        padding: 7px;
        font-weight: bold;
        top: 6px;
        color: #FFFFFF;
        border-radius: 6px 6px 6px 0px;
    }

    .event-guide .appBannerSmall .thumb-entry-title {
        color: #fff;
        font-size: 20px;
        margin-bottom: 5px;
        line-height: 20px;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-transform: uppercase;
    }

    .event-guide .appBannerSmall .thumb-entry-location {
        color: #fff;
        font-size: 16px;
        text-transform: capitalize;
        line-height: 17px;
        width: 100%;
        overflow-wrap: break-word;
    }

.event-guide .appBanner {
    width: 100%;
}

    .event-guide .appBanner:hover {
        transform: scale(1.02);
    }

    .event-guide .appBanner img {
        position: absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
        border-radius: 8px;
    }

.event-guide .appBanner {
    margin-top: 0px;
    margin-bottom: 0px;
    cursor: pointer;
    padding-bottom: 20px;
    padding-top: 20px;
}

.event-guide .feature-price {
    position: absolute;
    right: -0.5rem;
    top: -13px;
    margin-top: 0;
    color: white;
    z-index: 1;
    -webkit-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
    font-size: 16px;
    background: rgba(255, 90, 95, 0.9);
    padding: 10px;
    font-weight: bold;
    color: #FFF;
    border-radius: 6px 6px 6px 0;
}

.event-guide .feature-featured {
    position: absolute;
    left: 6px;
    font-size: 15px;
    background: rgba(255,90,95,0.9);
    padding: 7px;
    font-weight: bold;
    top: 6px;
    color: #FFFFFF;
    border-radius: 4px;
    z-index: 100;
    border-radius: 6px 6px 6px 0px;
}

.event-guide .appBanner .appBannerContainer {
    margin-top: 0px;
    position: relative;
    border-radius: 8px;
}

.event-guide .appBanner .banner-text-holder {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 3;
    display: inline-flex;
}

    .event-guide .appBanner .banner-text-holder .banner-left {
        width: 68%;
        padding: 2% 0% 2% 2%;
    }

    .event-guide .appBanner .banner-text-holder .banner-entry-title {
        color: #fff;
        margin-bottom: 10px;
        font-size: 22px;
        text-transform: capitalize;
        line-height: 22px;
        width: 100%;
        overflow-wrap: break-word;
    }

    .event-guide .appBanner .banner-text-holder .banner-entry-subtitle {
        color: #fff;
        font-size: 33px;
        margin-bottom: 10px;
        line-height: 36px;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        width: 130%;
        overflow-wrap: break-word;
        letter-spacing: -1.3px;
    }

    .event-guide .appBanner .banner-text-holder .banner-entry-location {
        color: #fff;
        margin-bottom: 10px;
        font-size: 16px;
        text-transform: capitalize;
        line-height: 17px;
        width: 100%;
        overflow-wrap: break-word;
        min-height: 34px;
    }

    .event-guide .appBanner .banner-text-holder .banner-right {
        width: 28%;
        padding: 2%;
        position: relative;
    }

        .event-guide .appBanner .banner-text-holder .banner-right .banner-right-button {
            color: #FFF;
            text-decoration: none;
            text-align: center;
            display: inline-block;
            cursor: pointer;
            background: #ff5a5f;
            width: 90%;
            font-weight: 600;
            line-height: 37px;
            height: 40px;
            float: right;
            position: absolute;
            bottom: 10px;
            right: 10px;
            vertical-align: bottom;
            max-width: 100%;
            font-size: 15px;
            -webkit-appearance: none;
            -webkit-box-shadow: 3px 3px black;
            box-shadow: 3px 3px black;
            border: 2px solid black;
            border-radius: 8px 8px 8px 0;
        }

            .event-guide .appBanner .banner-text-holder .banner-right .banner-right-button:hover {
                color: #FFF;
                background-color: #f93333;
                box-shadow: 4px 4px black !important;
            }

.event-guide .appBanner .thumb-bg-holder {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 0;
    padding-top: calc(1080 / 1080 * 100%);
}

.event-guide .appBanner .bottom-gradient {
    position: absolute;
    width: 100%;
    height: 70%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    border-radius: 0px 0px 8px 8px;
}

.newspanel {
    width: 100%;
    margin-bottom: 30px;
}

    .newspanel .tab-post .entry {
        margin-bottom: 16px;
    }

    .newspanel .entry {
        position: relative;
        margin-bottom: 20px;
        border-radius: 8px;
    }

        .newspanel .entry .feature-price {
            position: absolute;
            right: -0.5rem;
            top: -13px;
            margin-top: 0;
            color: white;
            z-index: 1;
            -webkit-transform: rotate(2deg);
            -ms-transform: rotate(2deg);
            transform: rotate(2deg);
            font-size: 16px;
            background: rgba(255, 90, 95, 0.9);
            padding: 10px;
            font-weight: bold;
            color: #FFF;
            border-radius: 6px 6px 6px 0;
        }

    .newspanel .entry__bg-img-holder {
        position: relative;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        height: 250px;
    }

.nav-advert .newspanel .entry__bg-img-holder {
    height: auto;
}

.event-guide .newspanel .entry__bg-img-holder {
    height: 150px !important;
}

.newspanel .thumb-bg-holder {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

    .newspanel .thumb-bg-holder img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        will-change: transform;
        transition: transform 150ms ease-in 0s;
        border-radius: 8px;
    }

        .newspanel .entry:hover {
            transform: scale(1.02);
        }

.newspanel .thumb-url {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.newspanel .bottom-gradient {
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.7);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 );
    border-radius: 8px;
}

.newspanel .thumb-text-holder {
    position: absolute;
    bottom: 0;
    max-width: 100%;
    z-index: 3;
    padding: 10px;
    text-align: left;
}

.newspanel .banner-entry-location {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 17px;
    width: 100%;
    overflow-wrap: break-word;
}

.newspanel .thumb-entry-title {
    font-size: 22px;
    margin-bottom: 0;
    line-height: 24px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: 100%;
    overflow-wrap: break-word;
}

    .newspanel .thumb-entry-title a {
        color: #fff;
    }

        .newspanel .thumb-entry-title a:hover {
            color: #A7C7E7;
        }

.newspanel .row-16 {
    margin: 0 -8px;
}

.event-guide .newspanel .entry {
    margin-top: 25px;
    margin-bottom: 0px;
}

.search-nav {
    height: 90px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 30;
    padding: 0px 30px;
}

.search-icon-close {
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: transparent;
    cursor: pointer;
    width: 60px;
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    padding: 0px;
}

.search-bar {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.search-nav-item {
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

.password-box {
    position: relative;
}

    .password-box .password-icon {
        position: absolute;
        top: 0;
        right: 0;
        background-color: transparent;
        cursor: pointer;
        width: 50px;
        height: 100%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        border-width: initial;
        border-style: none;
        border-color: initial;
        border-image: initial;
        padding: 0;
    }

.search-box-holder {
    margin: 0px 20px;
}

.mobile-search-box-holder {
    margin: 0px;
}

.search-box-size {
    position: relative;
}

.mobile-search-box {
    position: relative;
    z-index: 1;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.search-box {
    position: relative;
    z-index: 1;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}

.predicitvesearch {
    width: 100%;
    background-color: #f2f2f2;
    font-weight: 700;
    height: 100%;
    font-size: 16px;
    line-height: normal;
    padding: 20px 60px 20px 20px;
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
    border-radius: 15px;
}

.mobilepredicitvesearch {
    width: 100%;
    background-color: #e9e9e9;
    font-weight: 600;
    height: 100%;
    font-size: 16px;
    line-height: normal;
    border-width: 2px;
    border-style: solid;
    border-color: transparent;
    border-image: initial;
    padding: 20px 60px 20px 20px;
    border-radius: 0px;
    box-sizing: border-box;
    margin: 0;
}

    .mobilepredicitvesearch::placeholder {
        color: #a4a2a2;
    }

.header-svg-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    width: 23px;
    height: 23px;
}

    .header-svg-icon:hover path {
        stroke: rgba(255, 90, 95);
    }

    .header-svg-icon:hover circle {
        stroke: rgba(255, 90, 95);
    }

.search-icon-close .header-svg-icon:hover path {
    fill: rgba(255, 90, 95);
}

.location-box-close .svg-close:hover path {
    stroke: rgba(255, 90, 95);
    fill: rgba(255, 90, 95);
}

    .search-svg-icon {
        fill: #ff5a5f;
        position: absolute;
        top: 38%;
        transform: translateY(-50%);
        right: 15px;
        width: 40px;
        height: 40px;
        cursor: pointer;
    }

.search-nav-browse {
    list-style-type: none;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    padding: 0px;
}

.search-nav-browse-first {
    margin-right: 22px;
}

.search-nav-browse-margin {
    margin-right: 22px;
}

.search-nav-browse-second {
    margin-right: 22px;
}

.search-nav-drop {
    margin-right: 20px;
}

.search-nav-main-item {
    line-height: 19px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

    .search-nav-main-item:hover {
        color: rgba(255, 90, 95);
    }

.user-nav {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.nav-hr {
    display: inline-block;
    height: 20px;
    border-top-style: initial;
    border-right-style: initial;
    border-bottom-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    margin-right: 30px;
    border-width: 0px 0px 0px 1px;
    border-image: initial;
    border-left: 3px solid #1A1A1A;
}

.user-nav-container {
    height: 100%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.search-nav-drop-button {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

    .search-nav-drop-button .svg-hamburger {
        width: 35px;
        height: auto;
        margin-left: 20px;
    }

        .search-nav-drop-button .svg-hamburger:hover path {
            stroke: rgba(255, 90, 95);
        }

    .search-nav-drop-button .svg-search {
        width: 34px;
        height: auto;
        margin-left: 20px;
    }

        .search-nav-drop-button .svg-search:hover path {
            stroke: rgba(255, 90, 95);
        }

    .search-nav-drop-button .svg-close {
        width: 25px;
        height: auto;
        margin-left: 20px;
        transition: all 0.3s ease;
    }

        .search-nav-drop-button .svg-close:hover {
            fill: rgba(255, 90, 95);
        }

.search-nav-drop .search-nav-drop-button {
    background-color: #ff5a5f;
    padding: 8px;
    border-radius: 20px;
}

.user-avatar-nav {
    box-sizing: border-box;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    font-size: 14px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
}

.user-nav-container .svg-icon {
    width: 30px;
    height: 30px;
    cursor: pointer;
    opacity: 0.7;
}

.user-avatar-nav-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropNav {
    position: absolute;
    top: calc(100% - 5px);
    background-color: white;
    box-shadow: rgba(29, 33, 41, 0.15) 0px 2px 40px 0px;
    z-index: 40;
    width: calc(100% - 40px);
    right: 20px;
    display: none;
    animation: 350ms ease 0s 1 normal none running dropdownMenuLeave;
    border-radius: 20px;
}

.results-holder {
    display: block;
    position: absolute;
    width: 100%;
    background-color: white;
    box-shadow: rgba(29, 33, 41, 0.15) 0px 2px 40px 0px;
    display: none;
    top: calc(100% + 5px);
}

.results-holder-mobile {
    z-index: 2;
    width: 97%;
}

    .results-holder-mobile .results-list {
        max-height: calc(100vh - 100px);
    }

    .results-list {
        max-height: calc(85vh - 100px);
        overflow-y: scroll;
        padding-top: 10px;
        padding-bottom: 10px;
        position: relative;
        overscroll-behavior: contain;
    }

    .results-list h2 {
        text-indent: 10px;
        font-size: 21px;
        line-height: 22px;
        font-weight: 800;
        margin-bottom: 5px;
        margin-top: 15px;
        text-transform: capitalize;
        color: #000;
        letter-spacing: -0.5px;
    }

    .results-list hr {
        max-width: 100%;
        margin: 0 auto;
        border-top: 2px solid #e2dcdc;
        margin-top: 5px;
        margin-bottom: 5px;
        background: none;
        border-bottom: none;
    }

.search-nav-item-container {
    display: flex;
    width: 100%;
    user-select: none;
    background-color: white;
    height: 85px;
    padding: 10px 8px;
    box-sizing: border-box;
    margin: 0;
}

.search-nav-item-container-artist {
    display: flex;
    width: 100%;
    user-select: none;
    background-color: white;
    height: 70px;
    padding: 10px 8px;
    box-sizing: border-box;
    margin: 0;
}

.search-nav-item-container:hover {
    background-color: rgb(242, 243, 245);
}

.search-nav-item-container-artist:hover {
    background-color: rgb(242, 243, 245);
}

.nav-sub-search-item:hover {
    background-color: rgb(242, 243, 245);
}

.search .mobile-header {
    display: none;
}

.search .web-header {
    display: block;
}

.search-nav-item-image-container {
    width: 123px;
    height: 60px;
    margin-right: 20px;
    flex-shrink: 0;
    box-sizing: border-box;
}

.search-nav-item-image-container-artist {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    flex-shrink: 0;
    box-sizing: border-box;
}

    .search-nav-item-image-container-artist .search-nav-item-theimage {
        border-radius: 100%;
    }

.search-nav-item-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 85.71%;
    box-sizing: border-box;
    margin: 0;
}

.search-nav-partner-image-container {
    width: 60px;
    height: auto;
    flex-shrink: 0;
    box-sizing: border-box;
}

.search-nav-partner-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 85.71%;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
}

.search-nav-artist-image {
    display: block;
    position: relative;
    width: 100%;
    height: 0px;
    padding-bottom: 100%;
    overflow: hidden;
    box-sizing: border-box;
    margin: 0;
}

.search-nav-item-image .feature-price {
    position: absolute;
    right: -0.5rem;
    top: -6px;
    transform: rotate(2deg);
    font-size: 13px;
    background: rgba(255,90,95,0.9);
    padding: 5px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: right;
    border-radius: 6px 6px 6px 0px;
}

.search-nav-item-theimage {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.search-nav-title-container {
    width: 100%;
    margin: auto 0px;
    margin-top: 0px;
    margin-left: 10px;
}

.search-nav-title-container-center {
    width: 100%;
    margin: auto 0px;
    margin-top: 0px;
    margin-left: 10px;
    height: 100%;
    display: flex;
    align-items: center;
}

.search-nav-title {
    font-weight: 700;
    color: #000;
    padding-bottom: 1px;
    max-height: 40px;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 16px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.search-nav-description {
    font-weight: 300;
    color: rgb(29, 33, 41);
    margin-bottom: 0px;
    max-height: 18px;
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 16px;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.search-nav-description-date {
    color: rgba(255,90,95) !important;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.nav-sub-search-item {
    display: flex;
    width: 100%;
    user-select: none;
    height: 60px;
    padding: 10px 20px;
    box-sizing: border-box;
    margin: 0;
}

.nav-sub-search-icon {
    margin: auto 0px auto 0px;
    text-align: center;
    width: 65px;
    padding: 0px;
}

.nav-sub-search-title {
    font-weight: 700;
    color: #000;
    margin-bottom: 0px;
    max-height: 20px;
    position: relative;
    display: block;
    font-size: 16px;
    line-height: 20px;
    text-decoration: none;
    overflow: hidden;
}

.svg-icon circle {
    stroke-width: 1;
}

.userNav-container {
    padding: 15px 0px;
}

.userNavLink {
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 20px 10px;
    box-sizing: border-box;
    margin: 0;
    line-height: 18px;
    font-size: 17px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

.generalNavList {
    list-style-type: none;
    padding: 15px 0px;
}

.generalNavItem {
    display: block;
    color: #000;
    width: 100%;
    text-align: center;
    font-weight: 500;
    padding: 15px 20px;
    font-size: 18px;
    box-sizing: border-box;
    margin: 0;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

.generalNavItemEnd {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 17px;
    box-sizing: border-box;
    margin: 0;
    padding-left: 9px;
    color: #000;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

@media (max-width: 998px) and (min-width: 0px) {
    .search-nav-browse-second {
        display: none;
    }

    .search-nav-browse-first {
        display: none;
    }
}

@media only screen and (max-width: 998px) {
    .search-nav-drop {
        display: block;
    }
}

@media only screen and (min-width: 997px) {

    .search-nav-drop {
        display: none;
    }
}

@media only screen and (max-width: 768px) {

    .predicitvesearch {
        padding: 20px 60px 20px 50px;
    }

    .mobilepredicitvesearch {
        padding: 15px 15px 15px 15px;
    }

    .search-box {
        height: 100%;
    }
}

@media only screen and (min-width: 768px) {

    .userNavLink {
        text-align: left;
    }

    .nav-sub-search-title::before {
        width: 20%;
    }

    .search-bar {
        flex: 1 1 0%;
    }

    .results-holder-mobile .results-list {
        max-height: calc(100vh - 100px);
    }

    .mobilepredicitvesearch {
        height: 50px;
        padding: 15px 15px 15px 43px;
    }

    .predicitvesearch {
        height: 60px;
        padding: 15px 15px 15px 50px;
        border-radius: 15px;
    }

    .search-box-holder {
        flex: 1 1 0%;
    }

    .mobile-search-box-holder {
        flex: 1 1 0%;
    }

    .search-box-size {
        max-width: 700px;
    }

    .mobile-search-box-size {
        width: 100%;
    }

    .search-nav-browse {
        flex-shrink: 0;
    }

    .search-nav-drop-container {
        position: relative;
    }

    .dropNav {
        width: auto;
        min-width: 252px;
        top: calc(100% + 10px);
        right: 0px;
        margin: 0px;
    }

    .userNavLink {
        text-align: left;
    }
}

.btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 0 solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.4;
     border-radius: 8px 8px 8px 0;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

    .btn:focus, .btn:hover {
        text-decoration: none;
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.25);
    }

    .btn.disabled, .btn:disabled {
        opacity: 0.65;
    }

    .btn:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}

.btn-primary {
    color: #fff;
    background-color: #8089ff;
    border-color: #8089ff;
}

    .btn-primary:hover {
        color: #fff;
        background-color: #5a65ff;
        border-color: #4d5aff;
    }

    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5);
    }

    .btn-primary.disabled, .btn-primary:disabled {
        background-color: #8089ff;
        border-color: #8089ff;
    }

    .btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #4d5aff;
        border-color: #404eff;
        box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5);
    }

.btn-secondary {
    color: #fff;
    background-color: #708198;
    border-color: #708198;
}

    .btn-secondary:hover {
        color: #fff;
        background-color: #5f6e84;
        border-color: #59687c;
    }

    .btn-secondary:focus, .btn-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5);
    }

    .btn-secondary.disabled, .btn-secondary:disabled {
        background-color: #708198;
        border-color: #708198;
    }

    .btn-secondary:not([disabled]):not(.disabled):active, .btn-secondary:not([disabled]):not(.disabled).active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #59687c;
        border-color: #546275;
        box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5);
    }

.btn-success {
    color: #212529;
    background-color: #19d9b4;
    border-color: #19d9b4;
}

    .btn-success:hover {
        color: #fff;
        background-color: #15b798;
        border-color: #14ab8e;
    }

    .btn-success:focus, .btn-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5);
    }

    .btn-success.disabled, .btn-success:disabled {
        background-color: #19d9b4;
        border-color: #19d9b4;
    }

    .btn-success:not([disabled]):not(.disabled):active, .btn-success:not([disabled]):not(.disabled).active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #14ab8e;
        border-color: #12a085;
        box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5);
    }

.btn-info {
    color: #212529;
    background-color: #84ce65;
    border-color: #84ce65;
}

    .btn-info:hover {
        color: #212529;
        background-color: #6dc548;
        border-color: #65c23e;
    }

    .btn-info:focus, .btn-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5);
    }

    .btn-info.disabled, .btn-info:disabled {
        background-color: #84ce65;
        border-color: #84ce65;
    }

    .btn-info:not([disabled]):not(.disabled):active, .btn-info:not([disabled]):not(.disabled).active,
    .show > .btn-info.dropdown-toggle {
        color: #212529;
        background-color: #65c23e;
        border-color: #60b93b;
        box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5);
    }

.btn-warning {
    color: #212529;
    background-color: #ff8765;
    border-color: #ff8765;
}

    .btn-warning:hover {
        color: #fff;
        background-color: #ff693f;
        border-color: #ff5f32;
    }

    .btn-warning:focus, .btn-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5);
    }

    .btn-warning.disabled, .btn-warning:disabled {
        background-color: #ff8765;
        border-color: #ff8765;
    }

    .btn-warning:not([disabled]):not(.disabled):active, .btn-warning:not([disabled]):not(.disabled).active,
    .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #ff5f32;
        border-color: #ff5525;
        box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5);
    }

.btn-danger {
    color: #212529;
    background-color: #fe60a1;
    border-color: #fe60a1;
}

    .btn-danger:hover {
        color: #fff;
        background-color: #fe3a8b;
        border-color: #fe2d83;
    }

    .btn-danger:focus, .btn-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5);
    }

    .btn-danger.disabled, .btn-danger:disabled {
        background-color: #fe60a1;
        border-color: #fe60a1;
    }

    .btn-danger:not([disabled]):not(.disabled):active, .btn-danger:not([disabled]):not(.disabled).active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #fe2d83;
        border-color: #fe217c;
        box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5);
    }

.btn-light {
    color: #212529;
    background-color: #f6f7f8;
    border-color: #f6f7f8;
}

    .btn-light:hover {
        color: #212529;
        background-color: #dfe3e8;
        border-color: #d8dde3;
    }

    .btn-light:focus, .btn-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5);
    }

    .btn-light.disabled, .btn-light:disabled {
        background-color: #f6f7f8;
        border-color: #f6f7f8;
    }

    .btn-light:not([disabled]):not(.disabled):active, .btn-light:not([disabled]):not(.disabled).active,
    .show > .btn-light.dropdown-toggle {
        color: #212529;
        background-color: #d8dde3;
        border-color: #d1d6de;
        box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5);
    }

.btn-dark {
    color: #fff;
    background-color: #54546f;
    border-color: #54546f;
}

    .btn-dark:hover {
        color: #fff;
        background-color: #444459;
        border-color: #3e3e52;
    }

    .btn-dark:focus, .btn-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5);
    }

    .btn-dark.disabled, .btn-dark:disabled {
        background-color: #54546f;
        border-color: #54546f;
    }

    .btn-dark:not([disabled]):not(.disabled):active, .btn-dark:not([disabled]):not(.disabled).active,
    .show > .btn-dark.dropdown-toggle {
        color: #fff;
        background-color: #3e3e52;
        border-color: #39394b;
        box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5);
    }

.btn-outline-primary {
    color: #8089ff;
    background-color: transparent;
    background-image: none;
    border-color: #8089ff;
}

    .btn-outline-primary:hover {
        color: #fff;
        background-color: #8089ff;
        border-color: #8089ff;
    }

    .btn-outline-primary:focus, .btn-outline-primary.focus {
        box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5);
    }

    .btn-outline-primary.disabled, .btn-outline-primary:disabled {
        color: #8089ff;
        background-color: transparent;
    }

    .btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,
    .show > .btn-outline-primary.dropdown-toggle {
        color: #fff;
        background-color: #8089ff;
        border-color: #8089ff;
        box-shadow: 0 0 0 0.2rem rgba(128, 137, 255, 0.5);
    }

.btn-outline-secondary {
    color: #708198;
    background-color: transparent;
    background-image: none;
    border-color: #708198;
}

    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #708198;
        border-color: #708198;
    }

    .btn-outline-secondary:focus, .btn-outline-secondary.focus {
        box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5);
    }

    .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
        color: #708198;
        background-color: transparent;
    }

    .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
    .show > .btn-outline-secondary.dropdown-toggle {
        color: #fff;
        background-color: #708198;
        border-color: #708198;
        box-shadow: 0 0 0 0.2rem rgba(112, 129, 152, 0.5);
    }

.btn-outline-success {
    color: #19d9b4;
    background-color: transparent;
    background-image: none;
    border-color: #19d9b4;
}

    .btn-outline-success:hover {
        color: #fff;
        background-color: #19d9b4;
        border-color: #19d9b4;
    }

    .btn-outline-success:focus, .btn-outline-success.focus {
        box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5);
    }

    .btn-outline-success.disabled, .btn-outline-success:disabled {
        color: #19d9b4;
        background-color: transparent;
    }

    .btn-outline-success:not([disabled]):not(.disabled):active, .btn-outline-success:not([disabled]):not(.disabled).active,
    .show > .btn-outline-success.dropdown-toggle {
        color: #fff;
        background-color: #19d9b4;
        border-color: #19d9b4;
        box-shadow: 0 0 0 0.2rem rgba(25, 217, 180, 0.5);
    }

.btn-outline-info {
    color: #84ce65;
    background-color: transparent;
    background-image: none;
    border-color: #84ce65;
}

    .btn-outline-info:hover {
        color: #fff;
        background-color: #84ce65;
        border-color: #84ce65;
    }

    .btn-outline-info:focus, .btn-outline-info.focus {
        box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5);
    }

    .btn-outline-info.disabled, .btn-outline-info:disabled {
        color: #84ce65;
        background-color: transparent;
    }

    .btn-outline-info:not([disabled]):not(.disabled):active, .btn-outline-info:not([disabled]):not(.disabled).active,
    .show > .btn-outline-info.dropdown-toggle {
        color: #fff;
        background-color: #84ce65;
        border-color: #84ce65;
        box-shadow: 0 0 0 0.2rem rgba(132, 206, 101, 0.5);
    }

.btn-outline-warning {
    color: #ff8765;
    background-color: transparent;
    background-image: none;
    border-color: #ff8765;
}

    .btn-outline-warning:hover {
        color: #fff;
        background-color: #ff8765;
        border-color: #ff8765;
    }

    .btn-outline-warning:focus, .btn-outline-warning.focus {
        box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5);
    }

    .btn-outline-warning.disabled, .btn-outline-warning:disabled {
        color: #ff8765;
        background-color: transparent;
    }

    .btn-outline-warning:not([disabled]):not(.disabled):active, .btn-outline-warning:not([disabled]):not(.disabled).active,
    .show > .btn-outline-warning.dropdown-toggle {
        color: #fff;
        background-color: #ff8765;
        border-color: #ff8765;
        box-shadow: 0 0 0 0.2rem rgba(255, 135, 101, 0.5);
    }

.btn-outline-danger {
    color: #fe60a1;
    background-color: transparent;
    background-image: none;
    border-color: #fe60a1;
}

    .btn-outline-danger:hover {
        color: #fff;
        background-color: #fe60a1;
        border-color: #fe60a1;
    }

    .btn-outline-danger:focus, .btn-outline-danger.focus {
        box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5);
    }

    .btn-outline-danger.disabled, .btn-outline-danger:disabled {
        color: #fe60a1;
        background-color: transparent;
    }

    .btn-outline-danger:not([disabled]):not(.disabled):active, .btn-outline-danger:not([disabled]):not(.disabled).active,
    .show > .btn-outline-danger.dropdown-toggle {
        color: #fff;
        background-color: #fe60a1;
        border-color: #fe60a1;
        box-shadow: 0 0 0 0.2rem rgba(254, 96, 161, 0.5);
    }

.btn-outline-light {
    color: #f6f7f8;
    background-color: transparent;
    background-image: none;
    border-color: #f6f7f8;
}

    .btn-outline-light:hover {
        color: #fff;
        background-color: #f6f7f8;
        border-color: #f6f7f8;
    }

    .btn-outline-light:focus, .btn-outline-light.focus {
        box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5);
    }

    .btn-outline-light.disabled, .btn-outline-light:disabled {
        color: #f6f7f8;
        background-color: transparent;
    }

    .btn-outline-light:not([disabled]):not(.disabled):active, .btn-outline-light:not([disabled]):not(.disabled).active,
    .show > .btn-outline-light.dropdown-toggle {
        color: #fff;
        background-color: #f6f7f8;
        border-color: #f6f7f8;
        box-shadow: 0 0 0 0.2rem rgba(246, 247, 248, 0.5);
    }

.btn-outline-dark {
    color: #54546f;
    background-color: transparent;
    background-image: none;
    border-color: #54546f;
}

    .btn-outline-dark:hover {
        color: #fff;
        background-color: #54546f;
        border-color: #54546f;
    }

    .btn-outline-dark:focus, .btn-outline-dark.focus {
        box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5);
    }

    .btn-outline-dark.disabled, .btn-outline-dark:disabled {
        color: #54546f;
        background-color: transparent;
    }

    .btn-outline-dark:not([disabled]):not(.disabled):active, .btn-outline-dark:not([disabled]):not(.disabled).active,
    .show > .btn-outline-dark.dropdown-toggle {
        color: #fff;
        background-color: #54546f;
        border-color: #54546f;
        box-shadow: 0 0 0 0.2rem rgba(84, 84, 111, 0.5);
    }

.btn-link {
    font-weight: 400;
    color: #8089ff;
    background-color: transparent;
}

    .btn-link:hover {
        color: #3442ff;
        text-decoration: none;
        background-color: transparent;
        border-color: transparent;
    }

    .btn-link:focus, .btn-link.focus {
        text-decoration: none;
        border-color: transparent;
        box-shadow: none;
    }

    .btn-link:disabled, .btn-link.disabled {
        color: #8e9bae;
    }

.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
    border-radius: 50rem;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    border-radius: 50rem;
}

.btn-block {
    display: block;
    width: 100%;
}

    .btn-block + .btn-block {
        margin-top: 0.5rem;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}


/**
* 10. Shadows
* ----------------------------------------------------------------------- *
*/
.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 9, 128, 0.05), 0 2px 5px rgba(0, 9, 128, 0.035);
}

.btn.shadow-sm {
    box-shadow: 0 1px 3px rgba(0, 9, 128, 0.05), 0 2px 5px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

.shadow-md {
    box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035);
}

.btn.shadow-md {
    box-shadow: 0 3px 5px rgba(0, 9, 128, 0.05), 0 4px 10px rgba(0, 9, 128, 0.035), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

.shadow-lg {
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.btn.shadow-lg {
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

.shadow-xl {
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

.btn.shadow-xl {
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

.shadow-xxl {
    box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075);
}

.btn.shadow-xxl {
    box-shadow: 0 12px 22px rgba(0, 9, 128, 0.05), 0 20px 36px rgba(0, 9, 128, 0.075), inset 0 1px 1px rgba(255, 255, 255, 0.1), inset 0 -1px 1px rgba(0, 0, 0, 0.075);
}

.ui-action-card.shadow-sm:hover {
    box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
}

.ui-action-card.shadow-md:hover {
    box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}

.ui-action-card.shadow-lg:hover {
    box-shadow: 0 8px 18px rgba(0, 9, 128, 0.15), 0 15px 35px rgba(0, 9, 128, 0.2);
}

.ui-action-card.shadow-xl:hover {
    box-shadow: 0 10px 20px rgba(0, 9, 128, 0.15), 0 20px 48px rgba(0, 9, 128, 0.2);
}



/**
* 15. Buttons
* ----------------------------------------------------------------------- *
*/
.btn {
    display: inline-block;
    font-size: .9rem;
    padding: .6rem 1.5rem;
    text-transform: uppercase;
    letter-spacing: .03rem;
}

    .btn.btn-sm, .btn-group-sm > .btn {
        font-size: .9rem;
        padding: .35rem 1rem;
    }

    .btn.btn-circle {
        width: 32px;
        line-height: 32px;
        height: 32px;
        padding: 0;
    }

@media (min-width: 992px) {
    .footer .btn {
        font-size: 1rem !important;
    }

    .btn {
        font-size: .95rem !important;
        padding: .6rem 1.5rem !important;
    }

        .btn.btn-circle {
            width: 37px;
            line-height: 37px;
            height: 37px;
        }
}

.btn-link {
    display: inline-block;
    font-size: .9rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .03rem;
}

.btn-showcase {
    display: inline-block;
    padding: 11px 24px;
    border: 1px solid #ff5a5f;
     border-radius: 8px 8px 8px 0;
    background-color: #ff5a5f;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    text-align: center;
    letter-spacing: normal;
    text-decoration: none;
    text-transform: capitalize;
    font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
}

    .btn-showcase:hover {
        color: #FFF;
        background-color: #f93333;
    }

.btn-arrow::after {
    content: "\2192";
    display: inline-block;
    margin-left: .35rem;
    font-size: 1.2rem;
    line-height: 1;
}

.rc-anchor-light {
    border: 2px solid #484848;
}

.actions .btn {
    margin-bottom: 1rem;
    margin-right: 1rem;
    border-radius: 8px 8px 8px 0;
}

    .actions .btn:nth-last-child(1) {
        margin-right: 0;
    }

.btn-download {
    position: relative !important;
    padding-left: 4rem !important;
    text-align: left !important;
}

    .btn-download span {
        display: block;
        font-weight: 700;
    }

        .btn-download span:nth-child(1) {
            font-size: 70%;
        }

    .btn-download::before {
        display: block;
        content: '';
        position: absolute;
        height: 28px;
        width: 28px;
        top: 50%;
        left: 1.5rem;
        margin-top: -14px;
    }

    .btn-download.btn-app-store::before {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBjbGFzcz0ic3QwIiBkPSJNNDAuNywxMTIuMUMxNSwxNTYuOSwzMS4zLDIyNC44LDU5LjksMjY1LjljMTQuMiwyMC42LDI4LjYsMzkuMSw0OC40LDM5LjFjMC40LDAsMC43LDAsMS4xLDAKCQljOS4zLTAuNCwxNi0zLjIsMjIuNS02YzcuMy0zLjEsMTQuOC02LjMsMjYuNi02LjNjMTEuMiwwLDE4LjQsMy4xLDI1LjMsNi4xYzYuOCwzLDEzLjksNiwyNC4zLDUuOGMyMi4yLTAuNCwzNS45LTIwLjQsNDcuOS0zNy45CgkJYzEyLjYtMTguNCwxOC45LTM2LjIsMjEtNDNsMC4xLTAuM2MwLjQtMS4yLTAuMi0yLjUtMS4zLTMuMWMwLDAtMC4xLTAuMS0wLjItMC4xYy0zLjktMS42LTM4LjMtMTYuOC0zOC42LTU4LjQKCQljLTAuMy0zMy43LDI1LjgtNTEuNiwzMS01NC44bDAuMi0wLjJjMC42LTAuNCwxLTAuOSwxLjEtMS42YzAuMS0wLjcsMC0xLjMtMC40LTEuOWMtMTgtMjYuNC00NS42LTMwLjMtNTYuNy0zMC44CgkJYy0xLjYtMC4yLTMuMy0wLjItNC45LTAuMmMtMTMuMSwwLTI1LjYsNC45LTM1LjYsOC45Yy02LjksMi43LTEyLjksNS4xLTE3LjEsNS4xYy00LjYsMC0xMC43LTIuNC0xNy42LTUuMgoJCWMtOS4zLTMuNy0xOS45LTcuOS0zMS4xLTcuOWMtMC4zLDAtMC41LDAtMC44LDBDNzguOSw3My42LDU0LjMsODguNSw0MC43LDExMi4xeiIvPgoJPHBhdGggaWQ9IlhNTElEXzIzMF8iIGNsYXNzPSJzdDAiIGQ9Ik0yMTIuMSwwYy0xNS44LDAuNi0zNC43LDEwLjMtNDYsMjMuNmMtOS42LDExLjEtMTksMjkuNy0xNi41LDQ4LjRjMC4yLDEuMiwxLjEsMi4xLDIuMywyLjIKCQljMS4xLDAuMSwyLjEsMC4xLDMuMiwwLjFjMTUuNCwwLDMyLTguNSw0My40LTIyLjNjMTItMTQuNSwxOC0zMy4xLDE2LjItNDkuOEMyMTQuNSwwLjksMjEzLjQsMCwyMTIuMSwweiIvPgo8L2c+Cjwvc3ZnPgo=");
    }

    .btn-download.btn-google-play::before {
        background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIxLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyODkuOCAyODkuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjg5LjggMjg5Ljg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTMuNCwxMy43Yy0wLjcsMi40LTEuMiw1LjEtMS4yLDh2MjQ2LjRjMCwzLDAuNSw1LjUsMS4xLDcuOWwxMzguMy0xMzFDMTUxLjcsMTQ1LDEzLjQsMTMuNywxMy40LDEzLjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjA1LjYsOTMuOUw0NC4yLDQuMWMtNi40LTMuOS0xMi44LTQuOS0xOC4xLTMuNWwxMzguOSwxMzEuOUwyMDUuNiw5My45eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2NS4xLDEyN2wtNDMuMS0yNGwtNDQuMSw0MS44bDQ1LDQyLjdsNDEuOS0yM0MyODUuMywxNTIuOSwyNzcuOCwxMzQuMSwyNjUuMSwxMjd6Ii8+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjUuNiwyODkuMWM1LjQsMS41LDExLjksMC42LDE4LjUtMy40bDE2MS45LTg4LjlsLTQxLjQtMzkuNEMxNjQuNywxNTcuNCwyNS42LDI4OS4xLDI1LjYsMjg5LjF6Ii8+CjwvZz4KPC9zdmc+Cg==");
    }

.ui-gradient-green:hover {
    color: #FFF !important;
    transform: translate(2px, 2px);
}

.ui-gradient-blue:hover {
    color: #FFF !important;
    transform: translate(2px, 2px);
}

.btn.ui-gradient-green {
    color: #FFF;
}

.bg-overlay-gradient-green {
    color: rgba(255, 255, 255, 0.85);
}

    .bg-overlay-gradient-green .heading, .bg-overlay-gradient-green .sub-heading, .bg-overlay-gradient-green .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-green .section-heading .paragraph, .bg-overlay-gradient-green .lead {
        color: #FFF;
    }

    .bg-overlay-gradient-green::before {
        background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
        background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
    }

.ui-card.ui-curve .card-header.ui-gradient-green {
    color: rgba(255, 255, 255, 0.85);
    background: -moz-linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
    background: linear-gradient(45deg, #19d9b4 0%, #92d275 100%);
}

.ui-gradient-green {
    background: -moz-linear-gradient(45deg, #92d275 0%, #92d275 100%);
    background: linear-gradient(45deg, #92d275 0%, #92d275 100%);
}

.ui-gradient-blue {
    background: -moz-linear-gradient(45deg, #54ceff 0%, #54ceff 100%);
    background: linear-gradient(45deg, #54ceff 0%, #54ceff 100%);
}



    .ui-gradient-animator .btn-link,
    .ui-gradient-animator .btn-link:hover, .ui-gradient-blue .btn-link, .ui-gradient-black .btn-link,
    .ui-gradient-blue .btn-link:hover, .ui-card.ui-gradient-blue .btn-link,
    .ui-card.ui-gradient-blue .btn-link:hover {
        color: #fff;
    }

.btn.ui-gradient-black {
    color: #FFF;
}

.btn.ui-gradient-blue {
    color: #FFF;
}

.bg-overlay-gradient-blue {
    color: rgba(255, 255, 255, 0.85);
}

    .bg-overlay-gradient-blue .heading, .bg-overlay-gradient-blue .sub-heading, .bg-overlay-gradient-blue .ui-icon-blocks .ui-icon-block > .icon, .bg-overlay-gradient-blue .section-heading .paragraph, .bg-overlay-gradient-blue .lead {
        color: #FFF;
    }

    .bg-overlay-gradient-blue::before {
        background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
        background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
    }

.ui-card.ui-curve .card-header.ui-gradient-blue {
    color: rgba(255, 255, 255, 0.85);
    background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
    background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

    .ui-card.ui-curve .card-header.ui-gradient-blue .heading, .ui-card.ui-curve .card-header.ui-gradient-blue .sub-heading, .ui-card.ui-curve .card-header.ui-gradient-blue .ui-icon-block .icon {
        color: #FFF;
    }

.step-number.ui-gradient-blue,
.step-number.ui-gradient-blue::before {
    background: -moz-linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
    background: linear-gradient(45deg, #8089ff 0%, #54ceff 100%);
}

.ui-icon-blocks .ui-icon-block > .icon.ui-gradient-blue {
    color: #FFF;
}

.side-nav-entry {
    background-color: #ecdce6;
    overflow: hidden;
    min-height: 300px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    margin: auto;
}

.side-nav-entry-content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px;
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 16px;
    left: 16px;
}

.side-nav-entry-content-text {
    position: relative;
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
}

.side-nav-entry-content-text-header {
    font-size: 2rem;
    line-height: 2rem;
    letter-spacing: .25px;
    margin-right: -.25px;
    font-weight: 700;
    margin-bottom: 10px;
}

.side-nav-entry-content-text-subheader {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    padding-bottom: 16px;
}

side-nav-entry-btn:after, .side-nav-entry-btn:before {
    content: "";
    position: absolute;
    z-index: -200;
    left: -2px;
    right: -2px;
    top: -2px;
    bottom: -2px;
    -webkit-transition: all .4s cubic-bezier(.4,0,.3,1);
    transition: all .4s cubic-bezier(.4,0,.3,1);
    border-radius: 4px;
    background: #fff;
    background: var(--eds-background,#fff);
    opacity: 0;
}

.side-nav-entry-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
    height: 100%;
    width: 100%;
    border-radius: 6px;
}

.side-nav-entry-btn {
    position: relative;
    height: 44px;
    padding: 0 30px 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: .2px;
    color: #FFFFFF;
    background: transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    border-color: #ff5a5f;
    background-color: #ff5a5f;
}

a.side-nav-entry-btn {
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
}



.dna-radio-group {
    padding: 0;
    border: 0;
    margin: 0;
    margin-top: 10px;
}

@media only screen and (min-width: 48em) {
    .dna-form-field {
        margin: 0 0 24px;
        font-size: 16px;
    }
}

.dna-radio-group-buttons {
    font-family: Roboto,Helvetica,Arial,sans-serif;
    display: table;
    table-layout: fixed;
    width: 100%;
}

.dna-radio-group-button {
    display: table-cell;
    background-color: #fff;
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0;
}

.dna-radio-group-radio {
    display: none;
}

.dna-radio-group-button:first-of-type > .dna-radio-group-label {
    border-radius: 2px 0 0 2px;
    border-left: 1px solid #ccc;
}

.dna-radio-group-label {
    box-sizing: border-box;
    display: block;
    padding: 8px 4px;
    text-align: center;
    border: 1px solid #ccc;
    border-left: 0;
    color: #737373;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    transition: all 0.2s;
}

.dna-radio-group-radio:checked + .dna-radio-group-label {
    background: #ff5a5f;
    color: #fff;
    border-color: #ff5a5f;
}

@media only screen and (min-width: 48em) {
    .dna-radio-group-label {
        font-size: 21px;
        padding: 12px 4px;
        line-height: 1.05;
    }
}

#venuedonation span {
    color: #ff5a5f;
    font-size: 16px;
    margin-top: 10px;
    display: block;
    line-height: 17px;
}

#venuedonation .organiserblock {
    padding-bottom: 15px;
}

#venuedonation .organiser-event {
    font-size: 15px;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    color: #000;
    font-weight: 100;
    line-height: 18px;
}






.jssocials-shares {
    margin: 0 auto;
}

    .jssocials-shares * {
        box-sizing: border-box;
    }

.jssocials-share {
    display: inline-block;
    vertical-align: top;
    margin: 0.3em;
}

    .jssocials-share:first-child {
        margin-left: 0;
    }

    .jssocials-share:last-child {
        margin-right: 0;
    }

.jssocials-share-logo {
    width: 1em;
    vertical-align: middle;
    font-size: 2em !important;
}

img.jssocials-share-logo {
    width: auto;
    height: 1em;
}

.search img.jssocials-share-logo {
    width: auto;
    height: 1.4em;
}

.jssocials-share-link {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    box-shadow: 1px 1px #000,1px 1px #000,1px 1px #000,1px 1px #000,2px 2px #000,3px 3px #000;
}

    .jssocials-share-link:hover {
        transform: translate(2px, 2px);
    }

    .jssocials-share-link.jssocials-share-link-count {
        padding-top: .2em;
    }

        .jssocials-share-link.jssocials-share-link-count .jssocials-share-count {
            display: block;
            font-size: .6em;
            margin: 0 -.5em -.8em -.5em;
        }

    .jssocials-share-link.jssocials-share-no-count {
        padding-top: .5em;
    }

        .jssocials-share-link.jssocials-share-no-count .jssocials-share-count {
            height: 1em;
        }

.jssocials-share-label {
    padding-left: 0.3em;
    vertical-align: middle;
}

.jssocials-share-count-box {
    display: inline-block;
    height: 1.5em;
    padding: 0 0.3em;
    line-height: 1;
    vertical-align: middle;
    cursor: default;
}

    .jssocials-share-count-box.jssocials-share-no-count {
        display: none;
    }

.jssocials-share-count {
    line-height: 1.5em;
    vertical-align: middle;
}

.jssocials-share-twitter .jssocials-share-link {
    background: #00aced;
}

    .jssocials-share-twitter .jssocials-share-link:hover {
        background: #0087ba;
    }

.jssocials-share-bluesky .jssocials-share-link {
    background: #1185fe;
}

    .jssocials-share-bluesky .jssocials-share-link:hover {
        background: #0e79e9;
    }

.jssocials-share-youtube .jssocials-share-link {
    background: #ff0000;
}

    .jssocials-share-youtube .jssocials-share-link:hover {
        background: #ed0e0e;
    }

.jssocials-share-facebook .jssocials-share-link {
    background: #3b5998;
}

    .jssocials-share-facebook .jssocials-share-link:hover {
        background: #2d4373;
    }

.jssocials-share-instagram .jssocials-share-link {
    background: #ca307c;
}

    .jssocials-share-instagram .jssocials-share-link:hover {
        background: #bd3381;
    }

.jssocials-share-googleplus .jssocials-share-link {
    background: #dd4b39;
}

    .jssocials-share-googleplus .jssocials-share-link:hover {
        background: #c23321;
    }

.jssocials-share-linkedin .jssocials-share-link {
    background: #007bb6;
}

    .jssocials-share-linkedin .jssocials-share-link:hover {
        background: #005983;
    }

.jssocials-share-pinterest .jssocials-share-link {
    background: #cb2027;
}

    .jssocials-share-pinterest .jssocials-share-link:hover {
        background: #9f191f;
    }

.jssocials-share-email .jssocials-share-link {
    background: #f2ca44;
}

    .jssocials-share-email .jssocials-share-link:hover {
        background: #deb93e;
    }

.jssocials-share-stumbleupon .jssocials-share-link {
    background: #eb4823;
}

    .jssocials-share-stumbleupon .jssocials-share-link:hover {
        background: #c93412;
    }

.jssocials-share-whatsapp .jssocials-share-link {
    background: #29a628;
}

    .jssocials-share-whatsapp .jssocials-share-link:hover {
        background: #1f7d1e;
    }

.jssocials-share-telegram .jssocials-share-link {
    background: #2ca5e0;
}

    .jssocials-share-telegram .jssocials-share-link:hover {
        background: #1c88bd;
    }

.jssocials-share-line .jssocials-share-link {
    background: #25af00;
}

    .jssocials-share-line .jssocials-share-link:hover {
        background: #1a7c00;
    }

.jssocials-share-viber .jssocials-share-link {
    background: #7b519d;
}

    .jssocials-share-viber .jssocials-share-link:hover {
        background: #61407b;
    }

.jssocials-share-pocket .jssocials-share-link {
    background: #ef4056;
}

    .jssocials-share-pocket .jssocials-share-link:hover {
        background: #e9132e;
    }

.jssocials-share-snapchat .jssocials-share-link {
    background: #FFFC00;
}

    .jssocials-share-snapchat .jssocials-share-link:hover {
        background: #f9f60c;
    }

.jssocials-share-messenger .jssocials-share-link {
    background: #0084ff;
}

    .jssocials-share-messenger .jssocials-share-link:hover {
        background: #006acc;
    }

.jssocials-share-vkontakte .jssocials-share-link {
    background: #45668e;
}

    .jssocials-share-vkontakte .jssocials-share-link:hover {
        background: #344d6c;
    }

.jssocials-share-link {
    padding: .6em .6em;
    color: #fff;
    border-radius: 50%;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

    .jssocials-share-link:hover, .jssocials-share-link:focus, .jssocials-share-link:active {
        color: #fff;
    }

.jssocials-share-count-box {
    position: relative;
    height: 2.5em;
    padding: 0 .3em;
    margin-left: 0.3em;
    background: #f5f5f5;
    -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
}

    .jssocials-share-count-box:hover {
        background: gainsboro;
    }

        .jssocials-share-count-box:hover:after {
            border-color: transparent gainsboro transparent transparent;
        }

    .jssocials-share-count-box:after {
        content: "";
        display: block;
        position: absolute;
        top: 0.85em;
        left: -0.3em;
        width: 0;
        height: 0;
        border-width: 0.4em 0.4em 0.4em 0;
        border-style: solid;
        border-color: transparent #f5f5f5 transparent transparent;
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
        transition: background 200ms ease-in-out, border-color 200ms ease-in-out;
    }

    .jssocials-share-count-box .jssocials-share-count {
        line-height: 2.5em;
        color: #444;
    }

@keyframes animate-stripes {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 60px 0;
    }
}

@keyframes auto-progress {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.progress-bar {
    background-color: #1a1a1a;
    height: 45px;
    width: 450px;
    margin: 50px auto;
    border-radius: 5px;
    box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
    max-width: 100%;
}

.stripes {
    background-size: 30px 30px;
    background-image: linear-gradient( 135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent );
}

    .stripes.animated {
        animation: animate-stripes 0.6s linear infinite;
    }

        .stripes.animated.slower {
            animation-duration: 1.25s;
        }

    .stripes.reverse {
        animation-direction: reverse;
    }

.progress-bar-inner {
    display: block;
    height: 45px;
    width: 0%;
    background-color: #ff5a5f;
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    position: relative;
}

.queue {
    padding: 25px;
}

    .queue .queue-icon {
        width: 75px;
        height: auto;
        margin: 0 auto;
    }

    .queue h5 {
        font-size: 27px;
        line-height: 27px;
        margin: 0 auto;
        text-align: center;
        margin-top: 18px;
        text-transform: uppercase;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 18px;
        color: #000;
    }

    .queue h6 {
        font-size: 20px;
        line-height: 20px;
        margin: 0 auto;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        color: #000;
    }

    .queue .queue-info-block img {
        width: 80px;
        height: auto;
        margin: 0 auto;
    }

    .queue .queue-info-block h3 {
        font-size: 30px;
        line-height: 30px;
        margin: 0 auto;
        text-align: center;
        margin-top: 18px;
        text-transform: uppercase;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 18px;
    }

    .queue .queue-info-block-title {
        font-size: 22px;
        line-height: 23px;
        margin: 0 auto;
        text-align: center;
        margin-top: 18px;
        margin-bottom: 5px;
    }

.queue-message {
    box-shadow: none;
    border-left: #b5b5af;
    border-left-style: solid;
    border-left-width: 2px;
    border-right: #b5b5af;
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom: #b5b5af;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-top: #b5b5af;
    border-top-style: solid;
    border-top-width: 2px;
    padding: 15px;
    width: 75%;
    margin: 0 auto;
    display: grid;
}

    .queue-message .lastUpdated {
        width: 100%;
        text-align: right;
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 15px;
        border-bottom: #b3b3b0;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 5px;
    }

.queue-leave {
    margin-top: 20px;
}

    .queue-leave img {
        float: left;
        width: 20px;
        height: auto;
        margin-right: 5px;
    }

    .queue-leave p a {
        color: #000;
    }



.tour-events-list ul:first-child {
    border-top: none;
}

.tour-events-list ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    border-top: 1px solid rgb(191, 191, 191);
}

.tour-events-list li {
    border-bottom: 1px solid rgb(191, 191, 191);
}

.tour-events-list .events-list-item {
    padding: 18px;
    position: relative;
    display: flex;
    -webkit-box-flex: 1;
    flex-grow: 1;
    align-items: flex-start;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.events-list-item-date {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    -webkit-box-pack: justify;
    justify-content: space-between;
    width: 4.2em;
    margin-right: 8px;
    text-align: center;
}

@media (min-width: 1050px) {
    .events-list-item-date {
        margin-right: 16px;
    }
}

.events-list-item-date .month {
    color: rgb(100, 100, 100);
    text-transform: uppercase;
    font-size: 16px;
    line-height: 18px;
}

.events-list-item-date .day {
    font-size: 26px;
    color: #000;
    line-height: 27px;
}

.events-list-item-date .year {
    color: rgb(100, 100, 100);
    font-size: 16px;
    line-height: 18px;
}

.events-list-item-details {
    -webkit-box-flex: 1;
    flex-grow: 1;
    margin-right: 8px;
}

    .events-list-item-details .waiting-list {
        padding: 5px;
    }

    .events-list-item-details .events-list-item-time {
        color: rgb(100, 100, 100);
        font-size: 16px;
        line-height: 18px;
        margin: 0px 0px 4px;
    }

    .events-list-item-details .event-list-item-location {
        color: rgb(38, 38, 38);
        display: block;
        margin: 0px 0px 4px;
        font-weight: 600;
        font-size: 16px;
        line-height: 18px;
    }

    .events-list-item-details .event-list-item-name {
        color: rgb(100, 100, 100);
        display: block;
        font-size: 16px;
        line-height: 18px;
        margin-bottom: 3px;
    }

.event-list-button-holder {
    display: block;
    flex-shrink: 0;
    align-self: center;
    min-width: 12em;
    text-align: right;
}

    .event-list-button-holder .event-list-button {
        margin: initial;
        font-family: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        text-transform: inherit;
        padding: 8px 16px 8px 24px;
        color: rgb(255, 255, 255);
        background-color: #ff5a5f;
        display: inline-block;
        width: auto;
        border-radius: 2px;
        font-weight: 600;
        font-size: 16px;
        white-space: nowrap;
        text-align: center;
        transition: background-color 0.2s ease 0s;
        text-decoration: none;
    }

        .event-list-button-holder .event-list-button:not(:disabled):focus, .event-list-button-holder .event-list-button:not(:disabled):hover {
            color: #FFF;
            background-color: #f93333;
        }

.tour-events-list {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 10px 3px;
    margin-top: 10px;
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    display: flex;
    flex-direction: column;
    height: 100%;
}

.event-list-button-holder .event-list-button .flexwrapper {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.event-list-button-holder .event-list-button .button-text {
    padding-right: 8px;
}

.event-list-button-holder .event-list-button .button-svg {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    transition: transform 0.2s ease-out 0s;
    fill: currentcolor;
    transform: rotate( -90deg );
}

.tour-about {
    margin-top: 50px;
}

@media all and (max-width: 767px) {
    .tour-about-right {
        margin-top: 20px;
    }
}

.content-body {
    transition: height 200ms;
    overflow: hidden;
    position: relative;
}

    .content-body[aria-expanded="true"]:after {
        transition: height 450ms ease 0s;
        position: absolute;
        bottom: 0px;
        height: 0%;
        width: 100%;
        content: "";
        background: linear-gradient(to top, rgb(255, 255, 255) 10%, rgba(255, 255, 255, 0) 90%);
        pointer-events: none;
    }

    .content-body[aria-expanded="false"]:after {
        -webkit-transition: height 450ms;
        transition: height 450ms;
        position: absolute;
        bottom: 0;
        height: 40%;
        width: 100%;
        content: "";
        background: linear-gradient(to top, rgba(255,255,255, 1) 10%, rgba(255,255,255, 0) 90%);
        pointer-events: none;
    }

.sectionartist .content-body[aria-expanded="true"]:after {
    transition: height 450ms ease 0s;
    position: absolute;
    bottom: 0px;
    height: 0%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, rgb(250, 250, 250) 10%, rgb(250, 250, 250, 0) 90%);
    pointer-events: none;
}

.sectionartist .content-body[aria-expanded="false"]:after {
    -webkit-transition: height 450ms;
    transition: height 450ms;
    position: absolute;
    bottom: 0;
    height: 40%;
    width: 100%;
    content: "";
    background: linear-gradient(to top, #fafafa 10%, rgb(250 250 250 / 0%) 90%);
    pointer-events: none;
}

.show-button {
    margin-right: initial;
    margin-bottom: 20px;
    margin-left: initial;
    border: 0px;
    font-weight: 800;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    text-transform: inherit;
    margin-top: 20px;
    padding: 8px 16px 8px 24px;
    border-radius: 10px 10px 10px 0;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    text-align: center;
    background-color: #ff5a5f;
    cursor: pointer;
    font-size: 16px;
}

.show-less {
    transform: rotate( 180deg );
}

.show-button-svg {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    transition: transform 0.2s ease-out 0s;
    fill: currentcolor;
}

.tour-faq {
    display: inline-block;
    width: 100%;
    padding-bottom: 30px;
    padding-top: 30px;
}

.tour-tab {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d4c7c7;
}

    /* (B) HIDE CHECKBOX */
    .tour-tab input {
        display: none;
    }

    /* (C) TAB LABEL */
    .tour-tab label {
        display: block;
        margin-top: 10px;
        padding: 10px;
        color: #000;
        font-weight: bold;
        cursor: pointer;
        font-size: 18px;
        line-height: 20px;
    }

    /* (D) TAB CONTENT */
    .tour-tab .tab-content {
        overflow: hidden;
        transition: max-height 0.3s;
        max-height: 0;
    }

        .tour-tab .tab-content p {
            padding: 10px;
        }

    /* (E) OPEN TAB ON CHECKED */
    .tour-tab input:checked ~ .tab-content {
        max-height: 100vh;
    }

    /* (F) EXTRA - ADD ARROW INDICATOR */
    .tour-tab label::after {
        content: "\25b6";
        position: absolute;
        right: 10px;
        top: 10px;
        display: block;
        transition: all 0.4s;
    }

    .tour-tab input:checked ~ label::after {
        transform: rotate(90deg);
    }

.play-button {
    position: absolute;
    top: 0px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: rgb(255, 255, 255);
    font-size: 32px;
}

    .play-button .play-button-icon {
        display: inline-block;
        flex-shrink: 0;
        vertical-align: middle;
        transition: transform 0.2s ease-out 0s;
        fill: currentcolor;
    }

.tour-gallery {
    background-color: rgb(246, 246, 246);
    padding: 40px;
}

    .tour-gallery .flex-viewport {
        height: 100% !important;
        max-height: 400px;
        min-height: 200px;
    }

    .tour-gallery .module-box .slides {
        min-height: 200px;
    }

        .tour-gallery .module-box .slides .col-4-mar {
            margin-bottom: 0px;
        }

    .tour-gallery .preview-Text {
        position: absolute;
        top: 0px;
        display: flex;
        align-items: flex-end;
        width: 100%;
        height: 100%;
        color: rgb(255, 255, 255);
        font-weight: 600;
        background-image: linear-gradient(to top, rgba(0, 0, 0, 0.9) 10%, transparent 30%);
    }

        .tour-gallery .preview-Text span {
            padding: 13px;
            font-size: 16px;
            line-height: 16px;
        }

    .tour-gallery .event-feed.latest .event-image .reveal-modal img {
        width: auto;
        height: 100%;
        float: none;
        margin-left: 0px;
        margin-right: 0px;
        border-radius: 6px;
        margin: 0 auto;
    }

.modalvideo {
    height: 100%;
    width: 100%;
}

.tour-footer {
    padding: 64px 56px;
    position: relative;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    min-height: 250px;
    color: rgb(255, 255, 255);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}

    .tour-footer::before {
        position: absolute;
        inset: 0px;
        display: block;
        background-color: rgba(0, 0, 0, 0.5);
        content: "";
    }

    .tour-footer .tour-footer-inner {
        width: 100%;
        max-width: 1248px;
    }

    .tour-footer .tour-footer-title {
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        margin-bottom: 0px;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 32px;
        position: relative;
        margin: 0px;
        padding-bottom: 4px;
        font-weight: 900;
        text-transform: uppercase;
    }

    .tour-footer .tour-footer-button {
        margin: initial;
        border: 1px solid transparent;
        font-family: inherit;
        line-height: inherit;
        letter-spacing: inherit;
        padding: 16px 24px;
        color: rgb(255, 255, 255);
        background-color: #ff5a5f;
        display: inline-block;
        width: auto;
         border-radius: 8px 8px 8px 0;
        text-transform: capitalize;
        font-weight: 600;
        font-size: 16px;
        white-space: nowrap;
        text-align: center;
        transition: background-color 0.2s ease 0s;
        text-decoration: none;
        position: relative;
        margin-top: 32px;
    }

        .tour-footer .tour-footer-button:hover {
            color: rgb(255, 255, 255);
        }

.preSaleLogo {
    max-width: 250px;
    height: auto;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: 30px;
}

.preSaleIntro {
    position: relative;
    background: #fff;
    line-height: 22px;
    font-size: 17px;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #253657;
    padding: 5px 10px 5px 10px;
    word-wrap: break-word;
    text-align: center;
}

.waitinglistbuynow {
    background-color: #ff5a5f;
    color: white;
    padding: 4px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    border-radius: 8px 8px 8px 0px;
    white-space: break-spaces;
}

.app-notification {
    padding-top: 20px;
    position: relative;
    background-color: white;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 225, 228);
    border-image: initial;
    margin-bottom: 20px;
     border-radius: 8px 8px 8px 0;
    margin-top: 10px;
}

    .app-notification img {
        max-width: 100%;
    }

    .app-notification .center-button {
        -ms-user-select: none;
        user-select: none;
        tap-highlight-color: transparent;
        font-weight: 600;
        max-width: 100%;
        cursor: pointer;
        background: #ff5a5f;
        color: #FFF;
        text-align: center;
        display: block;
        position: relative;
        height: 45px;
        text-transform: capitalize;
        font-size: 16px;
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
        line-height: 43px;
        margin-top: 20px;
        margin-bottom: 20px;
        width: 70%;
        margin: 0 auto;
        -webkit-box-shadow: 3px 3px black;
        box-shadow: 3px 3px black;
        border: 2px solid black;
        border-radius: 8px 8px 8px 0;
    }

        .app-notification .center-button:hover {
            color: #FFF;
            background-color: #f93333;
            box-shadow: 4px 4px black !important;
        }

    .app-notification .row {
        display: flex;
    }

.trendingtags h2 {
    font-size: 24px !important;
    line-height: 24px !important;
    font-weight: 600;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    margin-bottom: 0px;
    text-transform: capitalize;
    margin: 0;
    padding: 10px 0px 5px;
    color: #000;
}

.content-divider {
    margin: 0 auto;
    border-top: 0px;
    margin-top: 20px;
    margin-bottom: 20px;
    background: none;
    border-bottom: none;
}



.related-artists {
    padding-bottom: 40px;
}

.show-button-book {
    margin-top: 0px;
}

.related-artists .related-artist-holder {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

    .related-artists .related-artist-holder .grid {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: repeat(4, 1fr);
    }

        .related-artists .related-artist-holder .grid .column {
            grid-column: span 2 / auto;
            display: list-item;
        }

    .related-artists .related-artist-holder .related-artist-image {
        padding-bottom: 100%;
        position: relative;
        height: 0px;
        display: block;
        width: 100%;
    }

        .related-artists .related-artist-holder .related-artist-image .the-image {
            width: 100%;
            vertical-align: middle;
            border-style: none;
            border-radius: 50%;
            object-fit: cover;
        }

        .related-artists .related-artist-holder .related-artist-image > * {
            position: absolute;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            display: block;
        }

.related-artists .artist-details {
    height: 100%;
    display: flex;
    flex-direction: column;
    place-content: center;
    -webkit-box-pack: center;
    margin-left: 10px;
}

    .related-artists .artist-details .artists-name {
        -webkit-box-align: start;
        place-items: start;
        margin-top: 10px;
        margin-bottom: 10px;
    }

        .related-artists .artist-details .artists-name .the-name {
            font-family: 'Rubik', "Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
            color: #000;
            font-size: 22px;
            letter-spacing: 0px;
            line-height: 23px;
            font-weight: 500;
            word-break: break-word;
        }

.artist-header {
    padding-top: 0px;
    bottom: 0;
    position: absolute;
    left: 10%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 2;
}

.artist-image {
    width: 250px;
    float: right;
    height: 250px;
    z-index: 2;
    margin-right: 50px;
    border-radius: 50%;
    margin-bottom: 0px;
    margin-top: 0px;
}

.artist-full-width {
    width: 100vw;
    max-width: 100%;
}

    .artist-full-width img {
        height: 100%;
        width: 100%;
        max-height: 550px;
    }

.artist-website a {
    font-size: 18px;
    line-height: 19px;
    font-weight: 500;
    color: #000;
}

.header-artist {
    font-size: 68px !important;
    line-height: 68px !important;
    word-break: break-word;
}

#lineup .event-description img {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    display: inline-block;
}

#lineup .mention {
    color: #000;
    clear: both;
    display: list-item;
    font-weight: 500;
    flex: none;
    margin-right: 5px;
    line-height: 44px;
}

    #lineup .mention img {
        border-radius: 100%;
        height: 40px;
        float: left;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 8px;
        width: 40px;
        border: 2px solid #000;
        background-color: #000;
    }

    #lineup .mention:hover {
        color: rgba(255,90,95);
    }

#lineup p {
    flex-wrap: wrap;
    list-style: none;
    align-items: start;
    display: block;
    margin-left: auto;
}

#lineup .mention::marker {
    display: none;
}

.trendingtags {
    margin-left: 10px;
    margin-right: 10px;
}

.guideBanner {
    padding-right: 0px !important;
    padding-left: 10px !important;
}

.home .guideBanner {
    padding-bottom: 20px;
}

.home .guideBanner:nth-child(1) {
    padding-right: 15px !important;
    padding-left: 6px !important;
}

    .home .guideBanner:nth-child(2) {
        padding-left: 15px !important;
        padding-right: 6px !important;
    }

.event-guide .guideBanner:nth-child(1) {
    padding-right: 15px !important;
    padding-left: 10px !important;
}

.event-guide .guideBanner:nth-child(2) {
    padding-left: 15px !important;
    padding-right: 10px !important;
}

.app-select {
    margin-bottom: 50px !important;
}

    .app-select .confirm {
        position: fixed !important;
        width: 94% !important;
        border-radius: 83px;
        bottom: 20px;
        z-index: 100;
        left: 0%;
        right: 0%;
        padding-left: 3%;
        padding-right: 3%;
    }

.dynamicform .confirm {
    position: fixed !important;
    width: 94% !important;
    border-radius: 83px;
    bottom: 20px;
    z-index: 100;
    left: 0%;
    right: 0%;
    padding-left: 3%;
    padding-right: 3%;
}

    .dynamicform .confirm .button-credit-card-large {
        margin-bottom: 0px;
    }

.app-select .confirm .confirm-right {
    margin-bottom: 0px !important;
}

.maxheight {
    height: 100vh;
    display: inline-table;
    width: 100%;
}

.maxheightbackground {
    height: 100%;
    background-color: #f7f9fd;
}

.card-wrapper {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 10px;
}

    .card-wrapper .card-holder {
        margin-right: 20px;
    }

        .card-wrapper .card-holder > * {
            height: 26px;
            width: 39px;
        }

.footer-social .card-wrapper .card-holder > * {
    height: 30px;
    width: 43px;
}

.card-wrapper-payment {
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    flex-wrap: wrap;
}

    .card-wrapper-payment .card-holder {
        float: left;
        padding-right: 20px;
    }

        .card-wrapper-payment .card-holder > * {
            height: 20px;
            width: 30px;
            vertical-align: middle;
        }




/* Basic Accordion Styles */
.ticket-accordion {
}

    .ticket-accordion input[type=checkbox] {
        display: none;
    }

    .ticket-accordion label {
        position: relative;
        display: block;
        padding: 0px 0 1em 25px;
        font-size: 19px;
        cursor: pointer;
        transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
        color: #242529;
        line-height: 17px;
        font-weight: 900;
    }

    .ticket-accordion .accordian-price {
        font-size: 18px;
        color: #7d7f87;
        line-height: 19px;
        font-weight: 800;
        font-style: inherit;
        margin-left: 7px;
    }

    .ticket-accordion label:hover {
        color: #2980b9;
    }

    .ticket-accordion input:checked + label {
        color: #2980b9;
    }

    .ticket-accordion input:checked + div .chevronright {
        display: none !important;
    }

    .ticket-accordion input:checked + div .chevrondown {
        display: block !important;
    }

    .ticket-accordion .accordion__content {
        overflow: hidden;
        max-height: 0em;
        position: relative;
        transition: all .05s cubic-bezier(0.865,0.14,0.095,0.87);
    }

        .ticket-accordion .accordion__content:not(:last-of-type) {
            box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.25), inset 4px 0 0 0 #2980b9, inset 0 3px 6px rgba(0, 0, 0, 0.75);
        }

        .ticket-accordion .accordion__content .accordion__header {
            padding: 0.2em 0 1em 1em;
            color: #000;
            line-height: 20px;
            margin: 0;
            font-size: 17px;
        }

        .ticket-accordion .accordion__content .accordion__body {
            font-size: 0.825em;
            line-height: 1.4em;
            display: inline-block;
        }

input:checked ~ .accordion__content {
    max-height: 500em;
    overflow: visible;
}



.date-list {
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1%;
    overflow: hidden;
    flex-wrap: wrap;
}

    .date-list .date-list__item {
        display: flex;
        flex: 0 0 13.2%;
        border-radius: 12px 12px 12px 0;
    }


.date-list__item .ui-state-default {
    margin: 0px 2px 8px 0px;
    padding: 10px 0px 10px 0px;
    float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
    text-align: left;
    line-height: 19px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 12px 12px 12px 0;
    min-height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 225, 228);
    border-image: initial;
    color: #000;
    flex-grow: 1;
}

.date-list__item .ui-state-disabled {
    cursor: default !important;
}

.date-list__item .extra {
    margin: 0px 2px 8px 0px;
    padding: 10px 0px 10px 0px;
    float: left;
    width: 100%;
    height: auto;
    font-size: 18px;
    text-align: left;
    line-height: 19px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 8px;
    min-height: 40px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(224, 225, 228);
    border-image: initial;
    color: #000;
    flex-grow: 1;
}

.date-list__item .ui-selected {
    background: #ff5a5f;
    outline: 0px;
    color: white;
}

.date-instance:hover {
    background: #ff5a5f;
    color: white;
    box-shadow: rgba(29, 33, 41, 0.15) 0px 2px 10px 0px;
    outline: 0px;
}


.date-instance .row {
    min-height: 40px;
    align-items: center;
}

    .date-instance .row div {
        padding: 5px 5px 5px 5px;
        height: 100%;
        align-items: center;
        text-align: center;
    }

    .date-instance .row .longdate span {
        font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
        font-size: 16px;
        line-height: 18px;
    }

    .date-instance .row .time span {
        font-size: 17px;
        line-height: 18px;
    }

    .date-instance .row div span {
        align-self: center;
        justify-content: start;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-weight: 600;
        text-align: center;
    }

    .date-instance .row div .payment-tick-off {
        justify-content: flex-end;
    }

.no-results {
    grid-column: 1 / -1;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
}

.no-results-image {
    position: relative;
    max-width: 240px;
    margin: 0 auto 20px;
}

    .no-results-image img {
        width: 100%;
        height: auto;
        mix-blend-mode: multiply;
    }

.no-results h3 {
    margin-bottom: 20px;
    font-size: 24px;
}

.no-results h3, .no-results p {
    margin-right: auto;
    margin-left: auto;
}

.no-results h3, .no-results p {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.search .browse_location_app #geocoder {
    margin: 0px 0px 0px 0px;
}

.location-search .browse_location {
    flex-wrap: wrap;
    width: 100%;
}

.location-search-web {
    display: inline-flex;
    background-color: white;
    padding: 20px;
    border-radius: 8px;
}

    .location-search-web .mapboxgl-ctrl-geocoder {
        width: 100% !important;
        max-width: none !important;
    }

.mapboxgl-ctrl-geocoder--input {
    border: 2px solid #b0b0b0 !important;
}

    .mapboxgl-ctrl-geocoder--input:hover {
        border: 2px solid #333 !important;
    }

.search .browse_location_app #geocoder {
    margin: 0px 0px 0px 0px;
}

.search .mapboxgl-ctrl-geocoder--icon-close {
    width: 20px;
    height: 20px;
    margin-top: 13px !important;
    margin-right: 0;
}

.event-list .mapboxgl-ctrl-geocoder--icon-close {
    width: 20px;
    height: 20px;
    margin-top: 13px !important;
    margin-right: 0;
}

.browse_location_app #geocoder {
    margin: 0px 5px 15px 0px;
}

.browse_location_app .mapboxgl-ctrl-geocoder:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0;
    bottom: 0;
    width: 22px;
    fill: #ff5a5f !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 512 512' %3E%3Cpath fill='%23ff5a5f' d='M256.016,0C158.797,0.031,80.094,78.781,80.063,175.953c0.063,14.297,3.031,28.641,7.563,43.797 c7.969,26.438,21.094,55.328,36.281,84.547c45.563,87.359,110.328,177.391,110.688,177.891L256.016,512l21.391-29.813 c0.25-0.313,37.969-52.844,76.016-116.266c19.016-31.766,38.141-66.25,52.828-98.859c7.344-16.313,13.578-32.172,18.156-47.313 c4.531-15.156,7.469-29.5,7.531-43.797C431.906,78.781,353.203,0.031,256.016,0z M373.938,204.594 c-6.344,21.156-18.25,47.906-32.594,75.359c-21.484,41.266-48.281,84.375-69.625,116.953c-5.719,8.719-10.969,16.609-15.703,23.594 c-14.891-22-35.594-53.594-55.844-87.75c-17.719-29.906-35.063-61.75-47.656-90.25c-6.297-14.188-11.391-27.547-14.781-39.094 c-3.422-11.5-5-21.281-4.953-27.453c0.016-34.109,13.75-64.734,36.078-87.156c22.391-22.328,53.016-36.063,87.156-36.094 c34.109,0.031,64.75,13.766,87.125,36.094c22.359,22.422,36.078,53.047,36.094,87.156 C379.281,182.344,377.594,192.563,373.938,204.594z'%3E%3C/path%3E %3E%3Cpath fill='%23ff5a5f' d='M256.016,118.719c-31.594,0-57.219,25.641-57.219,57.234c0,31.609,25.625,57.219,57.219,57.219   c31.578,0,57.219-25.609,57.219-57.219C313.234,144.359,287.594,118.719,256.016,118.719z'%3E%3C/path%3E%%3C/svg%3E") center / contain no-repeat;
}


#searchContent .row div {
    padding-left: 0px;
    padding-right: 0px;
}

    #searchContent .row div input {
        margin-top: 5px;
        margin-bottom: 5px;
    }

#searchContent .datepickermultiple {
    width: 100%;
    border: 2px solid rgb(201, 204, 209) !important;
    border-radius: 6px;
}

#searchContent .daterange:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0px;
    bottom: 0;
    width: 26px;
    fill: #ff5a5f !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 36.447 36.447' %3E%3Cpath fill='%23000000' d='M30.224,3.948h-1.098V2.75c0-1.517-1.197-2.75-2.67-2.75c-1.474,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75    c0-1.517-1.197-2.75-2.67-2.75c-1.473,0-2.67,1.233-2.67,2.75v1.197h-2.74V2.75c0-1.517-1.197-2.75-2.67-2.75    c-1.473,0-2.67,1.233-2.67,2.75v1.197H6.224c-2.343,0-4.25,1.907-4.25,4.25v24c0,2.343,1.907,4.25,4.25,4.25h24    c2.344,0,4.25-1.907,4.25-4.25v-24C34.474,5.855,32.567,3.948,30.224,3.948z M25.286,2.75c0-0.689,0.525-1.25,1.17-1.25    c0.646,0,1.17,0.561,1.17,1.25v4.896c0,0.689-0.524,1.25-1.17,1.25c-0.645,0-1.17-0.561-1.17-1.25V2.75z M17.206,2.75    c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z M9.125,2.75    c0-0.689,0.525-1.25,1.17-1.25s1.17,0.561,1.17,1.25v4.896c0,0.689-0.525,1.25-1.17,1.25s-1.17-0.561-1.17-1.25V2.75z     M31.974,32.198c0,0.965-0.785,1.75-1.75,1.75h-24c-0.965,0-1.75-0.785-1.75-1.75v-22h27.5V32.198z'%3E%3C/path%3E %3E%3Cpath fill='%23000000' d='M256.016,118.719c-31.594,0-57.219,25.641-57.219,57.234c0,31.609,25.625,57.219,57.219,57.219   c31.578,0,57.219-25.609,57.219-57.219C313.234,144.359,287.594,118.719,256.016,118.719z'%3E%3C/path%3E %3Crect fill='%23000000' x='12.857' y='14.626' width='4.596' height='4.089'%3E%3C/rect%3E%3Crect fill='%23000000' x='18.995' y='14.626' width='4.596' height='4.089'%3E%3C/rect%3E%3Crect fill='%23000000' x='25.128' y='14.626' width='4.596' height='4.089'%3E%3C/rect%3E%3Crect fill='%23000000' x='6.724' y='20.084' width='4.596' height='4.086'%3E%3C/rect%3E%3Crect fill='%23000000' x='12.857' y='20.084' width='4.596' height='4.086'%3E%3C/rect%3E%3Crect fill='%23000000' x='18.995' y='20.084' width='4.596' height='4.086'%3E%3C/rect%3E%3Crect fill='%23000000' x='25.128' y='20.084' width='4.596' height='4.086'%3E%3C/rect%3E%3Crect fill='%23000000' x='6.724' y='25.54' width='4.595' height='4.086'%3E%3C/rect%3E %3Crect fill='%23000000' x='12.857' y='25.54' width='4.596' height='4.086'%3E%3C/rect%3E%3Crect fill='%23000000' x='18.995' y='25.54' width='4.596' height='4.089'%3E%3C/rect%3E %%3C/svg%3E") center / contain no-repeat;
}

#searchContent .keyword:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 0px;
    bottom: 0;
    width: 28px;
    fill: #ff5a5f !important;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M11 6C13.7614 6 16 8.23858 16 11M16.6588 16.6549L21 21M19 11C19 15.4183 15.4183 19 11 19C6.58172 19 3 15.4183 3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11Z' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") center / contain no-repeat;
}

.browse_location_app .mapboxgl-ctrl-geocoder--icon-search {
    top: 8px;
}

.browse_location_app .mapboxgl-ctrl-geocoder--input {
    width: 100%;
    border-radius: 8px;
    height: 40px;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #b0b0b0 !important;
}

    .browse_location_app .mapboxgl-ctrl-geocoder--input:hover {
        border: 2px solid #000;
    }

    .browse_location_app .mapboxgl-ctrl-geocoder--input:focus {
        border: 2px solid #000;
    }

.search #searchContent .location-autocomplete {
    width: 100%;
}

.search .browse_location_app .mapboxgl-ctrl-geocoder {
    width: 100%;
    min-width: 100%;
}


#searchContent .browse_location_app .mapboxgl-ctrl-geocoder--input {
    height: 50px;
}

#searchContent .browse_location {
    margin-left: 0px;
}

#searchContent .browse_location_app .mapboxgl-ctrl-geocoder--icon-search {
    top: 10px;
    display: none;
}

#searchContent .mapboxgl-ctrl-geocoder--icon-search {
    left: 4px;
    width: 30px;
    height: 30px;
}


.search .mapboxgl-ctrl-geocoder {
    max-width: 100%;
}

#geocoder {
    z-index: 1;
    margin: 0px 10px 25px 10px;
}

.event-guide #geocoder {
    margin: 0px 10px 10px 0px;
}

.mapboxgl-ctrl-geocoder {
    min-width: 100%;
}

.mapboxgl-ctrl-geocoder {
    font-size: 22px !important;
    line-height: 24px;
    font-weight: 700;
}

.mapboxgl-ctrl-geocoder--icon {
    fill: #ff5a5f !important;
}

.mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions {
    box-shadow: none !important;
}

.mapboxgl-ctrl-geocoder--powered-by {
    display: none !important;
}

.home .browse_location .mapboxgl-ctrl-geocoder--input {
    border: 2px solid #b0b0b0 !important;
}

    .home .browse_location .mapboxgl-ctrl-geocoder--input:hover {
        border: 2px solid #000 !important;
    }

    .home .browse_location .mapboxgl-ctrl-geocoder--input:focus {
        border: 2px solid #000 !important;
    }

.guide-location .mapboxgl-ctrl-geocoder {
    border: 2px solid #b0b0b0;
}

    .guide-location .mapboxgl-ctrl-geocoder:hover {
        border: 2px solid #000;
    }

    .guide-location .mapboxgl-ctrl-geocoder:focus {
        border: 2px solid #000;
    }

.browse_location-text {
    font-size: 30px;
    font-weight: 900;
    letter-spacing: .5px;
    line-height: 40px;
    color: #000;
}

.browse_location-text-mobile {
    font-size: 38px;
    line-height: 34px;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: 100%;
    color: #000;
    font-weight: 800;
    text-transform: capitalize;
    letter-spacing: -0.5px;
}

.browse_location-text-mobile-small {
    font-size: 18px;
    line-height: 19px;
    margin: 10px 10px 20px 10px;
    text-align: center;
    width: 100%;
    color: #000;
}

.browse_location {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    margin-bottom: 10px;
}




.home-tabs .home-tabs-nav {
    position: relative;
    margin-bottom: 0;
    overflow: visible;
}

.home-tabs .home-tabs-nav-list {
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 16px;
    flex-wrap: wrap;
}

.tab_item:first-child {
    padding-left: 0;
}

.home-tabs .tab_item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 25px;
}

    .home-tabs .tab_item a {
        text-decoration: none;
        color: #000;
        font-weight: 700;
        font-size: 19px;
        padding-top: 6px;
        padding-bottom: 6px;
    }

    .home-tabs .tab_item span {
        text-decoration: none;
        color: #000;
        font-weight: 700;
        font-size: 19px;
        padding-top: 6px;
        padding-bottom: 1px;
    }

.tab_item:first-child {
    padding-left: 0;
}

.tab_item {
    display: inline-block;
}

    .tab_selected a, .tab_item:hover a {
        border-bottom: 4px solid #ff5a5f;
    }

    .tab_selected span, .tab_item:hover span {
        border-bottom: 4px solid #ff5a5f;
    }

    .tab_item:hover {
        cursor: pointer;
    }

    .tab_item:hover {
        color: #1e0a3c;
    }

    .tab_item button {
        -webkit-appearance: button;
        cursor: pointer;
    }

.header-promotion {
    max-width: 100%;
    display: flex;
}

.header-promotion-inner {
    margin: 0 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: visible;
    max-width: 1200px;
    padding: 75px;
}

.header-promotion-main {
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 50px;
    font-weight: 600;
    text-align: left;
    word-break: break-word;
    line-height: 46px;
    color: #FFF;
    margin-bottom: 15px;
    justify-content: left;
    letter-spacing: -3px;
    text-transform: uppercase;
    flex: 0 0 50%;
    max-width: 50%;
    height: auto;
}

.header-promotion-copy {
    flex: 0 0 50%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

.header-promotion .header-promotion-copy .header-copy-placeholder {
    padding: 0px;
    width: 336px;
}

.header-promotion .header-copy-text {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
    color: #FFF;
}



.app-promotion {
    max-width: 100%;
    display: flex;
}

.app-promotion-inner {
    margin: 0 auto;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: visible;
    max-width: 1200px;
    padding: 75px;
}

.app-promotion-main {
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-size: 50px;
    font-weight: 600;
    text-align: left;
    word-break: break-word;
    line-height: 46px;
    color: #000;
    margin-bottom: 15px;
    justify-content: left;
    letter-spacing: -3px;
    text-transform: uppercase;
    flex: 0 0 30%;
    max-width: 30%;
    height: auto;
}

    .app-promotion-main img {
        max-width: 100%;
    }

    .app-promotion-main .image-copy {
        color: rgba(255, 255, 255, 0.66);
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
        color: #000;
        letter-spacing: 0px;
        text-transform: capitalize;
    }

.app-promotion-copy {
    flex: 0 0 70%;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}

    .app-promotion-copy .app-copy-header {
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        font-size: 50px;
        font-weight: 600;
        text-align: left;
        word-break: break-word;
        line-height: 46px;
        color: #000;
        justify-content: left;
        letter-spacing: -3px;
        text-transform: uppercase;
        flex: 0 0 50%;
        height: auto;
        margin-top: 0px;
        margin-bottom: 20px;
        margin-left: 0;
        text-decoration: none;
    }

    .app-promotion-copy .app-copy-subheader {
        font-size: 26px;
        font-weight: 600;
        line-height: 27px;
        margin-bottom: 20px;
        color: #000;
    }

    .app-promotion-copy .app-copy-text {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 10px;
        margin-top: 10px;
        clear: both;
        color: #000;
    }

.app-promotion .app-promotion-copy .app-copy-placeholder {
    padding: 0px;
    width: 100%;
    margin-left: 10%;
}

.app-promotion .app-copy-text {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
    color: #000;
}

.partner-promotion {
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    overflow: visible;
    background-color: #229f95;
    border-top: 3px solid #1A1A1A;
}

    .partner-promotion .partner-image {
        flex: 0 0 50%;
        max-width: 50%;
        height: auto;
        border-right: 4px solid #1A1A1A;
    }

    .partner-promotion img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .partner-promotion .partner-copy {
        flex: 0 0 49%;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
    }

        .partner-promotion .partner-copy .partner-copy-placeholder {
            padding: 0px;
            width: 336px;
        }

        .partner-promotion .partner-copy .partner-copy-header {
            font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
            font-size: 50px;
            font-weight: 600;
            text-align: left;
            word-break: break-word;
            line-height: 46px;
            color: #fff;
            justify-content: left;
            letter-spacing: -3px;
            text-transform: uppercase;
            flex: 0 0 50%;
            height: auto;
            margin-top: 0px;
            margin-bottom: 20px;
            margin-left: 0;
            text-decoration: none;
        }

        .partner-promotion .partner-copy .partner-copy-subheader {
            font-size: 30px;
            font-weight: 300;
            line-height: 100%;
            margin-bottom: 20px;
            color: #fff;
        }

        .partner-promotion .partner-copy .partner-copy-text {
            font-size: 18px;
            line-height: 22px;
            margin-bottom: 10px;
            margin-top: 10px;
            clear: both;
            color: #fff;
        }

.termly-styles-backButton-c77888 img {
    display: inline-block;
}




.standout-section {
    padding: 32px 48px;
    border-radius: 6px;
}

    .standout-section .row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: -16px;
        margin-left: -16px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

        .standout-section .row.align-center.space-between {
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        .standout-section .row.align-center {
            -webkit-box-align: center;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
        }

    .standout-section h4 {
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 24px;
        line-height: 32px;
        font-weight: 700;
        color: white;
    }

    .standout-section .copy {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
    }

    .standout-section .col-lg-3 {
        webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
    }

.button.white.pink {
    box-shadow: 0 1px 8px 0 rgb(0 0 0 / 16%);
    color: #c40172;
}

.header-button.white {
    border-color: #fff;
    background-color: #fff;
    color: #101623;
    display: inline-block;
    text-align: center;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 900;
    line-height: 20px;
    width: 200px;
    padding: 12px 0px;
    border-radius: 5px;
    margin: 0;
}

    .header-button.white:hover {
        color: #101623;
    }

.standout-section .right {
    text-align: right;
    float: none;
}

.standout-section .floatright {
    float: right;
}

.on-sale-wrapper .on-sale {
    position: relative;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-weight: 700;
    padding: 0px;
    font-size: 0px;
    transition: transform 0.1s ease 0s;
    color: white;
    width: 100%;
    pointer-events: none;
    background-color: #ff5a5f;
    border-radius: 8px 8px 8px 0px;
}

    .on-sale-wrapper .on-sale span {
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        font-size: 16px;
        min-width: 75px;
        min-height: 40px;
        padding: 10px 15px;
    }


.on-sale-wrapper .on-sale-top {
    font-weight: 700;
    color: white;
    margin-bottom: 0px;
    text-decoration: none;
    font-size: 16px;
    line-height: 20px;
}

.on-sale-wrapper .on-sale-bottom {
    font-weight: 400;
    color: white;
    margin-bottom: 0px;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}

.lineupsummary {
    display: flex !important;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 3px;
    -webkit-box-orient: horizontal !important;
}

    .lineupsummary .lineupsummaryimage {
        display: block;
        flex-shrink: 0;
        border-radius: 25px;
        height: 35px;
        width: 35px;
        border: 1px solid rgb(0, 0, 0);
        background-color: rgb(0, 0, 0);
        box-sizing: content-box;
    }

        .lineupsummary .lineupsummaryimage:nth-child(2) {
            z-index: 3;
        }

        .lineupsummary .lineupsummaryimage:nth-child(1) {
            z-index: 4;
        }

        .lineupsummary .lineupsummaryimage:nth-child(3) {
            z-index: 2;
        }

        .lineupsummary .lineupsummaryimage:not(:first-child) {
            margin-left: -8px;
        }

        .lineupsummary .lineupsummaryimage:not(:first-child) {
            margin-left: -8px;
        }

    .lineupsummary .lineupsummarynames {
        word-break: break-word;
        margin: 0px 10px;
        font-size: 15px !important;
        line-height: 15px !important;
        font-weight: 500;
    }

.paymentPlanConfirmation {
    display: flex;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: flex-start;
    -webkit-box-pack: start;
    justify-content: left;
    min-height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

    .paymentPlanConfirmation .confirmationHolder {
        display: flex;
        -webkit-box-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        align-items: center;
        margin-bottom: 10px;
    }

    .paymentPlanConfirmation .paymentPlanMessage {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

        .paymentPlanConfirmation .paymentPlanMessage p {
            font-weight: 700;
            color: rgb(29, 33, 41);
            margin-bottom: 0px;
            text-decoration: none;
            font-size: 18px;
            line-height: 22px;
            text-align: start;
            margin-left: 10px;
        }

        .paymentPlanConfirmation .paymentPlanMessage span {
            font-weight: 400;
            color: rgb(29, 33, 41);
            margin-bottom: 0px;
            text-decoration: none;
            font-size: 16px;
            line-height: 16px;
            text-align: start;
            margin-left: 10px;
        }


.statisticks {
    margin: 15px 0 20px 0;
    padding: 0;
    float: none;
    width: 100%;
    border-radius: 6px;
    background-color: #fff;
    background-clip: border-box;
    border: 0;
    box-shadow: 0 0 2rem 0 rgba(136, 152, 170, .15);
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .statisticks h2 {
        font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 18px;
        line-height: 18px;
        text-transform: capitalize;
        color: #000;
        font-weight: 600;
        margin: 0 0 5px;
        margin-bottom: 0;
        padding: 1rem 1.3rem;
        border-bottom: 1px solid rgba(0, 0, 0, .05);
        background-color: #fff;
        display: flex;
        align-items: center;
        border-radius: 6px;
    }

.row-fluid {
    width: 100%;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
    padding: 2px;
}

.dark {
    background-color: #A7C7E7 !important;
    border: 1px solid rgba(226, 229, 231, 0.5);
}

    .dark div label {
        color: #FFFFFF !important;
    }

.app-label {
    clear: both;
    display: inline-block;
    padding: 0;
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 20px;
    font-weight: 800;
    width: 100%;
    color: #000 !important;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
}

.ticket-creator {
    width: 100%;
}

.push-ends {
    display: inline-block;
    width: 100%;
    padding-bottom: 5px;
}

.row-underline {
    border-top: 1px solid rgba(0, 0, 0, .07);
}

.ticket-creator .row-fluid {
    align-items: center;
}

    .ticket-creator .row-fluid .buy-button {
        height: 35px;
        margin-top: 3px;
        margin-bottom: 0px;
        font-size: 18px;
    }

.labelterm {
    font-size: 16px;
    line-height: 20px;
    word-wrap: break-word;
    max-width: 100%;
    padding: 0.5rem 0.5rem 0.5rem 0rem;
    color: #000;
    display: inline-block;
}

.loadinglabel {
    text-transform: capitalize;
}

.backnavigation {
    float: right;
    font-size: 16px;
    width: 100%;
    margin-bottom: 20px;
}

    .backnavigation a {
        color: #237a91;
        display: flex;
        align-items: center;
    }

    .backnavigation svg {
        transform: rotate(90deg);
    }


.payment-plan-summary {
    font-size: 17px;
    line-height: 21px;
    color: #000;
}

.payment-plan-title {
    font-family: 'Cabin', "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px !important;
    line-height: 18px;
    color: #000 !important;
    letter-spacing: -0.028em;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: 600;
    display: inline-block;
    margin-top: 0px;
}

.table-paymentplan {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border: 2px solid #ff5a5f;
    font-size: 15px;
    color: #000 !important;
    line-height: 16px;
    border-radius: 6px;
    text-align: left;
}

    .table-paymentplan > thead > tr {
        border-bottom: 1px solid #5e5d5d;
    }

    .table-paymentplan tr {
        border: 1px solid #5e5d5d;
    }

    .table-paymentplan > thead > tr > th {
        border-bottom: 1px solid #5e5d5d;
        font-weight: 700;
        border-left: 0;
        border-right: 0;
        border-top: 0;
    }

    .table-paymentplan > tfoot > tr > th {
        border-top: 1px solid #5e5d5d;
        font-weight: 700;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

    .table-paymentplan > tfoot > tr > td {
        border-top: 1px solid #5e5d5d;
        font-weight: 700;
    }

    .table-paymentplan td {
        padding: 8px;
        line-height: 1.42857143;
        vertical-align: top;
    }



.paymentplan {
    padding-top: 10px;
    display: inline-block;
    width: 100%;
    padding-bottom: 10px;
}


.paymentDetails {
    border: 2px solid #ff5a5f;
    border-radius: 6px;
    padding: 1rem;
    margin-left: 7px;
    margin-right: 7px;
    background-color: white;
    display: inline-block;
}

.paymentPlanOptions {
    display: flex;
    flex-flow: row wrap;
    padding-top: 30px;
}

    .paymentPlanOptions > div {
        flex: 1;
        padding: 0.5rem;
        height: 100%;
    }

    .paymentPlanOptions h2 {
        font-size: 19px !important;
        margin-top: 15px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .paymentPlanOptions input[type=radio] {
        display: none;
    }

        .paymentPlanOptions input[type=radio]:not(:disabled) ~ label {
            cursor: pointer;
        }

        .paymentPlanOptions input[type=radio]:disabled ~ label {
            color: #ff5a5f;
            border-color: #ff5a5f;
            box-shadow: none;
            cursor: not-allowed;
        }

    .paymentPlanOptions label {
        height: 100%;
        display: block;
        background: white;
        border: 2px solid #ff5a5f;
        border-radius: 6px;
        padding: 1rem;
        margin-bottom: 1rem;
        text-align: center;
        position: relative;
    }

    .paymentPlanOptions input[type=radio]:checked + label {
        background: #ff5a5f;
        color: white;
    }

        .paymentPlanOptions input[type=radio]:checked + label h2 {
            color: white;
        }

        .paymentPlanOptions input[type=radio]:checked + label p {
            color: white;
        }

        .paymentPlanOptions input[type=radio]:checked + label::after {
            color: #3d3f43;
            border: 2px solid #ff5a5f;
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40px' height='40px' viewBox='0 0 24 24' version='1.2' fill='%23ff5a5f' baseProfile='tiny'%3E%3Cpath d='M16.972 6.251c-.967-.538-2.185-.188-2.72.777l-3.713 6.682-2.125-2.125c-.781-.781-2.047-.781-2.828 0-.781.781-.781 2.047 0 2.828l4 4c.378.379.888.587 1.414.587l.277-.02c.621-.087 1.166-.46 1.471-1.009l5-9c.537-.966.189-2.183-.776-2.72z'/%3E%3C/svg%3E");
            position: absolute;
            top: -25px;
            left: 50%;
            transform: translateX(-50%);
            height: 40px;
            width: 40px;
            text-align: center;
            border-radius: 50%;
            background: white;
        }

    .paymentPlanOptions input[type=radio]#control_05:checked + label {
        background: red;
        border-color: red;
    }

    .paymentPlanOptions p {
        font-weight: 900;
        margin-bottom: 10px;
    }

@media only screen and (max-width: 700px) {
    .paymentPlanOptions {
        flex-direction: column;
    }
}

.website-map {
    display: block;
}

.mobile-map {
    display: none;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    max-width: 100%;
}

    .slick-slide:hover {
        transform: scale(1.03);
    }

    .slick-slide > div {
        background: #ff5a5f;
        border-radius: 8px 8px 8px 0;
    }

    .slick-slide img {
        width: 100%;
    }

.slick-nav li {
    display: inline-block;
    float: none;
    width: 105px;
    margin-right: 20px;
}

.slick-slide h5 {
    word-wrap: break-word;
    margin-left: 0;
    color: #000;
    text-decoration: none;
    font-weight: 600;
    font-family: 'Rubik',"Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 18px;
    white-space: normal;
    margin-bottom: 3px;
    letter-spacing: -1px;
    margin-top: 4px;
    text-align: center;
    padding: 0;
}

.event-borderweb-sponsored {
    border-style: solid;
    border-width: 2px !important;
    border-color: #4f4f4f;
    height: 100%;
    margin-top: 0;
    background-color: #FFF;
    border-radius: 8px;
}

.web-sponsored {
    border-style: solid;
    border-width: 2px !important;
    border-color: #4f4f4f;
}

.mobile-sponsored {
    display: inline-block;
    margin: 10px 10px 20px 10px;
    border-style: solid;
    border-width: 2px;
    border-color: #0c0c0c;
    border-radius: 8px;
}

    .mobile-sponsored .col-4-mar {
        width: 100%;
        margin-bottom: 0;
        margin-left: 0px;
        margin-right: 0px;
        background-color: #fff;
        border-radius: 8px 8px 8px 8px;
    }

        .mobile-sponsored .col-4-mar .event-border {
            box-shadow: none;
        }




        .app-notification-banner {
            -webkit-backdrop-filter: blur(4px);
            backdrop-filter: blur(4px);
            border-radius: 8px;
            box-shadow: 0 2px 12px 0 rgba(0, 19, 25, .2), 0 1px 17px 2px rgba(0, 19, 25, .1);
            display: flex;
            flex-direction: column;
            font-size: 12px;
            max-inline-size: 360px;
            padding-block: 10px 10px;
            padding-inline: 10px 12px;
            text-align: start;
            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
            margin-block: auto;
            margin-inline: auto;
            position: absolute;
            inset-inline: 0;
            inset-block-start: 46%;
            inline-size: 68%;
        }

    .app-notification-banner:before {
        content: "";
        background: #fff;
        border-radius: 8px;
        block-size: 100%;
        opacity: .9;
        position: absolute;
        inset: 0;
        inline-size: 100%;
    }

    .app-notification-banner .header {
        font-size: 10px;
        display: flex;
        -webkit-margin-after: var(--space4);
        margin-block-end: var(--space4);
        line-height: var(--lineHeightSolid);
        position: relative;
        text-transform: uppercase;
    }

    .app-notification-banner .contentWrapper {
        display: flex;
        flex-direction: column;
        padding-block: 3px;
        padding-inline: 1px;
        position: relative;
    }

    .app-notification-banner .logoWrapper {
        block-size: 20px;
        margin-inline-end: 8px;
        inline-size: 20px;
    }

    .app-notification-banner .header > span {
        align-items: center;
        display: flex;
        color: #667175;
        font-size: 12px;
    }

        .app-notification-banner .header > span:last-of-type {
            align-items: end;
            -webkit-margin-start: auto;
            margin-inline-start: auto;
            text-transform: lowercase;
        }

    .app-notification-banner .contentWrapper_title {
        font-weight: 700;
        color: #001319;
        font-size: 15px;
        line-height: 19px;
        padding-top: 7px;
        padding-bottom: 0px;
    }

    .app-notification-banner .contentWrapper_subtitle {
        color: #001319;
        font-size: 13px;
        line-height: 16px;
        padding-top: 2px;
        padding-bottom: 4px;
    }



.why_block {
    margin-bottom: 25px;
    margin-top: 25px;
}

    .why_block .why_block_title {
        font-weight: 800;
        font-size: 25px;
        text-align: left;
        margin-block-end: 1rem;
        color: #fff;
    }

    .why_block .why_block_image {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

        .why_block .why_block_image svg {
            margin-block: 0;
            margin-inline: auto;
            width: 60%;
        }

        .why_block .why_block_image img {
            margin-block: 0;
            margin-inline: auto;
        }

.faq-wrapper {
    width: 100%;
    margin: auto;
}

@media (max-width: 768px) {
    .faq-wrapper {
        width: auto;
        padding: 0 0.3rem;
    }

    .step_by_step .step_container {
        -webkit-flex: 0 calc(100% - 0.5rem) !important;
        -ms-flex: 0 calc(100% - 0.5rem) !important;
        flex: 0 calc(100% - 0.5rem) !important;
    }
}

.faq-wrapper input[type=radio] {
    display: none;
}

    .faq-wrapper input[type=radio]:checked + .item .title {
        color: #000;
    }

        .faq-wrapper input[type=radio]:checked + .item .title:after {
            transform: rotate(180deg);
        }

    .faq-wrapper input[type=radio]:checked + .item .content {
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        height: auto;
        opacity: 1;
        visibility: visible;
        transition: all 0.3s, opacity 0.7s;
    }

.row > div .faq-wrapper .item {
    display: block;
    margin-bottom: 0.1rem;
    font-size: 16px;
    line-height: 31px;
    position: relative;
    padding-top: 16px;
    padding-bottom: 16px;
}

.faq-wrapper .title {
    padding: 0.1rem 0.3rem;
    border-radius: 0.3rem;
    color: #000;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 23px;
}

    .faq-wrapper .title:after {
        content: "▼";
        display: inline-block;
        font-size: 17px;
    }

.faq-wrapper .content {
    width: 95%;
    margin: 0 auto;
    padding: 0 0.3rem;
    line-height: 1.6;
    color: #000;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s;
}

.faq-wrapper hr {
    border-top: 1px solid;
    border-color: #1f1f1f;
}


.step_by_step {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-block-end: 3rem;
}

    .step_by_step .step_container {
        -webkit-flex: 0 calc(50% - 0.5rem);
        -ms-flex: 0 calc(50% - 0.5rem);
        flex: 0 calc(50% - 0.5rem);
        background-color: #fff;
        box-shadow: 0 1px 2px #1a21291a, 0 4px 12px #1a21291a;
        border-radius: 0.75rem;
        margin-block-end: 1rem;
        margin-block-start: 6rem;
        position: relative;
        text-align: start;
    }

        .step_by_step .step_container .step_container_number {
            position: absolute;
            block-size: 3rem;
            inline-size: 3rem;
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            inset-block-start: -3rem;
            inset-inline-start: 50%;
            color: #fff;
            font-weight: bold;
            border: 5px solid currentColor;
            text-align: center;
            line-height: 44px;
            font-size: 28px;
        }

        .step_by_step .step_container .step_container_text {
            padding-block: 2rem;
            padding-inline: 2rem;
            border-block-start: 1px solid var(--stroke);
        }

        .step_by_step .step_container .step_container_title {
            font-weight: 800;
            font-size: 25px;
            text-align: left;
            margin-block-end: 0.5rem;
            color: #000;
            text-align: center;
        }

.numberCircleTitle {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    padding: 9px;
    color: white;
    border: 2px solid #ff585e;
    background-color: #ff585e;
    text-align: center;
    font-size: 20px;
    line-height: 11px;
    float: left;
    font-weight: 700;
    margin-right: 10px;
}

.eventscontent {
    margin-top: 30px;
}

.numberCircleText {
    color: #000;
    margin: 0;
    word-wrap: break-word;
    text-transform: capitalize;
    font-size: 24px !important;
    line-height: 32px !important;
    font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 700;
    display: table-cell;
    vertical-align: middle;
    letter-spacing: -1.1px;
}

.green {
    background-color: #229F95;
    color: white;
    border-bottom: 3px solid #1A1A1A;
}

.color-back .line-red-holder .line-red {
    color: white !important;
}

.color-back .line-red-holder .line-red-title {
    color: white !important;
}

.color-back .line-red svg {
    fill: #fff;
}

.color-back p {
    color: white;
}

.blue {
    background-color: #54B9E5;
    color: white;
}

.violet {
    background-color: #6D4189;
    color: white;
}

.pink {
    background-color: #F094B1;
}



.location-popup {
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-left: 10px;
}

    .location-popup:hover svg {
        fill: rgba(255, 90, 95);
    }

    .location-popup:hover p {
        color: rgba(255, 90, 95);
    }

    .location-popup svg {
        width: 30px;
        height: auto;
    }

    .location-popup p {
        margin-left: 5px;
        line-height: 18px;
        font-size: 17px;
        color: #000;
        font-weight: 600;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }




.menu_overlay {
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 3004;
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
    color: #000;
    pointer-events: auto;
    text-align: center;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: -webkit-transform .1s cubic-bezier(.4,0,1,1);
    transition: -webkit-transform .1s cubic-bezier(.4,0,1,1);
    transition: transform .1s cubic-bezier(.4,0,1,1);
    transition: transform .1s cubic-bezier(.4,0,1,1), -webkit-transform .1s cubic-bezier(.4,0,1,1);
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    border-left: 3px solid #1A1A1A;
    width: 40%;
    max-height: 100vh !important;
}

    .menu_overlay svg {
        cursor: pointer;
    }

    .menu_overlay .svg-close:hover {
        color: #4b134f;
        transform: scale(1.1) rotate(180deg);
    }

    .menu_overlay a:hover {
        color: rgba(255,90,95);
    }

#menuBtn {
    display: none;
}

    #menuBtn:checked ~ .menu_overlay {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    #menuBtn:checked + label .loadingmenu {
        display: block;
    }

.menu_overlay .menu_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

    .menu_overlay .menu_wrapper .newspanel {
        margin-bottom: 5px;
    }

.menu_overlay .menu_wrapper_padding {
    padding: 20px;
    -webkit-box-flex: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
}

.menu_overlay .menu_footer_buttons {
    padding: 20px;
}

@media (min-width: 1280px) {
    .menu_overlay .menu_wrapper_padding {
        padding: 70px 8%;
    }
}

@media (min-width: 960px) {
    .menu_overlay .menu_wrapper_padding {
        padding: 25px 8% 10px;
    }

    .menu_overlay .menu_footer_buttons {
        padding: 25px 8% 10px;
    }
}

.menu_overlay .menu_footer {
    padding: 20px;
    background-color: #FFF;
    border-top: 3px solid #1A1A1A;
}

@media (min-width: 760px) {
    .menu_overlay .menu_social {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.menu_overlay .menu_social {
    margin-top: 25px;
    margin-bottom: 25px;
}

.menu_overlay .menu_footer_links_large {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 30px;
    margin-bottom: 30px;
}

    .menu_overlay .menu_footer_links_large .menu_footer_link {
        color: inherit;
        text-decoration: none;
        display: inline-block;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 28px;
        font-size: 28px;
        color: #fff;
        font-weight: 600;
        text-transform: capitalize;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

        .menu_overlay .menu_footer_links_large .menu_footer_link:hover {
            color: rgba(255, 90, 95);
        }

.menu_overlay .menu_footer_links {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: 15px;
}

    .menu_overlay .menu_footer_links .menu_footer_link {
        text-decoration: none;
        display: inline-block;
        margin-left: 15px;
        margin-right: 15px;
        line-height: 20px;
        font-size: 20px;
        color: #000;
        font-weight: 600;
        text-transform: capitalize;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

.menu_overlay .logo_link {
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    width: 250px;
    z-index: 3;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 11px;
    background-size: cover;
}

    .menu_overlay .logo_link img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 250px;
        height: auto;
    }

    .menu_overlay .logo_link:before {
        content: '';
        display: block;
        padding-bottom: 28%;
    }

.menu_overlay .menu_footer #footer-apps .actions {
    margin-top: 10px;
}

@media all and (max-width: 1200px) {
    .menu_overlay {
        width: 60%;
    }
}

@media all and (max-width: 998px) {
    .menu_overlay {
        width: 70%;
    }

        .menu_overlay .menu_footer_links_large .menu_footer_link {
            line-height: 22px;
            font-size: 22px;
        }
}

@media all and (max-width: 767px) {
    .menu_overlay {
        width: 90%;
    }

        .menu_overlay .logo_link img {
            width: 200px;
            height: auto;
        }

        .menu_overlay .logo_link {
            width: 200px;
        }

        .menu_overlay .menu_footer_links_large .menu_footer_link {
            line-height: 24px;
            font-size: 24px;
        }


}

.menu_overlay .nav-mobile-top-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 24px;
    border-bottom: 3px solid #1A1A1A;
}

.menu_overlay .nav-close-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    margin-left: auto;
}

.menu_overlay .nav-mobile-top-bar img {
    max-width: 180px;
}

.menu_overlay .nav-coll-links {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 10px;
}

.menu_overlay .nav-coll-link {
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    font-weight: 600;
    max-width: 100%;
    cursor: pointer;
    background: #ff5a5f;
    color: #FFF;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 40px;
    text-transform: capitalize;
    font-size: 19px;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    line-height: 18px;
    margin-bottom: 10px;
    -webkit-box-shadow: 3px 3px black;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
}

    .menu_overlay .nav-coll-link:hover {
        color: #FFF;
        background-color: #f93333;
        box-shadow: 4px 4px black !important;
    }

.menu_overlay .button-wrapper {
    margin-left: auto;
}

.menu_overlay .nav-menu-link:not(.child-link--no-gc) {
    padding: 8px 0;
}

.menu_overlay .navigation-snippet .nav-second-level-wrapper .nav-second-level .nav-menu-links-wrap > .nav-menu-link {
    margin-bottom: 16px;
}

.menu_overlay .menu_wrapper .nav-menu-links-wrap {
    border-top: 2px solid #e7e3e3;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .menu_overlay .menu_wrapper .nav-menu-links-wrap .nav-menu-link .heading-4 {
        font-size: 18px;
        line-height: 26px;
        position: relative;
        margin-bottom: 0px;
        margin-top: 0px;
        color: #000;
        font-weight: 600;
        text-transform: capitalize;
        font-family: 'Rubik', "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        display: flex;
        align-items: center;
    }

        .menu_overlay .menu_wrapper .nav-menu-links-wrap .nav-menu-link .heading-4:hover {
            color: rgba(255, 90, 95);
        }

        .menu_overlay .menu_wrapper .nav-menu-links-wrap .nav-menu-link .heading-4 .user-avatar-nav {
            height: 30px;
            width: auto;
        }

.menu_overlay .nav-advert {
    padding-top: 25px;
    display: inline-block;
    width: 100%;
    border-top: 2px solid #e7e3e3;
}

.menu_overlay .image-snippet {
    display: block;
    height: inherit;
    width: 100%;
}

.menu_overlay .nav-advert img {
    width: 100%;
    display: block;
}





.searchmenu {
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3005 !important;
    inset: 0px !important;
    background-color: rgba(32, 33, 36, 0.8) !important;
    opacity: 1 !important;
    display: none;
    cursor: pointer;
}

    .searchmenu .search-box-size {
        width: 50%;
        max-width: none;
        margin-top: 5%;
    }

    .searchmenu .search-box {
        width: 100%;
    }

#searchBtn {
    display: none;
}

    #searchBtn:checked ~ .searchmenu {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    #searchBtn:checked + label .searchmenu {
        display: flex;
    }


.locationmenu {
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 3005 !important;
    inset: 0px !important;
    background-color: rgba(32, 33, 36, 0.8) !important;
    opacity: 1 !important;
    display: none;
    cursor: pointer;
}

    .locationmenu .location-box-size {
        width: 45%;
        max-width: none;
        margin-top: 5%;
    }

    .locationmenu .location-box {
        width: 100%;
    }

    .locationmenu label {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

#locationBtn {
    display: none;
}

    #locationBtn:checked ~ .locationmenu {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition-timing-function: cubic-bezier(0,0,.2,1);
        transition-timing-function: cubic-bezier(0,0,.2,1);
    }

    #locationBtn:checked + label .locationmenu {
        display: flex;
    }

.locationmenu .location-box-close {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    position: absolute;
    top: 15px;
    right: 15px;
}

    .locationmenu .location-box-close .svg-close {
        width: 22px;
        height: auto;
    }


.consent-studio .cookie-banner .cookie-banner__buttons button {
    padding: 0.5em !important;
}

.consent-studio .cookie-banner, .consent-studio .cookie-list {
    padding: 1em !important;
    color: #000;
}

    .consent-studio .cookie-banner .cookie-banner__buttons button[cs-consent=selection]:hover, .consent-studio .cookie-banner .cookie-banner__buttons button[cs-consent=reject]:hover, .consent-studio .cookie-banner .cookie-banner__buttons button[cs-consent=all]:hover {
        background-color: #f93333 !important;
        color: white !important;
    }

.linkbutton {
    cursor: pointer;
    display: inline-block;
    width: 100%;
    font-weight: 600;
    font-size: 14px;
    margin-top: 10px;
}

.iti__country-name {
    color: #000;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}

.iti__dial-code {
    line-height: 18px;
    font-weight: 600;
    font-size: 14px;
}

.button.radius button {
    font-family: Cabin, Helvitica, Arial, Verdana, Helvetica, sans-serif;
    font-size: 19px;
    -webkit-appearance: none;
    height: 45px;
    line-height: 40px;
    margin-right: 0px;
    font-weight: 900;
    max-width: 100%;
    box-shadow: 3px 3px black;
    border: 2px solid black;
    border-radius: 8px 8px 8px 0;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    display: block;
    cursor: pointer;
    margin: 0 auto;
    background: #ff5a5f;
    width: 100%;
    float: left;
}

.iti {
    width: 80%;
}

.iti-mobile .iti--container {
    z-index: 20000;
}

.event-details-mobile {
    display: none;
}

.arrow-white {
    fill: none;
    stroke: #FFF;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}

.arrow-dark {
    fill: none;
    stroke: #ababaf;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
}


.urgency-signals {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    padding-bottom: 0px !important;
    margin-left: -4px !important;
    width: 80% !important;
}

.entry-details .urgency-signals {
    margin-left: 0px !important;
}

.banner-left .urgency-signals {
    margin-bottom: 8px !important;
    margin-left: 0px !important;
}

.event-guide .urgency-signals {
    margin-left: 0px !important;
}

.sectionevent .urgency-signals {
    margin-bottom: 8px !important;
}

    .sectionevent .urgency-signals .urgency-message {
        padding: 8px 12px !important;
    }

.mobile .featured-section-mobile .urgency-signals .urgency-message {
    font-size: 14px !important;
    line-height: 14px !important;
    padding: 3px 7px !important;
}

    .mobile .featured-section-mobile .urgency-signals .urgency-message .urgency-image svg {
        height: 18px;
        width: 18px;
    }

.urgency-signals .urgency-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 8px;
    color: #000;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    font-weight: 900;
    line-height: 1 !important;
    max-height: 32px;
    padding: 6px 10px !important;
    background-color: #f7ecea;
    font-size: 15px !important;
}

        .urgency-signals .urgency-message .urgency-image {
            background-size: contain;
            display: inline-block;
            line-height: 0;
            margin: 0 auto;
            vertical-align: middle;
        }

            .urgency-signals .urgency-message .urgency-image svg {
                height: 20px;
                width: 20px;
            }