@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap");

html { scroll-behavior: smooth; }

body { font-family: "Poppins", sans-serif !important; font-size: 14px; line-height: 1.71; color: #000; margin: 0; padding: 0; }

.topsection:after,
.fixed-nav:after,
.maincontent:after,
.footerdiv:after,
.upcoming_events:after,
.main-imgdiv:after { content: ""; display: table; clear: both; }

*,
*::before,
*::after { box-sizing: border-box; }

.wrapper-inner { max-width: 1170px; padding-left: 15px; padding-right: 15px; margin: auto; }

.topsection { padding-top: 113px; position: relative; }

    .topsection .head_imagemain { /* background-image: url(https://cdn.simpletix.com/77e33fc4-ecb5-405d-a6ed-487518938f5b/shows/888/637429235642015190k.jpg); */ width: 100%; height: 100%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; background-size: cover; background-position: center; -webkit-filter: blur(50px) brightness(0.9); filter: blur(50px) brightness(0.9); z-index: -1; }

.maincontent .innerconetnt .left_display .text-big strong { font-weight: 800; }

.fixed-nav { background: #f3f3f3; color: #666; padding: 25px 0; position: sticky; position: -webkit-sticky; top: 0; z-index: 1; }

.addcalendar ul li a img { max-height: 20px; vertical-align: middle; margin-right: 7px; width: 20px; /* margin-top: -4px; */ display: inline-block; }

/*.addcalendar ul li a span {
  display: inline-block;
}*/

.topsection .innerdiv.fixed .right-div { position: fixed; border: 1px solid #d7d7d7; right: calc(44vw - 580px); top: 113px; border-radius: 20px; box-shadow: rgb(51 51 51 / 12%) 3px 5px 22px; /* min-height: 456px; */ }

    .topsection .innerdiv.fixed .right-div .event-div { min-height: 340px; }

.topsection .innerdiv .left-div { min-height: 472px; width: calc(100% - 390px); background-size: cover; background-position: center center; /* display: inline-block; */ border-radius: 20px 0px 0 0; }

.topsection .innerdiv .right-div { width: 390px; background: #fff; padding: 40px 40px 35px; top: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; box-sizing: border-box; border-radius: 0 20px 0 0; /* position: sticky; */ /* top: 200px; */ transition: all 0.3s ease-in-out 0s; }

.st_location p { margin: 0; }

.maincontent .innerconetnt { width: calc(100% - 400px); color: #333; }

    .maincontent .innerconetnt p { margin-top: 2px; margin-bottom: 3px; }

    .maincontent .innerconetnt .left_display { padding: 25px 0; border-bottom: 1px solid #ccc; }

        .maincontent .innerconetnt .left_display:last-child { border-bottom: 0; }

        .maincontent .innerconetnt .left_display h5.display_header { margin-bottom: 16px; font-size: 18px; font-weight: 500; margin-top: 0; color: #000; }

.fixed-nav .leftnav { width: 65.8%; float: left; /* margin-top: 3px; */ }

.venue-name { font-weight: 500; }

.fixed-nav .addcalendar { float: right; width: 34.2%; text-align: right; margin-top: 0; }

.addcalendar ul li { list-style: none; margin-left: 24px; display: inline-block; }

.leftnav ul li { margin-right: 33px !important; }

.addcalendar ul li:first-child + li { margin-left: 40px; }

.addcalendar ul li:first-child { margin-left: 0; }

    .addcalendar ul li:first-child > a { color: #2586b7; }

.addcalendar ul li a { display: block; }

.fixed-nav ul li a { color: #666; text-decoration: none; transition: all 0.3s ease-in-out 0s; }

    .fixed-nav ul li a:hover { color: #2586b7; }

.topsection .innerdiv { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-radius: 40px 40px 0 0; /* overflow: hidden; */ }

.right-div .event-div { -webkit-box-shadow: none; box-shadow: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; height: 100%; min-height: 340px; }

    .right-div .event-div .ticketprice { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.btn-theme { width: 100%; display: inline-block; vertical-align: middle; text-align: center; cursor: pointer; text-decoration: none; -webkit-appearance: none; -moz-appearance: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; letter-spacing: 0.1em; font-weight: 800; border-radius: 25px;  background: #2586b7; padding: 14px; color: #fff !important; text-transform: uppercase; margin-top: 20px; }

.top-conetent h2.hosted_by { font-size: 18px; color: #666; font-weight: 500; text-align: center; margin-top: 18px; }

.top-conetent h1.st_event_title { font-size: 24px !important; line-height: 1.25 !important; font-weight: 500 !important; text-align: center !important; margin: 18px 0 !important; font-family: "Poppins", sans-serif !important; color: #000 !important; }

.event-div .top-conetent ul.st_event_basic_info { padding: 0; margin: 0; }

    .event-div .top-conetent ul.st_event_basic_info li { position: relative; list-style: none; padding-left: 28px; color: #666; margin-bottom: 20px; /* line-height: normal; */ }

        .event-div .top-conetent ul.st_event_basic_info li.calendar:before { background-image: url(//cdn.simpletix.com/magnificent/images/spritev3.png); background-position: 88px 31px; background-size: 955.5555555555555% 433.3333333333333%; width: 18px; }

        .event-div .top-conetent ul.st_event_basic_info li::before { background-image: url(//cdn.simpletix.com/magnificent/images/spritev3.png); background-position: 67.08860759493672% 78.33333333333333%; background-size: 1228.5714285714287% 433.3333333333333%; width: 14px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0px; content: ""; position: absolute; left: 0; top: 3px; }

        .event-div .top-conetent ul.st_event_basic_info li span i.ico-pin { background-image: url(//cdn.simpletix.com/magnificent/images/spritev3.png); background-position: 67.08860759493672% 78.33333333333333%; background-size: 1228.5714285714287% 433.3333333333333%; width: 14px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0px; }

.ticketprice .value { font-size: 24px; font-weight: 500; }

.mapimg { margin-top: 30px; display: block; width: 100%; }

.ticketprice .label { color: #666; }

.right-div .event-div .ticketprice a:hover { background: #666666; }

footer.footerdiv { border-top: 1px solid #ccc; padding: 40px 0 50px; color: #666666; text-align: center; }

    footer.footerdiv img { max-width: 45px; margin-bottom: 6px; }

.bottom-links { max-width: 581px; margin: 0 auto; /* color: #666666; */ }

    .bottom-links ul,
    .fixed-nav ul { margin: 0 4px 0 0; padding: 0; }

    .bottom-links p { margin: 0; }

    .bottom-links ul li,
    .leftnav ul li { list-style: none; margin: 0 7px; display: inline-block; vertical-align: middle; }

        .bottom-links ul li a { color: #2586b7; text-decoration: none; }

            .bottom-links ul li a:hover { text-decoration: underline; }

    .bottom-links .st_footer_with_logo_section_right_header a { color: #2586b7; text-decoration: none; }
/* upcomingevent */

.upcoming_events { padding: 20px 0 50px; }

    .upcoming_events .list-box { width: calc(33.33% - 30px); margin: 60px 15px 0; border-radius: 10px; overflow: hidden; -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07); box-shadow: 0 20px 60px rgba(0, 0, 0, 0.07); background: #fff; position: relative; border: #e8e8e8 solid 1px; }

    .upcoming_events .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -15px; }

    .upcoming_events .list-box a { display: block; color: #333333; text-decoration: none; position: relative; transition: all 0.3s ease-in-out 0s; height: 100%; width: 100%; }

        .upcoming_events .list-box a:hover::before { opacity: 0.1; }

        .upcoming_events .list-box a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background: #000; opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }

.red-label { position: absolute; height: 60px; width: 70px; background: #db4c4c; color: #fff; text-align: center; font-size: 15px; box-sizing: border-box; border-radius: 5px; right: 10%; display: flex; justify-content: center; line-height: 20px; text-transform: uppercase; padding: 13px 0 0 0; z-index: 1; }

    .red-label::after { content: ""; position: absolute; left: 0; width: 0; height: 0; border-width: 30px 35px 15px 35px; border-style: solid; border-color: #db4c4c #db4c4c transparent #db4c4c; z-index: -1; top: 60%; border-radius: 10%; }

    .blue-label {
        position: absolute;
        height: 60px;
        width: 74px;
        background: #2586b7;
        color: #fff;
        text-align: center;
        font-size: 15px;
        box-sizing: border-box;
        right: 10%;
        display: flex;
        justify-content: center;
        line-height: 20px;
        text-transform: uppercase;
        padding: 13px 0 0 0;
        z-index: 1;
      }
      
      .blue-label::after {
        content: "";
        position: absolute;
        left: 0;
        width: 0;
        height: 0;
        border-width: 30px 39px 15px 35px;
        border-style: solid;
        border-color: #2586b7 #2586b7 transparent #2586b7;
        z-index: -1;
        top: 60%;
        border-radius: 10%;
      }

.green-label { position: absolute; height: 60px; width: 150px; background: #2acc98; color: #fff; text-align: center; font-size: 15px; box-sizing: border-box; border-radius: 5px; right: -1px; display: flex; justify-content: center; line-height: 20px; padding: 10px 0 0 0; z-index: 1; top: 5%; }

    .green-label:after { content: ""; position: absolute; width: 0; height: 0; border-width: 30px 30px 15px 30px; border-style: solid; border-color: #2acc98 #2acc98 transparent #2acc98; z-index: -1; top: 7px; border-radius: 10%; right: 0; transform: rotate(90deg); left: -25px; }

    .green-label p { display: inline-block; max-width: 120px; margin: 0; font-size: 14px; font-weight: 400; }

.upcoming_events .list-box .event_image { padding-top: 64.33%; background-repeat: no-repeat; background-size: contain; background-position: top center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.upcoming_events .list-box .event__contentdiv { padding: 25px 25px; }

.venue-address { margin-bottom: 0px !important; }

.upcoming_events .list-box .event__contentdiv h4 { margin: 0 0 12px 0; font-size: 18px; font-weight: 500; color: #333; }

.upcoming_events .list-box .event__contentdiv ul.nav { margin: 0; padding: 0; }

    .upcoming_events .list-box .event__contentdiv ul.nav li { list-style: none; position: relative; padding-left: 28px; }

        .upcoming_events .list-box .event__contentdiv ul.nav li::before { background-image: url(//cdn.simpletix.com/magnificent/images/spritev3.png); background-position: 67.08860759493672% 78.33333333333333%; background-size: 1228.5714285714287% 433.3333333333333%; width: 14px; height: 18px; display: inline-block; vertical-align: middle; font-size: 0px; content: ""; position: absolute; left: 0; top: 3px; }

        .upcoming_events
        .list-box
        .event__contentdiv
        ul.nav
        li.event_date_time::before { width: 18px; background-position: 88px 31px; background-size: 955.5555555555555% 433.3333333333333%; }

        .upcoming_events .list-box .event__contentdiv ul.nav li p { margin: 0 0 15px 0; }

.upcoming_events .titlediv { font-weight: 500; text-align: center; letter-spacing: 0.2em; font-size: 24px; margin-bottom: 0; margin-top: 0; }

.main-imgdiv { text-align: center; }

    .main-imgdiv h1 { margin-bottom: 0; }

    .main-imgdiv img.bannerImageTop { border: 0; margin: 0 auto; max-height: 250px; max-width: 1140px; }


.custom-card-tab { margin: 30px auto 0 auto; max-width: 90%; display: flex; padding: 0; }

    .custom-card-tab li { flex: 1; list-style: none; border-bottom: 3px solid #eff4f7; color: #8a9ab1; font-size: 18px; display: flex; justify-content: center; align-items: center; padding: 0.5rem 1rem 15px; cursor: pointer; position: relative; }

        .custom-card-tab li:hover { border-bottom: 3px solid #ddd; }

        .custom-card-tab li::before { content: ""; height: 24px; width: 24px; background: url(//cdn.simpletix.com/magnificent/images/tab-icon.png); margin-right: 10px; }

        .custom-card-tab li.member-icon:before { background-position-x: -55px; }

        .custom-card-tab li.lunch-icon:before { background-position-x: -106px; }

        .custom-card-tab li.pass-icon:before { background-position-x: -164px; }

        .custom-card-tab li.active { color: #123363; font-weight: bold; }

            .custom-card-tab li.active:before { background-position-x: -28px; }

            .custom-card-tab li.active.member-icon:before { background-position-x: -80px; }

            .custom-card-tab li.active.lunch-icon:before { background-position-x: -134px; }

            .custom-card-tab li.active.pass-icon:before { background-position-x: -419px; }

        .custom-card-tab li.active { border-color: #1b94c8; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .topsection .innerdiv.fixed .right-div { right: 20px; }

    .topsection { padding-top: 35px; }

    .mapimg img { max-width: 100%; }

    .fixed-nav .addcalendar { width: 50%; }

    .fixed-nav .leftnav { width: 50%; }

    .addcalendar ul li:first-child + li { margin-left: 25px; }
}

@media only screen and (max-width: 992px) {
    .upcoming_events .list-box { margin: 30px 15px 0; width: calc(50% - 30px); }

    .mapimg img { max-width: 100%; }

    .custom-card-tab li { font-size: 16px; padding: 0.5rem 0.4rem; }
}

@media only screen and (min-width: 768px) {
    .upcoming_events .listing-page .list-box a .event_image { margin-right: 5.44%; }

    .bottom-links ul:nth-child(2) { margin-bottom: 90px; }
}

@media only screen and (min-width: 481px) {
    .upcoming_events .listing-page .list-box { width: 100%; }

        .upcoming_events .listing-page .list-box a { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; margin: 0; padding: 0; /* border-bottom: 1px solid #e1e1e1; */ }

            .upcoming_events .listing-page .list-box a .event_image { width: 45.88%; padding-top: 30.3%; margin-right: 3%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

            .upcoming_events .listing-page .list-box a .event__contentdiv { width: 48.68%; padding-left: 0; }

    .bottom-links ul:nth-child(2) { margin-bottom: 90px; }
}

@media only screen and (max-width: 767px) {
    /* .upcoming_events .listing-page .list-box a .event_image{    margin-right: 3.44%;} */
    .addcalendar ul li { margin-left: 10px; }

    .fixed-nav .addcalendar { margin-top: 0; width: 43.2%; }

    .right-div .event-div { min-height: auto !important; }

    .maincontent .innerconetnt { width: 100%; }

    .topsection .innerdiv.fixed .right-div { position: relative; right: auto; top: auto; }

    .topsection { padding: 0; }

        .topsection .wrapper-inner { padding: 0; }

        .topsection .innerdiv .left-div { min-height: 63.5vw; width: 100vw; background-size: contain; border-radius: 0; }

        .topsection .innerdiv .right-div { border-radius: 0; width: 100%; }

    .right-div .event-div .ticketprice { position: fixed; bottom: 0; left: 0; z-index: 9; background: #f3f3f3; padding: 1rem 1.5rem; box-shadow: rgb(51 51 51 / 17%) 0 0 16px; }

        .right-div .event-div .ticketprice a { margin-top: 5px; }

    footer.footerdiv { margin-bottom: 6rem; }

    .leftnav ul li { margin-right: 10px !important; }

    .upcoming_events { padding: 30px 0 115px; }

    .fixed-nav .leftnav { width: 56.8%; }

    .addcalendar ul li a img { max-height: 16px; margin-right: 3px; width: 16px; }

    .addcalendar ul li:first-child + li { margin-left: 10px; }

    .main-imgdiv img.bannerImageTop { max-width: 100%; }

    .custom-card-tab li span { display: none; }

    .custom-card-tab li::before { margin-right: 0; }

    .bottom-links ul:nth-child(2) { margin-bottom: 90px; }
}

@media only screen and (max-width: 480px) {
    .fixed-nav .addcalendar ul li { margin: 0 5px !important; }

    .upcoming_events .list-box { width: 100%; }

    .fixed-nav ul li { margin: 0 9px !important; }

    .fixed-nav { padding: 12px 0; box-shadow: rgb(51 51 51 / 17%) 0 0 16px; }

        .fixed-nav ul { text-align: center; }

            .fixed-nav ul li:last-child { margin-right: 0 !important; }

        .fixed-nav .leftnav { width: 100%; }

        .fixed-nav .addcalendar { width: 100%; text-align: center; margin-top: 5px; }

    .bottom-links ul:nth-child(2) { margin-bottom: 90px; }

    .bottom-links .st_footer_with_logo_section_right_header a { white-space: nowrap; }
}

/* Popup box BEGIN */
.smtx_popup { background: rgba(0, 0, 0, 0.4); cursor: pointer; display: none; height: 100%; position: fixed; text-align: center; top: 0; width: 100%; z-index: 10000; }

    .smtx_popup .helper { display: inline-block; height: 100%; vertical-align: middle; }

    .smtx_popup > div { background-color: #fff; box-shadow: 10px 10px 60px #555; display: inline-block; height: auto; max-width: 90%; min-height: 100px; vertical-align: middle; width: 90%; position: relative; border-radius: 8px; padding: 15px 5%; }

.popupCloseButton { background-color: #fff; border: 3px solid #999; border-radius: 50px; cursor: pointer; display: inline-block; font-family: arial; font-weight: bold; position: absolute; top: -20px; right: -20px; font-size: 25px; line-height: 30px; width: 30px; height: 30px; text-align: center; }

    .popupCloseButton:hover { background-color: #ccc; }

.trigger_popup_smtx { cursor: pointer; font-size: 20px; display: inline-block; font-weight: bold; }
/* Popup box End */

/* Use Google's hosted "Open Sans" font as display font in button */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600");

/* The button */
.addeventatc { display: inline-block; position: relative; text-align: center; /* background:#2878eb; */ cursor: pointer; /* font-family:"Open Sans",Roboto,"Segoe UI",Frutiger,"Frutiger Linotype","Dejavu Sans","Helvetica Neue",Arial,sans-serif; */ color: inherit; font-size: 14px; font-weight: 500; text-decoration: none; /* padding:12px 46px 12px 18px; */ }

    .addeventatc:hover { color: inherit; font-size: 14px; text-decoration: none; /* background-color: #2c84f4; */ }

    .addeventatc .arrow { width: 16px; height: 16px; position: absolute; top: 50%; right: 15px; margin-top: -8px; background: url(//cdn.simpletix.com/magnificent/images/icon-arrow-t1.svg) no-repeat; background-size: 16px 16px; }

.addeventatc-selected { background-color: #2c84f4; }

.addeventatc .start,
.addeventatc .end,
.addeventatc .timezone,
.addeventatc .title,
.addeventatc .description,
.addeventatc .location,
.addeventatc .organizer,
.addeventatc .organizer_email,
.addeventatc .facebook_event,
.addeventatc .all_day_event,
.addeventatc .date_format,
.addeventatc .alarm_reminder,
.addeventatc .recurring,
.addeventatc .attendees,
.addeventatc .calname,
.addeventatc .uid,
.addeventatc .status,
.addeventatc .method,
.addeventatc .client,
.addeventatc .transp { display: none !important; }

/* Drop down */
.addeventatc_dropdown { width: 230px; position: absolute; padding: 6px 0px 0px 0px; font-family: "Open Sans", Roboto, "Helvetica Neue", Helvetica, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif; color: #000 !important; font-weight: 600; line-height: 100%; background: #fff; font-size: 15px; text-decoration: none; text-align: left; margin-left: -1px; display: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px; box-shadow: rgba(0, 0, 0, 0.4) 0px 10px 26px; transform: scale(0.98, 0.98) translateY(5px); z-index: -1; transition: transform 0.15s ease; -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

    .addeventatc_dropdown.topdown { transform: scale(0.98, 0.98) translateY(-5px) !important; }

    .addeventatc_dropdown span { display: block; line-height: 100%; background: #fff; text-decoration: none; cursor: pointer; font-size: 15px; color: #333; font-weight: 600; padding: 14px 10px 14px 55px; -webkit-transition: background-color 0.3s; transition: background-color 0.3s; }

        .addeventatc_dropdown span:hover { background-color: #f4f4f4; color: #000; text-decoration: none; font-size: 15px; }

    .addeventatc_dropdown em { color: #999 !important; font-size: 12px !important; font-weight: 400; }

    .addeventatc_dropdown .frs a { background: #fff; color: #cacaca !important; cursor: pointer; font-size: 9px !important; font-style: normal !important; font-weight: 400 !important; line-height: 110% !important; padding-left: 10px; position: absolute; right: 10px; text-align: right; text-decoration: none; top: 5px; z-index: 101; }

        .addeventatc_dropdown .frs a:hover { color: #999 !important; }

    .addeventatc_dropdown .ateappleical { background: url(//cdn.simpletix.com/magnificent/images/icon-apple-t5.svg) 18px 40% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .ategoogle { background: url(//cdn.simpletix.com/magnificent/images/icon-google-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .ateoutlook { background: url(//cdn.simpletix.com/magnificent/images/icon-outlook-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .ateoutlookcom { background: url(//cdn.simpletix.com/magnificent/images/icon-outlookcom-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .ateyahoo { background: url(//cdn.simpletix.com/magnificent/images/icon-yahoo-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .atefacebook { background: url(//cdn.simpletix.com/magnificent/images/icon-facebook-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .ateoffice365 { background: url(//cdn.simpletix.com/magnificent/images/icon-office365-t5.svg) 18px 50% no-repeat; background-size: 22px 100%; }

    .addeventatc_dropdown .copyx { height: 21px; display: block; position: relative; cursor: default; }

    .addeventatc_dropdown .brx { height: 1px; overflow: hidden; background: #e8e8e8; position: absolute; z-index: 100; left: 10px; right: 10px; top: 9px; }

    .addeventatc_dropdown.addeventatc-selected { transform: scale(1, 1) translateY(0px); z-index: 99999; }

    .addeventatc_dropdown.topdown.addeventatc-selected { transform: scale(1, 1) translateY(0px) !important; }

    .addeventatc_dropdown .drop_markup { background-color: #f4f4f4; }

#addeventatc1-drop { top: inherit !important; bottom: 40px !important; left: 0px !important; }

.section__head.fixed #addeventatc1-drop { top: initial !important; bottom: initial !important; }

.image { margin: 0; }

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

.image-style-align-left img { display: block; margin-right: auto; }

.image-style-align-right img { display: block; margin-left: auto; }


.hidden { display: none !important; }

.tab-content { display: none; padding: 6px 12px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }

/* Fade in tabs */
@-webkit-keyframes fadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeEffect {
    from { opacity: 0; }
    to { opacity: 1; }
}

.alert-modal { max-width: 400px; width: 95%; height: auto !important; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: 0 auto; background: #fff; border-radius: 10px; padding: 20px; }

    .alert-modal a.close { position: absolute; right: 9px; top: -2px; font-size: 20px; color: gray; text-decoration: none; }
.mg-frame-content { display: flex; align-items: center; }
    .mg-frame-content img { width: 50px; margin-right: 20px; }
    .mg-frame-content p { font-size: 18px; margin: 0; }
        .mg-frame-content p a { color: #0c4ada; font-weight: 600; }
.half-opacity { opacity: 0.5; }