/*----------------------------------
	Plug-in Name: Modern Events Calendar
	Author: WEBNUS
	Author URI: https://webnus.net/
	Description: Modern Events Calendar
	License: GNU General Public License
/*-----------------------------------------------------------------------------------*/

/* #CSS Base & Typography
	================================================== */
/* .mec-wrap,
.mec-wrap div:not([class^="elementor-"]),
.lity-container {
    font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI",
        Roboto, sans-serif;
} */
.mec-wrap {
    position: relative;
}
.mec-wrap h1,
.mec-wrap h2,
.mec-wrap h3,
.mec-wrap h4,
.mec-wrap h5,
.mec-wrap h6,
.entry-content .mec-wrap h1,
.entry-content .mec-wrap h2,
.entry-content .mec-wrap h3,
.entry-content .mec-wrap h4,
.entry-content .mec-wrap h5,
.entry-content .mec-wrap h6 {
    color: #171c24;
    font-weight: 300;
    font-style: inherit;
    letter-spacing: normal;
    clear: none;
}

.mec-wrap h1 {
    font-size: 50px;
    line-height: 1.16;
    margin-bottom: 12px;
    letter-spacing: -1px;
}

.mec-wrap h2 {
    font-size: 36px;
    line-height: 1.14;
    margin-bottom: 10px;
}

.mec-wrap h3 {
    font-size: 28px;
    line-height: 1.2;
    margin-bottom: 8px;
}

.mec-wrap h4 {
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.mec-wrap h5 {
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 7px;
}

.mec-wrap h6 {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.mec-wrap .subheader {
    color: #849098;
}

.mec-wrap h1 strong {
    font-weight: 700;
}

.mec-wrap p {
    margin: 0 0 20px 0;
    color: #616161;
    font-size: 14px;
    line-height: 1.8;
}

.mec-wrap .mec-event-article .mec-color-hover {
    box-shadow: none;
    border: none;
}

.mec-wrap abbr,
.mec-wrap acronym {
    cursor: auto;
    border: none;
}

.entry-content .mec-wrap a {
    box-shadow: none;
}

/* Buttons Default */
.mec-wrap .button,
.mec-wrap button:not(.owl-dot):not(.gm-control-active),
.mec-wrap a.button:not(.owl-dot),
.mec-wrap input[type="submit"],
.mec-wrap input[type="reset"],
.mec-wrap input[type="button"] {
    position: relative;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 21px;
    margin-right: 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    background: #24ca4f;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
}

.mec-wrap .button:hover,
.mec-wrap button:hover,
.mec-wrap a.button:hover,
.mec-wrap input[type="submit"]:hover,
.mec-wrap input[type="reset"]:hover,
.mec-wrap input[type="button"]:hover {
    background: #222;
    color: #fff;
}

/* WooCommerce Intagration Add To Cart Button */
.mec-wrap #mec_woo_add_to_cart_btn_r {
    min-width: 155px;
    margin-top: 5px;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
    float: left;
    text-align: center;
}

/* Form Builder Button */
.mec-booking-form-container button {
    display: block;
}

/* Distance (Vertical Spaces) */
.vertical-space,
.vertical-space1,
.vertical-space2,
.vertical-space3,
.vertical-space4,
.vertical-space5 {
    display: block;
    width: 100%;
    margin: 0;
    clear: both;
    border: 0 none;
    height: 20px;
}

.vertical-space2 {
    height: 40px;
}

.vertical-space3 {
    height: 60px;
}

.vertical-space4 {
    height: 80px;
}

.vertical-space5 {
    height: 100px;
}

* + html hr.vertical-space,
* + html hr.vertical-space1,
* + html hr .vertical-space2,
* + html hr.vertical-space3,
* + html hr.vertical-space4,
* + html hr.vertical-space5 {
    height: 0px;
    margin: 10px 0;
    background: #fff;
    border: 1px solid #fff;
}

* + html hr.vertical-space2 {
    margin: 20px 0;
}

* + html hr.vertical-space3 {
    margin: 30px 0;
}

* + html hr.vertical-space4 {
    margin: 40px 0;
}

* + html hr.vertical-space5 {
    margin: 50px 0;
}

@media only screen and (max-width: 479px) {
    .vertical-space,
    .vertical-space1 {
        height: 8px;
    }

    .vertical-space2 {
        height: 14px;
    }

    .vertical-space3 {
        height: 28px;
    }

    .vertical-space4 {
        height: 40px;
    }

    .vertical-space5 {
        height: 60px;
    }
}

@media only screen and (max-width: 960px) {
    .vertical-space,
    .vertical-space1 {
        height: 12px;
    }

    .vertical-space2 {
        height: 18px;
    }

    .vertical-space3 {
        height: 36px;
    }

    .vertical-space4 {
        height: 50px;
    }

    .vertical-space5 {
        height: 80px;
    }
}

.mec-wrap abbr {
    cursor: auto;
    border-bottom: 0;
}

/* Rotating Keyframe */
@-webkit-keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotating {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* ---------------------
	
	
	
	/* # Modern Events Calendar (WP Plugin) Styles
	================================================== */
.mec-wrap {
    font: 14px/25px;
    font-weight: 400;
    color: #626262;
}

.mec-wrap .mec-events a {
    border-bottom: none;
}

.mec-wrap .mec-container a {
    box-shadow: none;
}

.mec-event-content p {
    font-family: Roboto, sans-serif;
    font-weight: 300;
}

.mec-wrap .mec-clear:before,
.mec-wrap .mec-clear:after {
    content: " ";
    display: table;
}

.mec-wrap .mec-clear:after {
    clear: both;
}

.mec-events-button {
    background: #fff;
    padding: 12px 34px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0;
    border: 1px solid #e3e3e3;
    margin-right: 10px;
    transition: 0.3s;
}

.mec-wrap .mec-events-button:hover {
    color: #fff;
}

.mec-no-event {
    display: none;
}

/* MEC Current Day Event Toggle 
	-------------------------- */
#mec-active-current {
    display: block;
}

.current-hide #mec-active-current {
    display: none !important;
}

/* MEC Events Grid Classic
	-------------------------- */
.mec-event-grid-classic .mec-event-article {
    position: relative;
    border: 2px solid #e3e3e3;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
    margin-bottom: 30px;
    max-width: none;
}

.mec-event-grid-classic .mec-event-content {
    background: #fff;
    color: #767676;
    padding: 0 20px 5px;
    text-align: center;
    min-height: 125px;
}

.mec-event-grid-classic .mec-event-title {
    color: #202020;
    margin: 10px 0;
    font-weight: bold;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.mec-event-grid-classic .mec-event-title a {
    color: #202020;
    transition: all 0.24s ease;
}

.mec-event-grid-classic .mec-event-date {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #fff;
    padding: 3px 20px;
    margin: 0 -20px 20px -20px;
    text-align: center;
}

.widget_mec_mec_widget .mec-event-grid-classic .mec-event-date {
    margin: 0;
}

.mec-event-grid-classic .mec-event-content p {
    font-size: 15px;
    color: #8a8a8a;
}

.mec-event-grid-classic .mec-event-detail {
    display: none;
}

.mec-event-grid-classic img {
    margin-bottom: 0;
    width: 100%;
}

.mec-event-footer {
    position: relative;
    border-top: 1px solid #efefef;
    padding: 20px;
    min-height: 80px;
    margin: 0;
    background: #fafafa;
}

.mec-event-sharing-wrap {
    left: 15px;
    position: absolute;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.mec-event-sharing-wrap .mec-event-sharing {
    position: absolute;
    padding: 8px 0 2px;
    left: -6px;
    bottom: 54px;
    margin: 0;
    margin-top: 6px;
    border-radius: 5px;
    width: 50px;
    visibility: hidden;
    opacity: 0;
    border: 1px solid #e2e2e2;
    background: #fff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.06);
    z-index: 99;
    -webkit-transition: all 0.18s ease;
    transition: all 0.18s ease;
}

.mec-event-sharing-wrap .mec-event-sharing:after,
.mec-event-sharing-wrap .mec-event-sharing:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.mec-event-sharing-wrap .mec-event-sharing:before {
    bottom: -21px;
    border-color: #e2e2e2 transparent transparent transparent;
}

.mec-event-sharing-wrap .mec-event-sharing:after {
    bottom: -19px;
    border-color: #ffffff transparent transparent transparent;
}

.mec-event-sharing-wrap:hover .mec-event-sharing {
    opacity: 1;
    visibility: visible;
}

.mec-event-sharing-wrap li {
    text-align: center;
    border: 0;
    display: block;
    margin-right: 2px;
    overflow: hidden;
    margin: 0 auto 6px;
    width: 38px;
}

.mec-event-sharing-wrap:hover > li {
    cursor: pointer;
    background-color: #40d9f1;
}

.mec-event-sharing-wrap:hover li a {
    color: #fff;
}

.mec-event-sharing-wrap > li:first-of-type {
    border: 1px solid #d9d9d9;
}

.mec-event-sharing-wrap:hover li ul li a,
.mec-event-sharing-wrap li a {
    border: none;
    color: #767676;
}

.mec-event-sharing-wrap li i {
    width: 36px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
}

.mec-event-sharing-wrap li svg {
    height: 16px;
}

.mec-event-sharing-wrap .mec-event-sharing li a {
    display: block;
}

.mec-event-sharing-wrap .mec-event-sharing li:hover a {
    color: #40d9f1;
}

.mec-event-sharing .mec-event-share:hover .event-sharing-icon {
    background: #40d9f1;
    border-width: 0 1px 0;
    cursor: pointer;
}

.mec-event-sharing .mec-event-map {
    border-width: 1px 0 1px;
}

.mec-event-footer .mec-booking-button {
    box-shadow: none;
    transition: all 0.21s ease;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fff;
    color: #767676;
    border: 1px solid #e8e8e8;
    position: absolute;
    top: 20px;
    right: 15px;
    padding: 0 16px;
    line-height: 37px;
    height: 38px;
}

.mec-event-footer .mec-booking-button:hover {
    background: #191919;
    color: #fff;
    border-color: #191919;
}

@media only screen and (max-width: 960px) {
    .mec-event-grid-classic {
        margin-bottom: 30px;
    }
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel {
    padding: 36px 0 16px;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav {
    margin: 5px 0;
    width: 100%;
    position: absolute;
    top: 15px;
    padding: 0;
}

/* Events Grid Widget */
.mec-skin-grid-container.mec-widget {
    padding-top: 18px;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel {
    padding: 20px 0 16px;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav {
    margin: 0;
    width: 100%;
    position: absolute;
    top: 0;
    padding: 0;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav div {
    position: absolute;
    background: #fff;
    line-height: 0;
    width: 34px;
    height: 26px;
    padding: 6px;
    text-align: center;
    margin-top: -17px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    text-align: center;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.028);
    transition: all 0.33s ease;
}

.mec-skin-grid-container .mec-categories {
    padding: 0;
}

.mec-skin-grid-container .mec-categories li {
    list-style: none;
}

.mec-skin-grid-container .mec-categories li a {
    color: #000;
    line-height: 24px;
    text-align: left;
    transition: all 0.23s ease;
    -webkit-transition: all 0.23s ease;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav i {
    font-size: 12px;
    color: #40d9f1;
    cursor: pointer;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-next {
    right: 0;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav .owl-prev {
    left: 0;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-sharing {
    display: none;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-event-footer {
    text-align: center;
}

.mec-widget
    .mec-event-grid-classic.mec-owl-carousel
    .mec-event-footer
    .mec-booking-button {
    position: static;
    padding: 11px 16px;
}

.widget .mec-event-footer ul.mec-event-sharing-wrap li a.mec-event-share-icon {
    padding: 0;
}

@media screen and (min-width: 56.875em) {
    .mec-widget .mec-month-container dl {
        margin-bottom: 0;
    }
}

.mec-widget .mec-event-grid-classic.owl-carousel .mec-event-footer {
    text-align: right;
}

.mec-widget .mec-event-grid-classic.owl-carousel .mec-event-sharing-wrap {
    left: 5px;
    padding-left: 5px;
}

.mec-widget
    .mec-event-grid-classic.owl-carousel
    .mec-event-sharing-wrap
    .mec-event-sharing {
    left: 0;
}

.mec-widget .mec-event-sharing-wrap .mec-event-sharing {
    position: absolute;
    top: auto;
    bottom: 52px;
    margin: 0;
    margin-top: 0;
    border-radius: 5px;
}

.mec-widget .mec-event-sharing-wrap .mec-event-sharing:after {
    top: auto;
    bottom: -17px;
    border-color: #fff transparent transparent transparent;
}

.mec-widget .mec-event-sharing-wrap .mec-event-sharing:before {
    top: auto;
    bottom: -18px;
    border-color: #e2e2e2 transparent transparent transparent;
}

/* Widgets View List and Grid */
.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button {
    position: absolute;
    background: #fff;
    padding: 6px;
    margin-top: -17px;
    border-radius: 3px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.028);
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover {
    background: #40d9f1;
    border-color: #40d9f1;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .owl-nav button:hover i {
    color: #fff;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-booking-button {
    width: 40%;
    float: right;
    color: #202020;
    height: 36px;
    line-height: 14px;
    font-size: 12px;
    width: auto;
}

.mec-widget .mec-event-grid-classic.mec-owl-carousel .mec-booking-button:hover {
    color: #fff;
}

.mec-widget .mec-event-list-modern .col-md-2.col-sm-2,
.mec-widget .mec-event-list-modern .col-md-6.col-sm-6 {
    padding: 0;
    width: 100%;
    display: block;
    position: unset;
}

.mec-widget .mec-event-list-modern .col-md-4.col-sm-4 .mec-booking-button {
    width: 80%;
    height: 46px;
    line-height: 22px;
    padding: 11px 20px;
    float: right;
}

.mec-widget .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
    top: auto;
    bottom: 5%;
}

@media (max-width: 480px) {
    .mec-widget .mec-event-list-modern .col-md-4.col-sm-4 {
        padding: 0;
    }

    .mec-widget .mec-event-list-modern .col-md-4.col-sm-4 .mec-booking-button {
        width: 100%;
    }
}

/* MEC Events Grid Clean
	-------------------------- */
.mec-event-grid-clean {
    margin-bottom: 10px;
    max-width: none;
}

.mec-event-grid-clean .mec-event-article {
    margin-bottom: 30px;
    position: relative;
    border: 1px solid #e2e2e2;
    text-align: center;
    padding: 15px 15px 0;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-grid-clean .mec-event-content {
    background: #fff;
    color: #767676;
    padding: 25px 16px 0;
    text-align: left;
}

.mec-event-grid-clean .mec-event-title {
    color: #202020;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 21px;
    text-transform: capitalize;
}

.mec-event-grid-clean .mec-event-title a {
    color: #202020;
    transition: all 0.24s ease;
}

.mec-event-grid-clean .mec-event-date {
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background-color: #40d9f1;
    color: #fff;
    padding: 3px 0;
    margin: 0;
    text-align: center;
}

.mec-event-grid-clean .mec-event-content p {
    font-size: 15px;
    color: #9a9a9a;
    line-height: 1.54;
}

.mec-event-grid-clean img {
    margin-bottom: 0;
    width: 100%;
}

.mec-event-grid-clean .event-grid-t2-head {
    margin-bottom: 10px;
    color: #fff;
    padding: 9px 14px 6px;
    text-align: left;
}

.mec-event-grid-clean .event-grid-t2-head .mec-event-date {
    font-size: 50px;
    line-height: 50px;
    float: left;
    margin-right: 11px;
}

.mec-event-grid-clean .event-grid-t2-head .mec-event-month {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    padding-top: 4px;
}

.mec-event-grid-clean .event-grid-t2-head .mec-event-detail {
    font-size: 12px;
}

.mec-event-grid-clean .event-grid-t2-head .mec-categories li a {
    margin-bottom: 10px;
    color: #fff;
}

.mec-event-grid-clean .event-grid-t2-head .mec-categories li a:hover {
    color: #000;
}

.mec-event-grid-clean .mec-event-sharing-wrap {
    left: 0;
    padding-left: 0;
}

.mec-event-grid-clean .mec-event-footer {
    position: relative;
    border-top: 2px solid;
    padding: 20px 0;
    margin: 0px 14px;
    text-align: left;
    background: none;
}

.mec-event-grid-clean .mec-event-footer .mec-booking-button {
    right: 0;
}

.mec-event-grid-clean .row {
    margin-bottom: 30px;
}

/* MEC Events Grid Modern
	-------------------------- */
.mec-event-grid-modern {
    margin-bottom: 10px;
    max-width: none;
}

.mec-event-grid-modern .mec-event-article {
    position: relative;
    border: 1px solid #e2e2e2;
    text-align: center;
    margin-bottom: 30px;
    padding: 45px 15px 10px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-grid-modern .mec-event-content {
    background: #fff;
    color: #767676;
    padding: 35px 15px 10px;
    text-align: left;
}

.mec-event-grid-modern .mec-event-title {
    color: #202020;
    margin: 0 0 10px 0;
    font-weight: bold;
    font-size: 24px;
    text-transform: none;
    letter-spacing: -1px;
}

.mec-event-grid-modern .mec-event-title a {
    color: #202020;
    transition: all 0.24s ease;
}

.mec-event-grid-modern .mec-event-content p {
    font-size: 15px;
    color: #9a9a9a;
    line-height: 1.54;
}

.mec-event-grid-modern img {
    margin-bottom: 0;
    width: 100%;
}

.mec-event-grid-modern .event-grid-modern-head {
    margin-bottom: 10px;
    padding: 9px 14px 6px;
    text-align: left;
}

.mec-event-grid-modern .event-grid-modern-head .mec-event-date {
    font-size: 50px;
    line-height: 50px;
    float: left;
    margin-right: 11px;
}

.mec-event-grid-modern .event-grid-modern-head .mec-event-month {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    padding-top: 4px;
}

.mec-event-grid-modern .event-grid-modern-head .mec-event-detail {
    font-size: 12px;
}

.mec-event-grid-modern .event-grid-modern-head .mec-event-day {
    margin-top: 9px;
    color: #c0c0c0;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.mec-event-grid-modern .mec-event-footer {
    position: relative;
    height: 90px;
    padding: 20px 0;
    border: none;
    margin: 0px 14px;
    text-align: left;
    background: none;
}

.mec-event-grid-modern .mec-event-footer .mec-booking-button {
    right: auto;
    left: 0;
}

.mec-event-grid-modern .mec-event-sharing-wrap {
    left: auto;
    right: 0;
    padding-left: 0;
}

.mec-event-grid-modern .mec-event-sharing {
    left: auto;
    right: -6px;
}

.mec-event-grid-modern .mec-event-sharing-wrap li {
    border-radius: 55px;
}

.mec-event-grid-modern .row {
    margin-bottom: 0;
}

@media only screen and (max-width: 479px) {
    .mec-event-grid-modern .mec-event-article {
        padding-bottom: 30px;
    }

    .mec-event-grid-modern .mec-event-sharing {
        top: 60px;
        left: 0;
        right: auto;
    }

    .mec-event-grid-modern .mec-event-footer .mec-booking-button {
        top: 0;
    }
}

/* MEC Events Sold Out
	------------------------------------ */
span.mec-event-title-soldout {
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #e63360;
    color: #fff;
    padding: 3px 8px;
    line-height: 1;
    border-radius: 15px;
    white-space: nowrap;
    vertical-align: middle;
}

/* MEC Events Grid Modern Colorful
	------------------------------------ */
.mec-event-grid-colorful .mec-event-article {
    min-height: 400px;
    border: none;
    box-shadow: none;
    background: #40d9f1;
    padding-top: 25px;
    margin: 0;
    color: #fff;
}

.mec-event-grid-colorful .mec-event-content {
    background: none;
}

.mec-event-grid-colorful .mec-event-content p,
.mec-event-grid-colorful .event-grid-modern-head,
.mec-event-grid-colorful .mec-event-sharing-wrap > li > a,
.mec-event-grid-colorful .event-grid-modern-head .mec-event-day,
.mec-event-grid-colorful .mec-event-title a,
.mec-event-grid-colorful .event-grid-modern-head .mec-event-date {
    color: #fff;
}

.mec-event-grid-colorful .mec-event-footer .mec-booking-button {
    border: none;
}

.mec-event-grid-colorful .mec-event-sharing-wrap > li {
    border-color: #fff;
}

.mec-event-grid-colorful .mec-event-sharing-wrap:hover > li {
    background: #333;
    border-color: #333;
}

.mec-event-grid-colorful .mec-event-title a.mec-color-hover:hover {
    color: #fff;
    text-decoration: underline;
}

.mec-event-grid-colorful .mec-event-title .event-color {
    display: none;
}

.mec-event-grid-colorful div[class^="col-md-"] {
    padding: 0 1px 1px 0;
    margin: 0;
}

.mec-event-grid-colorful .mec-event-article .mec-time-details {
    color: #fff;
}

@media only screen and (min-width: 768px) {
    .mec-wrap.mec-sm959.mec-event-grid-colorful
        .event-grid-modern-head
        .mec-event-day {
        font-size: 26px;
    }

    .mec-wrap.mec-sm959.mec-event-grid-colorful
        .event-grid-modern-head
        .mec-event-month {
        font-size: 15px;
    }

    .mec-wrap.mec-sm959.mec-event-grid-colorful
        .event-grid-modern-head
        .mec-event-date {
        font-size: 50px;
    }

    .mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-title {
        font-size: 21px;
    }

    .mec-wrap.mec-sm959.mec-event-grid-colorful .mec-event-content p {
        font-size: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {
    .mec-wrap.mec-sm959.mec-event-grid-colorful div[class^="col-md-"] {
        width: 50%;
    }
}

/* MEC Event-list Minimal
	-------------------------- */
.mec-event-list-minimal .mec-event-article {
    border-bottom: 1px solid #efefef;
    padding: 24px 0 16px;
}

.mec-event-list-minimal .mec-wrap .col-md-9 {
    padding: 0;
}

.mec-event-list-minimal .mec-event-date {
    position: relative;
    float: left;
    margin-right: 30px;
    color: #fff;
    width: 52px;
    padding: 6px 4px 3px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px;
}

.mec-event-list-minimal .mec-event-date {
    min-width: 52px;
    width: fit-content;
}

.mec-event-list-minimal .mec-event-date:nth-child(2) {
    margin: 0 30px 0 -20px;
}

.mec-event-list-minimal .mec-event-date span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4px;
}

.mec-event-list-minimal .mec-event-date:after {
    display: block;
    content: "";
    position: absolute;
    width: 50px;
    left: 1px;
    top: 1px;
    height: 34px;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.02);
}

.mec-event-list-minimal .mec-event-date:after {
    width: 100%;
}

.mec-event-list-minimal .mec-event-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0;
    padding-top: 10px;
}

.mec-event-list-minimal .mec-time-details,
.mec-event-list-minimal .mec-event-detail {
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    color: #9a9a9a;
    font-family: "Roboto", sans-serif;
}

.mec-event-list-minimal .btn-wrapper {
    text-align: right;
    padding-right: 0;
    padding-top: 6px;
}

.mec-event-list-minimal .btn-wrapper .mec-detail-button {
    border-bottom: 0;
    margin-bottom: 14px;
    margin-right: 0;
    box-shadow: none;
}

.mec-event-list-minimal a.mec-detail-button {
    text-align: center;
    display: inline-block;
    background: #ededed;
    color: #191919;
    padding: 12px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.24s ease;
}

.mec-event-list-minimal a.mec-detail-button:hover {
    background: #292929;
    color: #fff;
}

.vc_col-sm-4 .mec-event-list-minimal .mec-event-date,
.vc_col-sm-6 .mec-event-list-minimal .mec-event-date {
    margin-right: 12px;
}

.vc_col-sm-4 .mec-event-list-minimal .mec-event-title,
.vc_col-sm-6 .mec-event-list-minimal .mec-event-title {
    font-size: 15px;
    letter-spacing: 2px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mec-event-list-minimal .btn-wrapper {
        padding-left: 0;
    }

    .mec-event-list-minimal .mec-event-date {
        margin-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-event-list-minimal .btn-wrapper .mec-detail-button {
        display: block;
        text-align: center;
        margin: 0;
        margin-top: 16px;
        padding: 8px;
    }

    .mec-event-list-minimal .btn-wrapper {
        margin: 12px 0;
    }
}

@media only screen and (max-width: 479px) {
    .mec-event-list-minimal .mec-event-date {
        float: none;
        width: 100%;
        margin-bottom: 8px;
    }

    .mec-event-list-minimal .mec-event-date span {
        display: inline;
        padding-right: 25px;
        margin-right: 7px;
        font-size: inherit;
    }

    .mec-event-list-minimal .mec-event-date:after {
        width: 45%;
        box-shadow: 4px 0 4px rgba(0, 0, 0, 0.02);
    }

    .mec-event-list-minimal .btn-wrapper {
        text-align: center;
        padding-left: 0;
    }

    .mec-event-list-minimal {
        text-align: center;
    }

    .mec-event-list-minimal .mec-event-detail {
        margin-bottom: 10px;
    }
}

/* MEC Event-list Modern
	-------------------------- */
.mec-wrap .mec-event-list-modern .mec-event-title {
    margin-top: 0;
    margin-bottom: 10px;
}

.mec-event-list-modern .mec-event-article {
    border-bottom: 1px solid #efefef;
    padding: 30px 0 10px;
}

.mec-event-list-modern .mec-event-article:last-child {
    border-bottom: none;
}

.mec-event-list-modern .mec-event-title a {
    color: #191919;
    transition: all 0.24s ease;
    box-shadow: none;
}

.mec-event-list-modern .mec-event-date {
    text-transform: uppercase;
    padding: 10px 0;
}

.mec-event-list-modern .mec-event-date .event-d {
    font-size: 48px;
    display: table-cell;
    padding: 10px 0 0;
}

.mec-event-list-modern .mec-event-date .event-d.mec-multiple-dates {
    font-size: 20px;
    padding: 0;
}

.mec-event-list-modern .mec-event-date.mec-multiple-date-event:first-child {
    padding: 10px 0 6px 0;
    position: relative;
    width: fit-content;
}

.mec-event-list-modern
    .mec-event-date.mec-multiple-date-event:first-child:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: silver;
}

.mec-event-list-modern .mec-event-date.mec-multiple-date-event:last-child {
    padding: 5px 0 10px 0;
}

.mec-event-list-modern .mec-event-date.mec-multiple-date-event .event-d {
    font-size: 20px;
    padding: 0;
}

.mec-event-list-modern .mec-event-date.mec-multiple-date-event .event-da {
    font-size: 20px;
    margin: 0;
}

.mec-event-list-modern .mec-event-date .event-f {
    font-size: 13px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
    font-weight: 500;
    letter-spacing: 3px;
    color: #777;
}

.mec-event-list-modern .mec-event-detail {
    font-weight: 300;
    color: #8a8a8a;
}

.mec-event-list-modern .mec-event-detail .mec-time-details {
    display: inline;
}

.mec-event-list-modern .mec-event-date .event-da {
    margin-top: 9px;
    color: silver;
    font-size: 28px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: -1px;
    text-align: left;
}

.mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
    border-radius: 1px;
    letter-spacing: 2px;
    border: 1px solid #e6e6e6;
    color: #333;
    background-color: #fff;
    padding: 13px 20px;
    font-weight: 700;
    font-size: 11px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
    transition: all 0.28s ease;
}

.mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover {
    border-color: #222;
    background: #222;
    color: #fff;
}

.mec-event-list-modern .mec-event-title {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.mec-event-list-modern .mec-event-detail {
    color: #9a9a9a;
    font-size: 15px;
    font-weight: 300;
    line-height: 25px;
    font-family: "Roboto", sans-serif;
}

.mec-event-list-modern .mec-btn-wrapper {
    text-align: right;
    padding: 10px 0;
    text-transform: uppercase;
}

.mec-event-list-modern .mec-event-sharing {
    position: relative;
    margin: 10px 0;
    padding-left: 0;
}

.mec-event-list-modern .mec-event-sharing > li {
    display: inline-block;
    border: none;
    border-radius: 50%;
    margin-right: 3px;
}

.mec-event-list-modern .mec-event-sharing .telegram {
    min-width: 36px;
    min-height: 36px;
    line-height: 36px;
    padding: 9px 1px 10px;
    border-radius: 60px;
}

.mec-event-list-modern .mec-event-sharing > li .telegram {
    padding-top: 8px;
    padding-bottom: 9px;
    border-radius: 50%;
    border: 1px solid #ddd;
}

.mec-event-list-modern
    .mec-event-sharing
    .telegram
    .svg-inline--fa.fa-telegram.fa-w-16 {
    width: 2.126rem;
    padding: 2px 10px 0 10px;
    margin-bottom: -2px;
}

.mec-event-list-modern
    .mec-event-sharing
    .telegram
    .svg-inline--fa.fa-telegram.fa-w-16
    path {
    fill: #767676;
}

.mec-event-list-modern .mec-event-sharing li:hover .telegram {
    background: #40d9f1;
}

.mec-event-list-modern
    .mec-event-sharing
    li:hover
    .telegram
    .svg-inline--fa.fa-telegram.fa-w-16
    path {
    fill: #fff;
}

.mec-event-list-modern .mec-event-sharing > li:hover {
    display: inline-block;
}

.mec-event-list-modern .mec-event-sharing > li:hover a i {
    color: #fff;
    background: #40d9f1;
    border-color: #40d9f1;
}

.mec-event-list-modern .mec-event-sharing > li i {
    width: 36px;
    display: inline-block;
    line-height: 35px;
    color: #767676;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #ddd;
    font-size: 14px;
}

.mec-event-list-modern
    .mec-event-sharing
    .mec-event-share:hover
    .mec-event-sharing-icon {
    background: #40d9f1;
    border-color: #40d9f1;
    cursor: pointer;
    border-radius: 50%;
}

.mec-event-list-modern .mec-event-sharing li:hover a i {
    background: #40d9f1;
}

@media only screen and (min-width: 768px) {
    .mec-event-list-modern .mec-event-article {
        position: relative;
        min-height: 160px;
        overflow: hidden;
    }

    .mec-event-list-modern .col-md-2.col-sm-2 {
        width: 210px;
        position: absolute;
        left: 0;
        top: 20px;
    }

    .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
        width: 180px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 30%;
    }

    .mec-event-list-modern .col-md-6.col-sm-6 {
        width: 100%;
        padding-left: 225px;
        padding-right: 195px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-event-list-modern .mec-btn-wrapper .mec-booking-button {
        letter-spacing: 1px;
        border: 1px solid #e1e1e1;
        padding: 8px 16px;
    }

    .mec-event-list-modern .mec-btn-wrapper {
        padding: 0 0 12px;
    }

    .mec-event-list-modern .mec-event-sharing {
        margin-bottom: 0;
    }
}

/* MEC Event-grid Minimal
	-------------------------- */
.mec-event-grid-minimal .mec-event-article {
    margin: 15px 0;
    min-height: 80px;
    display: table;
}

.mec-event-grid-minimal .event-detail-wrap {
    display: table-cell;
    vertical-align: middle;
}

.mec-event-grid-minimal .mec-event-date {
    width: 70px;
    float: left;
    margin-right: 20px;
    padding: 12px 16px 10px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #e6e6e6;
    transition: all 0.37s ease-in-out;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-grid-minimal .mec-event-date span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 4px;
    color: #2a2a2a;
    transition: color 0.3s ease;
}

.mec-event-grid-minimal .mec-event-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 21px;
    font-size: 16px;
    text-transform: uppercase;
    transition: color 0.3s ease;
}

.mec-event-grid-minimal .mec-event-title a {
    color: #191919;
    transition: color 0.3s ease;
}

.mec-event-grid-minimal .mec-time-details,
.mec-event-grid-minimal .mec-event-detail {
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    color: #9a9a9a;
    font-family: "Roboto", sans-serif;
    margin-bottom: 5px;
}

.mec-event-grid-minimal .mec-event-date:hover {
    color: #fff;
}

.mec-event-grid-minimal .mec-event-date:hover span {
    color: #fff;
}

.mec-wrap .mec-event-grid-minimal .mec-event-date:hover {
    color: #fff;
}

/* MEC Event-list Classic
	-------------------------- */
.mec-event-list-classic .mec-event-article {
    padding: 12px 0;
    margin-bottom: 20px;
}

.mec-event-list-classic .mec-event-image {
    float: left;
    width: 86px;
    margin-right: 20px;
}

.mec-event-list-classic .mec-event-date,
.mec-event-list-classic .mec-event-time {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0;
    line-height: 18px;
    text-align: left;
    display: initial;
    margin-right: 12px;
}

.mec-event-list-classic .mec-event-time .mec-time-details,
.mec-event-list-classic .mec-event-time i {
    display: inline;
    margin-right: 3px;
}

.mec-event-list-classic .mec-event-date span {
    font-weight: 500;
    margin-bottom: 6px;
}

.mec-event-list-classic .mec-event-title {
    font-size: 15px;
    margin: 10px 0 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.mec-event-list-classic .mec-event-title a {
    color: #494949;
    transition: color 0.3s ease;
}

.mec-event-list-classic .mec-event-detail {
    color: #777;
    font-weight: 400;
    line-height: 12px;
    font-size: 12px;
    overflow: hidden;
}

.mec-event-list-classic a.magicmore {
    padding: 10px 16px;
    color: #fff;
    background: #222;
    letter-spacing: 2px;
    font-size: 11px;
}

.mec-event-list-classic a.magicmore:after {
    content: "";
    display: none;
}

.mec-event-list-classic a.magicmore:hover {
    color: #40d9f1;
}

/* MEC Event-grid Simple
	-------------------------- */
.mec-event-grid-simple .mec-event-article {
    position: relative;
    margin-bottom: 30px;
}

.mec-event-grid-simple .mec-event-article:after {
    border-right: 1px solid #e6e6e6;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    right: -1px;
}

.mec-event-grid-simple .row div:last-child .mec-event-article:after {
    border: none;
}

.mec-event-grid-simple .row {
    margin: 15px 0 30px;
    text-align: center;
}

.mec-event-grid-simple .mec-event-date {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
    font-size: 12px;
    font-weight: 700;
}

.mec-event-grid-simple .mec-event-title {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 21px;
    font-size: 15px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    text-transform: uppercase;
    transition: color 0.37s ease;
}

.mec-event-grid-simple .mec-event-title a {
    color: #494949;
    transition: color 0.3s ease;
}

.mec-event-grid-simple .mec-event-detail {
    font-family: "Roboto", "sans-serif";
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    font-size: 13px;
    color: #777;
}

.mec-event-grid-simple:hover .mec-event-title {
    color: #40d9f1;
}

.mec-event-grid-simple:hover .mec-event-date {
    background: transparent;
}

.event-last:after {
    display: none;
}

@media only screen and (max-width: 767px) {
    .mec-event-grid-simple .mec-event-article {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #eee;
    }

    .mec-event-grid-simple .mec-event-article:after {
        border: none;
    }
}

/* MEC Event-grid Novel
  	—------------------------ */
.mec-event-grid-novel .mec-event-article {
    position: relative;
    margin-bottom: 30px;
    padding: 60px 5% 60px 7%;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 10px;
    background-color: #0050fd;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 1;
}

.mec-event-grid-novel .mec-event-article .novel-grad-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    opacity: 0;
    z-index: -1;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mec-event-grid-novel .mec-event-article:hover {
    -webkit-box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23);
    box-shadow: 0 13px 36px 0 rgba(0, 0, 0, 0.23);
    border-color: transparent;
}

.mec-event-grid-novel .mec-event-article:hover .novel-grad-bg {
    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgb(38, 46, 50)),
        to(rgb(14, 16, 21))
    );
    background-image: -webkit-linear-gradient(
        left,
        rgb(38, 46, 50) 0%,
        rgb(14, 16, 21) 100%
    );
    background-image: -o-linear-gradient(
        left,
        rgb(38, 46, 50) 0%,
        rgb(14, 16, 21) 100%
    );
    background-image: linear-gradient(
        90deg,
        rgb(38, 46, 50) 0%,
        rgb(14, 16, 21) 100%
    );
    opacity: 1;
}

.mec-event-grid-novel .mec-event-image {
    float: left;
    width: 150px;
    height: 150px;
}

.mec-event-grid-novel .mec-event-image img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.mec-event-grid-novel .mec-event-detail-wrap {
    margin-left: 200px;
}

.mec-event-grid-novel .mec-event-content h4 {
    position: relative;
    margin-bottom: 10px;
    display: inline-block;
}

.mec-event-grid-novel .mec-event-content h4 a {
    font-size: 24px;
    line-height: 35px;
    color: #fafcff;
}

.mec-event-grid-novel .mec-event-content h4::before {
    content: "";
    position: absolute;
    top: 8px;
    left: -30px;
    width: 17px;
    height: 17px;
    background: #5cd0ed;
    opacity: 0.4;
    border-radius: 50%;
}

.mec-event-grid-novel .mec-event-content h4::after {
    content: "";
    position: absolute;
    top: 12px;
    left: -26px;
    width: 9px;
    height: 9px;
    background: #5cd0ed;
    border-radius: 50%;
}

.mec-skin-grid-container .mec-event-grid-novel .mec-categories li a {
    color: #fff;
}

.mec-event-grid-novel .mec-local-time-details,
.mec-event-grid-novel .mec-event-month,
.mec-event-grid-novel .mec-event-detail,
.mec-event-grid-novel .mec-event-address {
    position: relative;
    padding-left: 35px;
    font-size: 15px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.4);
}

.mec-event-grid-novel .mec-local-time-details:before,
.mec-event-grid-novel .mec-event-month::before,
.mec-event-grid-novel .mec-event-detail::before,
.mec-event-grid-novel .mec-event-address::before {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 17px;
    font-family: "simple-line-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.mec-event-grid-novel .mec-local-time-details::before {
    content: "\e007";
}

.mec-event-grid-novel .mec-event-month::before {
    content: "\e075";
}

.mec-event-grid-novel .mec-event-detail::before {
    content: "\e081";
}

.mec-event-grid-novel .mec-event-address::before {
    content: "\e096";
}

.mec-event-grid-novel .mec-event-footer {
    clear: both;
    padding: 20px 0;
    border-top: none;
    background: transparent;
}

.mec-event-grid-novel .mec-event-footer .mec-booking-button {
    right: auto;
    left: 0;
    height: 42px;
    width: 148px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: normal;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    border-radius: 50px;
}

.mec-event-grid-novel .mec-event-footer .mec-booking-button:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.mec-event-grid-novel .mec-event-sharing-wrap {
    left: 175px;
    cursor: pointer;
    padding-left: 0;
}

.mec-event-grid-novel .mec-event-sharing-wrap > li {
    border-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing {
    top: -5px;
    left: 0;
    padding: 5px 10px 2px 50px;
    min-width: 150px;
    width: inherit;
    height: 37px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 50px;
}

.mec-event-grid-novel .mec-event-sharing-wrap:hover > li {
    background-color: rgba(255, 255, 255, 0.1);
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::before,
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::after {
    display: none;
}

.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon,
.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a,
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li i {
    display: inline;
}

.mec-event-grid-novel .mec-event-sharing .mec-event-social-icon a {
    padding: 0 10px;
}

.mec-event-grid-novel .mec-event-sharing-wrap > li a {
    color: #fff;
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a {
    color: rgba(255, 255, 255, 0.4);
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing li a:hover {
    color: rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 1200px) {
    .mec-event-grid-novel .row .col-md-6.col-sm-6 {
        width: 100%;
        float: none;
    }

    .mec-event-grid-novel .mec-event-image {
        float: none;
        margin-top: -20px;
        margin-bottom: 20px;
    }

    .mec-event-grid-novel .mec-event-detail-wrap {
        margin-left: 20px;
    }

    .mec-event-grid-novel .mec-event-footer {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-event-grid-novel .mec-event-footer {
        margin-top: 0;
        padding-top: 30px;
        margin-bottom: 24px;
    }

    .mec-event-grid-novel .mec-event-footer .mec-booking-button {
        display: block;
        position: relative;
    }

    .mec-event-grid-novel .mec-event-sharing-wrap {
        left: 0;
        bottom: -55px;
        padding-left: 0;
    }

    .mec-event-grid-novel .mec-event-content h4 a {
        font-size: 20px;
        line-height: 1.3;
    }
}

.mec-event-grid-novel .mec-event-sharing-wrap {
    padding-left: 0;
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing {
    width: fit-content;
    z-index: 999999;
}

@media (min-width: 1280px) {
    .mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-article img {
        width: 100px;
        height: 100px;
    }

    .mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-detail-wrap {
        margin-left: 150px;
    }
}

@media (min-width: 760px) and (max-width: 1024px) {
    .mec-event-grid-novel .col-md-4.col-sm-4 {
        width: 100%;
    }

    .mec-event-grid-novel .mec-event-image {
        float: left;
    }

    .mec-event-grid-novel .col-md-4.col-sm-4 .mec-event-article img {
        width: 100px;
        height: 100px;
    }
}

/* MEC Event Cover Modern
	-------------------------- */
.mec-event-cover-modern {
    position: relative;
}

.mec-event-cover-modern .mec-event-cover-a {
    background: transparent;
    position: absolute;
    color: #fff;
    bottom: 0;
    left: 0;
    text-decoration: none;
}

.mec-event-cover-modern .mec-event-cover-a .mec-event-overlay {
    transition: all 0.5s;
    opacity: 0.8;
    width: 100%;
    height: 100%;
    position: absolute;
}

.mec-event-cover-modern .mec-event-cover-a:hover .mec-event-overlay {
    opacity: 1;
}

.mec-event-cover-modern .mec-event-detail {
    padding: 40px;
    position: relative;
}

.mec-event-cover-modern .mec-event-cover-a:hover .mec-event-tag {
    color: #333;
    transition: all 0.5s;
}

.mec-event-cover-modern .mec-event-cover-a .mec-event-title:hover {
    text-decoration: underline;
}

.mec-event-cover-modern .mec-event-tag {
    background: #fff;
    display: inline-block;
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
}

.mec-event-cover-modern .mec-event-date {
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 300;
}

.mec-event-cover-modern .mec-event-title {
    color: #fff;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 700;
    margin: 6px 0;
}

.mec-event-cover-modern .mec-event-place {
    font-weight: 400;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
}

@media only screen and (max-width: 767px) {
    .mec-event-cover-modern .mec-event-cover-a {
        width: 100%;
    }
}

/* MEC Event Cover Classic
	-------------------------- */
.mec-event-cover-classic {
    position: relative;
    overflow: hidden;
    background: #fff;
    padding: 6px;
    border: 1px solid #e8e8e8;
}

.mec-event-cover-classic .mec-event-overlay {
    position: absolute;
    left: 6px;
    right: 6px;
    bottom: 6px;
    top: 6px;
    width: auto;
    height: auto;
    background-color: rgba(36, 36, 36, 0.4);
    transition: all 0.33s ease-in-out;
}

.mec-event-cover-classic:hover .mec-event-overlay {
    background-color: rgba(36, 36, 36, 0.6);
}

.mec-event-cover-classic .mec-event-content {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 50px 35px;
    transition: all 0.33s ease-in-out;
}

.mec-event-cover-classic .mec-event-date {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

.mec-event-cover-classic .mec-event-date span {
    display: block;
    font-weight: 700;
    font-size: 16px;
}

.mec-event-cover-classic .mec-event-title {
    color: #fff;
    margin: 20px 0 38px;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

.mec-event-cover-classic .mec-btn-wrapper {
    text-align: left;
}

.mec-event-cover-classic .mec-event-icon {
    font-size: 18px;
    float: left;
    margin-right: 14px;
    color: #fff;
    padding: 13px;
}

.mec-event-cover-classic .mec-event-button {
    color: #fff;
    background-color: #191919;
    border: 2px #191919 solid;
    padding: 12px 20px;
    letter-spacing: 3px;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    transition: all 0.22s ease;
    text-decoration: none;
}

.mec-event-cover-classic .mec-event-button:hover {
    color: #191919;
    background-color: #fff;
    border-color: #fff;
    border-radius: 1px;
}

.mec-event-cover-classic .mec-event-image img {
    min-width: 100%;
}

@media only screen and (max-width: 960px) {
    .mec-event-cover-classic .mec-event-content {
        padding: 20px;
    }

    .mec-event-cover-classic .mec-event-button {
        font-size: 11px;
        padding: 7px 10px;
        letter-spacing: 1px;
    }

    .mec-event-cover-classic .mec-event-title {
        font-size: 19px;
        margin: 15px 0 25px;
    }

    .mec-event-cover-classic .mec-event-date {
        font-size: 12px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-event-cover-classic {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-event-cover-classic .mec-event-content {
        padding: 15px;
        font-size: 15px;
    }

    .mec-event-cover-classic .mec-event-title {
        font-size: 15px;
        margin: 10px 0;
    }

    .mec-event-cover-classic .mec-event-button {
        font-size: 10px;
        padding: 6px;
        letter-spacing: 1px;
    }

    .mec-event-cover-classic .mec-event-icon {
        padding: 10px;
    }
}

/* MEC LOAD MORE BUTTON
	-------------------------- */
.mec-load-more-wrap {
    text-align: center;
    display: block;
    width: 100%;
    padding-top: 20px;
    text-align: center;
    position: relative;
}

.mec-load-more-button {
    box-shadow: none;
    transition: all 0.21s ease;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fff;
    color: #767676;
    border: 2px solid #e8e8e8;
    border-radius: 50px;
    padding: 0px 28px;
    margin-bottom: 20px;
    cursor: pointer;
    line-height: 40px;
    height: 42px;
    display: inline-block;
}

.mec-load-more-button:hover {
    background: #191919;
    color: #fff;
    border-color: #191919;
}

.mec-load-more-loading {
    content: url("../img/ajax-loader.gif");
    cursor: wait;
    background: transparent;
    border-style: none;
}

.mec-load-more-loading:hover {
    background: transparent;
}

.mec-modal-preloader,
.mec-month-navigator-loading {
    width: 100%;
    height: 100%;
    background: no-repeat rgba(255, 255, 255, 0.88)
        url("../img/ajax-loader.gif") center;
    border-style: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
}

.mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
    min-height: 1024px;
}

.mec-calendar-side .mec-calendar-table {
    min-height: 450px;
}

.mec-skin-weekly-view-events-container.mec-month-navigator-loading {
    margin-top: 0;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
    display: block;
}

.mec-skin-daily-view-events-container.mec-month-navigator-loading {
    margin-top: 0px;
}

@media only screen and (min-width: 961px) {
    .mec-wrap.mec-sm959 .mec-calendar-side .mec-calendar-table {
        min-height: 1px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-calendar-side .mec-calendar-table {
        min-height: 1px;
    }
}

/* MEC Event Cover Clean
	-------------------------- */
.mec-event-cover-clean {
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 8px;
}

.mec-event-cover-clean .mec-event-overlay {
    height: 100%;
    background-color: rgba(36, 36, 36, 0.4);
    position: absolute;
    width: 100%;
    left: 0;
    border: 8px solid #fff;
    top: 0px;
    transition: all 0.5s ease-in-out;
}

.mec-event-cover-clean .mec-event-content {
    color: #fff;
    position: absolute;
    bottom: 20px;
    padding: 40px 60px;
    transition: all 0.5s ease-in-out;
}

.mec-event-cover-clean .mec-event-title {
    color: #fff;
    font-weight: 700;
    margin: 46px 0 19px;
    font-size: 29px;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

.mec-event-cover-clean .mec-event-title a {
    color: #fff;
    transition: all 0.5s;
    text-decoration: none;
    outline: none;
    border: none;
    box-shadow: none;
}

.mec-event-cover-clean .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-event-cover-clean .mec-event-date {
    position: absolute;
    top: -20px;
    right: 60px;
    color: #fff;
    width: 60px;
    padding: 14px 10px;
    z-index: 1;
}

.mec-event-cover-clean .mec-event-date div {
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 16px;
}

.mec-event-cover-clean .mec-event-date .dday {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-bottom: 13px;
    font-size: 24px;
}

.mec-event-cover-clean .mec-event-date .dmonth {
    letter-spacing: 2px;
}

.mec-event-cover-clean .mec-event-place {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
}

.mec-event-cover-clean .mec-event-image img {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .mec-event-cover-clean .mec-event-content {
        padding: 20px;
        bottom: 5px;
    }

    .mec-event-cover-clean .mec-event-title {
        font-size: 23px;
    }

    .mec-event-cover-clean .mec-event-date {
        right: 20px;
        padding: 10px;
        width: 50px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-event-cover-clean .mec-event-content {
        padding: 10px;
    }

    .mec-event-cover-clean .mec-event-title {
        font-size: 19px;
        padding-right: 25px;
    }

    .mec-event-cover-clean .mec-event-date {
        right: -20px;
        top: -10px;
    }

    .mec-event-cover-clean .mec-event-detail {
        font-size: 12px;
    }
}

/* MEC Events List Default Loop
	--------------------------------- */
.mec-month-divider {
    text-align: center;
    margin: 60px 0 40px 0;
}

.widget .mec-month-divider {
    margin: 10px 0;
}

.mec-month-divider span {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #313131;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
}

.mec-month-divider span:before {
    border-bottom: 4px solid #40d9f1;
    font-size: 6px;
    content: "";
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: -30px;
    left: 50%;
    width: 60px;
}

.widget .mec-month-divider span {
    font-size: 13px;
}

.mec-event-list-standard .mec-events-pagination {
    margin-top: 60px;
    border-top: 4px solid #ebebeb;
    min-height: 80px;
    padding-top: 20px;
}

.mec-event-list-standard .mec-events-pagination .mec-events-pag-previous {
    float: left;
    margin-left: 0;
}

.mec-event-list-standard .mec-events-pagination .mec-events-pag-next {
    float: right;
    margin-right: 0;
}

.mec-event-list-standard .mec-event-article {
    position: relative;
    display: block;
    margin-bottom: 25px;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-list-standard .mec-topsec {
    display: table;
    width: 100%;
}

.mec-event-list-standard .col-md-3.mec-event-image-wrap {
    padding-left: 0;
}

.mec-event-list-standard .mec-event-content {
    padding-top: 15px;
    padding-right: 30px;
}

.mec-event-list-standard .mec-event-title {
    font-size: 29px;
    font-weight: 700;
    letter-spacing: -1px;
    margin: 0 0 10px;
}

.mec-event-list-standard .mec-event-title a {
    color: #292929;
    transition: color 0.3s ease;
}

.mec-event-list-standard .mec-col-table-c {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    float: none !important;
}

.mec-event-list-standard .mec-col-table-c.mec-event-meta-wrap {
    padding-top: 15px;
}

.mec-event-list-standard .mec-col-table-c.mec-event-image-wrap {
    vertical-align: top;
}

.mec-topsec .mec-event-image {
    line-height: 1px;
}

.mec-event-list-standard .mec-event-meta-wrap {
    border-left: 1px solid #eee;
}

.mec-event-list-standard .mec-time-details {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
    padding-top: 0px;
    text-align: left;
    padding-left: 30px;
}

.mec-event-list-standard .mec-event-meta .mec-event-address {
    font-style: normal;
    letter-spacing: 0;
    font-size: 13px;
    color: #8a8a8a;
}

.mec-event-list-standard .mec-event-meta span.mec-event-d,
.mec-event-list-standard .mec-event-meta span.mec-event-m {
    font-size: 17px;
    font-weight: 700;
    padding-right: 6px;
    color: #444;
    text-transform: uppercase;
}

.mec-event-list-standard .mec-local-time-details,
.mec-event-list-standard .mec-venue-details,
.mec-event-list-standard .mec-date-details,
.mec-event-list-standard .mec-time-details {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

.mec-event-list-standard .mec-local-time-details:before,
.mec-event-list-standard .mec-venue-details:before,
.mec-event-list-standard .mec-time-details:before,
.mec-event-list-standard .mec-date-details:before {
    content: "\f041";
    font-family: fontawesome;
    position: absolute;
    left: 6px;
    font-size: 15px;
}

.mec-event-list-standard .mec-date-details:before {
    content: "\f073";
}

.mec-event-list-standard .mec-time-details:before {
    content: "\f017";
}

.mec-event-list-standard .mec-local-time-details:before {
    content: "\f0ac";
}

.mec-event-list-standard .mec-local-time-details .mec-local-title {
    display: block;
}

.mec-event-list-standard .mec-local-time-details .mec-local-date,
.mec-event-list-standard .mec-local-time-details .mec-local-time {
    font-style: normal;
    letter-spacing: 0;
    font-size: 11px;
    color: #8a8a8a;
    font-weight: 300;
    line-height: 1.6;
}

.mec-event-list-minimal .mec-event-title a {
    color: #292929;
    transition: color 0.3s ease;
}

.mec-event-meta-wrap .mec-price-details {
    margin-bottom: 10px;
}

.mec-price-details i {
    margin-right: 4px;
    vertical-align: text-top;
}

.mec-event-meta-wrap .mec-event-meta .mec-price-details i:before {
    font-size: 15px;
}

.mec-event-list-standard .mec-price-details {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 300;
}

.mec-event-list-standard .mec-price-details i {
    margin-left: 6px;
}

.mec-month-side .mec-price-details {
    margin-left: 2px;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-content
    .mec-price-details
    i,
.mec-event-article .mec-price-details i,
.mec-month-side .mec-price-details i {
    padding-top: 4px;
    vertical-align: unset;
}

.mec-event-list-standard ul.mec-categories {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

.mec-event-list-standard ul.mec-categories li.mec-category a:before {
    font-size: 16px !important;
    content: "\f105";
    position: absolute;
    font-family: fontawesome;
    left: 8px;
    font-size: 15px;
}

@media only screen and (max-width: 960px) {
    .mec-event-list-standard .mec-topsec {
        display: block;
    }

    .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap {
        display: block;
        width: 40%;
    }

    .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
        display: block;
        min-height: 230px;
    }

    .mec-event-list-standard .mec-event-meta-wrap {
        display: block;
        border-left: none;
        border-top: 1px solid #eee;
        width: 100%;
        float: none;
        padding-top: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 960px) {
    .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap,
    .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
        display: table-cell;
    }
}

@media only screen and (max-width: 479px) {
    .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap,
    .mec-event-list-standard .mec-col-table-c.mec-event-image-wrap img {
        float: none;
        width: 100%;
        padding: 0;
    }

    .mec-event-list-standard .mec-col-table-c.mec-event-content-wrap {
        padding: 10px 10px 10px 30px;
    }
}

/* Local Time
	-------------------------- */
.mec-localtime-details {
    color: #777;
    font-weight: 400;
    line-height: 12px;
    font-size: 12px;
}

.mec-localtime-details .mec-localtitle,
.mec-localtime-details .mec-localdate,
.mec-localtime-details .mec-localtime {
    display: inline-block;
}

.mec-localtime-details .mec-start-date-label {
    padding-right: 5px;
}

.mec-localtime-details .mec-localtime {
    padding-left: 5px;
}

.mec-event-list-minimal .mec-localtime-details {
    display: inline-flex;
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    color: #9a9a9a;
    padding-left: 9px;
}

.mec-event-grid-clean .mec-localtime-details,
.mec-event-grid-classic .mec-localtime-details {
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    color: #fff;
    padding: 0 0;
    line-height: 18px;
    margin-top: -3px;
}

.tooltipster-box .mec-localtime-details,
.mec-event-grid-colorful .mec-localtime-details,
.mec-event-grid-clean .mec-localtime-details {
    line-height: 22px;
    padding-top: 10px;
}

.mec-event-grid-colorful .mec-localtime-details {
    color: #fff;
}

.mec-event-grid-classic .mec-localtime-details {
    text-align: center;
}

.mec-event-grid-minimal .mec-localtime-details {
    line-height: 22px;
}

.mec-wrap .mec-yearly-view-wrap .mec-localtime-wrap i {
    display: inline-block;
    margin-left: -1px;
}

.mec-timetable-t2-content .mec-local-time-details {
    padding-left: 19px;
}

.mec-timetable-t2-content .mec-local-time-details {
    position: relative;
}

.mec-timetable-t2-content .mec-local-time-details:before {
    content: "\e007";
    font-family: "simple-line-icons";
    position: absolute;
    font-size: 12px;
    margin-right: 4px;
    left: 0;
}

.mec-masonry .mec-masonry-col6 .mec-localtime-details {
    margin-top: 10px;
    line-height: 21px;
}

.mec-masonry .mec-masonry-col6 .mec-localtime-details i {
    height: auto;
}

.mec-event-cover-classic .mec-localtime-details {
    color: #fff;
    margin-top: 12px;
}

.mec-event-cover-classic .mec-localtime-details i {
    padding-right: 8px;
}

.mec-event-cover-clean .mec-localtime-details {
    color: #fff;
    margin-bottom: 20px;
}

.mec-event-cover-modern .mec-localtime-details {
    color: #fff;
    margin: 10px 0;
    font-weight: 400;
    font-size: 18px;
}

.mec-event-countdown-style3 .mec-localtime-details,
.mec-event-countdown-style2 .mec-localtime-details,
.mec-event-countdown-style1 .mec-localtime-details {
    color: #fff;
    padding: 8px 5px 0;
    font-size: 14px;
    line-height: 25px;
}

.mec-event-countdown-style1 .mec-localtime-details {
    text-align: center;
}

.mec-event-hover-carousel-type4 .mec-localtime-details {
    display: block;
    color: #fff;
    font-size: 11px;
}

.mec-event-footer-carousel-type3 .mec-localtime-details span,
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localdate,
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtime,
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtitle {
    display: inline-flex;
    line-height: 20px;
    text-align: left;
    margin: 0 !important;
    font-size: 12px;
    color: #777;
    line-height: 28px;
}

.mec-owl-crousel-skin-type1 .mec-localtime-details {
    margin-top: -7px;
    margin-bottom: 12px;
}

.mec-wrap .mec-slider-t5 .mec-localtime-details {
    margin-top: 14px;
    line-height: 20px;
}
.mec-wrap .mec-slider-t5 .mec-localtime-details i {
    font-size: 18px;
    height: 20px;
}

.mec-timeline-event-local-time {
    background: rgba(64, 217, 241, 0.11);
    display: inline-block;
    padding: 7px 20px 11px;
    border-radius: 20px;
    line-height: 1.24;
}

.mec-timeline-event-local-time .mec-localtime-details {
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 6px;
    color: inherit;
    line-height: 24px;
}

.mec-timeline-event-local-time .mec-localtime-details i {
    font-size: 17px;
    vertical-align: middle;
    margin-left: -7px;
    padding-right: 3px;
}

/* Register Button for Shortcodes + Modal Booking
	-------------------------- */
.mec-booking-modal {
    background-color: #e6f7ff;
}

.mec-booking-modal
    .mec-booking-shortcode
    .mec-book-form-gateway-label
    input[type="radio"]:before {
    top: -1px;
}

.mec-modal-booking-button {
    box-shadow: none;
    transition: all 0.21s ease;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #fff;
    color: #767676;
    border: 1px solid #e8e8e8;
    padding: 12px 16px;
    line-height: 37px;
    height: 38px;
    margin: 12px 0;
}

.mec-modal-booking-button:hover {
    background: #191919;
    color: #fff;
    border-color: #191919;
}

.mec-modal-booking-button.mec-mb-icon i {
    font-size: 14px;
}

/* Custom Style */
.mec-event-list-classic .mec-modal-booking-button {
    height: 0;
    line-height: 1;
    margin: 7px 0 0;
    display: inline-table;
    letter-spacing: 0;
    padding: 12px 14px;
}

/* Category on Griv view Novel style */
.mec-event-grid-novel ul.mec-categories {
    position: relative;
    line-height: 30px;
    font-size: 15px;
}

.mec-event-grid-novel ul.mec-categories li.mec-category a {
    padding-left: 35px;
    color: rgba(255, 255, 255, 0.4);
    line-height: 30px;
    font-size: 15px;
}

.mec-event-grid-novel ul.mec-categories li.mec-category a:before {
    font-size: 16px !important;
    content: "\f105";
    position: absolute;
    font-family: fontawesome;
    left: 8px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.4);
}

.mec-timetable-t2-col .mec-modal-booking-button,
.mec-event-container-classic .mec-modal-booking-button,
.mec-calendar-events-side .mec-modal-booking-button,
.mec-event-grid-minimal .mec-modal-booking-button,
.mec-event-list-minimal .mec-modal-booking-button {
    margin: 0;
    color: #282828;
    font-size: 12px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    position: relative;
    padding: 0 0 0 24px;
    background: 0 0;
    text-align: left;
    display: inline;
    border: 0;
    font-weight: 700;
}

.mec-timetable-t2-col .mec-modal-booking-button {
    color: #fff;
    padding-left: 19px;
}

.mec-timetable-t2-col .mec-modal-booking-button:hover {
    color: #282828;
}

.mec-event-list-minimal .mec-modal-booking-button {
    margin: 0 4px 0 84px;
}

.mec-event-container-classic .mec-modal-booking-button:before,
.mec-calendar-events-side .mec-modal-booking-button:before,
.mec-event-grid-minimal .mec-modal-booking-button:before,
.mec-event-list-minimal .mec-modal-booking-button:before {
    content: "";
    position: absolute;
    background: #7a7272;
    width: 18px;
    height: 1px;
    left: 0;
    top: 45%;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
}

.mec-skin-carousel-container .mec-modal-booking-button {
    line-height: 70px;
}

.mec-event-list-modern .mec-modal-booking-button.mec-mb-icon {
    border-radius: 1px;
    letter-spacing: 2px;
    border: 1px solid #e6e6e6;
    color: #333;
    background-color: #fff;
    padding: 13px 12px 13px 14px;
    font-weight: 700;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
    transition: all 0.28s ease;
    line-height: unset;
}

.mec-event-list-modern .mec-modal-booking-button.mec-mb-icon:hover {
    border-color: #222;
    background: #222;
    color: #fff;
}

.mec-skin-carousel-container
    .mec-event-footer-carousel-type2
    .mec-modal-booking-button,
.mec-event-footer .mec-modal-booking-button {
    position: absolute;
    top: 20px;
    right: 125px;
    margin: 0;
    padding: 0 16px;
    line-height: 37px;
}

.mec-skin-carousel-container
    .mec-event-footer-carousel-type2
    .mec-modal-booking-button {
    top: 0;
    line-height: 41px;
    height: 41px;
    right: 121px;
}

.mec-skin-carousel-container
    .mec-event-footer-carousel-type3
    .mec-modal-booking-button {
    line-height: 18px;
    font-size: 12px;
    letter-spacing: 0;
    float: right;
    height: 41px;
    margin: 0 12px 0 0;
}

.mec-skin-carousel-container
    .mec-owl-crousel-skin-type4
    .mec-modal-booking-button {
    color: #fff;
    background-color: #191919;
    border: 2px #191919 solid;
    padding: 10px 14px;
    letter-spacing: 1.5px;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    transition: all 0.22s ease;
    text-decoration: none;
    margin: 0 0 0 12px;
}

.mec-skin-carousel-container
    .mec-owl-crousel-skin-type4
    .mec-modal-booking-button:hover {
    color: #191919;
    background-color: #fff;
    border: 2px #fff solid;
}

.mec-event-grid-modern .mec-event-footer .mec-modal-booking-button {
    right: auto;
    left: 110px;
}

.mec-events-agenda .mec-modal-booking-button,
.mec-event-grid-simple .mec-modal-booking-button {
    margin: 0;
    font-size: 12px;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    position: relative;
    padding: 0;
    background: 0 0;
    text-align: left;
    display: inline;
    border: 0;
    font-weight: 700;
}

.mec-events-agenda .mec-modal-booking-button {
    display: block;
    height: unset;
    padding-left: 173px;
    line-height: 14px;
    margin-bottom: 7px;
}

.mec-yearly-view-wrap .mec-modal-booking-button {
    margin: 0;
    padding-left: 14px;
    text-transform: capitalize;
}

.mec-event-grid-novel .mec-event-footer .mec-modal-booking-button.mec-mb-icon {
    right: auto;
    left: 238px;
    width: 36px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border-radius: 36px;
}

.mec-event-grid-novel
    .mec-event-footer
    .mec-modal-booking-button.mec-mb-icon:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.mec-events-yearlu .mec-modal-booking-button:hover,
.mec-events-agenda .mec-modal-booking-button:hover,
.mec-event-grid-simple .mec-modal-booking-button:hover {
    color: #191919;
}

.mec-event-masonry .mec-event-footer .mec-modal-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
    top: 0;
    box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
    right: auto;
    left: 155px;
}

.mec-timeline-event .mec-modal-booking-button {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    padding: 7px 20px 7px;
    line-height: 22px;
    height: unset;
    border: unset;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0;
    margin: 0;
    border-radius: 0 0 0 10px;
}

.mec-timeline-event .mec-modal-booking-button:hover {
    background: #191919;
    color: #fff;
}

.mec-skin-daily-view-events-container .mec-modal-booking-button,
.mec-weekly-view-dates-events .mec-event-article .mec-modal-booking-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    line-height: 26px;
    height: 49px;
    border: unset;
    text-align: center;
    display: inline-block;
    background: #ededed;
    color: #191919;
    padding: 12px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    transition: all 0.24s ease;
    margin: 0;
}
.mec-skin-daily-view-events-container .mec-modal-booking-button:hover,
.mec-weekly-view-dates-events
    .mec-event-article
    .mec-modal-booking-button:hover {
    background: #292929;
    color: #fff;
}

@media (max-width: 1023px) {
    .mec-skin-daily-view-events-container .mec-modal-booking-button,
    .mec-weekly-view-dates-events .mec-event-article .mec-modal-booking-button {
        position: relative;
        top: unset;
        transform: unset;
        margin: 14px 16px 0;
        padding: 8px;
        line-height: 20px;
        height: 35px;
    }
}

@media (max-width: 768px) {
    .featherlight .featherlight-inner {
        width: 100%;
    }

    .mec-events-agenda .mec-modal-booking-button {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .mec-booking-modal .mec-events-meta-group-booking-shortcode {
        padding: 20px;
    }

    .mec-booking-modal .mec-booking-shortcode .mec-book-reg-field-name,
    .mec-booking-modal .mec-booking-shortcode .mec-book-reg-field-mec_email {
        width: 100%;
    }

    .mec-booking-modal .mec-booking-shortcode button#mec-book-form-btn-step-2 {
        margin-left: 20px;
    }

    .mec-booking-modal
        .mec-booking-shortcode
        .mec-click-pay
        button[type="submit"] {
        bottom: 22px;
    }

    .mec-calendar-events-side .mec-modal-booking-button:before,
    .mec-event-container-classic .mec-modal-booking-button:before,
    .mec-event-grid-minimal .mec-modal-booking-button:before,
    .mec-event-list-minimal .mec-modal-booking-button:before {
        display: none;
    }

    .mec-calendar-events-side .mec-modal-booking-button,
    .mec-event-container-classic .mec-modal-booking-button,
    .mec-event-grid-minimal .mec-modal-booking-button,
    .mec-event-list-minimal .mec-modal-booking-button,
    .mec-timetable-t2-col .mec-modal-booking-button {
        margin: 0;
        padding: 0;
    }

    .mec-event-grid-modern .mec-event-footer .mec-booking-button {
        top: 20px;
    }
}

/* MEC Event- Single
	-------------------------- */
.mec-wrap .mec-events-cal-links {
    margin-bottom: 0;
}

.mec-single-event #mec-wrap {
    padding: 0;
    margin-top: 35px;
}

.single-mec-events .mec-wrap.mec-no-access-error h1,
.mec-wrap .mec-single-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 33px;
}

.mec-single-event .mec-event-content {
    padding: 40px 0 30px;
    margin-bottom: 10px;
}

.mec-single-event .mec-frontbox,
.mec-single-event .mec-events-meta-group-booking {
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-wrap #main-content {
    overflow: hidden;
    padding-top: 35px;
}

.mec-single-event .mec-map-get-direction-address-cnt {
    position: relative;
}

.mec-single-event
    .mec-map-get-direction-address-cnt
    input.mec-map-get-direction-address {
    width: 100%;
    height: 46px;
    padding: 13px 10px;
    margin-bottom: 0;
    background: #fcfcfc;
    border: 1px solid #e0e0e0;
    border-radius: 0;
    box-shadow: inset 0px 2px 5px rgba(0, 0, 0, 0.081);
}

.mec-single-event
    .mec-map-get-direction-address-cnt
    input.mec-map-get-direction-address:focus {
    color: #444;
    background: #fff;
    border-color: #b0b0b0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}

.mec-single-event .mec-map-get-direction-btn-cnt input {
    width: 100%;
}

.mec-single-event .mec-map-get-direction-reset {
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 10px;
    font-size: 11px;
    cursor: pointer;
}

/* Tags */
.mec-events-meta-group-tags {
    margin-top: 20px;
}

.mec-events-meta-group-tags a {
    display: inline-block;
    color: #444;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
    padding: 3px 7px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    margin: 1px 3px;
}

.mec-events-meta-group-tags a:hover {
    text-decoration: underline;
    background: #f9f9f9;
}

.mec-local-time-details li {
    list-style: none;
}

.mec-single-event:not(.mec-single-modern) .mec-local-time-details {
    background: #f7f7f7;
    padding: 12px 14px 8px;
    margin-bottom: 12px;
    vertical-align: baseline;
    position: relative;
    border: none;
}

.mec-single-event:not(.mec-single-modern) .mec-local-time-details ul {
    margin: 0;
    padding-left: 35px;
}

.mec-single-event:not(.mec-single-modern) .mec-local-time-details h3 {
    border: none;
    padding-left: 15px;
}

.mec-single-event:not(.mec-single-modern) .mec-local-time-details h3:before {
    display: none;
}

.mec-single-event.mec-single-modern i.mec-sl-speedometer {
    display: none;
}

.mec-single-modern .mec-local-time-details.mec-frontbox i {
    display: none;
}

/* Booking */
.mec-single-event .mec-events-meta-group-booking {
    padding-bottom: 30px;
}

.mec-single-event .mec-events-meta-group-booking ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

.mec-single-event .mec-booking .mec-book-bfixed-fields-container {
    padding-left: 15px;
}

.mec-single-event .mec-events-meta-group-booking ul li {
    padding: 0;
    list-style: none;
    margin-top: 40px;
}

.mec-single-event .mec-events-meta-group-booking h4 {
    margin-bottom: 20px;
    font-size: 23px;
    font-weight: bold;
}

.mec-single-event .mec-events-meta-group-booking li h4 {
    font-size: 19px;
}

.mec-single-event .mec-events-meta-group-booking input,
.mec-single-event .mec-events-meta-group-booking button {
    border-radius: 0;
    margin-bottom: 6px;
}

.mec-single-event .mec-events-meta-group-booking button {
    min-width: 155px;
    margin-top: 5px;
    margin-left: 10px;
    border-radius: 2px;
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.08);
}

.mec-single-event
    .mec-events-meta-group-booking
    button.mec-book-form-back-button {
    background: #c4cace;
    float: left;
}

.mec-single-event
    .mec-events-meta-group-booking
    button.mec-book-form-back-button:hover {
    background: #000;
}

.mec-single-event
    .mec-events-meta-group-booking
    button.mec-book-form-next-button {
    float: left;
    margin-left: 0;
}

button#mec-book-form-back-btn-step-3 {
    float: none;
}

/* Booking Occurrences list */
.mec-next-occ-booking,
.mec-next-occ-booking-p {
    padding-left: 15px;
}

/* Sell all occurrences by one booking */
.mec-events-meta-group-booking .mec-next-occ-booking-p,
.mec-events-meta-group-booking .mec-next-occ-booking {
    padding: 0;
    font-size: 12px;
    letter-spacing: 0;
    margin: 3px 0;
    padding: 5px 1em 3px 0;
}

/* Registration */
.mec-book-username-password-wrapper {
    padding: 0 15px;
}

.lity-container .mec-next-occ-booking,
.lity-container .mec-next-occ-booking-p {
    padding-left: 0;
}

/* Pay Buttons Position */
.mec-single-event .mec-events-meta-group-booking .mec-click-pay {
    max-width: 350px;
}
.mec-single-event
    .mec-events-meta-group-booking
    .mec-click-pay
    #mec_woo_add_to_cart_btn_r,
.mec-single-event
    .mec-events-meta-group-booking
    .mec-click-pay
    button.mec-book-form-next-button {
    float: right;
}

.mec-single-event
    .mec-events-meta-group-booking
    .mec-click-pay
    #mec_woo_add_to_cart_btn_r:hover,
.mec-single-event
    .mec-events-meta-group-booking
    .mec-click-pay
    button.mec-book-form-next-button:hover {
    background: #000;
}

.lity-container .mec-click-pay {
    max-width: 400px;
}

.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r,
.lity-container .mec-book-form-btn-wrap button.mec-book-form-next-button {
    float: right;
}

.lity-container button.mec-book-form-next-button {
    float: right;
}

.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r:hover,
.lity-container .mec-click-pay button.mec-book-form-next-button:hover {
    background: #000;
}

/* Free booking with coupon */
.mec-single-event .mec-events-meta-group-booking .mec-click-next {
    float: right;
    position: relative;
    width: calc(100% - 186px);
}

.lity-container .mec-click-next {
    float: right;
    position: relative;
    width: calc(100% - 186px);
}

.mec-single-event .mec-book-form-coupon button {
    margin-left: 0;
}

.mec-single-event .mec-book-form-gateway-checkout button {
    margin-left: 0;
}

.mec-single-event .mec-single-event .mec-book-form-gateway-checkout button {
    margin-right: 20px;
}

/* .mec-single-event button#mec-book-form-back-btn-step-3 {
    margin-left: 0;
} */

.lity-content .mec-book-form-back-button {
    position: relative;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    min-width: 170px;
    margin-top: 5px;
    border-radius: 0;
    margin-bottom: 6px;
    background: #c4cace;
}

.lity-content .mec-book-form-back-button:hover {
    background: #000;
}

.lity-content button#mec-book-form-back-btn-step-3 {
    float: none;
}

.lity-content .mec-book-form-next-button {
    float: left;
}

.lity-content .mec-book-bfixed-fields-container {
    list-style: none;
    padding-left: 0;
}

.mec-single-event .mec-book-form-price,
.mec-single-event .mec-book-form-gateways,
.mec-single-event form.mec-click-next,
.mec-single-event .mec-book-first,
.mec-single-event .mec-event-tickets-list {
    padding-left: 0;
    padding-right: 0;
}

.mec-single-event label.mec-fill-attendees {
    margin-left: 0;
}

.mec-wrap .mec-events-meta-group-booking #mec-book-form-btn-step-1,
.mec-wrap .mec-events-meta-group-booking #mec-book-form-back-btn-step-2,
.mec-wrap .mec-events-meta-group-booking #mec-book-form-back-btn-step-3 {
    margin-left: 0px;
}

.mec-wrap .mec-booking-form-container .col-md-12 {
    padding-left: 0;
}

.mec-wrap .mec-events-meta-group-booking .mec-wrap-checkout.row {
    margin: 0;
}

.mec-wrap
    .mec-wrap-checkout
    .mec-book-form-gateways
    .mec-book-form-gateway-label {
    padding-left: 3px;
}

.mec-wrap p.mec-gateway-comment {
    margin-top: 20px;
}

.mec-single-event .mec-events-meta-group-booking .mec-event-ticket-available {
    display: block;
    margin-bottom: 20px;
    margin-top: -17px;
    font-size: 11px;
    color: #8a8a8a;
}

.mec-single-event .mec-events-meta-group-booking .mec-book-price-total {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 26px;
    color: #39c36e;
    font-weight: 700;
    padding: 10px 0;
}

.mec-single-event .mec-events-meta-group-booking form {
    margin: 0;
}

.mec-single-event .mec-events-meta-group-booking label,
.mec-single-event .mec-events-meta-group-booking h5 span {
    color: #424242;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 3px 0;
    display: block;
    clear: none;
    padding: 5px 1em 3px 0;
}

.mec-single-event .mec-events-meta-group-booking h5 span {
    display: inline-block;
}

.mec-single-event
    .mec-events-meta-group-booking
    h5
    span.mec-ticket-variation-name {
    padding-right: 5px;
    text-transform: capitalize;
}

.mec-single-event
    .mec-events-meta-group-booking
    input::-webkit-input-placeholder {
    color: #aaa;
}

.mec-single-event .mec-events-meta-group-booking input:-moz-placeholder {
    color: #aaa;
}

.mec-single-event .mec-events-meta-group-booking input[type="text"],
.mec-single-event .mec-events-meta-group-booking input[type="date"],
.mec-single-event .mec-events-meta-group-booking input[type="number"],
.mec-single-event .mec-events-meta-group-booking input[type="email"],
.mec-single-event .mec-events-meta-group-booking input[type="password"],
.mec-single-event .mec-events-meta-group-booking input[type="tel"],
.mec-single-event .mec-events-meta-group-booking textarea,
.mec-single-event .mec-events-meta-group-booking select {
    display: block;
    background: #fcfcfc;
    min-height: 42px;
    min-width: 180px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    padding: 13px 10px;
    width: 330px;
    margin-bottom: 20px;
    box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.051);
    clear: both;
}

.wbmec-mandatory {
    padding-left: 5px;
    font-size: 14px;
}

.mec-single-event .mec-events-meta-group-booking .mec-red-notification input,
.mec-single-event .mec-events-meta-group-booking .mec-red-notification textarea,
.mec-single-event .mec-events-meta-group-booking .mec-red-notification select {
    border: 1px solid #ff3c3c !important;
}

.mec-single-event
    .mec-events-meta-group-booking
    .mec-red-notification
    input[type="radio"],
.mec-single-event
    .mec-events-meta-group-booking
    .mec-red-notification
    input[type="checkbox"],
.lity
    .mec-events-meta-group-booking
    .mec-red-notification
    input[type="checkbox"],
.lity .mec-events-meta-group-booking .mec-red-notification input[type="radio"] {
    outline: 1px solid #ff3c3c !important;
}

/* Modal booking - required forms */
.lity .mec-book-ticket-container .mec-red-notification input,
.lity .mec-book-ticket-container .mec-red-notification select,
.lity .mec-book-ticket-container .mec-red-notification textarea {
    border: 1px solid #ff3c3c !important;
}

.mec-booking .woocommerce-notices-wrapper .woocommerce-message {
    color: #0dbf52;
    background-color: #cef7ce;
    margin: 0;
    padding-top: 1rem;
    line-height: 2.9rem;
    border: 0;
}

.mec-booking .woocommerce-notices-wrapper .woocommerce-message a {
    margin: 0;
}

@media only screen and (max-width: 479px) {
    .mec-single-event .mec-events-meta-group-booking input[type="text"],
    .mec-single-event .mec-events-meta-group-booking input[type="date"],
    .mec-single-event .mec-events-meta-group-booking input[type="number"],
    .mec-single-event .mec-events-meta-group-booking input[type="email"],
    .mec-single-event .mec-events-meta-group-booking input[type="password"],
    .mec-single-event .mec-events-meta-group-booking input[type="tel"],
    .mec-single-event .mec-events-meta-group-booking textarea,
    .mec-single-event .mec-events-meta-group-booking select {
        width: 100%;
    }
}

.mec-single-event
    .mec-events-meta-group-booking
    input[type="text"]:.mec-single-event
    .mec-events-meta-group-booking
    input[type="date"],
focus,
.mec-single-event .mec-events-meta-group-booking input[type="number"]:focus,
.mec-single-event .mec-events-meta-group-booking input[type="email"]:focus,
.mec-single-event .mec-events-meta-group-booking input[type="password"]:focus,
.mec-single-event .mec-events-meta-group-booking input[type="tel"]:focus,
.mec-single-event .mec-events-meta-group-booking textarea:focus,
.mec-single-event .mec-events-meta-group-booking select:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #fff;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    outline: none;
}

.mec-single-event .mec-events-meta-group-booking input[type="checkbox"],
.mec-single-event .mec-events-meta-group-booking input[type="radio"] {
    margin-right: 6px;
    margin-top: 5px;
    min-height: 20px;
    clear: none;
    margin: 0px 0 0 2px;
}

.mec-single-event .mec-events-meta-group-booking input[type="radio"]:before,
.lity-container .mec-events-meta-group-booking input[type="radio"]:before {
    content: "";
    display: inline-block;
    background: #fff;
    border-radius: 18px;
    width: 18px;
    height: 18px;
    margin: -1px 0 0 -3px;
    cursor: pointer;
    border: 2px solid #e1e7ed;
    box-shadow: 0 2px 15px -3px rgba(69, 77, 89, 0.32);
}

.mec-single-event
    .mec-events-meta-group-booking
    input[type="radio"]:checked:before,
.lity-container
    .mec-events-meta-group-booking
    input[type="radio"]:checked:before {
    border: 7px solid #008aff;
    background: #fff;
    box-shadow: 0 3px 16px -3px #008aff;
}

.mec-single-event .mec-events-meta-group-booking input[type="radio"],
.lity-container .mec-events-meta-group-booking input[type="radio"] {
    min-height: 0;
    margin: 0;
    margin-right: 6px;
}

.mec-single-event .mec-events-meta-group-booking input[type="checkbox"] {
    float: left;
}

.mec-single-event .mec-events-meta-group-booking .mec_book_first_for_all,
.lity-container .mec-events-meta-group-booking .mec_book_first_for_all {
    display: none;
}

.mec-events-meta-group-booking ul.mec-book-price-details {
    list-style: none;
    border: 1px solid #eee;
    padding: 0;
    overflow: hidden;
}

.mec-events-meta-group-booking ul.mec-book-price-details li {
    font-size: 15px;
    color: #a9a9a9;
    list-style: none;
    padding: 13px 18px;
    margin: 0;
    float: left;
    border-right: 1px solid #eee;
}

.mec-events-meta-group-booking ul.mec-book-price-details li:last-child {
    border-right: none;
}

.mec-events-meta-group-booking
    ul.mec-book-price-details
    li
    span.mec-book-price-detail-amount {
    font-weight: 700;
    font-size: 21px;
    color: #222;
    display: contents;
}

.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label {
    height: 14px;
    width: 14px;
    background-color: transparent;
    border: 1px solid #d4d4d4;
    position: relative;
    display: inline-block;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
    box-shadow: 0 2px 16px -2px rgba(0, 0, 0, 0.2);
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -2px;
}

.mec-single-event
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label,
.lity-container
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label {
    border-color: #008aff;
    box-shadow: 0 2px 14px -3px #008aff;
}

.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:before,
.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:after,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after {
    position: absolute;
    height: 0;
    width: 1px;
    background-color: #008aff;
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    content: "";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
}

.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:before,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before {
    top: 8px;
    left: 7px;
    box-shadow: 0 0 0 2px #fff;
    -moz-transform: rotate(-145deg);
    -ms-transform: rotate(-145deg);
    -o-transform: rotate(-145deg);
    -webkit-transform: rotate(-145deg);
    transform: rotate(-145deg);
}

.mec-single-event
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label::before,
.lity-container
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label::before {
    height: 12px;
    -moz-animation: dothatopcheck 0.16s ease 0s forwards;
    -o-animation: dothatopcheck 0.16s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.16s ease 0s forwards;
    animation: dothatopcheck 0.16s ease 0s forwards;
}

.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:after,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after {
    top: 6px;
    left: 3px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mec-single-event
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label::after,
.lity-container
    .mec-events-meta-group-booking
    input[type="checkbox"]:checked
    + .wn-checkbox-label::after {
    -moz-animation: dothabottomcheck 0.08s ease 0s forwards;
    -o-animation: dothabottomcheck 0.08s ease 0s forwards;
    -webkit-animation: dothabottomcheck 0.08s ease 0s forwards;
    animation: dothabottomcheck 0.08s ease 0s forwards;
    height: 4px;
}

.mec-single-event a.button:after,
.mec-single-event .mec-events-meta-group-booking button[type="submit"]:after {
    display: none;
    font-family: "simple-line-icons";
    content: "\e098";
    margin-left: 4px;
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -ms-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

.mec-single-event a.button.loading:after,
.mec-single-event
    .mec-events-meta-group-booking
    button[type="submit"].loading:after {
    display: inline-block;
}

.mec-single-event .mec-event-export-module {
    display: block;
}

.mec-single-event
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul {
    display: table;
    width: 100%;
}

.mec-single-event
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul
    li {
    display: table-cell;
}

.mec-single-event
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul
    li:last-child {
    text-align: right;
}

.mec-single-event
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul
    li
    a:hover {
    color: #fff;
}

.mec-single-event
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul {
    padding-left: 0;
    margin: 15px 5px;
}

.mec-single-event .mec-event-export-module.mec-frontbox .mec-event-exporting {
    padding-left: 0;
    margin: 0;
}

.mec-ticket-price {
    margin-left: 10px;
    font-size: 13px;
    font-weight: 300;
}

.mec-book-reg-field-checkbox label,
.mec-book-reg-field-radio label {
    line-height: 1.36;
}

.mec-book-reg-field-checkbox input[type="checkbox"],
.mec-book-reg-field-radio input[type="radio"] {
    float: left;
    margin-right: 5px !important;
}

.mec-ticket-available-spots .mec-event-ticket-description,
.mec-ticket-available-spots .mec-event-ticket-price {
    font-size: 11px;
}

.mec-book-ticket-container .wbmec-mandatory,
.mec-book-ticket-container .mec-reg-mandatory:nth-child(2) label:after,
.mec-book-ticket-container .mec-reg-mandatory:nth-child(3) label:after {
    content: "";
    color: red;
    width: 50px;
    height: 50px;
    font-size: 14px;
    padding-left: 5px;
}

@media only screen and (max-width: 767px) {
    .mec-single-event
        .mec-event-export-module.mec-frontbox
        .mec-event-exporting
        .mec-export-details
        ul
        li {
        width: 100%;
        min-height: 40px;
        margin-bottom: 15px;
        text-align: center;
        float: none;
        display: block;
    }

    .mec-single-event
        .mec-event-export-module.mec-frontbox
        .mec-event-exporting
        .mec-export-details
        ul
        li
        a {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        display: block;
        font-size: 12px;
    }
}

.mec-single-event .mec-events-meta-group {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .mec-single-event .mec-events-meta-group-booking {
        margin-bottom: 30px;
    }
}

.mec-single-event .mec-event-meta h3,
.mec-single-event .mec-event-meta dt {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline;
    color: #000;
   // padding-left: 10px;
}

.mec-single-event .mec-event-meta h6 {
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 5px;
    display: inline;
    color: #222;
    padding-left: 0;
}

.mec-single-event .mec-event-meta dd,
.mec-single-event .mec-event-meta .mec-events-event-categories a {
    font-size: 14px;
    color: #8d8d8d;
}

.mec-single-event .mec-event-meta .mec-location dd.author {
    color: #3c3b3b;
}

.mec-single-event .mec-event-meta dd {
    margin: 0;
    padding-left: 35px;
}

.mec-single-event .mec-event-meta dd.mec-events-event-categories {
    min-height: 35px;
    line-height: 35px;
}

/* Fix booking modal */
@media only screen and (max-width: 480px) {
    .single-mec-events .lity-container {
        width: 100%;
    }

    .single-mec-events .lity-content .mec-events-meta-group-booking {
        padding: 20px;
        width: 85%;
        margin: 0 auto;
    }
}

/*.mec-single-event .mec-event-meta dd.mec-events-event-categories:before { font-family: 'FontAwesome'; color: #40d9f1;font-size: 16px; content: "\f105"; padding: 10px; padding-left: 0; }*/
.mec-single-event .mec-event-meta dd.mec-events-event-categories:first-of-type {
    padding-top: 5px;
}

.mec-single-event .mec-event-meta dd.mec-events-event-categories:last-of-type {
    border-bottom: 0;
}

.mec-single-event .mec-event-meta dd a {
    color: #8d8d8d;
    transition: all 0.2s ease;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.mec-single-event .mec-event-meta dd a i:before {
    font-size: 16px !important;
}

.mec-single-event .mec-event-meta dd a i {
    margin-right: 8px;
}

.mec-single-event .mec-event-meta dl {
    margin-bottom: 0;
}

.mec-single-event .mec-event-meta .mec-events-event-cost {
    font-size: 18px;
}

.mec-single-event .mec-event-meta .mec-events-address {
    color: #a9a9a9;
    margin-bottom: 3px;
}

.mec-single-event .mec-event-meta .mec-events-meta-group-venue .author {
    margin-bottom: 0;
    color: #8d8d8d;
    font-size: 13px;
}

.mec-single-event .mec-events-event-image {
    margin-bottom: 0;
}

.mec-single-event h2.mec-single-event-title {
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 33px;
}

.mec-single-event .mec-booking-button {
    border-bottom: none;
    letter-spacing: 0.5px;
    line-height: 48px;
    height: 76px;
    transition: all 0.5s ease;
    color: #fff;
    padding: 16px;
    display: block;
    text-align: center;
    font-size: 16px;
    border-radius: 2px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.mec-single-event .mec-booking-button:hover {
    background-color: #101010 !important;
}

.mec-single-event .mec-event-tags a {
    display: inline-block;
    color: #444;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
    padding: 3px 7px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background: #fff;
    margin: 1px 3px;
}

.mec-single-event .mec-event-tags:before {
    font-size: 24px;
    color: #303030;
    margin-right: 5px;
    content: "\f02c";
    font-family: fontawesome;
}

.mec-single-event .mec-event-tags {
    padding-top: 13px;
}

.mec-single-event .mec-event-sharing {
    margin: 30px 0 10px;
}

.mec-single-event .mec-street-address,
.mec-region.mec-events-abbr {
    font-style: normal;
    font-size: 13px;
}

.mec-single-event-date:before,
.mec-single-event-time:before,
.mec-events-meta-group.mec-events-meta-group-venue:before {
    color: #40d9f1;
}

.mec-single-event .mec-event-social {
    text-align: center;
}

.mec-single-event .mec-event-social h3 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    padding-bottom: 5px;
    color: #313131;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
}

.mec-single-event .mec-social-single:before {
    padding: 13px 35px;
    border-bottom: 4px solid #40d9f1;
    font-size: 6px;
    content: "";
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: 39px;
}

.mec-single-event .mec-event-social .event-sharing {
    margin-top: 30px;
}

.mec-single-event .mec-event-social ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

.mec-single-event .mec-event-social li.mec-event-social-icon {
    display: inline-block;
}

.mec-single-event .mec-event-social li.mec-event-social-icon a {
    display: inline-block;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 9px;
    font-size: 16px;
    margin-right: 5px;
    margin-bottom: 5px;
}

.mec-single-event .mec-event-social a.facebook {
    background: #3b5996;
}

.mec-single-event .mec-event-social a.facebook:hover {
    background: #28385c;
}

.mec-single-event .mec-event-social a.twitter {
    background: #00acee;
}

.mec-single-event .mec-event-social a.twitter:hover {
    background: #0087bd;
}

.mec-single-event .mec-event-social a.vimeo {
    background: #0dadd6;
}

.mec-single-event .mec-event-social a.vimeo:hover {
    background: #0a85a3;
}

.mec-single-event .mec-event-social a.dribble {
    background: #d53e68;
}

.mec-single-event .mec-event-social a.dribble:hover {
    background: #bf4c78;
}

.mec-single-event .mec-event-social a.youtube {
    background: #cb322c;
}

.mec-single-event .mec-event-social a.youtube:hover {
    background: #992622;
}

.mec-single-event .mec-event-social a.pinterest {
    background: #cb2027;
}

.mec-single-event .mec-event-social a.pinterest:hover {
    background: #99181d;
}

.mec-single-event .mec-event-social a.google {
    background: #c3391c;
}

.mec-single-event .mec-event-social a.google:hover {
    background: #99181f;
}

.mec-single-event .mec-event-social a.linkedin {
    background: #0073b2;
}

.mec-single-event .mec-event-social a.linkedin:hover {
    background: #005380;
}

.mec-single-event .mec-event-social a.email {
    background: #ff5d5e;
}

.mec-single-event .mec-event-social a.email:hover {
    background: #cc4949;
}

.mec-single-event .mec-event-social a.vk {
    background: #5b88bd;
}

.mec-single-event .mec-event-social a.vk:hover {
    background: #3d608a;
}

.mec-single-event .mec-event-social a.tumblr {
    background: #34465d;
}

.mec-single-event .mec-event-social a.tumblr:hover {
    background: #273649;
}

.mec-single-event .mec-event-social a.telegram {
    background: #0088cc;
}

.mec-single-event .mec-event-social a.telegram:hover {
    background: rgb(16, 118, 190);
}

.mec-single-event .mec-event-social a.whatsapp {
    background: #25d366;
}

.mec-single-event .mec-event-social a.whatsapp:hover {
    background: #23ac55;
}

.mec-single-event .mec-event-social a.flipboard {
    background: #e12828;
}

.mec-single-event .mec-event-social a.flipboard:hover {
    background: #af1e1e;
}

.mec-single-event .mec-event-social a.pocket {
    background: #ef4056;
}

.mec-single-event .mec-event-social a.pocket:hover {
    background: #8d1717;
}

.mec-single-event .mec-event-social a.reddit {
    background: #ff5700;
}

.mec-single-event .mec-event-social a.reddit:hover {
    background: #c94909;
}

.mec-single-event .mec-event-social a.telegram svg,
.mec-single-event .mec-event-social a.flipboard svg {
    height: 16px;
}

.mec-single-event .mec-event-social li.mec-event-social-icon a svg {
    display: unset;
}

.mec-single-event .mec-event-social a.rss {
    background: #f29a1d;
}

.mec-single-event .mec-event-social a.rss:hover {
    background: #cc7400;
}

.mec-single-event .mec-event-social a.instagram {
    background: #457399;
}

.mec-single-event .mec-event-social a.instagram:hover {
    background: #2e4d66;
}

.mec-single-event .mec-event-social a.linkedin {
    background: #457399;
}

.mec-single-event .mec-event-social a.linkedin:hover {
    background: #2e4d66;
}

.mec-single-event .mec-event-social a.other-social {
    background: #ff5d5e;
}

.mec-single-event .mec-event-social a.other-social:hover {
    background: #cc4949;
}

.mec-single-event .mec-event-social {
    text-align: center;
}

.mec-single-event .mec-frontbox-title,
.mec-single-event .mec-wrap-checkout h4,
.mec-single-event .mec-events-meta-group-booking form > h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #313131;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
}

.mec-single-event .mec-frontbox-title:before,
.mec-single-event .mec-wrap-checkout h4:before,
.mec-single-event .mec-events-meta-group-booking form > h4:before {
    padding: 1px 35px;
    border-bottom: 4px solid #40d9f1;
    font-size: 6px;
    content: "";
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: -35px;
    left: 50%;
}

.mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-month"],
.mec-single-event .mec-events-meta-group-booking input[data-stripe="exp-year"] {
    width: 47% !important;
    margin-right: 12px;
    margin-top: 5px;
    display: inline-block !important;
}

@media (max-width: 768px) {
    .mec-single-event
        .mec-events-meta-group-booking
        input[data-stripe="exp-month"],
    .mec-single-event
        .mec-events-meta-group-booking
        input[data-stripe="exp-year"] {
        width: 100% !important;
        margin-right: 0;
        display: block !important;
    }
}

.mec-event-meta i:before {
    font-size: 20px;
    vertical-align: middle;
}

.mec-event-meta .mec-single-event-organizer i:before,
.mec-event-meta .mec-single-event-additional-organizers i:before {
    font-size: 14px;
    vertical-align: baseline;
}

#mec-wrap .mec-events-day-time-slot .mec-events-content {
    float: left;
    width: 33%;
    padding: 0 15px;
}

#mec-wrap .mec-events-day-time-slot .mec-events-event-image {
    padding-left: 0;
}

#mec-events-content .mec-events-abbr {
    color: #8d8d8d;
    font-size: 14px;
}

.mec-single-event .mec-events-content {
    margin-bottom: 30px;
}

.mec-single-event .mec-organizer-url a {
    word-wrap: break-word;
}

.mec-single-event #headline {
    margin: 0 0 10px;
}

.mec-single-event #headline h2 {
    padding: 0;
}

.mec-single-event
    .mec-events-meta-group.mec-events-meta-group-gmap
    .mec-events-venue-map {
    margin-top: 0;
    padding: 8px;
    border: 1px solid #e5e5e5;
    border-radius: 7px;
}

#mec-events-gmap-0 {
    height: 325px !important;
}

.mec-events-list .mec-events-day-time-slot .mec-events-event-meta {
    width: 33%;
    float: left;
    padding: 40px;
    height: auto;
    margin: 0;
}

.mec-events-day-time-slot .mec-events-content.description.entry-summary {
    font-size: 15px;
    font-weight: 300;
    color: #8d8d8d;
}

.mec-events-day-time-slot .type-mec_events h2 {
    font-size: 28px;
    padding-bottom: 20px;
}

.mec-events-day .mec-events-day-time-slot .type-mec_events {
    margin: 0;
}

.mec-events-day .mec-events-day-time-slot h5 {
    background-color: #8d8d8d;
}

.mec-single-event
    .mec-event-meta
    .mec-single-event-organizer
    .mec-events-single-section-title,
.mec-single-event
    .mec-event-meta
    .mec-single-event-additional-organizers
    .mec-events-single-section-title,
.mec-single-event .mec-events-meta-date h3 {
    padding-left: 0;
    margin: 10px;
    display: inline-block;
}

.mec-single-event .mec-events-meta-date h3 {
    width: 100%;
}

.mec-single-event .mec-events-event-image {
    border: 0;
}

.mec-single-event .mec-events-venue-map {
    padding: 0;
}

.mec-single-event-date,
.mec-single-event-time,
.mec-single-event-location,
.mec-single-event-category,
.mec-single-event-label,
.mec-single-event-organizer,
.mec-single-event-additional-organizers,
.mec-events-meta-date,
.mec-event-cost,
.mec-event-website,
.mec-event-more-info {
    background: #f7f7f7;
    padding: 12px 14px 8px;
    margin-bottom: 12px;
    vertical-align: baseline;
    position: relative;
}

.mec-single-event .mec-single-event-organizer dd,
.mec-single-event .mec-single-event-additional-organizers dd,
.mec-single-event .mec-events-meta-date dd {
    padding-left: 0;
    margin-bottom: 10px;
}

.mec-single-event .mec-single-event-organizer dd span,
.mec-single-event .mec-single-event-additional-organizers dd span,
.mec-single-event .mec-events-meta-date dd span {
    display: block;
    padding-left: 12px;
    color: #8d8d8d;
}

.mec-single-event .mec-single-event-organizer i,
.mec-single-event .mec-single-event-additional-organizers i,
.mec-single-event .mec-events-meta-date i {
    margin-right: 10px;
    margin-left: 12px;
}

.mec-events-meta-group.mec-events-meta-group-venue dl {
    margin-bottom: 0;
}

address.mec-events-address {
    line-height: 19px;
    font-style: normal;
    font-size: 12px;
}

.mec-single-event .mec-event-content dt {
    margin-top: 5px;
}

.mec-single-event
    .mec-single-event-additional-organizers
    .mec-single-event-additional-organizer {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #e4e4e4;
}

.mec-single-event
    .mec-single-event-additional-organizers
    .mec-single-event-additional-organizer:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.mec-event-category-color {
    width: 9px;
    height: 9px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 4px;
    border-radius: 9px;
}

/* Hourly Schedule */
.mec-event-schedule-content {
    border-left: 4px solid #f0f0f0;
    padding-top: 10px;
    margin-top: 30px;
    margin-left: 25px;
    margin-bottom: 20px;
    color: #8a8a8a;
}

.mec-event-schedule-content dl {
    padding-left: 24px;
    font-size: 12px;
    position: relative;
    margin-bottom: 35px;
}

.mec-event-schedule-content dl:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 0;
    border-top: 4px solid #f0f0f0;
}

.mec-event-schedule-content dl dt {
    margin: 0 0 10px;
    line-height: 1.16;
}

.mec-event-schedule-content dl dt.mec-schedule-title {
    font-size: 13px;
    color: #5a5a5a;
    font-weight: 700;
}

.mec-event-schedule-content dl dt.mec-schedule-description {
    font-weight: 300;
}

.mec-event-schedule-content .mec-schedule-speakers {
    background: #f7f7f7;
    padding: 10px;
}

.mec-wrap .mec-event-schedule-content h6 {
    font-size: 13px;
    color: #5a5a5a;
    font-weight: 700;
    display: inline-block;
}

.mec-wrap .mec-event-schedule-content a {
    font-weight: 400;
    color: #5a5a5a;
    transition: all 0.1s ease;
}

/* Speaker Widget */
.single-mec-events .mec-speakers-details ul {
    padding: 0;
    margin-left: 0;
}

.mec-single-event .mec-speakers-details ul li {
    list-style: none;
    background: #f7f7f7;
    padding: 5px 5px 18px 5px;
    margin-top: 14px;
}

.mec-single-event .mec-speakers-details ul li a {
    -webkit-transition: 0.2s all ease;
    transition: 0.2s all ease;
}

.mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a img {
    float: left;
    border-radius: 50%;
    transition: 0.2s all ease;
    border: 2px solid transparent;
    width: 68px;
    height: 68px;
}

.mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a:hover img {
    border-color: #40d9f1;
}

.mec-single-event .mec-speakers-details ul li .mec-speaker-name {
    display: inline-block;
    margin-top: 10px;
    font-size: 15px;
    line-height: 1.8;
    text-transform: capitalize;
    font-weight: 700;
    padding-left: 8px;
}

.mec-single-event .mec-speakers-details ul li .mec-speaker-job-title {
    display: block;
    font-size: 12px;
    margin-top: -1px;
    padding-left: 75px;
    color: #888;
}

/* Location */
.mec-single-event-location img,
.mec-single-event-organizer img {
    margin-bottom: 10px;
    width: 100%;
}

.mec-qrcode-details {
    text-align: center;
}

/* time */
.mec-time-comment {
    font-size: 11px;
}

/* buddy */
.mec-wrap .mec-attendees-list-details p {
    font-weight: 300;
    margin: 20px 0 0 0;
    color: #8d8d8d;
}

.mec-wrap .mec-attendees-list-details li {
    list-style: none;
    display: block;
    margin-top: 15px;
}

.mec-wrap .mec-attendees-list-details li .mec-attendee-avatar {
    display: inline-block;
}

.mec-wrap .mec-attendees-list-details li .mec-attendee-profile-link {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.mec-attendees-list-details ul {
    margin-bottom: 0;
}

.mec-attendees-list-details .mec-attendee-profile-link a {
    color: #8d8d8d;
    display: block;
}

.mec-attendees-list-details .mec-attendee-profile-link span {
    display: inline-block;
    color: #000;
    vertical-align: middle;
    cursor: pointer;
}

.mec-attendees-list-details span.mec-attendee-profile-ticket-number {
    border-radius: 50px;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 4px;
    line-height: 20px;
}

#wrap .mec-attendees-list-details span.mec-attendee-profile-ticket-number {
    line-height: 19px;
}

.mec-attendees-list-details .mec-attendee-profile-link span i {
    vertical-align: middle;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
}

.mec-attendees-list-details .mec-attendees-toggle {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    padding: 15px 15px 0;
    border-radius: 3px;
    margin: 12px 0 20px 52px;
    position: relative;
    font-size: 13px;
    box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.02);
}
.mec-attendees-list-details .mec-attendees-toggle:before,
.mec-attendees-list-details .mec-attendees-toggle:after {
    content: "";
    display: block;
    position: absolute;
    left: 50px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}
.mec-attendees-list-details .mec-attendees-toggle:after {
    top: -20px;
    border-color: transparent transparent #fafafa transparent;
}
.mec-attendees-list-details .mec-attendees-toggle:before {
    top: -21px;
    border-color: transparent transparent #e1e1e1 transparent;
}
.mec-attendees-list-details .mec-attendees-toggle .mec-attendees-item {
    padding-bottom: 15px;
}
.mec-attendees-list-details .mec-attendee-avatar img {
    border-radius: 3px;
}
.mec-attendee-avatar-sec {
    float: left;
    width: 50px;
    margin-right: 12px;
}
.mec-attendee-profile-name-sec,
.mec-attendee-profile-ticket-sec {
    float: left;
    width: calc(100% - 62px);
    margin-top: 3px;
}

/* MEC Events Calendar Clean
	----------------------------------------- */
.mec-calendar {
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    width: 100%;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-calendar .mec-calendar-topsec {
    display: table;
    background: #fff;
}

.mec-calendar .mec-calendar-topsec .mec-calendar-events-sec {
    display: none;
}

.mec-calendar .mec-calendar-side {
   // width: 590px;
    display: table-cell;
    padding: 40px;
    position: relative;
    text-align: center;
    box-shadow: 0 1px 5px 6px rgba(0, 0, 0, 0.005) inset;
}

.mec-calendar .mec-calendar-events-side {
    display: table-cell;
    height: 100%;
    border-left: 1px solid #efefef;
    padding: 40px;
    width: 100%;
}

.mec-calendar .mec-calendar-events-side .mec-table-side-day {
    width: 46px;
    height: 46px;
    margin: 0 auto 20px;
    position: relative;
    text-align: center;
    line-height: 46px;
   // border: 1px solid #40d9f1;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
}

.mec-calendar .mec-calendar-events-side .mec-table-side-title {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 14px;
}

.mec-calendar .mec-calendar-header {
    position: relative;
    width: 560px;
    margin-top: 8px;
    margin-bottom: 16px;
}

.mec-calendar .mec-calendar-header h2 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.mec-calendar .mec-event-footer {
    width: auto;
    min-height: 60px;
}

.mec-calendar dl {
    display: table;
    margin: 0;
    border: none;
    padding: 0;
    table-layout: fixed;
}

.mec-calendar dt {
    display: table-cell;
    transition: all 0.66s ease;
    color: #4d4d4d;
    background: #fff;
    border-radius: 44px;
    font-size: 14px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

/* Fix MEC Calendars on the Neve theme */
.excerpt-wrap .mec-wrap dt,
.nv-content-wrap .mec-wrap dt {
    display: table-cell;
}

.mec-calendar .mec-calendar-table .mec-no-event {
    display: none;
}

.mec-calendar .mec-calendar-table-head dt {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 15px;
}

.mec-calendar .mec-calendar-row dt:hover {
    background: #f4f4f4;
}

.mec-calendar .mec-table-nullday {
    color: #cacaca;
}

.mec-calendar.mec-box-calendar .mec-table-nullday:last-child {
    border-right: 1px solid #eaeaea;
}

.mec-calendar .mec-prev-month:hover,
.mec-calendar .mec-next-month:hover {
    background: #f4f4f4;
}

.mec-calendar .mec-selected-day,
.mec-calendar .mec-selected-day:hover {
    background: #d6d6d6;
    color: #fff;
}

.mec-calendar .mec-selected-day a {
    color: #fff;
}

.mec-calendar .mec-has-event {
    position: relative;
}

.mec-calendar .mec-calendar-row dt.mec-has-event:hover {
    background: #d6d6d6;
}

.mec-calendar .mec-has-event a {
    cursor: pointer;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    color: #4d4d4d;
    transition: all 0.25s ease;
    text-decoration: none;
    box-shadow: none;
}

.mec-calendar .mec-calendar-row dt.mec-has-event:hover a,
.mec-calendar .mec-calendar-row dt.mec-has-event.mec-selected-day a {
    color: #fff;
}

.mec-calendar .mec-has-event:after {
    background-color: #17152e;
    border-radius: 50%;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    bottom: 14px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    transition: all 0.25s ease;
}

.mec-calendar .mec-calendar-row dt.mec-has-event:hover:after {
    background-color: #fff;
}

.mec-calendar .mec-has-event.mec-selected-day:after {
    display: none;
}

.mec-calendar .mec-event-article {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 26px;
    border-top: 1px solid #efefef;
    transition: all 0.33s ease;
}

.mec-calendar .mec-event-article:hover {
    background-color: #fafafa;
}

.mec-calendar .mec-event-article .mec-event-time {
    font-size: 11px;
    line-height: 1.1;
    margin: 0;
}
.mec-event-time {
 display: none;
}
  
.mec-calendar .mec-event-article .mec-event-title {
    font-size: 13px;
    padding: 0;
    margin: 10px 0 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.mec-calendar .mec-event-article .mec-event-title a {
    text-decoration: none;
    color: #494949;
    transition: color 0.3s ease;
}

.mec-calendar .mec-event-article .mec-event-title a:hover {
    color: #40d9f1;
}

.mec-calendar .mec-event-article .mec-event-image,
.mec-calendar .mec-event-list-classic .mec-event-image img {
    width: 65px;
    height: auto;
}

.mec-calendar .mec-event-article .mec-event-image {
    float: left;
    margin-right: 20px;
    width: 65px;
    height: auto;
}

.mec-calendar .mec-event-article .mec-localtime-details div,
.mec-calendar .mec-event-article .mec-event-detail {
    font-size: 13px;
    line-height: 1.3;
    font-family: "Roboto", sans-serif;
    color: #9a9a9a;
    margin-bottom: 0;
}

.mec-calendar .mec-calendar-side .mec-previous-month,
.mec-calendar .mec-calendar-side .mec-next-month {
    cursor: pointer;
    position: absolute;
    top: 0;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    color: #a9a9a9;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #efefef;
    border-top: none;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
    transition: all 0.33s ease;
}

.mec-calendar .mec-calendar-side .mec-previous-month i,
.mec-calendar .mec-calendar-side .mec-next-month i {
    font-size: 12px;
    color: #40d9f1;
    cursor: pointer;
}

.mec-calendar .mec-calendar-side .mec-previous-month:hover,
.mec-calendar .mec-calendar-side .mec-next-month:hover {
    background-color: #f9f9f9;
    color: #40d9f1;
}

.mec-calendar .mec-calendar-side .mec-previous-month {
    left: 0;
    border-bottom-right-radius: 6px;
    border-left: none;
}

.mec-calendar .mec-calendar-side .mec-next-month {
    right: 0;
    border-bottom-left-radius: 6px;
    border-right: none;
}

/* Page with sidebar fix */
@media only screen and (min-width: 961px) {
    .mec-wrap.mec-sm959
        .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
        .mec-has-event:after {
   // width: 18px;
   // height: 4px;  
   //     top: 36px;
   //     left: 47%;
    }

    .mec-wrap.mec-sm959
        .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
        .mec-calendar-side {
        //width: 370px;
        //width: 50%;
    }

    .mec-wrap.mec-sm959
        .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
        .mec-calendar-header {
        position: relative;
        width: 350px;
        margin-top: 30px;
        margin-bottom: 20px;
        padding-top: 20px;
    }

    .mec-wrap.mec-sm959
        .mec-calendar:not(.mec-event-calendar-classic):not(.mec-calendar-weekly)
        dt {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    .mec-wrap.mec-sm959 .mec-calendar.mec-event-calendar-classic dl dt {
        height: 110px;
    }
}

@media only screen and (max-width: 1200px) {
    .mec-calendar .mec-has-event:after {
        width: 6px;
        height: 6px;
        bottom: 6px;
    }

    .mec-calendar .mec-calendar-side {
        width: 370px;
    }

    .mec-calendar .mec-calendar-header {
        position: relative;
        width: 350px;
        margin-top: 30px;
    }

    .mec-calendar dt {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
}

@media only screen and (max-width: 11767px) {
    .mec-calendar .mec-calendar-header h2 {
        font-size: 18px;
    }

    .mec-calendar .mec-calendar-topsec {
        width: 100%;
    }

    .mec-calendar .mec-calendar-side {
       // width: 100%;
        display: block;
        padding: 30px;
    }

   

    .mec-calendar .mec-calendar-events-side {
        width: 100%;
        display: block;
        height: 100%;
        border-left: none;
        border-top: 1px solid #efefef;
        padding: 20px;
    }

    .mec-calendar dl {
        width: 100%;
    }

    .mec-calendar dt {
        width: 14%;
        height: 60px;
        line-height: 60px;
        border-radius: 50px;
    }
    .mec-single-event .mec-event-meta h3, .mec-single-event .mec-event-meta dt {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: normal;
    padding-bottom: 5px;
    font-weight: normal;
    display: inline-table;
    color: #000;
   // padding-left: 10px;    }
    
     .mec-calendar .mec-calendar-header {
        width: auto;
        
    }
    .mec-calendar-table-head    {
       font-weight: bold;
    }
    .mec-calendar-side .mec-calendar-table {
    min-height: 0;
    }
      
}

@media only screen and (max-width: 11479px) {
    .mec-calendar .mec-has-event:after {
        width: 4px;
        height: 4px;
    }

    .mec-calendar .mec-calendar-header h2 {
        font-size: 16px;
        margin-top: 33px;
    }

    .mec-calendar dt {
        height: 38px;
        line-height: 38px;
    }

    .mec-calendar .mec-event-list-classic .mec-event-title,
    .mec-calendar .mec-event-list-classic .mec-event-detail {
        font-size: 12px;
    }

    .mec-calendar .mec-event-list-classic .mec-event-time {
        font-size: 10px;
    }
}

/* MEC Events Calendar Modern
	--------------------------------------------- */
.mec-box-calendar.mec-calendar .mec-has-event a,
.mec-box-calendar.mec-calendar dt {
    border-radius: 0;
}

.mec-box-calendar.mec-calendar .mec-calendar-header {
    margin-top: 2px;
    margin-bottom: 30px;
}

.mec-box-calendar.mec-calendar dt {
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
}

.mec-box-calendar.mec-calendar dl dt:last-child {
    border-right: 1px solid #eaeaea;
}

.mec-box-calendar.mec-calendar .mec-calendar-table-head dt {
    border-top: 1px solid #eaeaea;
    background-color: #f8f8f8;
}

.mec-box-calendar.mec-calendar.mec-event-calendar-classic
    .mec-calendar-table-head
    dt {
    background-color: #f4f4f4;
}

.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
    border-radius: 2px;
    top: 40px;
    border: 1px solid #eee;
    height: 30px;
    line-height: 30px;
    z-index: 1;
}

.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
    left: 40px;
}

.mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
    right: 40px;
}

.mec-box-calendar.mec-calendar .mec-calendar-side {
    box-shadow: none;
}

.mec-box-calendar.mec-calendar .mec-calendar-events-side {
    border: none;
}

.mec-box-calendar.mec-calendar .mec-calendar-events-side .mec-table-side-day {
    border-radius: 2px;
}

.mec-box-calendar.mec-calendar h4.mec-month-label {
    position: relative;
    width: 560px;
    margin-top: 2px;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.mec-widget .mec-box-calendar.mec-calendar h4.mec-month-label {
    width: 100%;
    margin-top: 8px;
    font-size: 13px;
}

@media only screen and (max-width: 1200px) {
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
        left: 42px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
        right: 42px;
    }

    .mec-calendar .mec-calendar-header h2 {
        font-size: 17px;
        margin-top: 7px;
    }
}

@media only screen and (max-width: 767px) {
.single-mec-events .mec-wrap.mec-no-access-error h1, .mec-wrap .mec-single-title {
    margin-top: 0;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 21px;
}


    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
        top: 28px;
        font-size: 10px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
        left: 30px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
        right: 30px;
    }

    .mec-calendar .mec-calendar-header h2 {
        font-size: 15px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
        top: 16px;
        font-size: 0px;
        padding: 4px 0;
        text-align: center;
        min-width: 33px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
        left: 10px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
        right: 10px;
    }

    .mec-box-calendar.mec-calendar .mec-calendar-header h2 {
        font-size: 12px;
        margin-top: 15px;
    }

    .mec-box-calendar.mec-calendar .mec-event-image {
        margin-right: 12px;
    }
}

/* MEC Events Calendar Classic
	------------------------------------------------ */
.mec-calendar.mec-event-calendar-classic,
.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
    border: none;
    padding: 0;
    width: 100%;
    height: 100%;
    box-shadow: none;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-side {
    display: block;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-header,
.mec-calendar.mec-event-calendar-classic dl {
    width: 100%;
}

.mec-calendar.mec-event-calendar-classic dl dt {
    width: 15%;
    height: 136px;
    line-height: 1.2;
    text-align: left;
    padding: 5px 7px;
    position: relative;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt {
    height: 30px !important;
}

.mec-box-calendar.mec-calendar.mec-event-calendar-classic
    .mec-calendar-side
    .mec-previous-month,
.mec-box-calendar.mec-calendar.mec-event-calendar-classic
    .mec-calendar-side
    .mec-next-month {
    top: 0;
}

.mec-calendar.mec-event-calendar-classic .mec-has-event:after {
    bottom: auto;
    top: 24px;
    left: 7px;
    margin: 0;
}

.mec-box-calendar.mec-calendar.mec-event-calendar-classic
    .mec-calendar-side
    .mec-previous-month {
    left: 0;
}

.mec-box-calendar.mec-calendar.mec-event-calendar-classic
    .mec-calendar-side
    .mec-next-month {
    right: 0;
}

/* Shortcode next previous link disable for accessibility*/
.mec-next-month a,
.mec-previous-month a {
    pointer-events: none;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
    text-align: left;
    background: #fafafa;
    border: 1px solid #eaeaea;
    border-top: none;
    padding: 10px 20px;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
    display: none;
}

.mec-calendar.mec-event-calendar-classic
    .mec-calendar-events-sec
    .mec-event-article:hover {
    background-color: #fcfcfc;
}

.mec-calendar.mec-event-calendar-classic .mec-selected-day,
.mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover {
    color: #40d9f1;
    font-weight: 700;
    background: #fafafa;
    border-bottom: none;
}

.mec-wrap .mec-calendar.mec-event-calendar-classic .mec-selected-day:hover {
    color: #fff !important;
}

.mec-calendar.mec-event-calendar-classic
    .mec-calendar-events-sec
    .mec-table-side-title,
.mec-calendar.mec-event-calendar-classic
    .mec-calendar-events-sec
    .mec-table-side-day {
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
    font-weight: 700;
}

.mec-calendar.mec-event-calendar-classic
    .mec-calendar-events-sec
    .mec-table-side-day {
    margin-left: 4px;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-row dt.mec-has-event a {
    color: #4d4d4d;
}

.mec-calendar.mec-event-calendar-classic
    .mec-calendar-row
    dt.mec-has-event:not(.mec-selected-day):hover
    a {
    color: #fff;
}

@media only screen and (max-width: 1200px) {
    .mec-calendar.mec-event-calendar-classic dl dt {
        height: 100px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-calendar.mec-event-calendar-classic dl dt {
        height: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec {
        padding: 10px;
    }

    .mec-box-calendar.mec-calendar.mec-event-calendar-classic
        .mec-calendar-header
        h2 {
        font-size: 13px;
        margin-top: 8px;
    }
}

/* Monthly Calendar/Novel
	------------------------------------------------ */
.mec-calendar .mec-event-article.mec-single-event-novel {
    padding: 4px 8px;
    min-height: 25px;
    margin: 0 -4px;
    border-radius: 0;
}

.mec-calendar .mec-event-article.mec-single-event-novel h4 {
    margin: 0;
    font-size: 10px;
    line-height: 18px;
}

.mec-calendar.mec-event-container-novel dl dt {
    padding: 3px;
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-novel-selected-day {
    display: inline-block;
    padding: 4px;
    margin-left: 1px;
}

.mec-calendar.mec-event-calendar-classic
    .mec-selected-day
    .mec-calendar-novel-selected-day {
    color: #fff;
}

.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
    .mec-selected-day,
.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
    dt.mec-selected-day:hover {
    border-bottom: 1px solid #eaeaea;
}

.mec-calendar.mec-event-calendar-classic.mec-event-container-novel
    .mec-calendar-side
    .mec-calendar-table {
    min-height: auto;
}

.mec-single-event-novel.light h4 {
    color: #000 !important;
}

.mec-single-event-novel.dark h4 {
    color: #fff !important;
}

@media only screen and (max-width: 768px) {
    .mec-calendar .mec-event-article.mec-single-event-novel {
        padding: 0;
        min-height: 5px;
    }

    .mec-calendar .mec-event-article.mec-single-event-novel h4 {
        display: block;
        font-size: 9px;
    }
}

/* Monthly Calendar/Simple
	------------------------------------------------ */
.mec-event-container-simple .event-single-content-simple {
    display: none;
}

.mec-event-calendar-classic.mec-event-container-simple
    .mec-calendar-side
    .mec-calendar-table {
    min-height: unset;
}

.mec-event-container-simple .mec-monthly-tooltip h4 {
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    color: #444;
}

.mec-event-container-simple .mec-monthly-tooltip h4:hover {
    text-decoration: underline;
    color: #111;
}

.mec-event-container-simple .mec-monthly-tooltip.event-single-link-simple {
    border-bottom: 1px dashed #e3e3e3;
    padding: 10px 2px;
    display: block;
}

.mec-calendar.mec-event-container-simple dl dt.mec-calendar-day {
    font-size: 30px;
    color: #000;
}

.mec-calendar.mec-event-container-simple .mec-calendar-row dt:hover {
    background: unset;
}

.mec-calendar.mec-event-container-simple .mec-calendar-row dt,
.mec-calendar.mec-event-container-simple .mec-calendar-row dt:last-child,
.mec-calendar.mec-event-container-simple .mec-calendar-table-head dt,
.mec-calendar.mec-event-container-simple
    .mec-calendar-table-head
    dt:last-child {
    border-width: 2px;
}

.mec-calendar.mec-event-container-simple dl dt.mec-selected-day,
.mec-calendar.mec-event-container-simple dl dt.mec-selected-day:hover {
    border-bottom: 2px solid #40d9f1;
    background: unset;
}

.mec-calendar.mec-event-container-simple .mec-calendar-table-head dt {
    line-height: 36px;
}

@media (max-width: 768px) {
    .mec-calendar.mec-event-container-simple {
        overflow-x: scroll;
    }

    .mec-calendar.mec-event-container-simple .mec-calendar-side {
        min-width: 100%;
    }

    .mec-event-container-simple .mec-monthly-tooltip h4 {
        font-size: 12px;
    }

    .mec-event-container-simple .mec-calendar-side {
        min-width: 600px !important;
        overflow-x: scroll;
    }
}

.mec-wrap.colorskin-custom
    .mec-calendar.mec-event-container-simple
    .mec-selected-day:hover {
    background: #f4f4f4;
}

.mec-event-container-simple
    .mec-calendar-day
    .mec-monthly-tooltip.event-single-link-simple:last-of-type {
    border: none;
}

.mec-tooltip-event-title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 2px;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-content
    .mec-price-details,
.mec-tooltip-event-time {
    font-size: 12px;
    color: #888;
    margin-bottom: 8px;
    margin-top: 5px;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-content {
    padding: 17px;
}

.mec-tooltip-event-content {
    clear: both;
}

.mec-tooltip-event-featured {
    float: left;
    margin-right: 13px;
    margin-bottom: 1px;
}

.mec-tooltip-event-featured img {
    max-width: 120px;
}

.mec-tooltip-event-desc {
    font-size: 14px;
    color: #444;
    line-height: 18px;
}

.mec-tooltip-event-desc p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-box {
    border-radius: 3px !important;
    border: 1px solid #e2e3e4 !important;
    background: #fff !important;
    box-shadow: 0 -1px 30px -2px rgba(0, 0, 0, 0.15) !important;
}

.tooltipster-box .mec-tooltip-event-desc {
    margin-bottom: 12px;
}

.tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-arrow {
    overflow: visible !important;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    border-width: 12px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-right:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    border-right-color: #e2e3e4 !important;
}

.tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-arrow-border {
    left: -12px !important;
    z-index: 9999999999 !important;
}

.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    display: block !important;
}

.tooltipster-sidetip:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    border-width: 11px !important;
    z-index: 99999999999 !important;
}

.tooltipster-sidetip.tooltipster-right:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    left: -9px !important;
    top: 1px !important;
    border-right-color: #ffffff !important;
}

.tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    border-top-color: #ffffff !important;
    left: 0 !important;
    top: -1px !important;
}

.tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    left: -1px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-top:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    border-top-color: #e2e3e4 !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    left: -1px !important;
    top: -11px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-bottom:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    border-bottom-color: #e2e3e4 !important;
}

.tooltipster-sidetip.tooltipster-bottom:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    top: -9px !important;
    border-bottom-color: #ffffff !important;
}

.tooltipster-sidetip.tooltipster-left:not(.uael-tooltipster-active)
    .tooltipster-arrow-background {
    border-left-color: #ffffff !important;
    left: -2px !important;
    top: 0px !important;
}

.tooltipster-sidetip.tooltipster-shadow.tooltipster-left:not(.uael-tooltipster-active)
    .tooltipster-arrow-border {
    border-left-color: #e2e3e4 !important;
    left: -1px !important;
    top: -1px !important;
}

@media (max-width: 780px) {
    .mec-event-container-simple
        .mec-monthly-tooltip.event-single-link-simple
        h4 {
        word-break: break-all;
        font-size: 13px;
    }
}

@media (max-width: 320px) {
    .mec-event-container-simple
        .mec-monthly-tooltip.event-single-link-simple
        h4 {
        font-size: 10px;
    }
}

/* MEC Events - Calendar Daily
	-------------------------------- */
.mec-calendar.mec-calendar-daily .mec-calendar-day-events .mec-event-article {
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.mec-calendar.mec-calendar-daily .mec-calendar-a-month {
    text-align: center;
    background-color: #fff;
    border-bottom: 2px solid #f4f4f4;
    position: relative;
}

.mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
    color: #444;
    font-size: 18px;
    line-height: 1.2;
    padding: 15px 0 11px;
    margin: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    border-bottom: 1px solid #e6e6e6;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-top {
    text-align: center;
    padding: 10px 0;
    position: relative;
    background-color: #fafafa;
}

.mec-calendar.mec-calendar-daily .mec-previous-month,
.mec-calendar.mec-calendar-daily .mec-next-month {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    min-width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 50px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
    transition: all 0.33s ease;
    cursor: pointer;
}

.mec-calendar.mec-calendar-daily .mec-previous-month i,
.mec-calendar.mec-calendar-daily .mec-next-month i {
    font-size: 14px;
    cursor: pointer;
}

.mec-calendar.mec-calendar-daily .mec-previous-month:hover,
.mec-calendar.mec-calendar-daily .mec-next-month:hover {
    border-color: #d0d0d0;
    color: #444;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.075);
}

.mec-calendar.mec-calendar-daily .mec-previous-month {
    margin-left: -150px;
}

.mec-calendar.mec-calendar-daily .mec-next-month {
    margin-left: 100px;
}

.mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
.mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month {
    min-height: 28px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    margin-top: -14px;
    border-radius: 3px;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-top h2,
.mec-calendar.mec-calendar-daily .mec-calendar-d-top h3 {
    margin-top: 9px;
    color: #b9b9b9;
    font-family: "Roboto", sans-serif;
    font-size: 30px;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 12px;
    line-height: 1;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-top h2 {
    font-size: 81px;
    color: #444;
    margin-bottom: 10px;
    line-height: 1.1;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table {
    overflow: hidden;
    background: #fff;
    min-height: 60px;
    border-top: 1px solid #e6e6e6;
    border-bottom: 2px solid #f3f3f3;
    padding: 0 50px;
    position: relative;
}

@media only screen and (min-width: 479px) {
    .mec-calendar.mec-calendar-daily .mec-calendar-d-table {
        padding: 0 55px;
    }
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl {
    width: 1310px;
    display: block;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl {
    display: none;
}

.mec-calendar.mec-calendar-weekly
    .mec-calendar-d-table
    dl.mec-weekly-view-week-active {
    display: flex;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a {
    display: block;
    background: #fff;
    width: 42px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    float: left;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius: 0;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt:hover,
.mec-calendar.mec-calendar-daily
    .mec-calendar-d-table
    .mec-daily-view-day:hover {
    background: #fafafa;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.065) inset;
    cursor: pointer;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day {
    cursor: default;
    background: #fff;
    color: #c1c1c1;
    line-height: 59px;
    text-align: center;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.mec-calendar.mec-calendar-daily
    .mec-calendar-d-table
    .mec-daily-view-day.mec-has-event {
    cursor: pointer;
    font-weight: 700;
    color: #4a4a4a;
}

.mec-calendar.mec-calendar-daily
    .mec-calendar-d-table
    dl
    dt.mec-table-d-current,
.mec-calendar.mec-calendar-daily
    .mec-calendar-d-table
    .mec-daily-view-day.mec-daily-view-day-active {
    font-size: 18px;
    font-weight: 700;
    background: #fafafa;
    color: #40d9f1;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next {
    float: none;
    font-size: 14px;
    width: 55px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next {
    left: auto;
    right: 0;
    border-left: 1px solid #e6e6e6;
    border-right: none;
}

.mec-calendar.mec-calendar-daily .mec-today-container .mec-today-count {
    font-size: 12px;
    color: #888;
    text-align: center;
}

@media only screen and (max-width: 479px) {
    .mec-calendar.mec-calendar-daily .mec-previous-month {
        margin-left: -130px;
    }

    .mec-calendar.mec-calendar-daily .mec-next-month {
        margin-left: 80px;
    }

    .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
        font-size: 14px;
        letter-spacing: 0;
    }
}

.widget .mec-calendar.mec-calendar-daily .mec-calendar-a-month h4 {
    font-size: 14px;
    letter-spacing: 0;
}

.widget .mec-calendar.mec-calendar-daily .mec-previous-month {
    margin-left: -130px;
}

.widget .mec-calendar.mec-calendar-daily .mec-next-month {
    margin-left: 80px;
}

.mec-util-hidden {
    display: none;
}

.mec-daily-view-date-events,
.mec-weekly-view-date-events {
    list-style: none;
    margin: 0;
}

/* MEC Events - Calendar Weekly
	-------------------------------- */
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table {
    padding: 0;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl {
    width: calc(100% - 1px);
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt {
    width: 100%;
    height: 70px;
    line-height: normal;
    cursor: default;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:hover {
    background: #fff;
    cursor: default;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:last-child {
    border-right: none;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
    margin: 15px 0 6px;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-prev,
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-next {
    display: none;
}

ul.mec-weekly-view-dates-events,
ul.mec-weekly-view-dates-events li {
    padding: 0;
    margin: 0;
    line-height: initial;
}

.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
    width: 64px;
    height: 64px;
    margin-right: 10px;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
    text-align: center;
    padding-top: 2px;
}

.mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
    font-size: 40px;
    line-height: 30px;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
    letter-spacing: 1px;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-previous-month {
    margin-left: 0;
    left: 12px;
}

.mec-calendar.mec-calendar-weekly .mec-calendar-a-month .mec-next-month {
    margin-left: 0;
    left: auto;
    right: 12px;
}

@media only screen and (max-width: 479px) {
    .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
        font-size: 9px;
        letter-spacing: 0;
    }

    .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
        width: 100%;
        height: 36px;
        margin-bottom: 12px;
        line-height: 1;
        font-size: 10px;
        margin-right: 5px;
        text-align: left;
    }

    .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
        font-size: 18px;
        margin-bottom: 5px;
    }
}

.widget .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt span {
    font-size: 9px;
    letter-spacing: 0;
}

.widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date {
    width: 100%;
    height: 36px;
    margin-bottom: 12px;
    line-height: 1;
    font-size: 10px;
    margin-right: 5px;
    text-align: left;
}

.widget .mec-calendar.mec-calendar-weekly .mec-event-list-weekly-date span {
    font-size: 18px;
    margin-bottom: 5px;
}

.mec-week-events-container .mec-weekly-view-dates-events li.mec-no-event-found {
    list-style: none !important;
}

li.mec-no-event-found .mec-event-title {
    text-align: center;
}

/* MEC Events - Calendar Widget
	-------------------------------- */
.mec-widget .mec-calendar {
    max-width: 100%;
}

.mec-widget .mec-calendar dl dt,
.mec-wrap.mec-sm959.mec-widget .mec-calendar.mec-event-calendar-classic dl dt {
    height: 40px;
}

.mec-widget .mec-calendar .mec-calendar-events-sec {
    padding: 10px;
}

.mec-widget .mec-calendar .mec-calendar-header h2 {
    font-size: 13px;
    margin-top: 8px;
}

.mec-widget .mec-calendar .mec-event-list-classic .mec-event-image {
    margin-right: 12px;
}

.mec-widget .mec-calendar .mec-has-event:after {
    width: 4px;
    height: 4px;
}

.mec-widget
    .mec-calendar.mec-event-calendar-classic
    .mec-calendar-events-sec
    .mec-table-side-title {
    font-size: 14px;
}

.mec-widget .mec-calendar .mec-event-article .mec-event-image {
    margin-right: 11px;
}

.mec-widget .mec-box-calendar.mec-calendar .mec-calendar-header {
    margin-bottom: 20px;
}

.mec-widget
    .mec-box-calendar.mec-calendar
    .mec-calendar-side
    .mec-previous-month,
.mec-widget .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month {
    font-size: 0px;
    padding: 4px 0;
    text-align: center;
    min-width: 33px;
}

.mec-widget .mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
    min-height: 200px;
}

/* List Widget */
.mec-widget .mec-event-list-classic {
    margin-bottom: 8px;
    padding: 8px 0;
}

.mec-widget .mec-event-list-classic .mec-event-article {
    margin-bottom: 0;
    padding: 10px 0;
    position: relative;
    min-height: 86px;
    padding-left: 80px;
}

.mec-widget .mec-event-list-classic .mec-event-date {
    font-size: 10px;
    line-height: 14px;
    text-transform: uppercase;
}

.mec-widget .mec-event-list-classic .mec-event-title {
    font-size: 13px;
}

.mec-widget .mec-event-list-classic .mec-event-detail {
    font-size: 11px;
}

.mec-widget .mec-event-list-classic .mec-event-image {
    width: 68px;
    position: absolute;
    left: 0;
}

.mec-event-list-classic .mec-event-image img {
    width: 100%;
}

.mec-widget .mec-event-list-classic .mec-event-detail {
    overflow: visible;
}

.event-color {
    width: 14px;
    display: inline-block;
    height: 14px;
    margin-left: 5px;
    border-radius: 50%;
}

/* MEC Events - Map view
	-------------------------------- */
/* lightbox */
.mec-map-lightbox-wp {
    width: 580px;
    padding: 15px 15px 0px;
    background-color: #fff;
}

.mec-map-view-event-detail.mec-event-detail {
    width: 580px;
    background-color: #e9e9e9;
    padding: 8px 15px;
}

.mec-map-lightbox-wp.mec-event-list-classic .mec-event-article {
    padding: 0 0 15px;
    margin: 0;
}

.mec-map-lightbox-wp.mec-event-list-classic .mec-event-image {
    width: 70px;
    margin-right: 15px;
}

/* infobox */
.mec-marker-infowindow-wp {
    padding: 10px;
}

.mec-marker-infowindow-wp .mec-marker-infowindow-count {
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 1px solid #40d9f1;
    border-radius: 50%;
    font-size: 32px;
    color: #40d9f1;
    float: left;
    margin-right: 11px;
}

.mec-marker-infowindow-wp .mec-marker-infowindow-content {
    overflow: hidden;
    padding-top: 6px;
}

.mec-marker-infowindow-wp .mec-marker-infowindow-content span {
    display: block;
    color: #222;
}

.mec-marker-infowindow-wp .mec-marker-infowindow-content span:first-child {
    font-size: 15px;
    font-weight: 700;
}

/* marker */
.mec-marker-wrap {
    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 15px 0 0 4px;
    border-radius: 50% 50% 50% 0;
    background: #00cae9;
    animation-name: mec-map-bounce;
    animation-fill-mode: both;
    animation-duration: 1s;
    border: 3px solid #fff;
    cursor: pointer;
}

.mec-marker-wrap .mec-marker {
    margin-top: 5px;
    display: block;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    text-align: center;
    color: #fff;
    font-size: 17px;
}

.mec-marker-wrap .mec-marker-pulse-wrap {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    margin-left: -11px;
    margin-top: 0px;
}

.mec-marker-wrap .mec-marker-pulse {
    display: inline-block;
    background: #c5c5c5;
    border-radius: 50%;
    height: 14px;
    width: 14px;
    -webkit-transform: rotateX(55deg);
    transform: rotateX(55deg);
    z-index: -2;
}

.mec-marker-wrap .mec-marker-pulse:after {
    content: "";
    border-radius: 50%;
    height: 40px;
    width: 40px;
    position: absolute;
    margin: -13px 0 0 -13px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 0;
    box-shadow: 0 0 1px 2px #00cae9;
    animation-delay: 1.1s;
}

@keyframes pulsate {
    0% {
        transform: scale(0.1, 0.1);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: scale(1.2, 1.2);
        opacity: 0;
    }
}

@keyframes mec-map-bounce {
    0% {
        opacity: 0;
        transform: translateY(-2000px) rotate(-45deg);
    }

    60% {
        opacity: 1;
        transform: translateY(30px) rotate(-45deg);
    }

    80% {
        transform: translateY(-10px) rotate(-45deg);
    }

    100% {
        transform: translateY(0) rotate(-45deg);
    }
}

.mec-skin-grid-container .mec-skin-map-container,
.mec-skin-list-container .mec-skin-map-container {
    margin-bottom: 20px;
}

/* Mec Countdown 
	-------------------------------- */
.mec-single-event {
    margin-top: 10px;
}

.mec-single-event .mec-events-meta-group-countdown {
    color: #c9c9c9;
    text-align: center;
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-events-meta-group-countdown .countdown-w {
    text-align: center;
    font-size: 36px;
    margin: 0 auto;
    padding: 40px 0 0;
    position: relative;
    display: table;
    table-layout: fixed;
}

.mec-events-meta-group-countdown .countdown-w .icon-w {
    font-size: 24px;
}

.mec-events-meta-group-countdown .countdown-w .label-w {
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.mec-events-meta-group-countdown .countdown-w .block-w {
    display: table-cell;
    margin: 0 20px 10px;
    position: relative;
    height: 70px;
    width: 190px;
    font-size: 72px;
    transition: all 0.3s ease-in-out;
    line-height: 1.2;
}

.mec-events-meta-group-countdown .countdown-w .block-w.done-w {
    border: 0 none;
}

.mec-events-meta-group-countdown .countdown-w .block-w li {
    font-size: 50px;
}

.mec-events-meta-group-countdown .countdown-w span {
    padding: 24px 0 20px;
}

.mec-events-meta-group-countdown .countdown-w .div-d {
    display: none;
}

.mec-events-meta-group-countdown .countdown-w .countdown-message {
    display: none;
}

.mec-events-meta-group-countdown .countdown-w .block-w i {
    display: none;
}

#countdown {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
}

.mec-events-meta-group-countdown .mec-end-counts h3 {
    display: inherit;
    text-align: center;
    font-size: 16px;
    right: 50%;
}

.mec-countdown-details .countdown-w .clockdiv li p {
    margin-top: 23px;
}

@media (min-width: 481px) and (max-width: 768px) {
    .mec-events-meta-group-countdown .countdown-w {
        padding: 0;
    }

    .mec-events-meta-group-countdown .countdown-w .label-w {
        font-size: 12px;
        letter-spacing: 0;
    }

    .mec-events-meta-group-countdown .countdown-w span {
        font-size: 34px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .mec-events-meta-group-countdown .countdown-w .label-w {
        font-size: 10px;
    }

    .mec-events-meta-group-countdown .countdown-w span {
        font-size: 28px;
    }

    .mec-countdown-details .countdown-w .clockdiv li p {
        margin-top: 16px;
    }
}

@media (max-width: 320px) {
    .mec-events-meta-group-countdown .countdown-w .label-w {
        font-size: 9px;
        letter-spacing: 0;
    }

    .mec-events-meta-group-countdown .countdown-w span {
        font-size: 22px;
    }
}

/* Mec Warning 
	-------------------------------- */
.info-msg,
.mec-success,
.warning-msg,
.mec-error {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    font-size: 13px;
}

.info-msg {
    color: #059;
    background-color: #bef;
}

.mec-success {
    color: #0dbf52;
    background-color: #cef7ce;
}

.warning-msg {
    color: #9f6000;
    background-color: #feefb3;
}

.mec-error {
    color: #d8000c !important;
    background-color: #ffbaba;
}

/* Mec Frontend Submission 
	-------------------------------- */
.mec-fes-form,
.mec-fes-list {
    background: #f8feff;
    padding: 30px 3%;
    color: #798f96;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif !important;
}

.mec-fes-list ul,
.mec-fes-list .mec-fes-list-top-actions {
    margin: 0 auto 15px;
    max-width: 960px;
    list-style: none;
    padding-left: 40px;
}

.mec-fes-form-cntt .dashicons-editor-help {
    display: none;
}

.mec-fes-list ul li * {
    text-decoration: none !important;
}

.mec-fes-list ul li {
    padding: 20px 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 6px -4px #cfeff5;
    background: #fff;
    line-height: normal;
}

.mec-fes-list ul li a {
    box-shadow: none;
    color: #181818;
}

.mec-fes-list ul li a:hover {
    color: #40d9f1;
}

.mec-fes-list ul li .mec-event-title {
    font-size: 17px;
    font-weight: 600;
    width: calc(100% - 250px);
    display: inline-block;
}

@media (max-width: 680px) {
    .mec-fes-list ul li .mec-event-title {
        width: 100%;
        font-size: 13px;
        margin: 0 0 20px 0;
        display: block;
    }
    .mec-fes-list ul li {
        padding: 10px 12px 40px;
    }
}

@media (max-width: 480px) {
    .mec-fes-list .mec-fes-list-top-actions,
    .mec-fes-list ul {
        padding-left: 0;
    }
}

.mec-fes-form .mec-required {
    color: #ff3c3c;
}

.mec-fes-list .mec-event-status {
    color: #fff !important;
    border-color: transparent !important;
}

.mec-fes-list .mec-book-confirmed,
.mec-fes-form .mec-book-confirmed {
    background: #50d477 !important;
}

.mec-fes-list .mec-book-pending,
.mec-fes-form .mec-book-pending {
    background: #fcbe69 !important;
}

.mec-fes-list .mec-book-rejected,
.mec-fes-form .mec-book-rejected {
    background: #fe686a !important;
}

.mec-fes-list .mec-book-other,
.mec-fes-form .mec-book-other {
    background: #40d9f1 !important;
}

.mec-fes-list ul li .mec-fes-event-remove,
.mec-fes-list ul li .mec-fes-event-view {
    font-size: 11px;
    padding: 0;
    border: 0;
    background: #f7f8f9;
    float: right;
    margin-left: 5px;
    border-radius: 2px;
    transition: all 0.2s ease;
}

.mec-fes-list ul li .mec-fes-event-remove,
.mec-fes-list ul li .mec-fes-event-view a,
.mec-fes-list ul li .mec-fes-event-export a {
    padding: 4px 8px;
    display: inline-block;
    border: 1px solid #e7e8e9;
    border-radius: 2px;
    color: #789;
    position: relative;
}

@media (max-width: 600px) {
    .mec-fes-list ul li .mec-fes-event-remove,
    .mec-fes-list ul li .mec-fes-event-view a,
    .mec-fes-list ul li .mec-fes-event-export a {
        font-size: 10px;
    }
}

.mec-fes-list ul li .mec-fes-event-remove:hover {
    cursor: pointer;
    background: #f96f8a;
    border-color: #f96f8a;
    color: #fff;
}

.mec-fes-list ul li .mec-fes-event-view a:hover,
.mec-fes-list ul li .mec-fes-event-export a:hover {
    background: #40d9f1;
    color: #fff;
    border-color: #40d9f1;
}

.single-mec-events .pmpro_content_message a,
.single-mec-events .pmpro_content_message a:link,
.mec-fes-form-top-actions a,
.mec-fes-list-top-actions a {
    position: relative;
    border: none;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    text-transform: none;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px !important;
    margin-right: 10px;
    line-height: 1;
    letter-spacing: 0;
    padding: 15px 22px;
    background: #39c36e;
    box-shadow: 0 1px 7px -3px #39c36e !important;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    text-decoration: unset;
}

.single-mec-events .pmpro_content_message a:hover,
.single-mec-events .pmpro_content_message a:hover:link,
.mec-fes-list-top-actions a:hover,
.mec-fes-form-top-actions a:hover {
    background: #222;
    color: #fff;
}

.mec-fes-list-top-actions a {
    font-weight: 600;
    text-transform: capitalize;
}

.mec-fes-form-top-actions a:before {
    content: "";
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    margin-right: 5px;
    vertical-align: sub;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.mec-fes-form .mec-form-row,
.mec-fes-list .mec-form-row {
    margin-bottom: 10px;
    clear: both;
}

.mec-fes-form label {
    font-size: 13px;
    display: block;
    color: #798f96;
    font-weight: 400;
    padding: 0 0 4px 2px;
}

.mec-fes-form input + label {
    padding-top: 8px;
    padding-left: 3px;
    margin: 0;
    display: inline-block;
    vertical-align: top;
}

#wrap .mec-fes-form input + label {
    padding-top: 0;
}

.mec-fes-form .post-status {
    float: right !important;
    margin: 0px 5px;
    color: #fff;
    padding: 0px 10px;
    border-radius: 12px;
    font-style: italic;
    font-size: 18px;
}

.mec-fes-form #mec-event-data input[type="date"],
.mec-fes-form input[type="text"],
.mec-fes-form input[type="url"],
.mec-fes-form input[type="number"],
.mec-fes-form input[type="email"],
.mec-fes-form input[type="password"],
.mec-fes-form input[type="tel"],
.mec-fes-form textarea,
.mec-fes-form select {
    min-width: inherit;
    width: auto;
    display: inline;
    min-height: 30px;
    font-size: 13px;
    padding: 10px;
    margin-bottom: 20px;
    clear: both;
    background: #fff;
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 5px rgba(207, 239, 245, 0.38) inset;
    border-radius: 3px;
    height: 40px;
    max-width: 280px;
    color: #798f96;
    font-family: inherit;
}

.lity-content
    .mec-events-meta-group-booking
    input[type="date"]::-webkit-calendar-picker-indicator,
.lity-content
    #mec_fes_form
    input[type="date"]::-webkit-calendar-picker-indicator,
.mec-single-event
    .mec-events-meta-group-booking
    input[type="date"]::-webkit-calendar-picker-indicator,
#mec_fes_form input[type="date"]::-webkit-calendar-picker-indicator {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA0QjQ2N0QwQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA0QjQ2N0QxQjQ4MzExRUE4RDdFREZDRTUxMUVERTM5Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDRCNDY3Q0VCNDgzMTFFQThEN0VERkNFNTExRURFMzkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDRCNDY3Q0ZCNDgzMTFFQThEN0VERkNFNTExRURFMzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6WW71PAAAGIklEQVR42qRXS28bVRQ+586Mx3ZC1DSpVFojRU2CqMIGiSKxAVoUduzoDjYIlhU/Av4AYsdjRXfkD0Cjom6QqIqEqEhRo1aRkkZpkpY6j7GduQ++c2dsj1+BlInGztxvzj3nfudpPlM/otc2W2QjJmU0rZ0uUytUpBxNnN9p/FYhctF0+XUi2nPGkX7WJOfwxNRzqXxtbfI4eUvm7xY1o4iiI0d/vFiisL2BgTAz0yvbCRnLhP0uNEtqrgUseZRcwPPvJewaldSA8o48vo+Tj0U+CnrkOgZwvkEzEmGm1PF9fzK5Y3U/YlllsjRUv19zXl7571HyAjooc/kmYerpcmPO0Mfa0SyxEtji44ynOjPuayjecd7M46/MQOdGyIs9ThnzMLD0XRrwIdeetmoLm41fWiG95Ar792tydLLrOPkAlpW027hbG3+T37lf/5EtvYcXUuhfBjWp9wHRBO63c5lbEkQj2B92uaHy4l2EAQ66GFgbmiD4id/9q661ooAtf8rsvmUEilAHEqcgtJvvNq3YPTkJA8PksT9ZFxD8+4my9pvAOqOMxIMoJHfPZoJkJNiYat3duOac6hxt1N3GR8lnt0O623s+c2CVZEGaZ8Oks1mElvxu7hGYaQjpHLpH3q/YFQE7Oh5Y6gFTaHhAXlasxmoWpZO5L9Ow4DTv+UBZBAkWNO+CqhkbSOzaXWWyzY+n3WcACdVscnklz5CHYsmv1L/RyUJ/cs7zdT3Ey8pTgw/QgNNuS4XjNMvffwvBNmwDH+pdeZ3J+1qDdW15vS0iBhjZWzF9ge8HWl7zNLluYhP/9/jvFANXyL+ufF4jZvOCZsK8isp77+sixf10n7QQjJT39bBtjzdA5chtLG61n7kgk6UvDy29z4HL4c/ifkN0hYV+cA3Bc7stKAfossgSSF06+3HOu8QovE8eThDlv4pu1TbUOpqySDNUKMSDQRIo6QgVRHbFcID1mCITUGgNKLI9uBbcCC59xUi+DsiHBq0XOLb3utqOUYV+LglH9XJASRAsRNqt4xHVj59Exqw3AlrYi0PaiwNqBKoX12Y9iQSP/GkD4xZC0yt/GPFCvZzhUBoMtmPftRwMEEtpupy2auzadLraXtlNoXLhKQYLbjrWRx0cXNf24wxPSmWw5aZPNXSNOi5ytXqZpjTwSqs3PsJi0I61LG29EFG9GtyaeqgvxU17TrAkDjbvnq/eKcTYrbcemi5eHoI/OLgUt7r4n+cqd04llmZ3mjBSDQ4kYtERLLz4OKGt0xGKA9+RgiSGSRV7+UlCVvka72lEvHRx04vLGW2f/PzTBk3VtddRrGlhMXVaIdME5sLJ3ZQOTPQBNqj58uzcxsXtZEkqmQ7IB9ihLeA2x6FQqyG4cRuvbh8uNZSigzBCALhBBtrjkwjjQItQ+kPXWY6eBuEi/lmOlC8kvTh38ZLH3QC+y+GiIl4OqbeZ9RggQZgcVIXe1ep48jPkz/oGw7x1yoytIq1o59AH1Wp1rNHBSXA9tip87zYyvFzpx8dXLVTvqySvhUMNsN6+1ERrrNQVQs57H4K6cR35GrapffICb16RpO7glOHrrQyvjHXxQHB0/j1ugV0LpcFwAzS4n6hiZoIvEp2znwcSigfGJhxpMmseLc0dvFjcvRuLvdEdNyl2+0DOALwE863TM/jnJqhfQa6v4AfJzUNOZ/aVlhqIUpoO4PuU4XFsqFrSM866m9hxBXSvWPx/wHpGqA96Vfa5AH9HnMjYNI96dbkwaVzcCw/nAK+xHzp4Hp89eD04nENzX6v4cYrnrVWXXQF/Fh7MQfWasmogCNsmaT+qwD0g4gYsuYqnWlboeKMUumUr86LycxdwdRUb+zQTvAzcgL0jLXFkbkQUX5UKyFTE2bvZD0a5B8SAUu6dPf+7AInssja2VPSZRud2Ni/NKse5M2VQqkO4BxSzZLmV8Wwpa8S9OHsK3X6+Lc7F/JidOwvkc7z3FbIgzd7smy1c35TEg7NGrg6Ucs88UsCliOLHH1+Td8HYFl++W//QxfT9iSee/3lJWy5X6aMwtK3rTVWJUU4/g4GzdLLp73ku8cEDxNmXUZhc/0eAAQAVgX0RHvvILQAAAABJRU5ErkJggg==");
    background-position: center;
    background-size: cover;
    width: 10px;
    height: 12px;
    display: block;
}

.mec-fes-form input {
    background: #fff !important;
    border-radius: 3px !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif !important;
}

.mec-fes-form textarea {
    height: 80px;
}

.mec-fes-form input::-webkit-input-placeholder {
    color: #798f96;
}

.mec-fes-form input::-moz-placeholder {
    color: #798f96;
}

.mec-fes-form input:-ms-input-placeholder {
    color: #798f96;
}

.mec-fes-form input:-moz-placeholder {
    color: #798f96;
}

#mec-excerpt .mec-form-row .widefat {
    max-width: 100%;
}

#mec_more_info_target {
    width: 100%;
}

@media only screen and (min-width: 961px) {
    .mec-fes-form #mec-event-data input[type="date"],
    .mec-fes-form input[type="text"],
    .mec-fes-form input[type="url"],
    .mec-fes-form input[type="email"],
    .mec-fes-form input[type="tel"],
    .mec-fes-form input[type="password"],
    .mec-fes-form #mec-event-data select,
    .mec-fes-form textarea {
        width: 100%;
        display: inline-block;
    }
}

@media only screen and (max-width: 768px) {
    .mec-fes-form #mec-event-data input[type="date"],
    .mec-fes-form input[type="text"],
    .mec-fes-form input[type="url"],
    .mec-fes-form input[type="email"],
    .mec-fes-form input[type="password"],
    .mec-fes-form #mec-event-data select,
    .mec-fes-form textarea {
        width: 100%;
    }
}

.mec-fes-form input[type="text"]#mec_fes_title {
    padding: 5px 10px;
    min-height: 32px;
    height: 50px;
    background: #fff !important;
    max-width: 100%;
    font-size: 19px;
    font-weight: 400;
}

.mec-fes-form input[type="checkbox"],
.mec-fes-form input[type="radio"] {
    display: inline !important;
    float: left;
    margin: 5px 5px 0 0;
}

.mec-fes-form input[type="text"]:focus,
.mec-fes-form input[type="number"]:focus,
.mec-fes-form input[type="email"]:focus,
.mec-fes-form input[type="url"]:focus,
.mec-fes-form input[type="password"]:focus,
.mec-fes-form input[type="tel"]:focus,
.mec-fes-form textarea:focus,
.mec-fes-form select:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #fff;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    outline: none;
}

.mec-form-row .mec-color {
    cursor: pointer;
}

.mec-form-row.mec-available-color-row span {
    margin: 10px;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin-right: 6px;
    border-radius: 20px 20px 20px 20px;
    vertical-align: middle;
}

.mec-form-row.mec-available-color-row span:first-of-type {
    margin-left: 0;
}

.mec-fes-form.mec-fes-form .mec-tooltip {
    display: inline;
}

.mec-fes-form-cntt .dashicons-editor-help {
    display: block;
}

.mec-fes-form .mec-tooltip:hover:after,
.mec-fes-form .mec-tooltip:hover:before {
    display: none;
}

.mec-fes-form.mec-fes-form .mec-tooltip {
    display: inline-flex;
    bottom: 7px;
}

.mec-fes-form .mec-tooltip .box {
    min-width: 300px;
    max-width: 600px;
    display: inline-block;
    left: 26px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    margin-top: 8px;
    background-color: #535a61;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    position: absolute;
    z-index: 9999999;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 4px 45px -8px #444b50;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.23s;
}

#webnus-dashboard .mec-fes-form .mec-tooltip .box p,
.mec-fes-form .mec-tooltip .box p {
    color: #fff !important;
    font-size: 14px;
    line-height: 1.3;
    margin: 0;
}

.mec-fes-form .mec-tooltip:hover .box {
    visibility: visible;
    opacity: 1;
}

.mec-fes-form .mec-tooltip:hover .box {
    padding: 20px;
    border-radius: 8px;
}

.mec-fes-form .mec-tooltip .box h5 {
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    margin: -30px -20px;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 10px;
    background: #3a3f44;
    border-bottom: 1px solid #32363a;
    border-radius: 6px 6px 0 0;
    z-index: 9999;
}

#webnus-dashboard .mec-fes-form .mec-tooltip .box p a,
.mec-fes-form .mec-tooltip .box p a {
    color: #40d9f1;
    margin-top: 10px;
    margin-left: 0;
    font-weight: 400;
    position: relative;
    text-decoration: none;
    display: block;
    width: max-content;
}

.mec-fes-form .mec-tooltip .box a:hover {
    color: #f90;
}

.mec-fes-form .mec-tooltip .box:after {
    display: block;
    position: absolute !important;
    top: 100% !important;
    right: 50% !important;
    margin-top: -6px !important;
    margin-right: -6px !important;
    width: 12px !important;
    height: 24px !important;
    overflow: hidden !important;
    transform: rotate(-90deg) !important;
}

.mec-fes-form .mec-tooltip .box:before {
    display: block;
    content: "" !important;
    position: absolute !important;
    width: 12px;
    height: 12px;
    left: -10px !important;
    top: 50% !important;
    transform: translate(50%, -50%) rotate(-45deg) !important;
    background-color: #535a61 !important;
    box-shadow: 0 8px 9px -4px #535a61 !important;
    z-index: 0 !important;
}

.mec-fes-form .mec-tooltip .box.top {
    left: 50%;
    top: 0;
    transform: translate(-50%, -100%);
    margin-top: 0;
    margin-left: -10px;
}

.mec-fes-form .mec-tooltip .box.top:after {
    top: 50% !important;
    right: 100% !important;
}

.mec-fes-form .mec-tooltip .box.top:before {
    left: 50% !important;
    top: 100% !important;
}

.mec-fes-form .mec-tooltip .box.bottom {
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translate(-50%, 100%);
    margin-bottom: -20px;
    margin-left: -10px;
}

.mec-fes-form .mec-tooltip .box.bottom:after {
    top: 0 !important;
    right: 50% !important;
    background-color: #3a3f44 !important;
}

.mec-fes-form .mec-tooltip .box.bottom:before {
    left: 50% !important;
    top: -7px !important;
    transform: translateX(-50%);
    background-color: #3a3f44 !important;
}

.mec-fes-form .mec-tooltip .box.left {
    left: auto;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
}

.mec-fes-form .mec-tooltip .box.left:before {
    right: 0 !important;
    left: auto !important;
    top: 50% !important;
}

.mec-fes-form .mec-tooltip {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    cursor: help;
    bottom: 5px;
    left: 3px;
}

.mec-fes-form .mec-tooltip:last-child {
    margin-right: 0;
}

.mec-fes-form .mec-tooltip:hover:after {
    background: #313130;
    border-radius: 5px;
    bottom: 24px;
    color: #fff;
    content: attr(title);
    left: -75px;
    padding: 10px;
    position: absolute;
    z-index: 98;
    width: 240px;
}

.mec-fes-form .mec-tooltip:hover:before {
    border: solid;
    border-color: #313130 transparent;
    border-width: 6px 6px 0;
    bottom: 18px;
    content: "";
    left: 30%;
    position: absolute;
    z-index: 99;
}

.mec-fes-form .mec-tooltip .dashicons-before:before {
    font-size: 24px;
    color: #008aff;
    line-height: 37px;
}

.mec-fes-form .mec-tooltip a:focus {
    box-shadow: none;
}

.mec-form-row .bootstrap_unvalid {
    display: block;
    border: 2px solid red;
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #000;
}

.mec-fes-form .mec-tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: red;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
}

.mec-fes-form .mec-tooltip .content p a {
    display: none;
}

@media only screen and (min-width: 961px) {
    .mec-fes-form .mec-fes-form-cntt,
    .mec-fes-form .mec-fes-form-sdbr {
        width: 68%;
        float: left;
        padding-right: 20px;
    }

    .mec-fes-form .mec-fes-form-sdbr {
        width: 32%;
        padding-right: 0;
        padding-left: 20px;
    }

    .mec-fes-submit-mobile {
        display: none;
    }
}

.mec-fes-form .mec-meta-box-fields {
    padding: 0 20px 20px;
    border: 1px solid #cfeff5;
    margin-bottom: 20px !important;
    box-shadow: 0 2px 6px -3px #cfeff5;
    border-radius: 3px;
    background: #fff;
}

.mec-fes-form .mec-meta-box-fields h4 {
    margin: 0 -20px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0;
    color: #40d9f1;
    text-transform: capitalize;
    padding: 15px 20px;
    background: #ecfcff;
    margin-bottom: 20px;
}

.mec-fes-sub-button {
    width: 100%;
}

.mec-available-color-row span.color-selected {
    border: 3px solid #fff;
    box-sizing: content-box;
    box-shadow: 0 0 0 2px #40d9f1, 0 2px 8px -1px #40d9f1;
}

.mec-fes-loading:before {
    content: url("../img/ajax-loader.gif");
    background: transparent;
    border-style: none;
    display: block;
    margin-left: 47%;
}

.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    input[type="text"] {
    width: 190px;
    margin-right: 1.4%;
}

.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    input[type="text"].mec-col-1,
.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    input[type="text"].mec-col-2 {
    width: 120px;
    margin-right: 10px;
}

.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    input[type="text"].widefat {
    width: 100%;
}

.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row {
    border-bottom: none;
    padding-bottom: 10px;
}

.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    input[type="text"].mec-col-6 {
    width: 39%;
}

.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row button {
    margin-right: 0;
    padding: 9px 26px;
}

.mec-fes-form
    #mec_meta_box_hourly_schedule_days
    .mec-form-row
    button.mec-add-hourly-schedule-button {
    font-size: 12px;
    height: 30px;
    line-height: 25px;
}

.mec-fes-form #mec_meta_box_hourly_schedule_days .mec-form-row .description {
    display: inline-block;
    border-left: 1px dashed #bfcacc;
    margin-left: 12px;
    line-height: 28px;
    padding-left: 12px;
    margin-top: 5px;
    font-style: italic;
}

@media only screen and (max-width: 768px) {
    .mec-fes-form
        #mec_meta_box_hourly_schedule_days
        .mec-form-row
        input[type="text"] {
        width: 100% !important;
    }
}

#mec_fes_form_message {
    max-width: 838px;
    margin: 10px auto;
    display: block !important;
    text-align: center;
}

/* FES Attendees */
.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip {
    position: relative;
}

.mec-fes-form .mec-attendees-wrapper .mec-attendees-list strong,
.post-type-mec-books .attendees strong {
    line-height: 26px;
    padding-left: 26px;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip:before {
    position: absolute;
    content: "\e001";
    font-family: simple-line-icons;
    margin: 12px 0;
    top: -30px;
    left: 0;
    font-size: 18px;
    line-height: 12px;
    color: #40d9f1;
    padding: 0 60px 5px 0;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip
    ul {
    position: absolute;
    min-width: 300px;
    max-width: 600px;
    display: inline-block;
    left: 60px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #535a61;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.3;
    z-index: 9999999;
    box-sizing: border-box;
    box-shadow: 0 4px 45px -8px #444b50;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.23s;
    padding: 23px 20px 20px 20px;
    border-radius: 8px;
    margin-top: -13px;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip
    ul:before {
    display: block;
    content: "" !important;
    position: absolute !important;
    width: 12px;
    height: 12px;
    left: -10px !important;
    top: 50% !important;
    transform: translate(50%, -50%) rotate(-45deg) !important;
    background-color: #535a61 !important;
    box-shadow: 0 8px 9px -4px #535a61 !important;
    z-index: 0 !important;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip:hover
    ul {
    visibility: visible;
    opacity: 1;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip
    ul
    li {
    list-style: none;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip
    ul
    a {
    color: #40d9f1;
    margin-bottom: 14px;
    margin-left: 0;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.5px;
    position: relative;
    text-decoration: none;
    display: block;
    width: max-content;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .mec-booking-attendees-tooltip
    ul
    li:last-child
    a {
    margin-bottom: 0;
}

.mec-fes-form .mec-attendees-wrapper .mec-attendees-list {
    margin: 0;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:first-child {
    background: #fff;
    border-bottom: 1px solid #cfeff5;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:first-child
    div
    span {
    line-height: 1;
    font-weight: 600;
    font-size: 13px;
}

.mec-fes-form .mec-attendees-wrapper .mec-attendees-list .w-clearfix {
    display: flex;
    background: #f8feff;
    padding: 10px;
    text-align: left;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3 {
    width: 25%;
    word-wrap: break-word;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3:first-child {
    width: 45%;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3:nth-child(2) {
    width: 15%;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3:nth-child(3) {
    width: 25%;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3:nth-child(4) {
    width: 20%;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:not(:first-child)
    .w-col-xs-3 {
    font-size: 13px;
    display: block;
    color: #798f96;
    font-weight: 400;
    padding: 0;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix
    .w-col-xs-3
    a {
    text-decoration: unset;
}

.mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:nth-child(odd) {
    background: #fff;
}

/* MEC Total Calendar
	-------------------------------- */
.mec-wrap .mec-totalcal-box {
    position: relative;
    border: 1px solid #efefef;
    padding: 20px 5px;
    margin: 0 0 20px;
    background: #fafafa;
    overflow: hidden;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012);
    min-height: 78px;
}

.mec-wrap .mec-totalcal-box i {
    float: left;
    margin: 0;
    width: 36px;
    height: 36px;
    background: #fff;
    border: 1px solid #efefef;
    text-align: center;
    padding: 10px 0;
    font-size: 15px;
    color: #888;
}

.mec-wrap .mec-totalcal-box input,
.mec-wrap .mec-totalcal-box select,
.mec-checkboxes-search .mec-searchbar-category-wrap,
.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
    width: auto;
    min-height: 36px;
    height: 36px;
    line-height: 36px;
    background: #fff;
    font-size: 13px;
    color: #777;
    border: 1px solid #efefef;
    margin: 0 0 0 -1px;
    float: left;
    padding: 0 5px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
}

.mec-wrap .mec-totalcal-box input[type="submit"] {
    cursor: pointer;
    padding: 0 16px;
    text-transform: uppercase;
    font-size: 11px;
    transition: all 0.21s ease;
}

.mec-wrap .mec-totalcal-box input[type="submit"]:hover {
    background: #222;
    color: #fff;
}

.mec-wrap .mec-totalcal-box .mec-totalcal-view span {
    display: inline-block;
    text-transform: uppercase;
    font-size: 11px;
    padding: 0 12px;
    cursor: pointer;
}

.mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover {
    color: #40d9f1;
}

.mec-wrap .mec-totalcal-box .mec-totalcal-view span.mec-totalcalview-selected {
    color: #fff;
    background: #40d9f1;
    border-color: #40d9f1;
}

.mec-wrap .mec-totalcal-box .mec-totalcal-view {
    text-align: right;
    float: right;
}

.mec-wrap .mec-totalcal-box input[type="search"] {
    width: calc(100% - 36px);
}

.mec-there-reset-button .mec-totalcal-box {
    padding-bottom: 34px;
}

.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button {
    position: absolute;
    margin: 0;
    bottom: 0;
    right: 0;
    padding: 9px 25px;
    border-radius: 2px 0 0 0;
    background: #fff;
    color: #767676;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #e8e8e8;
    overflow: hidden;
}

.mec-wrap .mec-totalcal-box .mec-search-reset-button .mec-button:hover {
    background: #000;
    color: #fff;
    border-color: #000;
}

.mec-full-calendar-wrap .mec-search-form .col-md-7 {
    padding: 0;
}

.mec-wrap .mec-date-search .mec-col-3,
.mec-wrap .mec-minmax-event-cost .mec-minmax-price {
    width: calc(50% - 17px);
}

.mec-wrap .mec-text-address-search.with-mec-cost {
    width: calc(100% - 356px);
}

.mec-wrap .mec-minmax-event-cost {
    display: block;
    float: left;
    width: 50%;
    margin-left: 10px;
}

.mec-wrap .mec-minmax-event-cost.with-mec-address {
    display: block;
    width: 336px;
    max-width: 50%;
    float: right;
    margin-left: 0;
    margin-right: 10px;
}

.mec-wrap .mec-checkboxes-search {
    margin-left: 10px;
    margin-right: 10px;
    display: table-caption;
}
.mec-wrap .mec-checkboxes-search .mec-searchbar-category-wrap {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
    padding: 0;
    position: relative;
    line-height: inherit;
    height: auto;
}

.mec-wrap .mec-checkboxes-search .mec-searchbar-category-wrap select {
    line-height: 20px;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container.select2-container--default {
    width: calc(100% - 36px) !important;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    input[type="search"] {
    width: calc(100% - 36px) !important;
    min-height: 30px;
    margin: 0;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple
    ul,
.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container.select2-container--default {
    height: auto;
    overflow: unset;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple
    ul {
    display: block;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple {
    border: unset;
    width: 100%;
    height: 0px !important;
    border-radius: 0;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple
    ul
    li {
    line-height: 12px !important;
    max-height: 20px !important;
    width: auto;
    margin-right: 5px;
    margin-top: 5px;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple
    .select2-selection__choice {
    letter-spacing: 0;
    color: #777;
    text-transform: capitalize;
    padding: 4px 6px;
    background-color: #efefef;
    border-radius: 2px;
    border: 0;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.mec-wrap
    .mec-checkboxes-search
    .mec-searchbar-category-wrap
    .select2-container
    .select2-selection--multiple
    .select2-selection__choice__remove {
    color: #777;
}

@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .mec-wrap .mec-totalcal-box {
        padding: 37px 5px;
    }
}

@media only screen and (max-width: 960px) {
    .mec-wrap .mec-totalcal-box .col-md-3,
    .mec-wrap .mec-totalcal-box .col-md-4,
    .mec-wrap .mec-totalcal-box .col-md-5 {
        width: 100%;
        float: none;
        clear: both;
        overflow: hidden;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-3,
    .mec-full-calendar-wrap .mec-search-form .col-md-4,
    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        display: block;
        max-width: 100%;
        padding: 0;
        margin: 0 0 10px 0;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-3 {
        padding-bottom: 10px !important;
    }

    .mec-wrap .mec-search-form .mec-date-search select {
        width: calc(100% - 106px);
    }

    .mec-wrap .mec-search-form .mec-date-search select:last-child {
        width: 70px;
    }

    .mec-wrap .mec-totalcal-box .mec-totalcal-view {
        float: none;
    }

    .mec-wrap
        .mec-checkboxes-search
        .mec-searchbar-category-wrap
        .select2-container
        .select2-selection--multiple
        .select2-selection__choice {
        display: block;
        max-width: 100%;
        white-space: break-spaces;
        max-height: unset !important;
        height: auto !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .mec-wrap .mec-totalcal-box .col-md-4 {
        position: relative;
        width: initial;
    }

    .mec-wrap .mec-totalcal-box .col-md-5 {
        padding-bottom: 0;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        margin-top: 20px;
    }

    .mec-wrap .mec-totalcal-box {
        padding: 37px 5px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-wrap .mec-totalcal-box .mec-totalcal-view {
        float: none;
    }

    .mec-wrap .mec-totalcal-box .col-md-4 {
        padding-bottom: 0;
    }

    .mec-wrap .mec-text-address-search.with-mec-cost,
    .mec-wrap .mec-minmax-event-cost.with-mec-address {
        width: 100%;
        float: left;
    }

    .mec-wrap .mec-minmax-event-cost.with-mec-address {
        max-width: calc(100% - 20px);
        margin: 0 10px 20px 10px;
    }

    .mec-wrap .mec-minmax-event-cost .mec-minmax-price {
        width: calc(50% - 17px);
    }
}

@media only screen and (max-width: 479px) {
    .mec-wrap .mec-totalcal-box .mec-totalcal-view span {
        padding: 0 8px;
        font-size: 10px;
    }

    .mec-wrap .mec-totalcal-box input[type="submit"] {
        padding: 0 10px;
        font-size: 10px;
    }
}

@media only screen and (min-width: 961px) {
    .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-3,
    .mec-wrap .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 {
        padding-bottom: 20px;
        clear: both;
        overflow: hidden;
    }

    .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-5 {
        right: 10px;
        width: initial;
    }

    .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-4 {
        padding-bottom: 0;
        width: 100%;
    }
}

@media (min-width: 961px) and (max-width: 1200px) {
    .mec-full-calendar-wrap .mec-totalcal-box {
        padding: 15px 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
        width: 50%;
    }

    .mec-wrap .mec-totalcal-box .mec-totalcal-view span {
        padding: 0 10px;
    }

    .mec-search-form .mec-date-search,
    .mec-search-form .mec-dropdown-search,
    .mec-search-form .mec-text-input-search,
    .mec-search-form .mec-text-address-search {
        padding: 0 4px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2,
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3,
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-5 {
        padding-bottom: 20px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select {
        min-width: calc(100% - 36px);
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select {
        min-width: calc(30% - 10px);
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3:last-child select {
        min-width: calc(50% - 19px);
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        font-size: 9px;
        text-align: center;
    }
}

@media only screen and (max-width: 1200px) {
    .post-type-archive-mec-events .mec-totalcal-box .col-md-3,
    .post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
        width: 100%;
        padding: 0;
    }

    .post-type-archive-mec-events .mec-totalcal-box select:last-child {
        min-width: auto;
    }

    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        position: relative;
        float: right;
        max-width: 100%;
        left: 0;
        top: 20px;
        width: 100% !important;
        display: block;
        clear: both;
    }

    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view {
        max-width: 100%;
        width: 100%;
    }

    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
        width: 20.1%;
        font-size: 10px;
    }
}

@media only screen and (max-width: 960px) {
    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        top: 10px;
    }
}

@media only screen and (max-width: 760px) {
    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        top: 0 !important;
    }
}

@media only screen and (max-width: 480px) {
    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
        font-size: 8px;
    }
}

@media (min-width: 1201px) and (max-width: 1280px) {
    .mec-full-calendar-wrap .mec-totalcal-view span {
        font-size: 9px;
        padding: 0 10px;
    }
}

@media (min-width: 761px) and (max-width: 1200px) {
    .mec-full-calendar-wrap
        .mec-search-form
        .mec-dropdown-wrap
        .mec-dropdown-search {
        width: 33.3333%;
        display: block;
        float: left;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-4 .mec-text-input-search {
        padding: 0;
        margin-bottom: 20px;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-3 {
        width: 100%;
    }

    .mec-full-calendar-wrap
        .mec-search-form
        .mec-date-search
        select:last-child {
        min-width: 70px;
        width: 70px;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        float: right;
        padding: 0 0 10px 0;
    }

    .mec-full-calendar-wrap .mec-totalcal-view span {
        font-size: 11px;
    }
}

@media (max-width: 760px) {
    .mec-full-calendar-wrap .mec-search-form .col-md-3 {
        width: 100%;
    }

    .mec-full-calendar-wrap
        .mec-search-form
        .mec-date-search
        select:last-child {
        min-width: 70px;
        width: 70px;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        float: right;
        padding: 0 0 10px 0;
    }

    .mec-full-calendar-wrap .mec-totalcal-view span {
        font-size: 11px;
    }
}

@media (max-width: 960px) {
    .mec-full-calendar-wrap .mec-totalcal-box {
        padding: 20px 20px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
        width: 50%;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2,
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3,
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
        padding-bottom: 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 select {
        min-width: calc(100% - 36px);
        margin-bottom: 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view {
        margin-left: 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        font-size: 10px;
        text-align: center;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-2 {
        width: 100%;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        min-width: 14.3%;
        text-align: center;
        font-size: 10px;
        margin-right: -1px;
    }
}

@media (max-width: 780px) {
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3 select {
        width: calc(50% - 18px) !important;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
        position: unset;
        padding-right: 0;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-3,
    .mec-full-calendar-wrap .mec-search-form .col-md-4,
    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        margin: 0;
        padding: 0;
    }

    .mec-wrap .mec-totalcal-box .mec-totalcal-view span {
        padding: 0 7px;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
    .mec-full-calendar-wrap .mec-totalcal-box {
        padding: 15px 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        min-width: 13.5%;
        text-align: center;
        font-size: 11px;
    }
}

@media (max-width: 411px) {
    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        min-width: 12%;
        font-size: 10px;
    }
}

@media (max-width: 320px) {
    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        min-width: 22.5%;
        font-size: 11px;
    }
}

/* FullCalendar Search field items responsive */
.mec-totalcalview-selected:hover {
    color: #fff !important;
}

/* Cal search form */
.mec-search-form {
    padding: 20px 10px;
}

.mec-search-form .mec-dropdown-wrap {
    display: table;
    width: 100%;
}

.mec-search-form .mec-date-input-search,
.mec-search-form .mec-time-input-search,
.mec-search-form .mec-dropdown-search,
.mec-search-form .mec-text-input-search,
.mec-search-form .mec-date-search {
    padding: 0 10px;
    float: left;
    /* min-height: 55px; */
}

.mec-search-form .mec-date-search,
.mec-search-form .mec-totalcal-view,
.mec-search-form .mec-time-picker-search {
    padding: 0 10px;
}

.mec-search-form .mec-text-input-search {
    width: 100%;
}

.mec-search-form .mec-full-calendar-search-ends .mec-text-input-search {
    width: 50%;
}

.mec-search-form .mec-date-search,
.mec-search-form .mec-time-picker-search {
    width: 50%;
    float: left;
}

.mec-search-form .mec-date-search.with-mec-time-picker,
.mec-search-form .mec-time-picker-search.with-mec-date-search {
    width: 25%;
    float: left;
}

.mec-search-form .mec-tab-loader.col-md-6 .mec-totalcal-view {
    padding: 0;
}

.mec-wrap .mec-search-form .with-mec-date-search .mec-timepicker-start,
.mec-wrap .mec-search-form .with-mec-date-search .mec-timepicker-end {
    width: calc(50% - 17px);
}

.mec-search-form .mec-text-address-search,
.mec-search-form .mec-minmax-event-cost,
.mec-search-form
    .mec-full-calendar-search-ends
    .mec-text-input-search.col-md-12 {
    min-height: 55px;
}

.mec-search-form
    .mec-full-calendar-search-ends
    .mec-text-input-search.col-md-12,
.mec-widget .mec-search-form .mec-text-input-search,
.mec-widget .mec-search-form .mec-date-search {
    width: 100%;
}

.mec-search-form
    .mec-full-calendar-search-ends
    .mec-text-input-search.col-md-12 {
    padding: 0 10px;
}

.mec-search-form .mec-text-address-search,
.mec-search-form .mec-minmax-event-cost,
.mec-widget .mec-search-form .mec-text-input-search {
    margin-top: 10px;
}

.mec-search-form .mec-date-search {
    clear: left;
}

.mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
    display: table-cell;
    float: none;
}

.mec-widget .mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
    display: block;
}

.mec-checkboxes-search .mec-searchbar-category-wrap,
.mec-wrap .mec-search-form .mec-dropdown-wrap .mec-dropdown-search select {
    width: calc(100% - 36px);
    margin-bottom: 10px;
}

.mec-wrap .mec-search-form .mec-text-input-search input,
.mec-wrap .mec-search-form .mec-minmax-price input,
.mec-wrap .mec-search-form .mec-text-address-search input {
    margin-bottom: 10px;
}

.mec-wrap .mec-totalcal-box label {
    display: block;
    line-height: 1.8;
    margin-bottom: 4px;
    font-size: 13px;
    color: #9a9a9a;
}

.mec-wrap .mec-search-form .mec-date-search select {
    width: calc(100% - 106px);
}

.mec-wrap .mec-search-form .mec-date-search select:last-child {
    width: 70px;
}

@media only screen and (max-width: 781px) {
    .mec-search-form .mec-dropdown-search,
    .mec-search-form .mec-text-input-search,
    .mec-search-form .mec-date-search {
        width: 100%;
        float: none;
    }

    .mec-search-form .mec-date-search {
        min-height: 55px;
    }

    .mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
        display: block;
        width: 50%;
        float: left;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-3 {
        margin-bottom: 0;
        padding-bottom: 0 !important;
    }
}

@media only screen and (max-width: 479px) {
    .mec-search-form .mec-dropdown-wrap .mec-dropdown-search {
        display: block;
        width: 100%;
        float: none;
    }
}

/* Final fix full calendar shortcode */
@media only screen and (min-width: 961px) and (max-width: 1200px) {
    .post-type-archive-mec-events .mec-totalcal-box .col-md-3,
    .post-type-archive-mec-events .mec-totalcal-box .col-md-4,
    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        max-width: 100%;
        width: 100%;
    }

    .post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
        padding: 0 10px;
    }

    .post-type-archive-mec-events
        .mec-totalcal-box
        .col-md-4
        .mec-text-input-search {
        margin: 0;
    }

    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        margin-bottom: 20px;
        padding: 0 10px 10px 10px;
    }
}

@media only screen and (max-width: 960px) {
    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
    .post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
        padding: 0 10px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4 {
        margin-bottom: 0;
    }

    .post-type-archive-mec-events
        .mec-totalcal-box
        .col-md-4
        .mec-text-input-search {
        margin: 0;
    }

    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view {
        padding-right: 15px;
    }

    .mec-full-calendar-wrap .mec-search-form .col-md-5 {
        margin-bottom: 0;
    }

    .post-type-archive-mec-events .mec-totalcal-box .col-md-5 {
        padding: 0;
    }
}

@media only screen and (max-width: 780px) {
    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .mec-wrap .mec-totalcal-box .mec-totalcal-view span {
        margin-top: 0;
    }
}

@media only screen and (max-width: 760px) {
    .post-type-archive-mec-events .mec-totalcal-box .mec-totalcal-view span {
        margin-top: 20px;
        margin-bottom: 0;
    }

    .mec-wrap .mec-totalcal-box .mec-totalcal-view span {
        margin-top: 20px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .col-md-4,
    .post-type-archive-mec-events .mec-totalcal-box .col-md-4 {
        padding: 0;
    }
}

@media only screen and (max-width: 1200px) {
    .post-type-archive-mec-events
        .mec-full-calendar-wrap
        .mec-totalcal-view
        span {
        width: 14.333%;
        font-size: 8px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 960px) {
    .post-type-archive-mec-events .mec-search-form .col-md-5 span {
        width: 20% !important;
    }
}

.mec-search-form .mec-text-address-search {
    float: left;
    width: 100%;
    padding: 0 10px;
}

@media (max-width: 960px) {
    .mec-search-form .mec-dropdown-search {
        margin-bottom: 10px;
    }

    .mec-wrap .mec-minmax-event-cost.with-mec-address,
    .mec-wrap .mec-text-address-search.with-mec-cost {
        margin-top: 0;
    }

    .mec-search-form .mec-date-search.with-mec-time-picker,
    .mec-search-form .mec-time-picker-search.with-mec-date-search {
        width: 50%;
        margin-bottom: 20px;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view {
        margin: 0;
    }

    .mec-full-calendar-wrap .mec-tab-loader {
        width: 100%;
        display: block;
        float: unset;
        padding: 0 0 0 10px;
    }
}

@media (max-width: 780px) {
    .mec-full-calendar-wrap .mec-totalcal-box {
        padding: 10px;
    }

    .mec-search-form .mec-date-search.with-mec-time-picker,
    .mec-search-form .mec-time-picker-search.with-mec-date-search {
        margin: 20px 0;
        height: auto;
    }

    .mec-search-form .mec-date-search {
        min-height: unset;
    }
}

@media (max-width: 480px) {
    .mec-search-form .mec-date-search.with-mec-time-picker,
    .mec-search-form .mec-time-picker-search.with-mec-date-search {
        width: 100%;
    }

    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        min-width: 12%;
        text-align: center;
        font-size: 9px;
    }

    .mec-search-form .mec-minmax-event-cost,
    .mec-search-form .mec-text-address-search,
    .mec-search-form .mec-full-calendar-search-ends .mec-text-input-search,
    .mec-search-form .mec-date-search.with-mec-time-picker,
    .mec-search-form .mec-time-picker-search.with-mec-date-search,
    .mec-wrap .mec-minmax-event-cost.with-mec-address,
    .mec-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span {
        margin-bottom: 0;
        margin-top: 10px;
        min-height: auto;
    }

    .mec-wrap .mec-minmax-event-cost.with-mec-address {
        margin-bottom: 10px;
    }

    .mec-wrap.mec-widget
        .mec-search-form
        .mec-time-picker-search.with-mec-date-search,
    .mec-wrap.mec-widget .mec-minmax-event-cost.with-mec-address,
    .mec-wrap.mec-widget .mec-text-address-search.with-mec-cost {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .mec-wrap.mec-widget .mec-minmax-event-cost.with-mec-address {
        float: left !important;
        max-width: calc(100% - 20px) !important;
        margin: 0 0 0 10px !important;
    }

    .mec-wrap.mec-widget
        .mec-search-form
        .mec-time-picker-search.with-mec-date-search {
        margin-top: 20px !important;
    }

    .mec-wrap.mec-widget .mec-search-form .mec-text-input-search {
        padding: 10px !important;
    }
}

/* MEC Datepicker 
	---------------------*/
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66afe9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}

.ui-datepicker a,
.ui-datepicker a:hover {
    text-decoration: none;
    cursor: pointer;
}

.ui-datepicker a:hover,
.ui-datepicker td:hover a {
    color: #2c6396;
    -webkit-transition: color 0.1s ease-in-out;
    -moz-transition: color 0.1s ease-in-out;
    -o-transition: color 0.1s ease-in-out;
    transition: color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-header {
    margin-bottom: 4px;
    text-align: center;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 700;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: default;
    font-family: dashicons;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    height: 20px;
    line-height: 1.4;
    margin-top: 2px;
    width: 20px;
}

.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}

.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: center;
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\f341";
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\f345";
}

.ui-datepicker .ui-icon {
    display: none;
}

.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}

.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 4px 0;
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color 0.1s ease-in-out,
        color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}

.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}

.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}

.ui-datepicker .ui-datepicker-current-day {
    background-color: #4289cc;
}

.ui-datepicker .ui-datepicker-current-day a {
    color: #fff;
}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}

/* MEC Events Carousel Type1
	—--------------------------- */
.mec-owl-theme .owl-dots .owl-dot {
    border: none;
}
.event-carousel-type1-head .mec-event-image {
    position: relative;
    min-height: 150px;
    overflow: hidden;
}

.event-carousel-type1-head .mec-event-image img {
    width: 100%;
}

.mec-event-carousel-content .mec-event-carousel-title a {
    transition: all 0.2s ease;
}

.event-carousel-type1-head .mec-event-date-carousel {
    position: absolute;
    top: 25px;
    left: 1px;
    font-size: 41px;
    width: 160px;
    color: #fff;
    font-weight: 500;
    background-color: #40d9f1;
    padding-left: 14px;
    height: 97px;
    line-height: 2.3;
    padding-right: 85px;
}

.event-carousel-type1-head .mec-event-date-carousel:after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: -1;
    bottom: -13px;
    left: 5px;
    width: 0;
    border-width: 13px;
    border-style: solid;
    border-color: transparent transparent #40d9f1 transparent;
    transform: rotate(45deg);
}

.event-carousel-type1-head .mec-event-date-info {
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    top: 27px;
    left: 75px;
}

.event-carousel-type1-head .mec-event-date-info-year {
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    top: 45px;
    left: 75px;
}

.mec-event-carousel-content {
    border: 1px solid #e8e8e8;
    border-top: none;
    margin-top: -5px;
    padding: 34px 9px 11px 37px;
}

.mec-event-carousel-content .mec-event-carousel-title a {
    font-size: 23px;
    font-weight: 500;
    color: #000;
    letter-spacing: -1px;
}

.mec-event-carousel-content p {
    font-size: 14px;
    color: #7a7272;
    font-weight: 300;
}

.mec-owl-crousel-skin-type1 .owl-item .mec-event-article {
    padding: 0 19px;
}

.mec-event-carousel-type1 .owl-page.active span {
    background-color: #00aeef;
    height: 14px;
    width: 14px;
}

.mec-event-carousel-type1 .mec-event-carousel-content {
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
    transition: all 0.27s ease;
}

.mec-event-carousel-type1 .mec-event-carousel-content:hover {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.07);
}

.mec-skin-carousel-container .mec-multiple-event .mec-event-date-carousel {
    width: 255px;
}

.mec-skin-carousel-container
    .mec-multiple-event
    .event-carousel-type1-head
    .mec-event-date-info-year,
.mec-skin-carousel-container
    .mec-multiple-event
    .event-carousel-type1-head
    .mec-event-date-info {
    left: 175px;
}

.mec-skin-carousel-container .mec-time-details span,
.mec-skin-carousel-container .mec-time-details {
    font-size: 11px;
    font-weight: 400;
    line-height: 1.9;
    letter-spacing: 0;
    color: #000;
    border-radius: 2px;
    white-space: nowrap;
}

.mec-event-carousel-type4 .mec-time-details span,
.mec-event-carousel-type4 .mec-time-details {
    color: #fff;
}

.mec-skin-carousel-container .mec-time-details span {
    margin: 0;
    display: inline-block;
}

@media only screen and (min-width: 768px) and (max-width: 1000px),
    (min-width: 270px) and (max-width: 448px) {
    .event-carousel-type1-head .mec-event-date-carousel {
        font-size: 25px;
        line-height: 2.5;
        padding-right: 70px;
        height: 64px;
        width: 120px;
    }

    .event-carousel-type1-head .mec-event-date-carousel:after {
        left: 7px;
    }

    .event-carousel-type1-head .mec-event-date-info {
        font-size: 10px;
        top: 13px;
        left: 55px;
    }

    .event-carousel-type1-head .mec-event-date-info-year {
        font-size: 10px;
        top: 25px;
        left: 55px;
    }

    .event-carousel-type1-head .mec-event-date-carousel:after {
        top: 48px;
    }
}

/* MEC Events Carousel Type2
	---------------------------- */
.event-carousel-type2-head {
    background: #fff;
    border: 1px solid #e6e6e6;
}

.event-carousel-type2-head .mec-event-carousel-content-type2 {
    margin-top: 15px;
    min-height: 182px;
}

.event-carousel-type2-head
    .mec-event-carousel-content-type2
    .mec-event-date-info {
    font-size: 15px;
    color: #9a9a9a;
    font-weight: 300;
}

.event-carousel-type2-head
    .mec-event-carousel-content-type2
    .mec-event-carousel-title {
    font-size: 26px;
    font-weight: bold;
    color: #1c1d21;
    margin-top: 15px;
    letter-spacing: -1px;
}

.mec-event-carousel-content-type2 .mec-event-carousel-title a {
    color: inherit;
}

.mec-event-carousel-type2
    .event-carousel-type2-head
    .mec-event-carousel-content-type2
    p {
    font-size: 16px;
    font-weight: 300;
    color: #444444;
}

.event-carousel-type2-head .mec-event-footer-carousel-type2 {
    margin-top: 33px;
    position: relative;
}

.mec-event-carousel-type2
    .mec-event-footer-carousel-type2
    .mec-event-sharing-wrap {
    padding-left: 0;
    left: 0;
}

.event-carousel-type2-head
    .mec-event-footer-carousel-type2
    .mec-event-sharing-wrap
    > li {
    border: none;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.event-carousel-type2-head
    .mec-event-footer-carousel-type2
    .mec-booking-button {
    border: 1px solid #e4e4e4;
    float: right;
    padding: 7px 23px 7px;
    font-size: 12px;
    text-transform: uppercase;
    color: #707070;
    font-weight: 500;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

.event-carousel-type2-head
    .mec-event-footer-carousel-type2
    .mec-booking-button:hover {
    color: #fff;
}

.mec-event-article .event-carousel-type2-head {
    padding: 10%;
    margin-right: -1px;
}

.mec-event-carousel-type2 .mec-owl-carousel .owl-wrapper-outer {
    border-right: 1px solid #e6e6e6;
}

.event-carousel-type2-head
    .mec-event-footer-carousel-type2
    .mec-booking-button {
    line-height: 25px;
    height: 41px;
    margin-right: 0;
}

.event-carousel-type2-head
    .mec-event-footer-carousel-type2
    .mec-modal-booking-button {
    margin-right: 20px;
}

.mec-wrap .mec-event-carousel-type2 .owl-prev,
.mec-wrap .mec-event-carousel-type2 .owl-next,
.mec-wrap .mec-event-carousel-type3 .owl-prev,
.mec-wrap .mec-event-carousel-type3 .owl-next,
.mec-wrap .mec-event-carousel-type4 .owl-prev,
.mec-wrap .mec-event-carousel-type4 .owl-next {
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 47%;
    background-color: transparent !important;
}

.mec-event-carousel-type2 .owl-next {
    right: -60px;
}

.mec-event-carousel-type2 .owl-prev {
    left: -60px;
}

.mec-event-carousel-type2 .owl-prev i,
.mec-event-carousel-type2 .owl-next i,
.mec-event-carousel-type3 .owl-prev i,
.mec-event-carousel-type3 .owl-next i,
.mec-event-carousel-type4 .owl-prev i,
.mec-event-carousel-type4 .owl-next i {
    font-size: 40px;
    color: #282828;
}

.mec-event-carousel-type2 .owl-prev i:hover,
.mec-event-carousel-type2 .owl-next i:hover,
.mec-event-carousel-type3 .owl-prev i:hover,
.mec-event-carousel-type3 .owl-next i:hover {
    color: #000;
    cursor: pointer;
}

.mec-event-footer-carousel-type2 .mec-event-sharing-wrap .mec-event-sharing {
    top: auto;
    bottom: 60px;
}

.mec-event-footer-carousel-type2
    .mec-event-sharing-wrap
    .mec-event-sharing:after,
.mec-event-footer-carousel-type2
    .mec-event-sharing-wrap
    .mec-event-sharing:before {
    top: auto;
    bottom: -19px;
    border-color: #e2e2e2 transparent transparent transparent;
}

.mec-event-footer-carousel-type2
    .mec-event-sharing-wrap
    .mec-event-sharing:after {
    bottom: -18px;
    border-color: #fff transparent transparent transparent;
}

@media only screen and (min-width: 320px) and (max-width: 768px) {
    .mec-event-carousel-type2 .owl-prev,
    .mec-event-carousel-type2 .owl-next,
    .mec-event-carousel-type3 .owl-prev,
    .mec-event-carousel-type3 .owl-next,
    .mec-event-carousel-type4 .owl-prev,
    .mec-event-carousel-type4 .owl-next {
        position: initial;
        top: 100%;
    }
}

/* MEC Events Carousel Type3
	----------------------------- */
.mec-event-carousel-type3 .mec-event-article {
    margin: 0 10px;
}

.event-carousel-type3-head .mec-event-image,
.event-carousel-type3-head .mec-event-image img {
    width: 100%;
    height: auto;
}

.event-carousel-type3-head .mec-event-footer-carousel-type3 {
    background: #fff;
    display: inline-block;
    width: calc(100% - 40px);
    margin-top: -74px;
    position: relative;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 6px;
    padding: 8% 11%;
    box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.2);
}

.event-carousel-type3-head
    .mec-event-footer-carousel-type3
    .mec-booking-button {
    border: 1px solid #e4e4e4;
    text-transform: uppercase;
    float: right;
    padding: 7px 23px 7px;
    font-size: 12px;
    color: #707070;
    font-weight: 500;
}

.event-carousel-type3-head
    .mec-event-footer-carousel-type3
    .mec-booking-button:hover {
    color: #fff;
}

.mec-event-footer-carousel-type3 span {
    font-size: 15px;
    color: #9a9a9a;
    font-weight: 300;
    display: block;
    margin-top: 30px;
}

.mec-event-footer-carousel-type3 .mec-event-carousel-title {
    font-size: 29px;
    font-weight: 700;
}

.event-carousel-type3-head
    .mec-event-footer-carousel-type3
    .mec-event-carousel-title {
    font-size: 26px;
    font-weight: bold;
    color: #1c1d21;
    margin-top: 15px;
    letter-spacing: -1px;
}

.mec-event-footer-carousel-type3 .mec-event-carousel-title a {
    color: inherit;
}

.event-carousel-type3-head .mec-event-footer-carousel-type3 p {
    font-size: 16px;
    font-weight: 300;
    color: #444444 !important;
    margin-bottom: 36px;
}

.event-carousel-type3-head
    .mec-event-footer-carousel-type3
    .mec-booking-button {
    line-height: 25px;
    height: 41px;
}

.mec-event-carousel-type3 .owl-next {
    right: -70px;
}

.mec-event-carousel-type3 .owl-prev {
    left: -70px;
}

.mec-event-footer-carousel-type3 .mec-event-sharing-wrap {
    left: 11%;
}

.mec-event-footer-carousel-type3 .mec-event-sharing-wrap .mec-event-sharing {
    top: auto;
    bottom: 60px;
}

.mec-event-footer-carousel-type3
    .mec-event-sharing-wrap
    .mec-event-sharing:after,
.mec-event-footer-carousel-type3
    .mec-event-sharing-wrap
    .mec-event-sharing:before {
    top: auto;
    bottom: -19px;
    border-color: #e2e2e2 transparent transparent transparent;
}

.mec-event-footer-carousel-type3
    .mec-event-sharing-wrap
    .mec-event-sharing:after {
    bottom: -18px;
    border-color: #fff transparent transparent transparent;
}

.event-carousel-type3-head .mec-end-date-label {
    display: inline;
    margin-left: 2px;
}

/* MEC Events Carousel Type4
	----------------------------- */
.event-carousel-type4-head.clearfix {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.event-carousel-type4-head .mec-event-overlay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: auto;
    height: auto;
    background-color: rgba(36, 36, 36, 0.4);
    transition: all 0.33s ease-in-out;
}

.mec-event-hover-carousel-type4 {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 50px 35px;
    transition: all 0.33s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.mec-event-carousel-type4 .mec-event-article {
    margin: 0 10px;
}

.mec-event-carousel-type4
    .mec-event-article:hover
    .mec-event-hover-carousel-type4 {
    opacity: 1;
    visibility: visible;
}

.mec-event-hover-carousel-type4 .mec-event-icon {
    font-size: 18px;
    float: left;
    margin-right: 14px;
    color: #fff;
    padding: 13px;
}

.mec-event-hover-carousel-type4 .mec-event-date {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.6;
    text-align: left;
}

.mec-event-hover-carousel-type4 .mec-event-date span {
    display: block;
    font-weight: 700;
    font-size: 14px;
}

.mec-event-hover-carousel-type4 .mec-event-title {
    color: #fff;
    margin: 20px 0 38px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
}

.mec-event-hover-carousel-type4 .mec-btn-wrapper {
    text-align: left;
}

.mec-event-hover-carousel-type4 .mec-event-button {
    color: #fff;
    background-color: #191919;
    border: 2px #191919 solid;
    padding: 10px 14px;
    letter-spacing: 1.5px;
    font-size: 11px;
    font-weight: 700;
    font-style: normal;
    transition: all 0.22s ease;
    text-decoration: none;
}

.mec-event-hover-carousel-type4 .mec-event-button:hover {
    color: #191919;
    background-color: #fff;
    border-color: #fff;
    border-radius: 1px;
}

.mec-event-carousel-type4 .owl-next {
    right: -70px;
}

.mec-event-carousel-type4 .owl-prev {
    left: -70px;
}

.mec-carousel-type4-head {
    margin-bottom: 25px;
}

.mec-carousel-type4-head-title {
    padding: 0 11px;
    text-align: left;
    font-weight: bold;
    font-size: 20px;
    color: #000;
}

.mec-carousel-type4-head-link {
    text-align: right;
    padding: 0 11px;
}

.mec-carousel-type4-head-link a {
    background: #222;
    color: #fff;
    padding: 10px 38px;
    transition: all 0.3s ease;
}

.mec-carousel-type4-head-link a:hover,
.mec-carousel-type4-head-link a:visited {
    color: #fff;
}

@media (max-width: 960px) {
    .mec-event-carousel-type4 .owl-stage {
        left: -50px;
    }
}

/* MEC Countdown View Style1
	----------------------------- */
.mec-wrap .mec-event-countdown-style1 {
    color: #fff;
    padding: 0 !important;
    display: table;
    background: #437df9;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1 {
    z-index: 5;
    padding: 50px 1% 50px 4%;
    display: table-cell;
    float: none;
    vertical-align: middle;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2 {
    background-color: rgba(0, 0, 0, 0.05);
    height: 100%;
    padding-top: 0;
    display: table-cell;
    float: none;
    position: relative;
    vertical-align: middle;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 {
    background-color: #f8f8f8;
    display: table-cell;
    float: none;
    text-align: center;
    vertical-align: middle;
}

.mec-wrap
    .mec-event-countdown-style1
    .mec-event-countdown-part1
    .mec-event-title {
    color: #fff;
    font-size: 15px;
    margin-top: 30px;
}

.mec-wrap
    .mec-event-countdown-style1
    .mec-event-countdown-part1
    .mec-event-upcoming {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
}

.mec-wrap
    .mec-event-countdown-style1
    .mec-event-countdown-part2
    .mec-event-countdown
    > div {
    display: inline-block;
}

.mec-event-countdown-style1 .mec-events-meta-group-countdown {
    color: #c9c9c9;
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-countdown-style1
    .mec-event-countdown-part1
    .mec-event-upcoming
    span {
    display: block;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: 1;
    top: 50%;
    margin-top: -11px;
    right: -24px;
    width: 0;
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent #4077ed;
}

.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date-place {
    text-align: center;
    padding-bottom: 8px;
}

.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date,
.mec-event-countdown-part2 .mec-event-place {
    display: inline;
    font-size: 14px;
    padding: 0 5px;
    text-align: center;
}

.mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button {
    display: inline-block;
    padding: 14px 30px;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: #4077ed;
    transition: all 0.24s ease;
}

.mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button:hover {
    background: #222;
}

.mec-event-countdown-style1 .mec-event-countdown {
    text-align: center;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
}

.mec-event-countdown-style1 .mec-event-countdown .label-w {
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.mec-event-countdown-style1 .mec-event-countdown .block-w {
    display: table-cell;
    margin: 0 20px 10px;
    position: relative;
    height: 70px;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li {
    background-color: rgba(0, 0, 0, 0.1);
    margin: 5px;
    padding: 20px 0;
    min-width: 94px;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span {
    font-size: 30px;
}

.mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w {
    font-size: 12px;
    color: #fff;
    margin: 8px 0 0;
    line-height: 1;
}

@media only screen and (min-width: 1200px) {
    .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part1,
    .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part2,
    .mec-wrap.mec-sm959 .mec-event-countdown-style1 .mec-event-countdown-part3 {
        width: 100%;
        display: block;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mec-wrap.mec-sm959
        .mec-event-countdown-style1
        .mec-event-countdown-part2:after {
        border-color: #4077ed transparent transparent transparent;
        top: auto;
        margin-top: 0;
        bottom: -24px;
        margin-left: -11px;
        left: 50%;
    }
}

@media (max-width: 960px) {
    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part1,
    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2,
    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3 {
        width: 100%;
        display: block;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part2:after {
        border-color: #4077ed transparent transparent transparent;
        top: auto;
        margin-top: 0;
        bottom: -24px;
        margin-left: -11px;
        left: 50%;
        transform: rotate(90deg);
    }
}

@media (max-width: 480px) {
    .mec-event-countdown-style1 .mec-event-countdown .block-w {
        margin: 3px;
        height: auto;
    }

    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li {
        padding: 10px 5px;
        min-width: 50px;
        margin: 3px 1px;
    }

    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li span {
        font-size: 15px;
    }

    .mec-wrap .mec-event-countdown-style1 .mec-event-countdown li .label-w {
        font-size: 8px;
    }

    .mec-event-countdown-style1
        .mec-event-countdown-part2
        .mec-event-date-place {
        display: inline;
    }
}

/* MEC Countdown View Style2
	----------------------------- */
.mec-wrap .mec-event-countdown-style2 {
    color: #fff;
    padding: 30px 0;
    background: #437df9;
    max-width: 600px;
}

.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part1,
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2,
.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part3 {
    width: 100%;
    float: none;
    vertical-align: middle;
    padding: 50px 10% 50px 10%;
}

.mec-wrap .mec-event-countdown-style2 .mec-event-countdown-part2 {
    padding-top: 12%;
    padding-bottom: 0;
}

.mec-wrap
    .mec-event-countdown-style2
    .mec-event-countdown-part1
    .mec-event-title {
    color: #fff;
    font-size: 15px;
    margin-top: 30px;
}

.mec-wrap
    .mec-event-countdown-style2
    .mec-event-countdown-part1
    .mec-event-upcoming {
    font-size: 36px;
    font-weight: bold;
    line-height: 1;
    margin-top: 0;
}

.mec-wrap
    .mec-event-countdown-style2
    .mec-event-countdown-part2
    .mec-event-countdown
    > div {
    display: inline-block;
}

.mec-event-countdown-style2 .mec-events-meta-group-countdown {
    color: #c9c9c9;
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-countdown-style2
    .mec-event-countdown-part1
    .mec-event-upcoming
    span {
    display: block;
}

.mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date-place {
    text-align: left;
    padding-bottom: 8px;
}

.mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date,
.mec-event-countdown-part2 .mec-event-place {
    display: inline;
    font-size: 14px;
    padding: 0 8px;
}

.mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button {
    display: inline-block;
    padding: 14px 30px;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #222;
    background: #fff;
    transition: all 0.24s ease;
}

.mec-event-countdown-style2 .mec-event-countdown-part3 .mec-event-button:hover {
    background: #222;
    color: #fff;
}

.mec-event-countdown-style2 .mec-event-countdown {
    text-align: center;
    display: table;
    table-layout: fixed;
    margin: 0;
}

.mec-event-countdown-style2 .mec-event-countdown .label-w {
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.mec-event-countdown-style2 .mec-event-countdown .block-w {
    display: table-cell;
    margin: 0 20px 10px;
    position: relative;
    height: 70px;
}

.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
    background-color: rgba(0, 0, 0, 0.1);
    margin: 5px;
    padding: 20px 0;
    min-width: 94px;
}

.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
    font-size: 30px;
}

.mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
    font-size: 12px;
    color: #fff;
    margin: 8px 0 0;
    line-height: 1;
}

@media only screen and (max-width: 767px) {
    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
        min-width: 80px;
        padding: 15px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
        font-size: 26px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
        font-size: 11px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
        min-width: 40px;
        padding: 15px 10px;
        margin: 2px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
        font-size: 20px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
        font-size: 9px;
    }
}

@media (max-width: 380px) {
    .mec-event-countdown-style2 .mec-event-countdown .block-w {
        margin: 3px;
        height: auto;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li {
        padding: 10px 4px;
        margin: 4px 1px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li span {
        font-size: 15px;
    }

    .mec-wrap .mec-event-countdown-style2 .mec-event-countdown li .label-w {
        font-size: 7px;
    }
}

/* MEC Countdown View Style3
	----------------------------- */
.mec-wrap .mec-event-countdown-style3 {
    color: #fff;
    padding: 0;
    background: #282828;
    display: table;
    width: 100%;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1 {
    width: 68%;
    padding: 50px 1% 50px 4%;
    vertical-align: middle;
    display: table-cell;
    position: relative;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 {
    width: 32%;
    display: table-cell;
    position: relative;
    padding-bottom: 0;
    padding-top: 0;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 img {
    width: 100%;
    display: block;
}

.mec-wrap
    .mec-event-countdown-style3
    .mec-event-countdown-part1
    .mec-event-countdown-part-title
    span {
    font-weight: 300;
    display: block;
}

.mec-wrap
    .mec-event-countdown-style3
    .mec-event-countdown-part1
    .mec-event-upcoming {
    color: #fff;
    font-size: 36px;
    letter-spacing: -2px;
    font-weight: bold;
    line-height: 1;
    margin-top: -10px;
}

.mec-wrap
    .mec-event-countdown-style3
    .mec-event-countdown-part2
    .mec-event-countdown
    > div {
    display: inline-block;
}

.mec-event-countdown-style3 .mec-events-meta-group-countdown {
    color: #c9c9c9;
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.016);
}

.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date-place {
    text-align: center;
    padding-bottom: 8px;
}

.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date,
.mec-event-countdown-part2 .mec-event-place {
    display: inline;
    font-size: 14px;
    padding: 0 5px;
    text-align: center;
}

.mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button {
    display: inline-block;
    padding: 14px 30px;
    vertical-align: middle;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #fff;
    background: #4077ed;
    transition: all 0.24s ease;
}

.mec-event-countdown-style3 .mec-event-countdown-part3 .mec-event-button:hover {
    background: #222;
}

.mec-event-countdown-style3 .mec-event-countdown {
    text-align: center;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    right: 20px;
}

.mec-event-countdown-style3 .mec-event-countdown .label-w {
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

.mec-event-countdown-style3 .mec-event-countdown .block-w {
    display: table-cell;
    margin: 0 20px 10px;
    position: relative;
    height: 70px;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li {
    padding: 15px;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span {
    font-size: 30px;
}

.mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w {
    font-size: 11px;
    color: #888;
    margin: 8px 0 0;
    line-height: 1;
}

.mec-event-countdown-style3 .mec-event-date {
    width: 176px;
    height: 96px;
    background: #40d9f1;
    color: #fff;
    font-size: 13px;
    position: absolute;
    left: -27px;
    top: 146px;
}

.mec-event-countdown-style3 .mec-event-date:after {
    content: "";
    position: absolute;
    display: inline-block;
    z-index: 1;
    bottom: -18px;
    left: 8px;
    width: 0;
    border-width: 19px;
    border-style: solid;
    border-color: transparent transparent #40d9f1 transparent;
    transform: rotate(45deg);
}

.mec-event-countdown-style3 .mec-event-date .mec-date1 {
    font-size: 50px;
    position: absolute;
    top: 36px;
    left: 12px;
    letter-spacing: -3px;
}

.mec-event-countdown-style3 .mec-event-date .mec-date2 {
    position: absolute;
    left: 80px;
    top: 26px;
}

.mec-event-countdown-style3 .mec-event-date .mec-date3 {
    position: absolute;
    left: 80px;
    top: 45px;
}

.mec-event-countdown-style3 .mec-event-countdown-part-details {
    padding-top: 35px;
    margin-bottom: 50px;
    min-height: 100px;
}

.mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-title {
    font-size: 17px;
    color: #fff;
    line-height: 1.4;
    padding-right: 20px;
}

.mec-event-countdown-style3 .mec-event-countdown-part-details .mec-event-link {
    color: #fff;
    font-size: 12px;
    position: relative;
    padding-left: 22px;
}

.mec-event-countdown-style3
    .mec-event-countdown-part-details
    .mec-event-link:before {
    content: "";
    display: inline-block;
    width: 18px;
    border-top: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 8px;
}

.mec-event-countdown-style3 .mec-event-title-link {
    position: absolute;
    left: 190px;
    top: 152px;
}

.mec-event-countdown-style3 .mec-event-date:before,
.event-carousel-type1-head .mec-event-date-carousel:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    height: 96px;
    display: inline-block;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12);
    background: transparent;
}

@media only screen and (min-width: 960px) {
    .mec-wrap.mec-sm959 .mec-event-countdown-style3 .mec-event-countdown li {
        padding: 10px;
    }

    .mec-wrap.mec-sm959
        .mec-event-countdown-style3
        .mec-event-countdown-part1
        .mec-event-upcoming {
        font-size: 31px;
    }
}

@media (max-width: 959px) {
    .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part1,
    .mec-wrap .mec-event-countdown-style3 .mec-event-countdown-part2 {
        width: 100%;
        display: block;
    }

    .mec-event-countdown-style3 .mec-event-title-link {
        top: 190px;
    }

    .mec-event-countdown-style3 .mec-event-countdown {
        top: 96px;
    }

    .mec-event-countdown-style3 .mec-event-date {
        left: 0;
        top: 190px;
    }

    .mec-event-countdown-style3 .mec-event-date:after {
        display: none;
    }

    .mec-wrap
        .mec-event-countdown-style3
        .mec-event-countdown-part1
        .mec-event-countdown-part-title
        span {
        display: inline;
    }

    .mec-event-countdown-style3 .mec-event-countdown-part-details {
        min-height: 150px;
    }
}

@media (max-width: 767px) {
    .mec-wrap
        .mec-event-countdown-style3
        .mec-event-countdown-part1
        .mec-event-upcoming {
        font-size: 26px;
        letter-spacing: -1px;
    }

    .mec-event-countdown-style3 .mec-event-title-link {
        left: 130px;
    }

    .mec-event-countdown-style3 .mec-event-date {
        width: 120px;
        font-size: 10px;
        height: 63px;
    }

    .mec-event-countdown-style3 .mec-event-date .mec-date1 {
        font-size: 36px;
        top: 20px;
        left: 4px;
        letter-spacing: -2px;
    }

    .mec-event-countdown-style3 .mec-event-date .mec-date2 {
        position: absolute;
        left: 52px;
        top: 12px;
    }

    .mec-event-countdown-style3 .mec-event-date .mec-date3 {
        position: absolute;
        left: 52px;
        top: 28px;
    }
}

@media (max-width: 380px) {
    .mec-event-countdown-style3 .mec-event-title-link {
        left: 10px;
        top: 260px;
    }

    .mec-event-countdown-style3 .mec-event-countdown-part-details {
        min-height: 300px;
    }

    .mec-event-countdown-style3 .mec-event-countdown .block-w {
        margin: 3px;
        height: auto;
    }

    .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li {
        padding: 10px 5px;
    }

    .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li span {
        font-size: 15px;
    }

    .mec-wrap .mec-event-countdown-style3 .mec-event-countdown li .label-w {
        font-size: 8px;
    }
}

/* MEC Slider 1
	-------------------------------- */
.mec-slider-t1-wrap {
    width: 100%;
    padding: 60px 90px;
    background: #f7f7f7;
    min-height: 560px;
    position: relative;
}

.mec-slider-t1 {
    height: 500px;
    box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.13);
}

.mec-slider-t1 .mec-event-article {
    position: relative;
    height: 500px;
}

.mec-slider-t1 .mec-slider-t1-img {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    width: 50%;
    height: 100%;
    float: right;
    margin: 0;
    overflow: hidden;
}

.mec-slider-t1 .mec-slider-t1-content {
    width: 50%;
    float: left;
    height: 100%;
    background: #fff;
    padding: 6%;
}

.mec-slider-t1-content.mec-event-grid-modern .mec-event-article {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.mec-slider-t1-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-slider-t1-content.mec-event-grid-modern .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-slider-t1-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
    opacity: 1;
    width: 54px;
    height: 54px;
    line-height: 48px;
    border-radius: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 11px 0px rgba(0, 0, 0, 0.045);
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    cursor: pointer;
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover {
    box-shadow: 0 4px 29px 0px rgba(0, 0, 0, 0.095);
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
    left: auto;
    right: -100px;
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
    right: auto;
    left: -100px;
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i {
    font-size: 12px;
    color: #282828;
    transition: all 0.21s ease;
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
    font-size: 13px;
    color: #000;
    cursor: pointer;
}

@media only screen and (min-width: 961px) {
    .mec-slider-t1 {
        margin: 0 auto;
        max-width: 900px;
    }
}

@media only screen and (max-width: 960px) {
    .mec-slider-t1 .mec-slider-t1-img,
    .mec-slider-t1 .mec-slider-t1-content {
        width: 100%;
        float: none;
    }

    .mec-slider-t1 .mec-slider-t1-img {
        height: 300px;
    }

    .mec-slider-t1,
    .mec-slider-t1 .mec-event-article {
        height: auto;
    }
}

@media only screen and (max-width: 768px) {
    .mec-slider-t1-wrap {
        padding: 0;
    }

    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
        top: 40px;
        margin-top: 0;
    }

    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next {
        left: auto;
        right: 10px;
    }

    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        right: auto;
        left: 10px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-slider-t1-content.mec-event-grid-modern .mec-event-title {
        font-size: 22px;
    }

    .mec-slider-t1-content.mec-event-grid-modern
        .event-grid-modern-head
        .mec-event-day {
        font-size: 25px;
    }
}

/* MEC Slider 2
	-------------------------------- */
.mec-slider-t2-wrap {
    width: 100%;
    padding: 0;
    background: #fff;
    min-height: 600px;
    position: relative;
}

.mec-slider-t2 .mec-event-article {
    height: 600px;
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: none;
}

.mec-slider-t2 .mec-slider-t2-img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-position: center !important;
    width: 70%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}

.mec-slider-t2 .mec-slider-t2-content {
    width: 50%;
    position: absolute;
    right: 0;
    top: 60px;
    bottom: 60px;
    padding: 5%;
}

.mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern * {
    color: #fff;
}

.mec-slider-t2 .mec-slider-t2-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-slider-t2-content.mec-event-grid-modern .mec-event-content,
.mec-slider-t2-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    background: none;
}

.mec-slider-t2-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
}

.mec-slider-t2-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.mec-slider-t2-content.mec-event-grid-modern .mec-event-title a:hover,
.mec-slider-t2-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:hover {
    color: #111;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 38px;
    border-radius: 0;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 84px;
    cursor: pointer;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover {
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075);
    background: #fff;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
    right: 30px;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev {
    right: 82px;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all 0.25s ease;
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
    color: #000;
    cursor: pointer;
}

.mec-wrap.colorskin-custom
    .mec-slider-t2
    .mec-event-article
    .mec-event-date.mec-color {
    color: #fff;
}

@media only screen and (min-width: 961px) {
    .mec-slider-t2 {
        margin: 0 auto;
        max-width: 1200px;
    }
}

@media only screen and (max-width: 960px) {
    .mec-slider-t2 .mec-slider-t2-img,
    .mec-slider-t2 .mec-slider-t2-content {
        width: 100%;
        float: none;
        position: static;
    }

    .mec-slider-t2 .mec-slider-t2-img {
        height: 300px;
    }

    .mec-slider-t2 .mec-event-article {
        height: auto;
    }

    .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev,
    .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next {
        top: 40px;
    }
}

@media only screen and (max-width: 479px) {
    .mec-slider-t2-content.mec-event-grid-modern .mec-event-title {
        font-size: 22px;
    }
}

/* MEC Slider 3
	-------------------------------- */
.mec-slider-t3-wrap {
    width: 100%;
    padding: 0;
    background: #161616;
    min-height: 700px;
    position: relative;
}

.mec-slider-t3 .mec-event-article {
    height: 700px;
    position: relative;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: none;
}

.mec-slider-t3 .mec-slider-t3-img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    opacity: 0.68;
    z-index: 1;
}

.mec-slider-t3 .mec-slider-t3-content {
    width: 50%;
    height: auto;
    vertical-align: middle;
    display: table;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    bottom: 0;
    padding: 0 2% 0 7%;
    margin: auto 0;
    background: none;
    z-index: 2;
}

.mec-slider-t3 .mec-slider-t3-content.mec-event-grid-modern *:not(.mec-color) {
    color: #fff;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-event-content,
.mec-slider-t3-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    background: none;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-booking-button {
    display: inline-block;
    border: 1px solid;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 42px;
    line-height: 49px;
    height: 50px;
    transition: all 0.21s ease;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-booking-button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-slider-t3-footer {
    text-align: left;
    padding: 15px 15px 10px;
}

.mec-slider-t3-content.mec-event-grid-modern .mec-event-title a:hover,
.mec-slider-t3-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:hover {
    color: #40d9f1;
}

.mec-slider-t3-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:hover {
    border-color: #40d9f1;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 38px;
    border-radius: 0;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover {
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075);
    background: #fff;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
    right: 10px;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev {
    right: auto;
    left: 10px;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all 0.25s ease;
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
    color: #000;
    cursor: pointer;
}

@media only screen and (min-width: 961px) {
    .mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
        font-size: 50px;
        font-weight: 300;
    }

    .mec-slider-t3-content.mec-event-grid-modern .mec-event-description {
        font-size: 19px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev,
    .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next {
        top: 40px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 479px) {
    .mec-slider-t3 .mec-slider-t3-content {
        width: 100%;
    }

    .mec-slider-t3-content.mec-event-grid-modern .mec-event-title {
        font-size: 22px;
    }

    .mec-slider-t1-content.mec-event-grid-modern
        .event-grid-modern-head
        .mec-event-day {
        font-size: 25px;
    }
}

/* MEC Slider 4
	-------------------------------- */
.mec-slider-t4-wrap {
    width: 100%;
    padding: 0;
    background: #161616;
    min-height: 700px;
    position: relative;
}

.mec-slider-t4 .mec-event-article {
    height: 700px;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: none;
}

.mec-slider-t4 .mec-slider-t4-img {
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
    z-index: 1;
}

.mec-slider-t4 .mec-slider-t4-content {
    width: auto;
    max-width: 700px;
    background: rgba(37, 37, 37, 0.94) !important;
    height: auto;
    vertical-align: middle;
    display: table;
    position: absolute;
    left: 8%;
    top: 19%;
    padding: 3%;
    margin: auto 0;
    background: none;
    z-index: 2;
}

.mec-slider-t4 .mec-slider-t4-content.mec-event-grid-modern *:not(.mec-color) {
    color: #fff;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-event-content,
.mec-slider-t4-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    background: none;
}

.mec-slider-t4-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 13px;
    padding: 0 42px;
    line-height: 49px;
    height: 50px;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover {
    color: #40d9f1;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-slider-t4-footer {
    text-align: left;
    padding: 15px 15px 10px;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-booking-button {
    display: inline-block;
    border: 1px solid;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 42px;
    line-height: 49px;
    height: 50px;
    transition: all 0.21s ease;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-booking-button:hover {
    background: #fff;
    color: #000;
    border-color: #fff;
}

.mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover,
.mec-slider-t4-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button:hover {
    color: #111;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 40px;
    border-radius: 0;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 34px;
    cursor: pointer;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover {
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075);
    background: #fff;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next {
    right: 60px;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev {
    right: 112px;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all 0.25s ease;
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
    color: #000;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .mec-slider-t4 .mec-slider-t4-content {
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
    }

    .mec-slider-t4-content.mec-event-grid-modern .mec-event-title {
        font-size: 22px;
    }

    .mec-slider-t1-content.mec-event-grid-modern
        .event-grid-modern-head
        .mec-event-day {
        font-size: 25px;
    }
}

/* MEC Slider 5
	-------------------------------- */
.mec-slider-t5-wrap {
    width: auto;
    max-width: 570px;
    padding: 0;
    margin: 0 auto 25px;
    background: #f7f7f7;
    min-height: 480px;
    position: relative;
}

.mec-slider-t5 {
    height: auto;
    box-shadow: 0 5px 35px 0px rgba(0, 0, 0, 0.13);
}

.mec-slider-t5 .mec-event-article {
    position: relative;
    height: auto;
}

.mec-slider-t5 .mec-slider-t5-img {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 300px;
    float: none;
    margin: 0;
    overflow: hidden;
}

.mec-slider-t5 .mec-slider-t5-content {
    width: 100%;
    float: none;
    height: 100%;
    background: #fff;
    padding: 0 20px 20px;
    margin-bottom: 0;
}

.mec-slider-t5 .mec-events-content p {
    margin-bottom: 20px;
}

.mec-slider-t5-content.mec-event-grid-modern .mec-event-article {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head {
    margin-bottom: 10px;
    padding: 14px 34px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: left;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.mec-slider-t5-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-slider-t5 .mec-slider-t5-col6 {
    width: 50%;
    float: left;
    height: 100%;
}

.mec-slider-t5 .mec-slider-t5-col6 i {
    font-size: 42px;
    float: left;
    margin-right: 7px;
    height: 58px;
}

.mec-slider-t5 .mec-slider-t5-col6 h6 {
    text-transform: uppercase;
    font-size: 17px;
    padding: 4px 0;
    display: inline;
    color: #444;
}

.mec-slider-t5 .mec-slider-t5-col6 address {
    font-size: 12px;
    margin-bottom: 0;
}

.mec-slider-t5-content.mec-event-grid-modern .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-slider-t5-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
    top: 0;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 40px;
    border-radius: 0;
    text-align: center;
    background: transparent;
    border: 1px solid #fff;
    transition: all 0.25s ease;
    -webkit-transition: all 0.25s ease;
    position: absolute;
    top: 34px;
    cursor: pointer;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover {
    box-shadow: 0 4px 16px 0px rgba(0, 0, 0, 0.075);
    background: #fff;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next {
    right: 30px;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev {
    right: 82px;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all 0.25s ease;
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover i,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover i {
    color: #000;
    cursor: pointer;
}

@media only screen and (max-width: 768px) {
    .mec-slider-t5 .mec-slider-t5-col6 {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 479px) {
    .mec-slider-t5-content.mec-event-grid-modern .mec-event-title {
        font-size: 24px;
    }
}

/* MEC Single Modern
	-------------------------------- */
.mec-single-modern .mec-events-event-image {
    text-align: center;
}

.mec-single-modern .mec-events-event-image img {
    width: 100%;
}

.mec-single-modern .mec-single-event-bar {
    background-color: #f7f7f7;
    margin: 20px 0 0;
    padding: 15px;
    display: table;
    width: 100%;
}

.mec-single-modern .mec-single-event-bar > div {
    display: table-cell;
}

.mec-single-modern .mec-single-event-bar > div i {
    font-size: 20px;
    vertical-align: middle;
}

.mec-single-modern .mec-single-event-bar > div .mec-time-comment {
    font-size: 12px;
    color: #999;
}

.mec-single-modern .mec-single-event-bar > div h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 5px;
    display: inline;
    color: #000;
    padding-left: 10px;
}

.mec-single-modern .mec-single-event-bar > div dd {
    font-size: 14px;
    color: #8d8d8d;
    padding-left: 34px;
    margin-bottom: 0;
}

.mec-single-modern .col-md-4 .mec-frontbox {
    margin-top: -50px;
    margin-bottom: 70px;
    padding: 20px;
    border: none;
    background: #f7f7f7;
    box-shadow: none;
}

.mec-single-modern .col-md-4.mec-no-image .mec-frontbox {
    margin-top: 20px;
}

.mec-next-occurrence ul {
    padding-left: 0;
    margin-left: 0;
}

.mec-next-occurrence li {
    list-style: none;
}

@media only screen and (min-width: 960px) {
    .mec-single-modern .col-md-4 .mec-frontbox {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 960px) {
    .mec-single-modern .mec-single-event-bar > div {
        display: block;
    }
}

.lity-content > div {
    overflow: auto;
}

.mec-next-event-details li {
    list-style: none;
    margin-top: 20px;
}

.mec-next-event-details h6 {
    text-transform: uppercase;
    font-size: 13px;
    padding-bottom: 5px;
    display: inline;
    color: #222;
    padding-left: 0;
}

.mec-next-event-details abbr {
    display: block;
    padding-left: 0;
    color: #8d8d8d;
}

.mec-next-event-details i {
    margin-right: 10px;
    margin-left: 12px;
}

.mec-next-event-details i:before {
    color: #40d9f1;
}

.mec-next-event-details a {
    text-align: center;
    display: block;
    background: #fff;
    padding: 6px 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0;
    border: 1px solid #e3e3e3;
    transition: 0.3s;
}

/* MEC Single Modal
	-------------------------------- */
.mec-single-modal.mec-single-modern .mec-single-title {
    text-align: center;
    padding: 15px 10px 0;
}

.admin-bar .mec-single-modal.mec-single-modern .mec-single-title {
    padding-top: 40px;
}

.mec-single-modal.mec-single-modern .mec-single-event-bar {
    padding: 5px;
}

.mec-single-modal.mec-single-modern .mec-single-event-bar > div dd {
    font-size: 13px;
}

.mec-single-modal.mec-single-modern .mec-single-event-bar > div h3 {
    font-size: 15px;
}

@media only screen and (min-width: 960px) {
    .mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox {
        margin-left: 0;
    }
}

.mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox {
    margin-top: 10px;
    margin-bottom: 10px;
}

.mec-single-modal.mec-single-modern .col-md-4 .mec-frontbox.mec-event-meta {
    padding: 0;
}

.mec-single-modal .mec-event-meta dd.mec-organizer-url a,
.mec-single-modal .mec-event-meta dd.mec-organizer-email a {
    font-size: 12px;
    display: block;
}

.mec-organizer-description p {
    padding-left: 12px;
}

.mec-modal-wrap {
    max-width: 60vw;
    max-height: 90vh !important;
    background: #fff;
    box-shadow: 0 1px 55px rgba(0, 0, 0, 0.5);
    overflow-x: hidden !important;
}

@media (max-width: 1023px) {
    .mec-modal-wrap {
        max-width: 80vw;
    }
}

.mec-single-modal
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul
    li,
.mec-single-modal
    .mec-event-export-module.mec-frontbox
    .mec-event-exporting
    .mec-export-details
    ul
    li
    a.mec-events-button {
    display: block;
    text-align: center;
}

/* Expired and Ongoing Event Label */
.mec-holding-status-expired {
    color: #d8000c;
}
.mec-holding-status-ongoing {
    color: #0dbf52;
}

/* Feather Light Modal */

body .featherlight {
    z-index: 999999 !important;
}

body .featherlight .featherlight-content {
    background: transparent;
    overflow: unset;
    z-index: 9999;
}

body .featherlight .featherlight-close-icon {
    position: fixed;
    top: 40px;
    right: 40px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0;
}

body .featherlight .featherlight-close-icon:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}

/* filp-clock Responsive */
@media (max-width: 320px) {
    .mec-wrap span.flip-clock-divider {
        width: 20px;
    }

    .mec-single-event .mec-events-meta-group-countdown {
        padding: 15px 12%;
    }
}

@media (max-width: 414px) {
    .mec-wrap span.flip-clock-divider {
        width: 30px;
    }

    .mec-single-event .mec-events-meta-group-countdown {
        margin-left: 0;
        padding: 15px 7%;
    }
}

@media (max-width: 480px) {
    body .featherlight .featherlight-content {
        width: 95%;
    }

    .mec-wrap span.flip-clock-divider {
        width: 7px;
    }

    .mec-single-event .mec-events-meta-group-countdown {
        margin-left: 0;
        padding: 15px 1%;
    }
    /* Close Button - Feather Light Modal */
    body .featherlight .featherlight-close-icon {
        color: #000;
        border-color: #000;
    }
}

@media (max-width: 1366px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 20px !important;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 20px 15px;
    }

    body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
        width: 48px;
    }
}

@media (max-width: 1280px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 14px !important;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 15px 10px;
    }

    body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
        width: 38px;
    }
}

@media (min-width: 961px) and (max-width: 1024px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 7px !important;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 15px 5px;
    }

    body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul {
        width: 14px;
    }

    body .mec-modal-wrap .mec-single-modal .flip-clock-wrapper ul li a div {
        font-size: 30px;
    }
}

@media (max-width: 640px) {
    body .mec-modal-wrap .mec-single-modal.featherlight-close-icon {
        top: 14px;
        right: 14px;
    }
}

@media (max-width: 480px) {
    .featherlight .featherlight-content,
    body .mec-modal-wrap {
        max-width: 100%;
    }

    body .mec-modal-wrap.flip-clock-divider .flip-clock-label {
        display: block;
    }
}

@media (max-width: 414px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 50px !important;
    }

    .mec-wrap .flip-clock-divider .flip-clock-label {
        display: none;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 20px 5px 20px 65px;
    }

    body
        .featherlight-content
        .mec-modal-wrap
        .mec-single-modal
        .mec-events-meta-group-countdown {
        padding: 20px 2px 20px 2px !important;
    }

    body
        .featherlight-content
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 3px !important;
    }
}

@media (max-width: 375px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 50px !important;
    }

    .mec-wrap .flip-clock-divider .flip-clock-label {
        display: none;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 20px 5px 20px 45px;
    }
}

@media (max-width: 320px) {
    body
        .mec-modal-wrap
        .mec-single-modal
        .flip-clock-divider:not(:first-child) {
        width: 20px !important;
    }

    body .mec-modal-wrap .mec-single-modal .mec-events-meta-group-countdown {
        padding: 20px 5px 20px 40px;
    }
}

/* Other themes conflict fix on MEC */
.mec-single-event-bar dd {
    margin-left: 0;
}

/* MEC Toggle List
	-------------------------------- */
.mec-events-toggle {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.mec-events-toggle .mec-toggle-item {
    border: 1px solid #e4e4e4;
    margin-bottom: 15px;
    box-shadow: 0 10px 15px #f3f3f3;
}

.mec-events-toggle .mec-toggle-item-inner {
    cursor: pointer;
    position: relative;
    padding: 30px 60px 30px 15px;
    background: #fff;
    transition: all 0.3s ease;
    min-height: 100px;
    display: table;
    width: 100%;
    border-collapse: separate;
}

.mec-events-toggle .mec-toggle-item-inner:hover {
    background: #fbfbfb;
}

.mec-toggle-item-col {
    width: 200px;
    border-right: 1px solid #e3e3e3;
    margin-right: 15px;
    display: table-cell;
    padding-right: 5px;
}

.mec-toggle-item-col .mec-event-date {
    font-size: 38px;
    line-height: 40px;
    float: left;
    margin-right: 8px;
}

.mec-toggle-item-col .mec-event-month,
.mec-toggle-item-col .mec-time-details {
    text-transform: uppercase;
    font-size: 12px;
    line-height: 14px;
    padding-top: 4px;
    font-weight: 700;
}

.mec-toggle-item-col .mec-event-detail {
    font-size: 10px;
}

.mec-toggle-item-col .mec-event-day {
    margin-top: 9px;
    color: #c0c0c0;
    font-family: "Roboto", sans-serif;
    font-size: 35px;
    font-weight: 100;
    text-transform: uppercase;
    letter-spacing: -1px;
}

.mec-events-toggle .mec-toggle-title {
    color: #000;
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 0;
    transition: all 0.3s ease;
    display: table-cell;
    text-align: left;
    max-width: calc(100% - 200px);
    padding-left: 15px;
    vertical-align: middle;
}

.mec-events-toggle .mec-toggle-item-inner span.event-color {
    width: 5px;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0;
}

.mec-events-toggle .mec-toggle-item-inner i {
    position: absolute;
    font-size: 30px;
    right: 25px;
    top: 50%;
    transform: translate(0, -50%);
    cursor: pointer;
}

.mec-events-toggle .mec-toggle-item.is-open i.mec-sl-plus:before {
    content: "\e615";
}

.mec-events-toggle .mec-toggle-item.is-open .mec-toggle-title {
    background: #f8f8f8;
    cursor: pointer;
}

.mec-events-toggle .mec-toggle-content {
    border-top: 1px solid #e4e4e4;
}

.mec-events-toggle .mec-toggle-content .mec-modal-wrap {
    margin: 0;
    max-width: 100%;
    box-shadow: none;
}

.mec-events-toggle .mec-toggle-content .mec-modal-wrap .mec-single-event {
    margin: 0;
}

.mec-events-toggle .mec-toggle-content h1.mec-single-title,
.mec-events-toggle .mec-toggle-content .mec-single-event-bar {
    display: none;
}

.mec-events-toggle .media-links a {
    margin-bottom: 0;
}

.mec-events-toggle .mec-toggle-content .mec-toggle-meta {
    margin-bottom: 14px;
}

.mec-events-toggle #mec_speakers_details.mec-frontbox {
    padding: 0;
    margin: 0;
}

.mec-events-toggle .mec-toggle-item h3.mec-speakers {
    border: none;
    text-align: left;
}

.mec-events-toggle .mec-toggle-item h3.mec-speakers:before {
    content: "\e063";
    font-family: simple-line-icons;
    border: none;
    position: relative;
    display: inline-block;
    left: unset;
    bottom: unset;
    font-size: 22px;
    font-weight: normal;
    padding: 0 11px 0 28px;
    vertical-align: middle;
}

@media only screen and (max-width: 767px) {
    .mec-toggle-item-inner .mec-toggle-item-col {
        float: none;
        width: 100%;
        border-right: none;
        margin-bottom: 5px;
        display: block;
        max-width: 100%;
        padding-left: 15px;
    }
    .mec-events-toggle .mec-toggle-title {
        display: block;
        width: 100%;
        max-width: 100%;
    }
}

/* MEC Agenda View
	-------------------------------- */
.mec-events-agenda-wrap {
    margin: 10px 0;
    border: 1px solid #e9e9e9;
    padding-left: 20px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.03);
}

.mec-events-agenda {
    padding: 0;
    border-bottom: 1px solid #e9e9e9;
    overflow: hidden;
}

.mec-agenda-date-wrap {
    width: 210px;
    padding-top: 15px;
    float: left;
    font-size: 13px;
}

.mec-agenda-date-wrap i,
.mec-agenda-event i {
    font-size: 11px;
    color: #aaa;
    margin-right: 4px;
    margin-left: 1px;
}

.mec-agenda-event i {
    vertical-align: middle;
    margin-right: 1px;
}

.mec-agenda-events-wrap {
    float: left;
    width: calc(100% - 210px);
    background: #f9f9f9;
    padding: 15px;
}

.mec-agenda-time {
    font-size: 11px;
    color: #707070;
    padding-right: 10px;
    width: 138px;
    display: inline-block;
}

.mec-agenda-event-title {
    position: relative;
    padding-left: 14px;
}

.mec-agenda-event-title a {
    font-size: 14px;
    font-weight: 600;
    color: #333;
}

.mec-agenda-event-title span.event-color {
    width: 9px;
    height: 9px;
    position: absolute;
    left: 0;
    top: 4px;
    margin: 0;
}

.mec-agenda-date-wrap span.mec-agenda-day {
    color: #aaa;
    font-size: 12px;
}

@media only screen and (max-width: 767px) {
    .mec-agenda-date-wrap,
    .mec-agenda-events-wrap {
        float: none;
        width: 100%;
    }

    .mec-events-agenda span.mec-agenda-event-title {
        display: block;
        width: 100%;
    }

    .mec-agenda-event-title span.event-color {
        top: 7px;
    }

    .mec-agenda-event-title a {
        font-size: 13px;
    }
}

/* MEC Yearly View
	-------------------------------- */
.mec-yearly-view-wrap {
    margin: 0 0 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    border-bottom-width: 4px;
}

.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar {
    max-width: 100%;
    width: 232px;
    padding: 10px;
    background: #fff;
    margin: 10px;
    display: inline-block;
}

.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt {
    transition: none;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 0;
    font-size: 12px;
}

.mec-yearly-view-wrap
    .mec-calendar.mec-yearly-calendar
    .mec-calendar-events-sec {
    padding: 10px;
}

.mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar .mec-has-event:after {
    width: 4px;
    height: 4px;
    bottom: 3px;
    margin-left: -2px;
}

.mec-yearly-view-wrap .mec-calendar-side .mec-calendar-table {
    min-height: 200px;
}

.mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt {
    background: #f9f9f9;
    font-size: 13px;
}

.mec-calendar.mec-yearly-calendar .mec-calendar-table-title {
    text-align: center;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin-top: -5px;
    padding-bottom: 5px;
}

.mec-yearly-view-wrap .mec-yearly-calendar-sec {
    min-height: 200px;
    width: 538px;
    overflow: hidden;
    float: left;
    background: #f8f8f8;
    padding: 15px;
}

.mec-yearly-view-wrap .mec-yearly-agenda-sec {
    min-height: 200px;
    width: calc(100% - 538px);
    float: left;
    padding: 0 0 0 20px;
    overflow: hidden;
}

.mec-yearly-view-wrap .mec-yearly-title-sec {
    position: relative;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid #e6e6e6;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
}

.mec-yearly-view-wrap .mec-yearly-title-sec h2 {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    margin: 0;
    font-weight: 700;
}

.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 8px;
    text-align: center;
    background: #fff;
    color: #666;
    font-size: 14px;
    border: 1px solid #eee;
    border-radius: 2px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
    transition: all 0.33s ease;
    cursor: pointer;
}

.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year {
    right: auto;
    left: 20px;
    padding-right: 14px;
}

.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year {
    left: auto;
    right: 20px;
    padding-left: 14px;
}

.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year i,
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year i {
    font-size: 12px;
    color: #40d9f1;
    cursor: pointer;
}

.mec-yearly-view-wrap .mec-events-agenda.mec-selected {
    box-shadow: -10px 0 0 0 #fffcf2, 0 -1px 0 #fbebb6;
    background: #fffcf2;
    border-color: #fbebb6;
    color: #f9af29;
}

.mec-yearly-agenda-sec span.mec-event-label-captions.mec-fc-style {
    right: 0;
    top: 0;
}

@media only screen and (max-width: 959px) {
    .mec-yearly-view-wrap .mec-yearly-calendar-sec {
        width: 268px;
        padding: 10px 5px;
    }

    .mec-yearly-view-wrap .mec-yearly-agenda-sec {
        width: calc(100% - 268px);
        padding: 0 0 0 10px;
    }
}

@media only screen and (max-width: 767px) {
    .mec-yearly-view-wrap .mec-yearly-calendar-sec,
    .mec-yearly-view-wrap .mec-yearly-agenda-sec {
        width: 100%;
        float: none;
    }

    .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar {
        width: auto;
    }

    .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar dl dt {
        width: 14.2%;
    }

    .mec-yearly-view-wrap .mec-yearly-title-sec h2 {
        font-size: 25px;
    }
}

/* agenda in yearly view */
.mec-yearly-view-wrap .mec-agenda-time,
.mec-yearly-view-wrap .mec-agenda-event i {
    display: none;
}

@media only screen and (min-width: 768px) {
    .mec-yearly-view-wrap .mec-events-agenda-wrap {
        margin-top: 0;
        border: none;
        padding-left: 0;
        box-shadow: none;
    }

    .mec-yearly-view-wrap .mec-agenda-date-wrap {
        width: 174px;
        font-size: 11px;
        padding-top: 10px;
    }

    .mec-yearly-view-wrap .mec-agenda-events-wrap {
        width: calc(100% - 174px);
        padding: 10px;
    }

    .mec-yearly-view-wrap .mec-agenda-event-title a {
        font-size: 13px;
    }

    .mec-yearly-view-wrap .mec-agenda-event-title span.event-color {
        width: 8px;
        height: 8px;
    }

    .mec-yearly-view-wrap .mec-agenda-date-wrap span.mec-agenda-day {
        font-size: 11px;
    }

    .mec-yearly-view-wrap .mec-yearly-calendar-sec {
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.03) inset;
    }
}

@media only screen and (max-width: 1200px) {
    .mec-yearly-view-wrap .mec-agenda-event-title a {
        font-size: 12px;
        padding-right: 6px;
    }
}

/* Timetable View
	-------------------------------- */
.mec-calendar.mec-calendar-timetable .mec-calendar-d-table {
    padding-bottom: 10px;
    border-bottom: none;
}

.mec-calendar.mec-calendar-timetable .mec-calendar-d-table dl dt:hover {
    cursor: pointer;
}

.mec-calendar.mec-calendar-timetable
    .mec-calendar-d-table
    dl
    dt.mec-timetable-has-no-event,
.mec-calendar.mec-calendar-timetable
    .mec-calendar-d-table
    dl
    dt.mec-timetable-has-no-event:hover {
    color: #bbb;
    cursor: default;
}

.mec-calendar.mec-calendar-timetable
    .mec-calendar-d-table
    dl
    dt.mec-timetable-day-active {
    background: #40d9f1;
    color: #fff;
    position: relative;
}

.mec-calendar.mec-calendar-timetable
    .mec-calendar-d-table
    dl
    dt.mec-timetable-day-active:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #40d9f1 transparent transparent transparent;
}

.mec-timetable-events-list {
    padding: 10px 20px;
    border: none;
    margin: 0;
}

.mec-timetable-events-list .mec-timetable-event {
    padding: 10px 0;
    border-bottom: 1px dashed #ddd;
}

.mec-timetable-events-list .mec-timetable-event:last-child {
    border: none;
}

.mec-timetable-event .mec-timetable-event-span {
    font-size: 12px;
    color: #444;
    padding-right: 30px;
    line-height: 22px;
}

.mec-timetable-events-list .mec-timetable-event i {
    font-size: 13px;
    color: #aaa;
    margin-right: 3px;
    vertical-align: baseline;
}

.mec-timetable-event .mec-timetable-event-span a {
    color: #333;
}

.mec-timetable-event .mec-timetable-event-time {
    font-size: 11px;
}

.mec-timetable-event .mec-timetable-event-time i {
    vertical-align: text-bottom;
}

.mec-timetable-event .mec-timetable-event-title {
    font-size: 13px;
}

.mec-timetable-event .mec-timetable-event-title .event-color {
    width: 10px;
    height: 10px;
}

.mec-timetable-events-list .mec-timetable-event.mec-util-hidden {
    display: none;
}

.mec-timetable-events-list.mec-util-hidden {
    display: none;
}

@media only screen and (min-width: 768px) {
    .mec-timetable-events-list {
        display: table;
        width: 100%;
        margin: 10px 0 20px;
    }

    .mec-timetable-events-list .mec-timetable-event {
        display: table-row;
        padding: 0;
        border: none;
        background: #fff;
    }

    .mec-timetable-events-list .mec-timetable-event:hover {
        background: #fafafa;
    }

    .mec-timetable-event .mec-timetable-event-span {
        display: table-cell;
        padding: 10px 15px;
        border-bottom: 1px solid #ebebeb;
    }

    .mec-timetable-events-list
        .mec-timetable-event:last-child
        .mec-timetable-event-span {
        border-bottom: none;
    }
}

@media only screen and (max-width: 767px) {
    .mec-timetable-event .mec-timetable-event-title {
        display: block;
        width: 100%;
        padding: 5px 0 10px;
        font-weight: 700;
    }
}

/* Timetable View type 2
	-------------------------------- */
.mec-timetable-t2-wrap {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    padding: 0 15px 15px;
    overflow: hidden;
    /* border-width: 1px 0 0 1px; */
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.012);
}

.mec-timetable-t2-col {
    width: 20%;
    float: left;
    min-height: 20px;
    padding-right: 1px;
    background: none;
}

.mec-ttt2-title {
    background: #fafafa;
    color: #333;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
    padding: 25px 10px 10px;
    margin-bottom: 1px;
}

.mec-timetable-t2-col .mec-event-article {
    position: relative;
}

.mec-timetable-t2-col .mec-event-article .event-color {
    position: absolute;
    width: auto;
    height: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    z-index: 1;
    border-radius: 2px;
}

.mec-timetable-t2-content {
    position: relative;
    z-index: 2;
    color: #fff;
    padding: 15px 15px 20px;
    text-align: left;
    height: 185px;
    margin-bottom: 1px;
    overflow: hidden;
}

.mec-timetable-t2-content .mec-event-title {
    line-height: 22px;
    margin-bottom: 13px;
    white-space: nowrap;
    padding-right: 1px;
    overflow: hidden;
}

.mec-timetable-t2-content .mec-event-title a {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    white-space: pre-line;
    overflow: hidden;
}

.mec-timetable-t2-content div {
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    line-height: 19px;
    white-space: nowrap;
}

.mec-timetable-t2-content div i {
    font-size: 12px;
    margin-right: 4px;
}

@media only screen and (max-width: 960px) {
    .mec-timetable-t2-col {
        width: 100%;
        float: none;
    }
}

@media (min-width: 961px) {
    .mec-timetable-col-7 {
        width: 14.28%;
    }

    .mec-timetable-col-6 {
        width: 16.6666%;
    }
}

/* MEC Timetable Classic
	-------------------------------- */
.mec-timetable-t3-wrap td {
    position: relative;
    padding: 0;
}

.mec-timetable-t3-wrap td a {
    width: 100%;
    display: block;
    min-height: 110px;
}

/* MEC Weather widget
	-------------------------------- */
.mec-weather-box {
    padding: 15px 0;
}

.mec-weather-head {
    min-height: 90px;
    padding: 5px 0;
    clear: both;
    overflow: hidden;
    margin-bottom: 25px;
    border-radius: 10px;
    background: #238af5;
    position: relative;
}

.mec-weather-icon-box {
    float: left;
    width: 80px;
    height: 80px;
    border-radius: 10px;
    overflow: hidden;
    background: #238af5;
}

.mec-weather-icon {
    width: 80px;
    height: 80px;
    display: inline-block;
    border-radius: 10px;
}

.mec-weather-summary {
    float: left;
    width: calc(100% - 80px);
    padding-left: 10px;
    margin: 10px 0;
    height: 60px;
}

.mec-weather-summary-report {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.68);
    margin-bottom: 6px;
}

.mec-weather-summary-temp {
    font-family: "Roboto", Sans-serif;
    font-weight: 300;
    color: #fff;
    font-size: 29px;
    line-height: 1;
}

.degrees-mode {
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-weight: 300;
    font-size: 18px;
    padding: 4px 5px;
    line-height: 1;
    color: #fff;
    position: absolute;
    border-radius: 8px;
    bottom: 16px;
    left: 16px;
}

.mec-weather-extras {
    width: auto;
    padding: 10px 15px 0 15px;
    float: right;
    min-height: 80px;
    color: #fff;
    font-size: 13px;
    line-height: 1;
}

.mec-weather-extras {
    width: auto;
    padding: 10px 15px 0 15px;
    float: right;
    min-height: 80px;
    color: #fff;
    font-size: 13px;
    line-height: 1;
}

.mec-weather-extras div {
    line-height: 20px;
    height: 20px;
}

.mec-weather-extras span {
    color: rgba(255, 255, 255, 0.68);
    font-size: 12px;
    text-transform: uppercase;
}

.mec-weather-extras var {
    font-size: 11px;
    letter-spacing: 0.4px;
}

/* weather icons */
.mec-weather-icon.clear-day,
.mec-weather-icon.clear-night {
    background-image: url(../img/mec-weather-icon-01.png);
}

.mec-weather-icon.partly-sunny-day,
.mec-weather-icon.partly-sunny-night {
    background-image: url(../img/mec-weather-icon-02.png);
}

.mec-weather-icon.partly-cloudy-day,
.mec-weather-icon.partly-cloudy-night {
    background-image: url(../img/mec-weather-icon-03.png);
}

.mec-weather-icon.cloudy,
.mec-weather-icon.fog,
.mec-weather-icon.wind {
    background-image: url(../img/mec-weather-icon-04.png);
}

.mec-weather-icon.thunderstorm {
    background-image: url(../img/mec-weather-icon-05.png);
}

.mec-weather-icon.rain {
    background-image: url(../img/mec-weather-icon-06.png);
}

.mec-weather-icon.snow,
.mec-weather-icon.hail,
.mec-weather-icon.sleet {
    background-image: url(../img/mec-weather-icon-07.png);
}

/* MEC Available spot
	-------------------------------- */
.mec-av-spot-wrap {
    width: auto;
    max-width: 1200px;
    padding: 0;
    margin: 0 auto 25px;
    background: #f7f7f7;
    min-height: 480px;
    position: relative;
}

.mec-av-spot {
    height: auto;
    border: 1px solid #eee;
    box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05);
}

.mec-av-spot .mec-event-article {
    position: relative;
    height: auto;
}

.mec-av-spot .mec-av-spot-img {
    position: relative;
    background-size: cover !important;
    background-position: center !important;
    width: 100%;
    height: 330px;
    float: none;
    margin: 0;
    overflow: hidden;
}

.mec-av-spot .mec-av-spot-content,
.mec-av-spot .mec-av-spot-head {
    width: 100%;
    float: none;
    height: 100%;
    background: #fff;
    padding: 0 20px 20px;
    margin-bottom: 0;
}

.mec-av-spot .mec-av-spot-head {
    background: #222;
    color: #fff;
    min-height: 80px;
}

.mec-av-spot .mec-av-spot-head .mec-av-spot-box {
    padding-top: 25px;
    font-size: 13px;
    color: #ddd;
}

.mec-av-spot .mec-av-spot-head .mec-av-spot-box span {
    color: #40d9f1;
    font-size: 40px;
    font-weight: bold;
    font-style: italic;
}

.mec-av-spot .mec-av-spot-head .mec-event-countdown {
    text-align: center;
    padding-top: 10px;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    float: right;
}

.mec-av-spot .mec-av-spot-head .mec-event-countdown li {
    display: table-cell;
    padding: 10px 20px;
    position: relative;
    height: 60px;
}

.mec-av-spot .mec-av-spot-head .mec-event-countdown p {
    margin-bottom: 0;
}

.mec-av-spot .mec-events-content p {
    margin-bottom: 20px;
}

.mec-av-spot-content.mec-event-grid-modern .mec-event-article {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head {
    margin-bottom: 10px;
    padding: 14px 34px;
    margin-left: -20px;
    margin-right: -20px;
    text-align: left;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.mec-av-spot-content.mec-event-grid-modern .mec-event-title {
    font-size: 29px;
}

.mec-av-spot .mec-av-spot-col6 {
    width: 50%;
    float: left;
    height: 100%;
}

.mec-av-spot .mec-av-spot-col6 i {
    font-size: 42px;
    float: left;
    margin-right: 7px;
    height: 58px;
}

.mec-av-spot .mec-av-spot-col6 h6 {
    text-transform: uppercase;
    font-size: 17px;
    padding: 4px 0;
    display: inline;
    color: #444;
}

.mec-av-spot .mec-av-spot-col6 address {
    font-size: 12px;
    margin-bottom: 0;
}

.mec-av-spot-content.mec-event-grid-modern .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-av-spot-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
    top: 0;
    box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 768px) {
    .mec-av-spot .mec-av-spot-col6 {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 479px) {
    .mec-av-spot-content.mec-event-grid-modern .mec-event-title {
        font-size: 24px;
    }
}

/* MEC Masonry
	-------------------------------- */
.mec-events-masonry-wrap {
    display: block;
    width: auto;
}

.mec-masonry-item-wrap {
    width: calc(33.33% - 30px);
    padding: 0;
    margin: 0 15px 30px;
    min-height: 10px;
    position: relative;
    float: left;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}

.mec-events-masonry-cats {
    padding: 10px;
    margin-bottom: 25px;
    text-align: center;
    clear: both;
    list-style: none outside none;
}

.mec-events-masonry-cats a {
    border-radius: 2px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.2;
    color: #333;
    font-weight: normal;
    margin-top: 0 !important;
    text-align: center;
    display: inline-block;
    width: auto;
    border: 2px solid transparent;
    transition: all 0.2s ease;
}

.mec-events-masonry-cats a:hover {
    border-color: #40d9f1;
    color: #333;
}

.mec-events-masonry-cats a.mec-masonry-cat-selected {
    border: 2px solid #40d9f1;
    color: #40d9f1;
}

.mec-masonry {
    background: #f7f7f7;
    height: auto;
    border: 1px solid #eee;
    box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.05);
}

.mec-masonry .mec-event-article {
    position: relative;
    height: auto;
}

.mec-masonry .mec-masonry-img {
    position: relative;
    width: 100%;
    height: auto;
    float: none;
    margin: 0;
    overflow: hidden;
}

.mec-masonry .mec-masonry-img img {
    width: 100%;
}

.mec-masonry .mec-masonry-content,
.mec-masonry .mec-masonry-head {
    width: 100%;
    float: none;
    height: 100%;
    background: #fff;
    padding: 0 20px 20px;
    margin-bottom: 0;
}

.mec-masonry .mec-events-content p {
    margin-bottom: 20px;
}

.mec-masonry-content.mec-event-grid-modern .mec-event-article {
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
}

.mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head {
    min-height: 79px;
    margin-bottom: 10px;
    padding: 14px 5%;
    margin-left: -20px;
    margin-right: -20px;
    text-align: left;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.mec-masonry-content.mec-event-grid-modern .mec-event-title {
    font-size: 22px;
}

.mec-masonry-content.mec-event-grid-modern .mec-event-content {
    padding-top: 20px;
}

@media (max-width: 480px) {
    .mec-masonry-content.mec-event-grid-modern .mec-labels-normal {
        display: block;
    }
}

.mec-masonry-content.mec-event-grid-modern .mec-event-footer {
    height: auto;
}

.mec-masonry .mec-masonry-col6 .mec-event-date {
    font-size: 52px;
    letter-spacing: -2px;
    line-height: 41px;
    vertical-align: top;
}

.mec-masonry .mec-masonry-col6 {
    width: 50%;
    float: left;
    height: 100%;
}

.mec-masonry .mec-masonry-col6 i {
    font-size: 24px;
    float: left;
    margin-right: 7px;
    height: 50px;
}

.mec-masonry .mec-masonry-col6 h6,
.mec-masonry .mec-masonry-col6 .mec-event-month {
    text-transform: capitalize;
    font-size: 15px;
    padding: 4px 0;
    display: inline;
    color: #444;
}

.mec-masonry .mec-masonry-col6 address,
.mec-masonry .mec-masonry-col6 .mec-event-detail {
    font-size: 11px;
    margin-bottom: 0;
}

.mec-masonry-content.mec-event-grid-modern .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-masonry-content.mec-event-grid-modern
    .mec-event-footer
    .mec-booking-button {
    font-size: 12px;
    padding: 0 31px;
    line-height: 49px;
    height: 50px;
    top: 0;
    box-shadow: 0 5px 11px -3px rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 960px) {
    .mec-masonry-item-wrap {
        width: calc(50% - 30px);
    }
}

@media only screen and (max-width: 768px) {
    .mec-masonry .mec-masonry-col6 {
        width: 100%;
        margin: 10px 0;
    }

    .mec-masonry-item-wrap {
        width: calc(100% - 30px);
    }
}

@media only screen and (max-width: 479px) {
    .mec-masonry-content.mec-event-grid-modern .mec-event-title {
        font-size: 24px;
    }
}

.mec-wrap.mec-skin-masonry-container .mec-load-more-wrap {
    position: unset;
}

/* MEC Single Page CountDown
	-------------------------------- */

/* event countdown */
.btn-wrapper {
    text-align: center;
}

.countdown-wrapper .btn-wrapper {
    padding-top: 10px;
    padding-right: 0;
}

.countdown-wrapper h5.countdown-message {
    letter-spacing: 5px;
    font-weight: 500;
    font-size: 18px;
}

.countdown-wrapper p,
.blox.dar .countdown-wrapper p {
    color: #888;
}

.countdown-wrapper a.button.black {
    float: right;
    margin-right: 0;
}

/* event countdown-clock */

.mec-wrap .threedaydigits .days .flip-clock-label {
    right: -100px;
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .mec-wrap .flip-clock-wrapper ul {
        width: 29px !important;
    }

    .mec-wrap .flip-clock-wrapper ul li a div div.inn {
        font-size: 25px !important;
    }

    .mec-wrap .flip-clock-divider .flip-clock-label {
        left: 0px;
        font-weight: 300;
    }

    .mec-wrap span.flip-clock-divider {
        width: 12px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    .mec-wrap .flip-clock-wrapper ul {
        width: 29px !important;
    }

    .mec-wrap .flip-clock-wrapper ul li a div div.inn {
        font-size: 25px !important;
    }

    .mec-wrap .flip-clock-divider .flip-clock-label {
        display: none;
    }

    .mec-wrap span.flip-clock-divider:first-child {
        width: 0px;
    }

    .mec-wrap span.flip-clock-divider {
        width: 20px;
    }

    .mec-single-event .mec-events-meta-group-countdown {
        margin-left: 0;
        padding: 15px 18%;
    }
}

@media screen and (min-width: 960px) and (max-width: 1200px) {
    .mec-wrap .threedaydigits ul {
        height: 50px;
        width: 47px;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
    .mec-wrap .threedaydigits ul {
        height: 48px;
        width: 26px !important;
    }

    .mec-wrap .threedaydigits .flip-clock-label {
        font-size: 8px;
        left: -8px;
    }
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .mec-wrap .threedaydigits ul {
        height: 48px;
        width: 22px !important;
    }
}

/* reset */
.mec-wrap .flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.mec-wrap .flip-clock-wrapper a {
    cursor: pointer;
    text-decoration: none;
    color: #ccc;
}

.mec-wrap .flip-clock-wrapper a:hover {
    color: #fff;
}

.mec-wrap .flip-clock-wrapper ul {
    list-style: none;
}

.mec-wrap .flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.mec-wrap .flip-clock-wrapper.clearfix:after {
    clear: both;
}

.mec-wrap .flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* main */
.mec-wrap .flip-clock-wrapper {
    font: normal 11px "helvetica neue", "helvetica", sans-serif;
    -webkit-user-select: none;
}

.mec-wrap .flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

.mec-wrap .flip-clock-meridium a {
    color: #313333;
}

.mec-wrap .flip-clock-wrapper {
    text-align: center;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.mec-wrap .flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.mec-wrap .flip-clock-wrapper:after {
    clear: both;
}

/* skeleton */
.mec-wrap .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 2px;
    width: 50px;
    height: 50px;
    font-size: 80px;
    font-weight: bold;
    line-height: 87px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.21);
}

.mec-wrap .flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 54px;
    text-decoration: none !important;
}

.mec-wrap .flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.mec-wrap .flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
    margin: 0 !important;
    overflow: visible !important;
    cursor: default !important;
}

.mec-wrap .flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    font-size: 80px;
    overflow: hidden;
    outline: 1px solid transparent;
}

.mec-wrap .flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.mec-wrap .flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.mec-wrap .flip-clock-wrapper ul li a div.up:after {
    content: "";
    position: absolute;
    top: 24px;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.12);
}

.mec-wrap .flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mec-wrap .flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #fff;
    text-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
    text-align: center;
    background-color: #40d9f1;
    border-radius: 3px;
    font-size: 48px;
}

.mec-wrap .flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.mec-wrap .flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}

/* play */
.mec-wrap .flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.mec-wrap .flip-clock-wrapper .flip {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.17);
}

.mec-wrap .flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.mec-wrap .flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 18px;
    height: 62px;
}

.mec-wrap .flip-clock-divider:first-child {
    width: 0;
}

.mec-wrap .flip-clock-dot {
    display: none;
    background: #323434;
    width: 10px;
    height: 10px;
    position: absolute;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    left: 5px;
}

.mec-wrap .flip-clock-divider .flip-clock-label {
    position: absolute;
    bottom: -1.5em;
    right: -71px;
    color: #101010;
    font-weight: bold;
    text-shadow: none;
    text-transform: uppercase;
}

.mec-wrap .blox.dark .flip-clock-divider .flip-clock-label {
    color: #8a8a8a;
}

.mec-wrap .flip-clock-divider.seconds .flip-clock-label {
    right: -82px;
}

.mec-wrap .flip-clock-dot.top {
    top: 30px;
}

.mec-wrap .flip-clock-dot.bottom {
    bottom: 30px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotatex(90deg);
    }

    100% {
        -webkit-transform: rotatex(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotatex(90deg);
    }

    100% {
        -moz-transform: rotatex(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotatex(90deg);
    }

    100% {
        -o-transform: rotatex(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotatex(90deg);
    }

    100% {
        transform: rotatex(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotatex(0deg);
    }

    100% {
        -webkit-transform: rotatex(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotatex(0deg);
    }

    100% {
        -moz-transform: rotatex(-90deg);
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotatex(0deg);
    }

    100% {
        -o-transform: rotatex(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotatex(0deg);
    }

    100% {
        transform: rotatex(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* shadow */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0.1)),
        color-stop(100%, rgba(64, 64, 64, 0.68))
    );
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%;
    background: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(0, 0, 0, 0.1)),
        color-stop(100%, rgba(64, 64, 64, 0.68))
    );
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, rgba(64, 64, 64, 0.68) 100%;
    background: -o-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%
    );
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%,
        rgba(64, 64, 64, 0.68) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*down*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(64, 64, 64, 0.68)),
        color-stop(100%, rgba(0, 0, 0, 0.1))
    );
    background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, rgba(64, 64, 64, 0.68)),
        color-stop(100%, rgba(0, 0, 0, 0.1))
    );
    background: linear, top, rgba(64, 64, 64, 0.68) 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: -ms-linear-gradient(
        top,
        rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    background: linear, to bottom, rgba(64, 64, 64, 0.68) 0%,
        rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/* MEC Events - Extras
	-------------------------------- */
@font-face {
    font-family: "simple-line-icons";
    src: url("../fonts/Simple-Line-Icons7317.eot?v=2.3.1");
    src: url("../fonts/Simple-Line-Icons7317.eot?v=2.3.1#iefix")
            format("embedded-opentype"),
        url("../fonts/Simple-Line-Icons7317.woff2?v=2.3.1") format("woff2"),
        url("../fonts/Simple-Line-Icons7317.woff?v=2.3.1") format("woff"),
        url("../fonts/Simple-Line-Icons7317.ttf?v=2.3.1") format("truetype"),
        url("../fonts/Simple-Line-Icons7317.svg?v=2.3.1#simple-line-icons")
            format("svg");
    font-weight: normal;
    font-style: normal;
}

[class*="mec-sl-"] {
    font-family: "simple-line-icons";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.mec-sl-facebook:before {
    content: "\e00b";
}

.mec-sl-twitter:before {
    content: "\e009";
}

.mec-sl-google-plus:before {
    content: "\e60d";
}

.mec-sl-angle-left:before {
    content: "\e605";
}

.mec-sl-angle-right:before {
    content: "\e606";
}

.mec-sl-calendar:before {
    content: "\e075";
}

.mec-sl-clock-o:before {
    content: "\e081";
}

.mec-sl-home:before {
    content: "\e069";
}

.mec-sl-phone:before {
    content: "\e600";
}

.mec-sl-envelope:before {
    content: "\e086";
}

.mec-sl-sitemap:before {
    content: "\e037";
}

.mec-sl-map-marker:before {
    content: "\e096";
}

.mec-sl-floder:before {
    content: "\e089";
}

.mec-sl-wallet:before {
    content: "\e02a";
}

/* # Color Skins
	================================================== */
/* colorskin-1 */
.mec-color,
.mec-color-hover:hover,
.mec-color-before *:before,
.mec-wrap .mec-color,
.mec-wrap .mec-color-hover:hover,
.mec-wrap .mec-color-before *:before {
    color: #40d9f1;
}

.mec-bg-color,
.mec-bg-color-hover:hover,
.mec-wrap .mec-bg-color,
.mec-wrap .mec-bg-color-hover:hover {
    background-color: #40d9f1;
}

.mec-box-marker,
.mec-vip-content-notice {
    box-shadow: 5px 0px 0 #40d9f1 inset;
    padding: 5px 10px;
}

.mec-border-color,
.mec-border-color-hover:hover,
.mec-wrap .mec-border-color,
.mec-wrap .mec-border-color-hover:hover {
    border-color: #40d9f1;
}

/* # Toggle Month Divider
	================================================== */
.mec-toggle-month-divider.mec-skin-list-events-container {
    border: 1px solid #e8e8e8;
    margin-bottom: 30px;
    background: #f8f8f8;
    box-shadow: 0 2px 18px -1px rgba(0, 0, 0, 0.1);
    border-radius: 2px;
}

.mec-toggle-month-divider .mec-month-divider {
    margin: 0;
    text-align: left;
    background: #fff;
    position: relative;
    cursor: pointer;
    border-top: 1px solid #e8e8e8;
}

.mec-toggle-month-divider .mec-month-divider span {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8;
}

.mec-toggle-month-divider .mec-month-divider i {
    position: absolute;
    right: 20px;
    top: 24px;
    font-size: 20px;
    cursor: pointer;
}

.mec-toggle-month-divider .mec-month-divider span:before {
    display: none;
}

.mec-toggle-month-divider .mec-month-divider + article {
    margin-top: 20px;
}

.mec-toggle-month-divider .mec-wrap .mec-month-divider:first-of-type {
    border-top: none;
}

.mec-toggle-month-divider
    .mec-event-list-accordion
    .mec-month-divider:not(:first-of-type)
    ~ article {
    display: none;
}

.mec-skin-list-events-container:not(.mec-toggle-month-divider)
    .mec-month-divider
    i {
    display: none;
}

.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-month {
    display: inline-block;
    padding-top: 0;
}

.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-date {
    font-size: 14px;
    line-height: 14px;
    float: none;
    display: inline-block;
    margin-right: 0;
    font-weight: 700;
}

.mec-events-toggle .mec-toogle-inner-month-divider.mec-toggle-item-inner {
    padding: 20px 60px 30px 15px;
}

.mec-toogle-inner-month-divider .mec-toggle-month-inner-image {
    float: left;
    clear: right;
    width: 100px;
    margin-right: 20px;
    margin-left: 10px;
}

.mec-toogle-inner-month-divider .mec-toggle-item-col .mec-event-detail {
    margin-top: -6px;
}

.mec-toogle-inner-month-divider .mec-toggle-item-col {
    float: none;
    width: 100%;
    margin-top: 10px;
    display: block;
    border: none;
}

.mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title {
    font-size: 19px;
    display: block;
    padding-top: 10px;
}

@media only screen and (max-width: 768px) {
    .mec-events-toggle .mec-toogle-inner-month-divider .mec-toggle-title {
        font-size: 14px;
        padding-top: 0;
    }

    .mec-toogle-inner-month-divider .mec-toggle-item-col {
        margin-top: 0;
    }

    .mec-toogle-inner-month-divider .mec-toggle-month-inner-image {
        width: 70px;
    }
}

/* # Featured/Canceled Label
	================================================== */
/* .mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-featured:before,
.mec-wrap article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled:before {
	z-index: 1;
	position: absolute;
	top: 25px;
	right: -37px;
	font-size: 11px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background: #04de78;
	padding: 2px 40px;
	color: #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: .5s cubic-bezier(.25, .5, .06, .85);
	transition: .5s cubic-bezier(.25, .5, .06, .85);
	content: attr(data-style);
} */

.mec-wrap
    article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-featured,
.mec-wrap
    article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled,
.mec-wrap
    article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-custom {
    overflow: hidden;
    position: relative;
}

.mec-event-label-captions {
    z-index: 1;
    position: absolute;
    top: 20px;
    right: -37px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase;
    background: #04de78;
    padding: 2px 40px;
    color: #fff;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: 0.5s cubic-bezier(0.25, 0.5, 0.06, 0.85);
    transition: 0.5s cubic-bezier(0.25, 0.5, 0.06, 0.85);
    list-style: none;
    text-align: center;
}

.mec-box-calendar.mec-event-calendar-classic.mec-event-container-novel
    .mec-event-label-captions {
    display: none;
}

.mec-wrap
    article:not([class^="mec-event-countdown"]):not([class^="mec-event-cover-"]).mec-label-canceled:before {
    background: #de0404;
}

/* Full Calendar/Weekly view */
ul.mec-weekly-view-dates-events article:before,
.mec-daily-view-date-events article:before {
    padding: 7px 40px !important;
    top: 27px !important;
}

/* Full Calendar/Yearly View */
.mec-timeline-event .mec-fc-style,
.mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style,
.mec-wrap .mec-event-list-modern article .mec-fc-style,
.mec-wrap .mec-event-list-accordion article .mec-fc-style,
.mec-timetable-wrap article .mec-fc-style,
.mec-event-grid-minimal article .mec-fc-style,
.mec-event-grid-classic article .mec-fc-style,
.mec-event-grid-simple article .mec-fc-style,
.mec-wrap article.mec-event-cover-modern .mec-fc-style,
.mec-wrap article.mec-event-cover-classic .mec-fc-style,
.mec-wrap article.mec-event-cover-clean .mec-fc-style,
.mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style {
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background: #04de78;
    padding: 2px 7px;
    color: #fff;
    position: relative;
    margin-left: 5px;
    border-radius: 2px;
}
.mec-timeline-event.mec-label-canceled .mec-fc-style,
.mec-wrap .mec-events-agenda .mec-agenda-event.mec-label-canceled .mec-fc-style,
.mec-wrap article.mec-event-cover-modern.mec-label-canceled .mec-fc-style {
    background: #de0404;
}
.mec-timeline-event .mec-fc-style:before,
.mec-wrap .mec-events-agenda .mec-agenda-event .mec-fc-style:before,
.mec-wrap .mec-event-list-modern article .mec-fc-style:before,
.mec-wrap .mec-event-list-accordion article .mec-fc-style:before,
.mec-timetable-wrap article .mec-fc-style:before,
.mec-event-grid-minimal article .mec-fc-style:before,
.mec-event-grid-simple article .mec-fc-style:before,
.mec-wrap article.mec-event-cover-classic .mec-fc-style:before,
.mec-wrap article.mec-event-cover-clean .mec-fc-style:before,
.mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style:before {
    width: 0;
    height: 0;
    border-top: 4px solid transparent !important;
    border-right: 5px solid;
    border-bottom: 4px solid transparent;
    margin: 0;
    top: 50%;
    left: -5px;
    transform: translateY(-4.5px);
    position: absolute;
    content: "";
    color: var(--background-color);
}

.mec-timeline-event.mec-label-canceled .mec-fc-style:before,
.mec-wrap
    .mec-events-agenda
    .mec-agenda-event.mec-label-canceled
    .mec-fc-style:before {
    color: #de0404;
}

/* List view/Modern & Accordion */
.mec-wrap .mec-event-list-modern article.mec-label-featured:before,
.mec-wrap .mec-event-list-modern article.mec-label-canceled:before,
.mec-wrap .mec-event-list-accordion article.mec-label-featured:before,
.mec-wrap .mec-event-list-accordion article.mec-label-canceled:before,
.mec-event-grid-minimal article.mec-label-featured:before,
.mec-event-grid-minimal article.mec-label-canceled:before,
.mec-event-grid-simple article.mec-label-featured:before,
.mec-event-grid-simple article.mec-label-canceled:before,
.mec-event-grid-classic article.mec-label-featured:before,
.mec-event-grid-classic article.mec-label-canceled:before,
.mec-timetable-wrap article.mec-label-featured:before,
.mec-timetable-wrap article.mec-label-canceled:before {
    display: none;
}

.mec-wrap .mec-event-list-modern article .mec-fc-style,
.mec-wrap .mec-event-list-accordion article .mec-fc-style,
.mec-wrap article.mec-event-cover-classic .mec-fc-style,
.mec-wrap article.mec-event-cover-clean .mec-fc-style,
.mec-wrap article[class^="mec-event-countdown-"] .mec-fc-style {
    top: -1px;
    right: -3px;
    font-size: 11px;
    white-space: nowrap;
}

.mec-wrap .mec-event-list-modern article.mec-label-canceled .mec-fc-style,
.mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style,
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style,
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style,
.mec-event-grid-classic article.mec-label-canceled .mec-fc-style,
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style,
.mec-wrap article.mec-event-cover-classic.mec-label-canceled .mec-fc-style,
.mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style,
.mec-wrap
    article[class^="mec-event-countdown-"].mec-label-canceled
    .mec-fc-style {
    background: #de0404;
}

.mec-wrap
    .mec-event-list-modern
    article.mec-label-canceled
    .mec-fc-style:before,
.mec-wrap
    .mec-event-list-accordion
    article.mec-label-canceled
    .mec-fc-style:before,
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style:before,
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style:before,
.mec-event-grid-classic article.mec-label-canceled .mec-fc-style:before,
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style:before,
.mec-wrap
    article.mec-event-cover-classic.mec-label-canceled
    .mec-fc-style:before,
.mec-wrap article.mec-event-cover-clean.mec-label-canceled .mec-fc-style:before,
.mec-wrap
    article[class^="mec-event-countdown-"].mec-label-canceled
    .mec-fc-style:before {
    color: #de0404;
}

/* Slider view */
.mec-wrap
    .mec-slider-t5
    article:not([class^="mec-event-countdown"]).mec-label-featured:before,
.mec-wrap
    .mec-slider-t5
    article:not([class^="mec-event-countdown"]).mec-label-canceled:before {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    top: 271px;
    right: 0;
}

/* Timetable view */
.mec-timetable-wrap article .mec-fc-style {
    top: -2px;
    font-size: 10px;
    right: 0;
}

/* Cover View */
.mec-wrap article.mec-event-cover-modern .mec-fc-style {
    padding: 5px 9px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 24px;
    display: inline-block;
    border-radius: 2px;
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    right: 0;
    top: 0;
}

/* Grid View/Clean */
.mec-skin-grid-events-container
    .mec-wrap
    .mec-event-grid-clean
    .mec-event-article:before {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none !important;
    -webkit-transition: none;
    transition: none;
    top: 22px !important;
    right: 22px !important;
    padding: 0px 10px !important;
}

/* Grid view/Minimal */
.mec-event-grid-minimal article .mec-fc-style,
.mec-event-grid-simple article .mec-fc-style {
    top: -4px;
    font-size: 10px;
    margin-left: 10px;
    right: 0;
}

.mec-event-grid-classic article .mec-fc-style {
    padding: 5px 20px;
    font-size: 12px;
    margin-top: 8px;
    display: inline-block;
}

/* # Common Style For All Shortcodes
	================================================== */

/* Next & Previous Month */
.mec-load-month-link {
    color: #a9a9a9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: unset;
    transition: all 0.33s ease;
}

/* Categories*/
ul.mec-categories {
    padding: 0;
}
ul.mec-categories li.mec-category {
    list-style: none;
}
ul.mec-categories li.mec-category a {
    font-weight: 400;
    color: #626262;
    font-size: 13px;
    text-align: left;
    transition: all 0.23s ease;
    -webkit-transition: all 0.23s ease;
}

/* Tooltip for custom data fields */
.mec-wrap [id^="mec_skin_events_"] .mec-event-data-fields {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: relative;
    cursor: pointer;
    margin: 0 4px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABmJLR0QA/wD/AP+gvaeTAAAD90lEQVRoge2ZzWscZRjAf8/OJpUkQrF6SJMcNB+zobVdk8WCWEwqBEou0kMKtkgPHoRUD54VFMQ/wJBYhJ6MoGvFg3rQQ7dQFJVN09RANl9UkrgRbVrFuDZpZh4PSWqYmd2Z2a8Ize+0+7zPO/N7dt7l/RjYY48HGynHRZKqRltm7mmBXo1It9jEEBqBhq2UVYSswrTYmraVVFdn248iYpd675IK+GluruXehg4KchZoCtl9SVRHJcrw0fb2pWIdiirg2uzsY2LLOyjngNpib77FOujFdd1481hn50rYzqELGJ+afxGxh0AeCdvXhxURBuNm2ydhOgUuIJ1O1xgN+0eAl0OrhUDgwp3lxVd7e3s3Aub7k05n64yG3CXgZEl2QVG+sv6uG0gkDub8UiN+CZu/fBXlAYR+oz6XTKVSUb9U3wK2hk315LcR+vc3Nr/nn1aA8cz8GdDR8lmFR9DT8Vh7Mn97Hn6YmjpQKzUZ4NGKmAVnxRIrljDNW16NeYdQbaTmXXZfHuCAYUffytfo+QQmZmebbUvmKX2SKhdrIlZr3DR/cTZ4PgHL4jz/H3mAfUp00KvBVYCqRgQ5U3mnkKi+lFQ1nGFXAeOZuWNAc1WkwtHUMXOz2xl0FSDQWx2f8NjoCWfM4z8giWrIFIMorifgnqojdKDeF7Asi69TVxm7MYkIdB85TF/PcQzDqGjeNoqa/gWoNuab3765cpUr331//3vq283PJ5/vqWjeNgKNzpjXEGpwxzZJT0zuSmwHDzsDvou5nYjHg4l4xMqdVwiPAnQ1X3L3kcOuWNfRJyuet4O/nAH3f0BkGcVzu9jXcxyAsRuT9wX6nnu24nnbKCy7dJ2Ba9Nzn4lyKu9VdhX59KlY68DOiHsis3WsekLhEHC5uQqwlcvV0QmPitvNNYRUNTI+Pf+zQEt1tAKzEDdbH3ee5rmHkIgdUf2oel4BEUa9jiI95wGJMgysV1wqOGuCNeLV4FnA5lmlXqysU3BE+MBrNwaF9sTWQ28Av1fMKjgra/a9t/M15i3g0KGW2yq8Vhmn4Cj6SqFD34JroS6z7WOBC+XXCoYIQ12x9kuFcnwXczNm63mUz8unFRDRL+9kF1/3TQtyrXQ6W2fU55II/aWb+aPIF3fra08/09Lyj19uoOV0InEw98eviy+Avl+6XmFEGPpzeeFUEHko4gXH9czsgCLDlP/U7jdFB/3GvJNQGxqAeKw9WWvtM1EZBtbC9ncicFeEIWO9JhZWfqt/8Vyfnm5SooOqeraItdMC8KGyMdIVi2WLdSjLa1ZVjUzM3EzY6AlRuhU1BW36b3+tqyBLIDMCaRUuxzueGCvHa9Y99njQ+RcbkGTacAW/agAAAABJRU5ErkJggg==");
    background-position: center center;
    background-size: cover;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip {
    position: absolute;
    width: 340px;
    bottom: 24px;
    left: calc(50% - 170px);
    background: #fff;
    border-radius: 5px;
    border: 1px solid #535a6121;
    box-shadow: 0 4px 45px -8px #444b5061;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.25s ease;
    transform: scale(0.9);
    z-index: 99;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields:hover
    .mec-data-fields-tooltip {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip:before {
    display: block;
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: calc(50% - 12px);
    top: 100%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #fff;
    box-shadow: 0 8px 9px -4px #535a61;
    z-index: 0;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box {
    overflow: hidden;
    border-radius: 11px;
    padding: 12px 0;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    padding: 9px 15px;
    text-align: left;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul::-webkit-scrollbar-track {
    background-color: #fafafa;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul::-webkit-scrollbar {
    width: 4px;
    background-color: #fafafa;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul::-webkit-scrollbar-thumb {
    background-color: #40d9f1;
    border-radius: 4px;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul
    .mec-event-data-field-item {
    display: block;
    width: 100%;
    text-transform: none;
    margin: 0 0 8px 0;
    color: #616263;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e1e2e3;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-event-data-fields
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul
    .mec-event-data-field-item:last-child {
    border-bottom: none;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul
    .mec-event-data-field-item
    a {
    color: #40d9f1;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 400;
}

.mec-wrap
    [id^="mec_skin_events_"]
    .mec-data-fields-tooltip
    .mec-data-fields-tooltip-box
    ul
    .mec-event-data-field-item
    a:hover {
    color: #000;
}

/* # Speaker Modal
	================================================== */
.mec-hourly-schedule-speaker-info {
    background: #fff;
    padding: 30px;
    border: 1px solid #e6e6e6;
    max-width: 740px;
    width: 740px;
    margin-left: -110px;
}

.mec-hourly-schedule-speaker-thumbnail {
    float: left;
    max-width: 30%;
    width: 30%;
}

.mec-hourly-schedule-speaker-name {
    font-weight: 700;
    font-size: 26px;
    line-height: 1.2;
    color: #333;
    text-transform: uppercase;
}

.mec-hourly-schedule-speaker-details {
    float: left;
    width: 69%;
    padding-left: 25px;
}

.mec-hourly-schedule-speaker-job-title {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 4px;
}

.mec-hourly-schedule-speaker-description {
    font-size: 14px;
    font-weight: 400;
    color: #6d7683;
    line-height: 1.7;
    text-align: left;
}

.mec-hourly-schedule-speaker-contact-information a i {
    color: #6b6b6b;
    background: #ebebeb;
    line-height: 29px;
    margin: 9px 7px 9px 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    transition: all 0.2s ease;
    font-size: 15px;
    cursor: pointer;
    border-radius: 3px;
}

.mec-hourly-schedule-speaker-contact-information a i:hover {
    background: #222;
    color: #fff;
}

@media only screen and (max-width: 479px) {
    .mec-hourly-schedule-speaker-thumbnail {
        float: none;
        max-width: none;
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }

    .mec-hourly-schedule-speaker-thumbnail img {
        width: 100%;
    }

    .mec-hourly-schedule-speaker-details {
        padding-left: 0;
    }

    .mec-hourly-schedule-speaker-info {
        width: 90%;
        margin: 0 auto;
    }
}

/* # Profile page
	================================================== */
.mec-profile .mec-profile-bookings {
    border: 2px solid #e6e6e6;
    text-align: center;
}

.mec-profile .mec-profile-bookings tbody tr:first-child {
    background: #f7f7f7;
    font-weight: bold;
    text-transform: capitalize;
}

.mec-profile .mec-profile-bookings tbody tr {
    border-bottom: 1px solid #e6e6e6;
    font-size: 14px;
}

.mec-profile .mec-profile-bookings tbody tr td {
    border: 1px solid #e6e6e6;
    padding: 10px;
    text-align: center;
    word-break: initial;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
    width: 5%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
    width: 53%;
    text-align: left;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
    width: 7%;
}

.mec-profile .mec-profile-bookings tbody tr td:nth-child(8) i {
    color: #fe686a;
}

.mec-profile .mec-event-status {
    padding: 5px 10px;
    color: #fff;
    border-radius: 2px;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: 0.4px;
}

.mec-profile .mec-event-status.mec-book-confirmed {
    background: #50d477;
}

.mec-profile .mec-event-status.mec-book-pending {
    background: #fcbe69;
}

.mec-profile .mec-event-status.mec-book-rejected {
    background: #fe686a;
}

.mec-profile .mec-event-date {
    font-size: 12px;
    color: #888;
}

/* MEC Profile date and status with icon */
.mec-event-status,
.mec-event-date {
    text-align: center;
}

.mec-event-status .mec-tooltip,
.mec-event-date .mec-tooltip {
    position: relative;
    width: fit-content;
    margin: auto;
}

.mec-profile i {
    font-size: 15px;
    color: #008aff;
    vertical-align: text-bottom;
    margin-right: 4px;
}

.mec-event-status .mec-tooltip .box,
.mec-event-date .mec-tooltip .box {
    min-width: 250px;
    max-width: 300px;
    display: inline-block;
    top: -8px;
    left: 50%;
    margin-top: 0;
    transform: translate(-50%, -100%);
    padding: 0;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 4px 45px -8px #535a61;
    padding: 5px 10px 6px;
    border-radius: 8px;
    text-align: center;
    font-style: normal;
    opacity: 0;
    visibility: hidden;
    display: none;
}

.mec-event-date .mec-tooltip .box,
.mec-event-status .mec-tooltip .box {
    font-size: 13px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif !important;
    letter-spacing: 1.1px;
    font-weight: 500;
}

.mec-event-status .mec-tooltip:hover .box:after,
.mec-event-date .mec-tooltip:hover .box:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: calc(50% - 12px);
    bottom: -12px;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #000;
    box-shadow: 0 8px 9px -4px #535a61;
}

.mec-event-status .mec-tooltip .box {
    min-width: 100px;
}

.mec-event-status.mec-book-confirmed .mec-tooltip:hover .box:after,
.mec-event-status.mec-book-confirmed .mec-tooltip .box {
    background-color: #50d477;
}

.mec-event-status.mec-book-rejected .mec-tooltip:hover .box:after,
.mec-event-status.mec-book-rejected .mec-tooltip .box {
    background-color: #fe686a;
}

.mec-event-status.mec-book-pending .mec-tooltip:hover .box:after,
.mec-event-status.mec-book-pending .mec-tooltip .box {
    background-color: #fcbe69;
}

.mec-event-status .mec-tooltip:hover .box,
.mec-event-date .mec-tooltip:hover .box {
    opacity: 1;
    visibility: visible;
    display: block;
}

.mec-profile .mec-event-status {
    padding: 0;
}

.mec-profile .mec-booking-number-of-attendees {
    font-size: 13px;
    color: #888;
}

.mec-profile .mec-booking-number-of-attendees i,
.mec-profile .mec-profile-bookings-view-invoice i {
    font-size: 15px;
    color: #008aff;
    vertical-align: text-bottom;
    margin-right: 4px;
}

.mec-booking-attendees {
    background: #fff;
    padding: 10px;
}

.mec-booking-attendees {
    width: 850px;
    text-align: center;
}

.mec-booking-attendees-wrapper {
    border: 2px solid #e6e6e6;
    font-size: 14px;
}

.mec-booking-attendees-head {
    display: table;
    width: 100%;
    background: #f7f7f7;
    border-bottom: 1px solid #e6e6e6;
    font-weight: bold;
}

.mec-booking-attendees-head span,
.mec-booking-attendees-head-content > span {
    vertical-align: middle;
    display: table-cell;
    padding: 7px;
    border-right: 1px solid #e6e6e6;
    font-size: 12px;
}

.mec-booking-attendees-head-content {
    display: table;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
}

.mec-booking-attendees-wrapper .mec-booking-attendees-head-content:last-child {
    border: none;
}

.mec-booking-attendees-head span:nth-child(1),
.mec-booking-attendees-head-content > span:nth-child(1) {
    width: 4%;
}

.mec-booking-attendees-head span:nth-child(2),
.mec-booking-attendees-head-content > span:nth-child(2) {
    width: 20%;
}

.mec-booking-attendees-head span:nth-child(3),
.mec-booking-attendees-head-content > span:nth-child(3) {
    width: 24%;
}

.mec-booking-attendees-head span:nth-child(4),
.mec-booking-attendees-head-content > span:nth-child(4) {
    width: 26%;
}

.mec-booking-attendees-head span:nth-child(5),
.mec-booking-attendees-head-content > span:nth-child(5) {
    width: 26%;
}

@media only screen and (max-width: 759px) {
    .mec-booking-attendees {
        width: 470px;
    }

    .mec-booking-attendees-head span,
    .mec-booking-attendees-head-content > span {
        word-break: break-all;
    }
}

/* User Profile Responsive */
@media (max-width: 1366px) {
    .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
        width: 6%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
        width: 40%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
        width: 8%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
        width: 8%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
        width: 12%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
        width: 8%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
        width: 8%;
    }
}

@media (max-width: 1024px) {
    .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
        width: 5%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
        width: 30%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
        width: 15%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
        width: 10%;
    }
}

@media (max-width: 780px) {
    .mec-profile i,
    .mec-profile .mec-profile-bookings tbody tr {
        font-size: 12px;
    }

    .mec-event-date .mec-tooltip .box {
        min-width: 200px;
    }

    .mec-event-status .mec-tooltip .box {
        min-width: 90px;
    }

    .mec-event-date .mec-tooltip .box,
    .mec-event-status .mec-tooltip .box {
        padding: 4px 5px !important;
    }

    .mec-profile .mec-profile-bookings tbody tr {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .mec-profile .mec-booking-number-of-attendees,
    .mec-profile i,
    .mec-profile .mec-profile-bookings tbody tr {
        font-size: 8px !important;
    }

    .mec-profile .mec-profile-bookings tbody tr td {
        padding: 3px;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(1) {
        width: 5%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(2) {
        width: 19%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(3) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(4) {
        width: 12%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(5) {
        width: 18%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(6) {
        width: 13%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(7) {
        width: 10%;
    }

    .mec-profile .mec-profile-bookings tbody tr td:nth-child(8) {
        width: 13%;
    }

    .mec-event-date .mec-tooltip .box,
    .mec-event-status .mec-tooltip .box {
        font-size: 8px;
    }

    .mec-event-date .mec-tooltip .box {
        min-width: 75px;
    }

    .mec-event-status .mec-tooltip .box {
        min-width: 70px;
    }

    .mec-event-date .mec-tooltip .box,
    .mec-event-status .mec-tooltip .box {
        padding: 4px 5px !important;
    }
}

/* # Woocommerce
	================================================== */
.mec-woo-booking-checkout {
    position: relative;
    border: none;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 21px;
    margin-right: 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    background: #39c36e;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    border-radius: 0;
    margin-bottom: 6px;
    min-width: 170px;
    margin-top: 5px;
    text-align: center;
}

.mec-woo-booking-checkout:hover {
    background: #222;
    color: #fff;
}

.mec-woo-booking-checkout:focus,
.mec-woo-booking-checkout:visited {
    color: #fff;
}

/* # Booking Modal
	================================================== */
.single-mec-events .lity-container {
    max-width: 480px;
    width: 480px;
}

.lity-content .mec-events-meta-group-booking {
    width: 100%;
    padding: 20px 50px;
    background: #fff;
}

.lity-content .mec-events-meta-group-booking .mec-booking form > h4 {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    color: #313131;
    border-bottom: 4px solid #ebebeb;
    width: 100%;
    display: block;
    padding-bottom: 10px;
    position: relative;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 10px;
}

.lity-content .mec-events-meta-group-booking .mec-booking form > h4:before {
    padding: 1px 35px;
    border-bottom: 4px solid #40d9f1;
    font-size: 6px;
    content: "";
    text-align: center;
    position: absolute;
    bottom: -4px;
    margin-left: -35px;
    left: 50%;
}

.lity-content .mec-events-meta-group-booking label,
.lity-content .mec-events-meta-group-booking .mec-event-ticket-name,
.lity-content .mec-events-meta-group-booking .mec-event-ticket-price,
.lity-content .mec-events-meta-group-booking .mec-event-ticket-available,
.lity-content .mec-events-meta-group-booking .mec-ticket-variation-name,
.lity-content .mec-events-meta-group-booking .mec-ticket-variation-price {
    color: #424242;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 3px 0;
    clear: none;
    padding: 5px 1em 3px 0;
    display: inline-block;
}

.lity-content .mec-events-meta-group-booking .mec-event-ticket-available {
    margin-bottom: 12px;
}

.lity-content .mec-events-meta-group-booking select {
    display: block;
    background: #fcfcfc;
    min-height: 42px;
    min-width: 180px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    padding: 13px 10px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.051);
    clear: both;
}

.lity-content .mec-events-meta-group-booking input[type="email"] {
    color: #888;
    border: 1px solid #e1e1e1;
    font-size: 14px;
    display: block;
    width: 100%;
    outline: 0;
}

.lity-content .mec-events-meta-group-booking input {
    margin-bottom: 10px !important;
}

.lity-content .mec-book-ticket-variation h5 {
    color: #424242;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 0;
    margin: 0;
    clear: none;
    padding: 5px 1em 3px 0;
    display: inline-block;
    text-transform: capitalize;
}

.lity-content ul.mec-book-tickets-container {
    padding: 0;
}

.lity-content .mec-events-meta-group-booking input[type="number"],
.lity-content .mec-events-meta-group-booking input[type="text"],
.lity-content .mec-events-meta-group-booking input[type="email"] {
    outline: 0;
    display: block;
    background: #fcfcfc;
    min-height: 42px;
    min-width: 180px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    padding: 13px 10px;
    width: 100%;
    margin-bottom: 20px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.051);
    clear: both;
    margin-bottom: 2px !important;
}

.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r,
.lity-content button[type="submit"] {
    position: relative;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    margin-right: 10px;
    line-height: 1;
    padding: 18px 20px 16px;
    background: #39c36e;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    min-width: 170px;
    margin-top: 5px;
    border-radius: 0;
    margin-bottom: 6px;
}

.lity-content button[type="submit"]:hover {
    background: #222;
}

.lity-content .mec-book-tickets-container li {
    list-style: none;
}

.lity-content .mec-events-meta-group-booking li h4,
.lity-content .mec-events-meta-group-booking #mec_book_payment_form h4 {
    font-size: 19px;
    font-weight: 700;
}

.lity-content .mec-events-meta-group-booking .mec-book-price-total {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 26px;
    color: #39c36e;
    font-weight: 700;
    padding: 10px 0;
}

.lity-content .mec-events-meta-group-booking ul.mec-book-price-details li {
    width: 50%;
}

.lity-content
    .mec-events-meta-group-booking
    ul.mec-book-price-details
    li:nth-child(even) {
    border: none;
}

.lity-content .mec-events-meta-group-booking ul.mec-book-price-details li span {
    display: block;
}

.lity-content .mec-events-meta-group-booking button[type="submit"]:after {
    display: none;
    font-family: "simple-line-icons";
    content: "\e098";
    margin-left: 4px;
    -webkit-animation: rotating 1.2s linear infinite;
    -moz-animation: rotating 1.2s linear infinite;
    -ms-animation: rotating 1.2s linear infinite;
    -o-animation: rotating 1.2s linear infinite;
    animation: rotating 1.2s linear infinite;
}

.lity-content
    .mec-events-meta-group-booking
    button[type="submit"].loading:after {
    display: inline-block;
}

@media only screen and (max-width: 480px) {
    .lity-content .mec-events-meta-group-booking {
        padding: 20px;
        width: 340px;
        margin: 0 auto;
    }
}

@media (max-width: 480px) {
    .single-mec-events .lity-container {
        max-width: 440px;
        width: 440px;
        margin: 0 auto !important;
    }
}

@media (max-width: 411px) {
    .single-mec-events .lity-container {
        max-width: 380px;
        width: 380px;
    }
}

@media (max-width: 375px) {
    .single-mec-events .lity-container {
        max-width: 350px;
        width: 350px;
    }
}

@media (max-width: 320px) {
    .single-mec-events .lity-container {
        max-width: 300px;
        width: 300px;
    }
}

/* Booking Cover Overley */
.mec-events-meta-group-booking {
    position: relative;
}

.mec-cover-loader:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    z-index: 99999;
}

.mec-loader {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9;
}

.mec-loader,
.mec-loader:after {
    border-radius: 50%;
    width: 5em;
    height: 5em;
    z-index: 999999999999;
}

.mec-loader {
    font-size: 10px;
    text-indent: -9999em;
    border-top: 0.5em solid rgba(0, 0, 0, 0.2);
    border-right: 0.5em solid rgba(0, 0, 0, 0.2);
    border-bottom: 0.5em solid rgba(0, 0, 0, 0.2);
    border-left: 0.5em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: mecloader 1.1s infinite linear;
    animation: mecloader 1.1s infinite linear;
}

@-webkit-keyframes mecloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes mecloader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* Recaptcha Style on booking page */
.mec-google-recaptcha {
    margin: 0 0 20px 16px;
}

/* Bootstrap v3.0.3 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world @twitter by @mdo and @fat. */
.mec-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mec-wrap *:before,
.mec-wrap *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mec-wrap .clearfix:before,
.mec-wrap .clearfix:after {
    content: "\0020";
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.mec-wrap .clearfix:after {
    clear: both;
}

.mec-wrap .clearfix {
    zoom: 1;
}

.mec-wrap .clear,
.mec-wrap .clr {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
}

.mec-wrap .clr {
    visibility: visible;
    overflow: visible;
}

.mec-container [class*="col-"] img {
    max-width: 100%;
}

.mec-container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
}

.mec-container:before,
.mec-container:after {
    content: " ";
    display: table;
}

.mec-container:after {
    clear: both;
}

@media only screen and (max-width: 479px) {
    .mec-container {
        width: 300px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .mec-container {
        width: 420px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .mec-container {
        width: 768px;
        /* webnus */
    }
}

@media only screen and (min-width: 961px) {
    .mec-container {
        width: 960px;
    }
}

@media only screen and (min-width: 1200px) {
    .mec-container {
        width: 1196px;
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 1921px) {
    .mec-container {
        max-width: 1690px;
    }
}

.mec-wrap .row {
    margin-left: -10px;
    margin-right: -10px;
}

.mec-wrap .row:before,
.mec-wrap .row:after {
    content: " ";
    display: table;
}

.mec-wrap .row:after {
    clear: both;
}

.mec-wrap .col-xs-1,
.mec-wrap .col-sm-1,
.mec-wrap .col-md-1,
.mec-wrap .col-lg-1,
.mec-wrap .col-xs-2,
.mec-wrap .col-sm-2,
.mec-wrap .col-md-2,
.mec-wrap .col-lg-2,
.mec-wrap .col-xs-3,
.mec-wrap .col-sm-3,
.mec-wrap .col-md-3,
.mec-wrap .col-lg-3,
.mec-wrap .col-xs-4,
.mec-wrap .col-sm-4,
.mec-wrap .col-md-4,
.mec-wrap .col-lg-4,
.mec-wrap .col-xs-5,
.mec-wrap .col-sm-5,
.mec-wrap .col-md-5,
.mec-wrap .col-lg-5,
.mec-wrap .col-xs-6,
.mec-wrap .col-sm-6,
.mec-wrap .col-md-6,
.mec-wrap .col-lg-6,
.mec-wrap .col-xs-7,
.mec-wrap .col-sm-7,
.mec-wrap .col-md-7,
.mec-wrap .col-lg-7,
.mec-wrap .col-xs-8,
.mec-wrap .col-sm-8,
.mec-wrap .col-md-8,
.mec-wrap .col-lg-8,
.mec-wrap .col-xs-9,
.mec-wrap .col-sm-9,
.mec-wrap .col-md-9,
.mec-wrap .col-lg-9,
.mec-wrap .col-xs-10,
.mec-wrap .col-sm-10,
.mec-wrap .col-md-10,
.mec-wrap .col-lg-10,
.mec-wrap .col-xs-11,
.mec-wrap .col-sm-11,
.mec-wrap .col-md-11,
.mec-wrap .col-lg-11,
.mec-wrap .col-xs-12,
.mec-wrap .col-sm-12,
.mec-wrap .col-md-12,
.mec-wrap .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

@media only screen and (min-width: 1200px) {
    .mec-wrap .col-xs-1,
    .mec-wrap .col-sm-1,
    .mec-wrap .col-md-1,
    .mec-wrap .col-lg-1,
    .mec-wrap .col-xs-2,
    .mec-wrap .col-sm-2,
    .mec-wrap .col-md-2,
    .mec-wrap .col-lg-2,
    .mec-wrap .col-xs-3,
    .mec-wrap .col-sm-3,
    .mec-wrap .col-md-3,
    .mec-wrap .col-lg-3,
    .mec-wrap .col-xs-4,
    .mec-wrap .col-sm-4,
    .mec-wrap .col-md-4,
    .mec-wrap .col-lg-4,
    .mec-wrap .col-xs-5,
    .mec-wrap .col-sm-5,
    .mec-wrap .col-md-5,
    .mec-wrap .col-lg-5,
    .mec-wrap .col-xs-6,
    .mec-wrap .col-sm-6,
    .mec-wrap .col-md-6,
    .mec-wrap .col-lg-6,
    .mec-wrap .col-xs-7,
    .mec-wrap .col-sm-7,
    .mec-wrap .col-md-7,
    .mec-wrap .col-lg-7,
    .mec-wrap .col-xs-8,
    .mec-wrap .col-sm-8,
    .mec-wrap .col-md-8,
    .mec-wrap .col-lg-8,
    .mec-wrap .col-xs-9,
    .mec-wrap .col-sm-9,
    .mec-wrap .col-md-9,
    .mec-wrap .col-lg-9,
    .mec-wrap .col-xs-10,
    .mec-wrap .col-sm-10,
    .mec-wrap .col-md-10,
    .mec-wrap .col-lg-10,
    .mec-wrap .col-xs-11,
    .mec-wrap .col-sm-11,
    .mec-wrap .col-md-11,
    .mec-wrap .col-lg-11,
    .mec-wrap .col-xs-12,
    .mec-wrap .col-sm-12,
    .mec-wrap .col-md-12,
    .mec-wrap .col-lg-12 {
        padding-left: 15px;
        padding-right: 15px;
    }

    .mec-wrap .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}

.mec-container [class*="col-"].alpha {
    padding-left: 0;
}

.mec-container [class*="col-"].omega {
    padding-right: 0;
}

.mec-wrap .col-xs-1,
.mec-wrap .col-xs-2,
.mec-wrap .col-xs-3,
.mec-wrap .col-xs-4,
.mec-wrap .col-xs-5,
.mec-wrap .col-xs-6,
.mec-wrap .col-xs-7,
.mec-wrap .col-xs-8,
.mec-wrap .col-xs-9,
.mec-wrap .col-xs-10,
.mec-wrap .col-xs-11,
.mec-wrap .col-xs-12 {
    float: left;
}

.mec-wrap .col-xs-12 {
    width: 100%;
}

.mec-wrap .col-xs-11 {
    width: 91.66666666666666%;
}

.mec-wrap .col-xs-10 {
    width: 83.33333333333334%;
}

.mec-wrap .col-xs-9 {
    width: 75%;
}

.mec-wrap .col-xs-8 {
    width: 66.66666666666666%;
}

.mec-wrap .col-xs-7 {
    width: 58.333333333333336%;
}

.mec-wrap .col-xs-6 {
    width: 50%;
}

.mec-wrap .col-xs-5 {
    width: 41.66666666666667%;
}

.mec-wrap .col-xs-4 {
    width: 33.33333333333333%;
}

.mec-wrap .col-xs-3 {
    width: 25%;
}

.mec-wrap .col-xs-2 {
    width: 16.666666666666664%;
}

.mec-wrap .col-xs-1 {
    width: 8.333333333333332%;
}

@media (min-width: 768px) {
    .mec-wrap .col-sm-1,
    .mec-wrap .col-sm-2,
    .mec-wrap .col-sm-3,
    .mec-wrap .col-sm-4,
    .mec-wrap .col-sm-5,
    .mec-wrap .col-sm-6,
    .mec-wrap .col-sm-7,
    .mec-wrap .col-sm-8,
    .mec-wrap .col-sm-9,
    .mec-wrap .col-sm-10,
    .mec-wrap .col-sm-11,
    .mec-wrap .col-sm-12 {
        float: left;
    }

    .mec-wrap .col-sm-12 {
        width: 100%;
    }

    .mec-wrap .col-sm-11 {
        width: 91.66666666666666%;
    }

    .mec-wrap .col-sm-10 {
        width: 83.33333333333334%;
    }

    .mec-wrap .col-sm-9 {
        width: 75%;
    }

    .mec-wrap .col-sm-8 {
        width: 66.66666666666666%;
    }

    .mec-wrap .col-sm-7 {
        width: 58.333333333333336%;
    }

    .mec-wrap .col-sm-6 {
        width: 50%;
    }

    .mec-wrap .col-sm-5 {
        width: 41.66666666666667%;
    }

    .mec-wrap .col-sm-4 {
        width: 33.33333333333333%;
    }

    .mec-wrap .col-sm-3 {
        width: 25%;
    }

    .mec-wrap .col-sm-2 {
        width: 16.666666666666664%;
    }

    .mec-wrap .col-sm-1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 961px) {
    .mec-wrap .col-md-1,
    .mec-wrap .col-md-2,
    .mec-wrap .col-md-3,
    .mec-wrap .col-md-4,
    .mec-wrap .col-md-5,
    .mec-wrap .col-md-6,
    .mec-wrap .col-md-7,
    .mec-wrap .col-md-8,
    .mec-wrap .col-md-9,
    .mec-wrap .col-md-10,
    .mec-wrap .col-md-11,
    .mec-wrap .col-md-12 {
        float: left;
    }

    .mec-wrap .col-md-12 {
        width: 100%;
    }

    .mec-wrap .col-md-11 {
        width: 91.66666666666666%;
    }

    .mec-wrap .col-md-10 {
        width: 83.33333333333334%;
    }

    .mec-wrap .col-md-9 {
        width: 75%;
    }

    .mec-wrap .col-md-8 {
        width: 66.66666666666666%;
    }

    .mec-wrap .col-md-7 {
        width: 58.333333333333336%;
    }

    .mec-wrap .col-md-6 {
        width: 50%;
    }

    .mec-wrap .col-md-5 {
        width: 41.66666666666667%;
    }

    .mec-wrap .col-md-4 {
        width: 33.33333333333333%;
    }

    .mec-wrap .col-md-3 {
        width: 25%;
    }

    .mec-wrap .col-md-2 {
        width: 16.666666666666664%;
    }

    .mec-wrap .col-md-1 {
        width: 8.333333333333332%;
    }
}

@media (min-width: 1200px) {
    .mec-wrap .col-lg-1,
    .mec-wrap .col-lg-2,
    .mec-wrap .col-lg-3,
    .mec-wrap .col-lg-4,
    .mec-wrap .col-lg-5,
    .mec-wrap .col-lg-6,
    .mec-wrap .col-lg-7,
    .mec-wrap .col-lg-8,
    .mec-wrap .col-lg-9,
    .mec-wrap .col-lg-10,
    .mec-wrap .col-lg-11,
    .mec-wrap .col-lg-12 {
        float: left;
    }

    .mec-wrap .col-lg-12 {
        width: 100%;
    }

    .mec-wrap .col-lg-11 {
        width: 91.66666666666666%;
    }

    .mec-wrap .col-lg-10 {
        width: 83.33333333333334%;
    }

    .mec-wrap .col-lg-9 {
        width: 75%;
    }

    .mec-wrap .col-lg-8 {
        width: 66.66666666666666%;
    }

    .mec-wrap .col-lg-7 {
        width: 58.333333333333336%;
    }

    .mec-wrap .col-lg-6 {
        width: 50%;
    }

    .mec-wrap .col-lg-5 {
        width: 41.66666666666667%;
    }

    .mec-wrap .col-lg-4 {
        width: 33.33333333333333%;
    }

    .mec-wrap .col-lg-3 {
        width: 25%;
    }

    .mec-wrap .col-lg-2 {
        width: 16.666666666666664%;
    }

    .mec-wrap .col-lg-1 {
        width: 8.333333333333332%;
    }
}

/* WooCommerce Addon */
#mec_woo_add_to_cart_btn {
    min-width: 170px;
    margin-top: 5px;
    text-align: center;
}

/* Breadcrumbs */

.mec-breadcrumbs {
    border-radius: 2px;
    padding: 9px 15px 6px;
    font-size: 11px;
    color: #8d8d8d;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 500;
    margin: auto 15px 33px 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.025);
}

.mec-breadcrumbs-modern {
    margin: auto 0 33px 0;
}

.mec-breadcrumbs a {
    color: #000;
    padding-left: 4px;
}

.mec-breadcrumbs a:hover {
    text-decoration: underline;
}

.mec-breadcrumbs i {
    font-size: 8px;
    margin: 0 0 0 4px;
}

.mec-breadcrumbs .container {
    padding-left: 20px;
}

/* Notification single builder */
.mec-content-notification a {
    margin-left: 5px;
}

.mec-content-notification {
    background: #f7f7f7;
    padding: 10px 10px 10px;
    border: 1px solid #e8e8e8;
}

.mec-content-notification p {
    margin-bottom: 0;
}

/* Advanced Repeating */

.mec-fes-form #mec-advanced-wraper div:first-child > ul {
    border: 1px solid #cfeff5;
    width: auto;
    box-shadow: 0 1px 4px -2px #cfeff5;
    display: block;
    margin: 5px 0 10px;
    padding: 5px 0;
    border-radius: 2px;
}

.mec-fes-form #mec-advanced-wraper div:first-child > ul:last-of-type {
    margin-bottom: 35px;
}

#mec-advanced-wraper div:first-child > ul span {
    display: none;
}

#mec-advanced-wraper div:first-child > ul * {
    display: inline-block;
    background: #fff;
    font-size: 12px;
    color: #717273;
    text-align: center;
}

#mec-advanced-wraper div:first-child > ul > li {
    width: 60px;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 4px 0;
    border-right: 1px solid #cfeff5;
}

#mec-advanced-wraper div:first-child > ul > ul > li {
    margin: 0;
    padding: 2px 10px;
    cursor: pointer;
    border-radius: 2px;
    transition: all 0.18s ease;
}

.mec-fes-form #mec-advanced-wraper div:first-child > ul > ul > li:hover,
.mec-fes-form #mec-advanced-wraper div:first-child > ul > ul > li.mec-active {
    background: #40d9f1 !important;
    box-shadow: 0 1px 9px -3px #40d9f1;
    color: #fff !important;
}

/* Search Bar */
.mec-search-bar-wrap .mec-search-form .mec-text-input-search {
    width: 83%;
}

.mec-search-bar-wrap
    .mec-search-form
    .mec-ajax-search-result
    .mec-text-input-search {
    width: 100%;
    float: none;
}

.mec-search-bar-wrap input#mec-search-bar-input {
    width: calc(100% - 84%);
    margin-left: 11px;
    background: #40d9f1;
    color: #fff;
    font-weight: normal;
}

.mec-text-input-search + input#mec-search-bar-input {
    margin-left: -3px;
}

.mec-search-bar-wrap input#mec-search-bar-input:hover {
    background: #000;
}

.mec-wrap.mec-search-bar-wrap .mec-totalcal-box input {
    float: none;
}

@media (max-width: 768px) {
    .mec-search-bar-wrap .mec-search-form .mec-text-input-search {
        display: inline-block;
    }
}

@media (max-width: 480px) {
    .mec-search-bar-wrap .mec-search-form .mec-text-input-search {
        width: 64%;
    }

    .mec-search-bar-wrap input#mec-search-bar-input {
        width: calc(100% - 67%);
    }
}

/* Ajax search bar result */
.mec-wrap.mec-search-bar-wrap .mec-totalcal-box {
    overflow: visible;
}

.mec-ajax-search-result {
    position: relative;
}

.mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type="text"] {
    width: calc(100% - 36px);
}

.mec-search-bar-wrap.mec-wrap .mec-totalcal-box input[type="text"]:focus {
    border-color: #efefef;
}

div#mec-ajax-search-result-wrap {
    position: absolute;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    width: calc(100% - 2px);
    min-height: 50px;
    left: 0;
    right: 0;
    padding: 0 10px;
    z-index: 9999;
    transition: all 0.3s ease;
}

.mec-ajax-search-result-events {
    background: #ffffff;
    padding: 10px 20px;
    border: 1px solid #efefef;
    border-top: none;
}

.mec-ajax-search-result-events article:first-of-type {
    border: none;
}

article.mec-search-bar-result {
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 25px;
    padding-top: 26px;
    border-top: 1px solid #efefef;
    transition: all 0.33s ease;
    clear: both;
}

.mec-search-bar-result .mec-event-list-search-bar-date {
    width: 64px;
    height: 64px;
    margin-right: 10px;
    font-size: 11px;
    text-transform: uppercase;
    float: left;
    text-align: center;
    padding-top: 2px;
}

.mec-search-bar-result .mec-event-list-search-bar-date span {
    font-size: 40px;
    line-height: 30px;
    font-weight: 700;
    display: block;
    margin-bottom: 6px;
    letter-spacing: 1px;
}

.mec-search-bar-result .mec-event-image {
    float: left;
    margin-right: 20px;
    width: 65px;
    height: auto;
}

.mec-search-bar-result .mec-event-time {
    font-size: 11px;
    line-height: 1.1;
    margin: 0;
}

.mec-search-bar-result .mec-event-time i {
    color: #40d9f1;
    float: none;
    width: unset;
    height: unset;
    font-size: inherit;
    margin-right: 3px;
    border: none;
    padding: 0;
}

.mec-search-bar-result .mec-event-title {
    font-size: 13px;
    padding: 0;
    margin: 10px 0 8px;
    font-weight: 700;
    text-transform: uppercase;
}

.mec-search-bar-result .mec-event-title a {
    text-decoration: none;
    color: #494949;
    transition: color 0.3s ease;
}

.mec-search-bar-result .mec-event-detail {
    font-size: 13px;
    line-height: 1.3;
    font-family: Roboto, sans-serif;
    color: #9a9a9a;
    margin-bottom: 0;
}

/* Modern Search bar */
.mec-wrap.mec-modern-search-bar .mec-totalcal-box {
    background: rgba(255, 255, 255, 0.87);
    border: none;
    padding: 35px;
    border-radius: 3px;
    box-shadow: 0 3px 13px rgba(0, 0, 0, 0.4);
    position: relative;
}

.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="search"],
.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="text"] {
    height: 58px;
    background: rgba(255, 255, 255, 0.99);
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #ccc;
    width: 100%;
    padding-left: 45px;
    padding-right: 13px;
    font-size: 16px;
}

.mec-wrap.mec-modern-search-bar .mec-totalcal-box .mec-text-input-search i {
    position: absolute;
    background: none;
    border: none;
    font-size: 21px;
    left: 15px;
    top: calc(50% - 19px);
    color: #40d9f1;
}

.mec-wrap.mec-modern-search-bar .mec-text-input-search {
    position: relative;
    height: 58px;
}

.mec-wrap.mec-modern-search-bar .mec-totalcal-box input[type="submit"] {
    height: 58px;
    border: none;
    border-radius: 2px;
    background: #fc4a1a;
    font-size: 17px;
    font-weight: bold !important;
}

.mec-wrap.mec-modern-search-bar
    .mec-text-input-search
    + input#mec-search-bar-input {
    margin-left: 0;
}

.mec-wrap.mec-modern-search-bar
    .mec-search-form
    .mec-dropdown-wrap
    .mec-dropdown-search
    select {
    height: 45px;
    background: rgba(255, 255, 255, 0.99);
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #ccc;
    padding-right: 13px;
    font-size: 16px;
    border-left: 0;
}

.mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap i {
    height: 45px;
    background: #ffff;
    border-radius: 2px 0 0 2px;
    box-shadow: none;
    border: 1px solid #ccc;
    font-size: 15px;
    padding-top: 14px;
    border-right: 0;
    color: #40d9f1;
    margin-right: -1px;
}

.mec-wrap.mec-modern-search-bar .mec-search-form .mec-dropdown-wrap {
    min-height: 64px;
}

@media (max-width: 768px) {
    .mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search {
        width: 70%;
    }

    .mec-wrap.mec-modern-search-bar input#mec-search-bar-input {
        width: calc(100% - 72%);
    }
}

@media (max-width: 480px) {
    .mec-wrap.mec-modern-search-bar input#mec-search-bar-input {
        width: 92%;
        padding: 0 10px;
        position: relative;
        display: block;
        margin-left: 11px;
    }

    .mec-wrap.mec-modern-search-bar .mec-search-form .mec-text-input-search {
        width: 100%;
        margin-bottom: 20px;
    }

    .mec-wrap.mec-modern-search-bar
        .mec-text-input-search
        + input#mec-search-bar-input {
        margin-left: 10px;
    }
}

/* Related Events */
.mec-related-events {
    margin-right: -15px;
    margin-left: -15px;
}

.mec-related-events-wrap {
    margin-top: 50px;
}

.mec-related-events-wrap h3.mec-rec-events-title:before {
    content: "";
    background: #2c2f34;
    width: 46px;
    height: 4px;
    position: absolute;
    top: 59px;
    left: 0;
}

.mec-related-events-wrap h3.mec-rec-events-title {
    font-size: 21px;
    font-weight: 600;
    padding: 17px 0;
    margin-bottom: 28px;
    text-transform: uppercase;
    border-bottom: 1px solid #e8e8e8;
    position: relative;
}

.mec-related-event-post figure {
    margin: 0;
}

.mec-related-event-post figure img {
    width: 100%;
}

.mec-related-event-content {
    background-color: #fff;
    margin: -27px 30px 15px;
    position: relative;
    max-width: 90%;
    padding: 13px 21px 16px 19px;
}

.mec-related-event-content h5 a {
    font-size: 16px;
    color: #121212;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* Next / Previous Events */
.mec-next-previous-events {
    width: 100%;
    height: 104px;
    display: block;
    padding: 0;
}

.mec-next-previous-events li {
    list-style: none;
    width: 50%;
    display: inline-block;
    margin: 40px 0 40px;
}

.mec-next-previous-events li:last-child {
    text-align: right;
    float: right;
}

.mec-next-previous-events li a {
    padding: 9px 14px 9px 14px;
    border: 1px solid #000;
    transition: 0.3s;
}

.mec-wrap .mec-next-previous-events li a:hover {
    color: #fff;
}

.mec-previous-event {
    float: left;
    text-align: left;
}

.mec-next-event ul {
    padding-left: 0;
}

.mec-next-previous-events .mec-previous-event i {
    padding-right: 20px;
}

.mec-next-previous-events .mec-next-event i {
    padding-left: 20px;
}

.mec-next-multiple ul {
    padding: 0;
}

.mec-next-multiple ul li a {
    display: block;
    position: relative;
    padding: 11px 14px 9px;
    z-index: 9;
}

.mec-next-multiple ul .mec-time,
.mec-next-multiple ul .mec-date {
    display: inline-block;
}

.mec-next-multiple ul .mec-time {
    width: 40%;
}

.mec-next-multiple ul .mec-date {
    width: 60%;
}

.mec-next-multiple ul .mec-date {
    float: left;
    text-align: left;
}

.mec-next-multiple ul .mec-time {
    text-align: right;
    position: relative;
    z-index: -1;
}

.mec-next-multiple ul .mec-time dd {
    margin: 0;
    padding: 0;
}

.mec-next-multiple ul .mec-date .mec-end-date-label,
.mec-next-multiple ul .mec-time .mec-events-abbr,
.mec-next-multiple ul .mec-date .mec-start-date-label {
    font-size: 11px;
    line-height: 24px;
}

@media (max-width: 1280px) {
    .mec-next-multiple ul li a {
        padding: 7px 9px 5px;
    }

    .mec-next-multiple ul .mec-time .mec-events-abbr,
    .mec-next-multiple ul .mec-date .mec-start-date-label {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .mec-next-previous-events li {
        list-style: none;
        width: 100%;
        display: block;
        margin: 10px 0;
        float: unset;
    }

    .mec-next-previous-events li a {
        width: 100%;
        max-width: 100%;
        float: unset;
        display: block;
        text-align: center;
        font-size: 16px;
    }
}

/* Fronrend Organizer Payment */
.mec-fes-form-cntt #mec-organizer-payments ul {
    list-style: none;
    background: transparent;
    margin: 0;
    padding-left: 0;
}

.mec-fes-form-cntt #mec-organizer-payments ul li h4 {
    background: transparent;
    letter-spacing: 0.2px;
    display: inline-block;
    padding-left: 0 !important;
    padding-bottom: 10px !important;
    margin: 0;
    margin-bottom: 1px;
    letter-spacing: 1px;
    text-transform: capitalize;
    padding-top: 1px;
}

.mec-fes-form-cntt #mec-organizer-payments ul > li {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    margin: 0;
}

.mec-fes-form #mec_gateway_options_form_stripe_connection_button {
    padding: 9px 13px !important;
}

/* Login Module */
#mec-login-form.mec-login-form {
    width: 100%;
    background: #fff;
    padding: 20px;
    margin: 0 auto;
    text-align: center;
    position: relative;
}

#mec-login-form.mec-login-form .mec-login-input {
    display: block;
    width: 286px;
    margin: 0 auto;
    margin-bottom: 12px;
}

#mec-login-form.mec-login-form .mec-login-forgotpassword {
    display: inline-block;
}

.mec-login-forgotpassword a {
    color: #000;
}

#mec-login-form.mec-login-form .mec-login-submit {
    float: right;
    text-align: right;
    width: 49%;
    padding-right: 2px;
}

#mec-login-form.mec-login-form .mec-login-input input {
    border: none;
    box-shadow: none;
    background: #fff;
    color: #ccc;
    border-left: 1px solid #e6e6e6;
    padding: 0;
    height: 100%;
    background-image: none !important;
    padding-left: 10px;
    padding-right: 0;
    width: 222px;
    margin-left: 0;
    clear: none;
    float: left;
}

#mec-login-form.mec-login-form .mec-login-input label {
    border: 1px solid #e6e6e6;
    height: 52px;
    display: inline-block;
    padding: 0;
    border-radius: 3px;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
}

#mec-login-form.mec-login-form .mec-login-input label i {
    padding: 15px 13px 17px 16px;
    vertical-align: middle;
    font-size: 20px;
    width: 50px;
    color: #c5cad0;
    background: #fafafa;
    margin-right: 0;
    float: left;
}

#mec-login-form.mec-login-form .mec-login-forgotpassword {
    float: left;
    width: 49%;
    text-align: left;
    padding-top: 10px;
    font-size: 13px;
    padding-left: 2px;
}

#mec-login-form.mec-login-form button {
    width: 120px;
    height: 44px;
    border: none;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    transition: all 0.22s ease;
    margin: 0;
    min-width: unset;
}

.mec-login-form button {
    box-shadow: 0 4px 22px -7px #40d9f1;
    background-color: #40d9f1;
}

#mec-login-form.mec-login-form button:hover {
    background: #222;
    box-shadow: 0 3px 14px -4px #333;
}

#mec-login-form.mec-login-form .mec-login-form-footer {
    width: 286px;
    margin: 0 auto;
    margin-top: 20px;
    clear: both;
    position: relative;
    display: block;
    min-height: 50px;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading {
    position: absolute;
    background: #ffffffc2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

#mec-login-form.mec-login-form .lds-ripple {
    position: absolute;
    width: 64px;
    height: 64px;
    top: calc(50% - 23px);
    left: calc(50% - 23px);
}

#mec-login-form.mec-login-form .lds-ripple div {
    position: absolute;
    border: 4px solid #40d9f1;
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1.2s cubic-bezier(0, 0.2, 0.1, 0.8) infinite;
}

#mec-login-form.mec-login-form .lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading-text {
    position: absolute;
    min-width: 200px;
    top: calc(50% - 18px);
    left: calc(50% - 124px);
    color: #fff;
    padding: 10px 22px;
    border-radius: 3px;
    background: #fff;
    height: 47px;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading-text strong {
    color: #3fcc60;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading-text strong:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 1px;
    border-right: 2px solid #3fcc60;
    border-bottom: 2px solid #3acb5c;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    color: #000;
    animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
    width: 8px;
    height: 14px;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong:after {
    content: "";
    position: absolute;
    top: 14px;
    left: 5px;
    border-bottom: 2px solid #ff5d39;
    transform: rotate(45deg);
    transform-origin: 0 100%;
    color: #000;
    animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
    width: 14px;
    height: 4px;
}

#mec-login-form.mec-login-form .mec-ajax-login-loading-text.error strong {
    color: #ff5d39;
}

#mec-login-form.mec-login-form
    .mec-ajax-login-loading-text.error
    strong:before {
    border-color: #ff5d39;
    border-bottom: none;
}

@keyframes lds-ripple {
    0% {
        top: 28px;
        left: 28px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: -1px;
        left: -1px;
        width: 58px;
        height: 58px;
        opacity: 0;
    }
}

/* Stripe V3 */
.mec-book-form-gateway-checkout
    [id*="mec_do_transaction_stripe_"]
    .mec-form-row:first-child {
    margin-bottom: 20px;
}

.mec-events-meta-group-booking .StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: white;
    box-shadow: 0 1px 3px 0 #e6ebf1;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin-bottom: 20px;
    background: #fff;
}

.mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="text"] {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: 0 !important;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0 1px 3px 0 #e6ebf1 !important;
    -webkit-transition: box-shadow 150ms ease;
    transition: box-shadow 150ms ease;
    margin-bottom: 20px;
    background: #fff !important;
}

.mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="text"]:focus {
    outline: none;
}

.mec-events-meta-group-booking .StripeElement--focus {
    box-shadow: 0 1px 3px 0 #cfd7df;
}

.mec-events-meta-group-booking .StripeElement--invalid {
    border-color: #fa755a;
}

.mec-events-meta-group-booking .StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

/* front-end submition new edition */
ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
ul#mec_orgz_form_row li .mec-additional-organizer-remove,
ul#mec_reg_form_fields li .mec_reg_field_remove,
.mec-booking-tab-content .mec-reg-field-add-option,
.mec-booking-tab-content .mec-bfixed-field-add-option,
.mec-booking-tab-content .button,
.mec-fes-form .mec-form-row .button:not(.wp-color-result),
.mec-fes-form input[type="file"] {
    height: 40px;
    margin-top: 1px;
    text-decoration: none;
    font-size: 14px;
    line-height: 34px !important;
    margin: 0;
    padding: 0 15px 1px !important;
    text-transform: none;
    letter-spacing: 0;
    font-weight: 600;
    color: #40d9f1;
    background: #fff;
    border-radius: 3px;
    margin-right: 8px;
    border: 2px solid #cfeff5;
    box-shadow: 0 2px 6px -3px #cfeff5;
}

.mec-fes-form .mec-additional-organizers .select2-container {
    margin-bottom: 0px;
}

.mec-booking-tab-content .mec-bfixed-field-add-option:hover,
.mec-booking-tab-content .mec-reg-field-add-option:hover,
.mec-booking-tab-content .button:hover,
.mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
    background: #40d9f1;
    color: #fff;
    border-color: #40d9f1;
    box-shadow: 0 2px 6px -3px #40d9f1;
}

.mec-fes-form .mec-form-row input + button.button {
    vertical-align: top;
}

.mec-fes-form .mec-form-row .quicktags-toolbar input.button.button-small {
    border-width: 1px;
    padding: 0 7px;
    color: #80c6d2;
    font-weight: 400;
    margin: 1px;
    transform: none;
}

.mec-fes-form input[type="file"] {
    max-width: 166px;
    text-align: center;
    height: 44px;
    transition: all 0.2s ease;
    border-radius: 5px !important;
    border: 2px dashed #b8e9f3;
}

.mec-fes-form input[type="file"]:hover {
    box-shadow: 0 2px 16px -3px #cfeff5;
}

.mec-fes-form input[type="file"]::-webkit-file-upload-button {
    visibility: hidden;
    width: 1px;
    height: 38px;
}

.mec-fes-form input[type="file"]::-moz-file-upload-button {
    visibility: hidden;
    width: 1px;
    height: 38px;
}

.mec-fes-form .mec-meta-box-fields > label {
    padding: 0;
}

#mec_bfixed_form_fields li,
#mec_orgz_form_row li,
#mec_reg_form_fields li {
    list-style: none;
}

ul#mec_bfixed_form_fields,
ul#mec_orgz_form_row,
ul#mec_reg_form_fields {
    padding: 0;
    margin: 0;
}

ul#mec_bfixed_form_fields li,
ul#mec_orgz_form_row li,
ul#mec_reg_form_fields li {
    background: #f8feff;
    margin: 6px -20px;
    padding: 15px 25px 10px;
    width: auto;
    font-size: 13px;
    border-top: 1px solid #e8fafd;
    border-bottom: 1px solid #e8fafd;
    position: relative;
}

ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
ul#mec_orgz_form_row li .mec-additional-organizer-remove,
ul#mec_reg_form_fields li .mec_reg_field_remove {
    position: absolute;
    right: 10px;
    top: 10px;
    margin: 0;
    padding: 6px 8px !important;
    font-size: 11px;
    line-height: 12px !important;
    min-height: 10px;
    height: auto;
    display: block;
    cursor: pointer;
    color: #ea6485;
    border-color: #ffd2dd;
    letter-spacing: 0.4px;
}

ul#mec_bfixed_form_fields li .mec_bfixed_field_remove:hover,
ul#mec_orgz_form_row li .mec-additional-organizer-remove:hover,
ul#mec_reg_form_fields li .mec_reg_field_remove:hover {
    background: #ea6485;
    color: #fff;
    border-color: #ea6485;
    box-shadow: 0 2px 6px -3px #ea6485;
}

/* from backend */
#mec_bfixed_form_fields input[type="checkbox"],
#mec_bfixed_form_fields input[type="radio"],
#mec_reg_form_fields input[type="checkbox"],
#mec_reg_form_fields input[type="radio"],
.mec-form-row input[type="checkbox"],
.mec-form-row input[type="radio"] {
    background-color: #fff;
    border: 1px solid #cfeff5;
    box-shadow: 0 1px 3px -1px #cfeff5;
    padding: 9px;
    border-radius: 3px;
    min-width: 24px;
    min-height: 24px;
    display: inline-block !important;
    vertical-align: middle;
    float: none;
    transition: all 0.18s ease;
    outline: none;
    margin: 1px 4px 4px 0;
    text-align: left;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#mec_bfixed_form_fields input[type="checkbox"]:focus,
#mec_bfixed_form_fields input[type="radio"]:focus,
#mec_reg_form_fields input[type="checkbox"]:focus,
#mec_reg_form_fields input[type="radio"]:focus,
.mec-form-row input[type="checkbox"]:focus,
.mec-form-row input[type="radio"]:focus {
    outline: none;
}

#mec_bfixed_form_fields input[type="radio"],
#mec_reg_form_fields input[type="radio"],
.mec-form-row input[type="radio"] {
    -webkit-appearance: none;
    border-radius: 20px !important;
    min-width: 20px;
    min-height: 20px;
    margin: 0 0 4px 0;
    vertical-align: middle;
}

#mec_bfixed_form_fields input[type="checkbox"]:hover,
#mec_bfixed_form_fields input[type="radio"]:hover,
#mec_reg_form_fields input[type="checkbox"]:hover,
#mec_reg_form_fields input[type="radio"]:hover,
.mec-form-row input[type="checkbox"]:hover,
.mec-form-row input[type="radio"]:hover {
    border-color: #40d9f1;
}

#mec_bfixed_form_fields input[type="checkbox"]:checked,
#mec_bfixed_form_fields input[type="radio"]:checked,
#mec_reg_form_fields input[type="checkbox"]:checked,
#mec_reg_form_fields input[type="radio"]:checked,
.mec-fes-form .mec-form-row input[type="checkbox"]:checked,
.mec-fes-form .mec-form-row input[type="radio"]:checked {
    box-shadow: 0 1px 6px -2px #40d9f1;
    border-color: #40d9f1;
    background: #40d9f1 !important;
    border-radius: 2px;
    position: relative;
}

.mec-form-row input[type="radio"]:checked {
    box-shadow: 0 1px 6px -2px #40d9f1, inset 0 0 0 3px #fff !important;
}

#mec_bfixed_form_fields input[type="checkbox"]:checked::before,
#mec_reg_form_fields input[type="checkbox"]:checked::before,
.mec-form-row input[type="checkbox"]:checked:before {
    content: "";
    font: normal;
    position: absolute;
    top: 12px;
    left: 5px;
    margin: 0;
    vertical-align: middle;
    line-height: 1;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg);
    transform-origin: 0% 100%;
    color: #fff;
    transition: all 0.2s ease;
    animation: checkbox-check 130ms 140ms cubic-bezier(0.4, 0, 0.23, 1) forwards;
}

@keyframes checkbox-check {
    0% {
        width: 0;
        height: 0;
        border-color: #fff;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    33% {
        width: 6px;
        height: 0;
        transform: translate3d(0, 0, 0) rotate(45deg);
    }

    100% {
        width: 6px;
        height: 12px;
        border-color: #fff;
        transform: translate3d(0, -12px, 0) rotate(45deg);
    }
}

/* Deep Theme and BuddyPress style on MEC Event Data */
#wrap #mec-event-data input[type="radio"] {
    position: relative;
}

#wrap #mec-event-data input[type="radio"]:empty::before {
    display: none;
}

#mec_bfixed_form_field_types .button,
#mec_reg_form_field_types .button {
    position: relative;
    outline: 0;
    border-radius: 50px;
    padding: 2px 21px 2px 31px !important;
    line-height: 1;
    font-size: 11px;
    font-weight: 600;
    color: #40d9f1;
    letter-spacing: 2px;
    height: auto;
    cursor: pointer;
    margin-top: 5px;
    text-transform: uppercase;
    box-shadow: 0 2px 6px -3px #40d9f1;
    border: 2px solid #cfeff5;
}

#mec_meta_box_tickets_form [id^="mec_ticket_row"] button,
#mec_fes_organizer_remove_image_button,
#mec_fes_location_remove_image_button,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-form-row.mec-box
    .button,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-col-1
    .button,
#mec_reg_form_field_types .button.red {
    color: #ea6485;
    box-shadow: 0 2px 6px -3px #ea6485;
    background: #fff;
    border-color: #ffd2dd;
}

#mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover,
#mec_fes_organizer_remove_image_button:hover,
#mec_fes_location_remove_image_button:hover,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-form-row.mec-box
    .button:hover,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-col-1
    .button:hover,
#mec_reg_form_field_types .button.red:hover {
    background: #ea6485;
    color: #fff;
}

#mec_bfixed_form_field_types .button:before,
#mec_reg_form_field_types .button:before {
    position: absolute;
    left: 12px;
    color: #40d9f1;
    content: "\e095";
    font-family: simple-line-icons;
    font-size: 13px;
    display: inline-block;
}

#mec_reg_form_field_types .button.red:before {
    color: #ea6485;
}

#mec_reg_form_field_types .button.red:hover:before,
#mec_bfixed_form_field_types .button:hover:before,
#mec_reg_form_field_types .button:hover:before {
    color: #fff;
}

#mec_meta_box_tickets_form [id^="mec_ticket_row"] button:hover,
#mec_fes_organizer_remove_image_button:hover,
#mec_fes_location_remove_image_button:hover,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-form-row.mec-box
    .button:hover,
#mec_meta_box_hourly_schedule_days
    [id^="mec_meta_box_hourly_schedule_day_"]
    .mec-col-1
    .button:hover,
#mec_price_per_dates_container .button:hover,
#mec_reg_form_field_types .button.red:hover {
    color: #fff;
    border: 2px solid #ea6485;
}

#mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"],
#mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"] {
    color: #ea6485;
    border-color: #ffd2dd;
}

#mec_ticket_variations_list [id^="mec_remove_ticket_variation_button"]:hover,
#mec_taxes_fees_container_toggle [id^="mec_remove_fee_button"]:hover {
    color: #fff;
    border: 2px solid #ea6485;
    background: #ea6485;
}

#mec_fees_list [id^="mec_remove_fee_button"],
#mec_meta_box_ticket_variations_form
    .mec-form-row
    [id^="mec_remove_ticket_variation_button"] {
    margin-left: 14px !important;
}

#mec_meta_box_hourly_schedule_days .mec-add-hourly-schedule-button {
    line-height: 10px !important;
}
#mec_meta_box_tickets_form [id^="mec_ticket_row"] .mec_add_price_date_button {
    color: #40d9f1;
    box-shadow: 0 2px 6px -3px #40d9f1;
    border: 2px solid #cfeff5;
}

#mec_meta_box_tickets_form
    [id^="mec_ticket_row"]
    .mec_add_price_date_button:hover,
#mec_reg_form_field_types .button:hover {
    color: #fff;
    border: 2px solid #40d9f1;
    background: #40d9f1;
}

.mec-fes-form #mec_reg_form_fields span.mec_reg_field_sort,
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort,
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_sort {
    font-size: 0;
    color: #fff;
    padding-left: 20px;
}

.mec-fes-form #mec_reg_form_fields .mec_reg_field_options,
.mec-fes-form #mec_bfixed_form_fields .mec_bfixed_field_option_sort,
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort {
    font-size: 0;
}

.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort:before,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_options:before,
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort:before,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_sort:before,
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before,
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_sort:before {
    position: absolute;
    left: px;
    top: 12px;
    width: 80px;
    height: 20px;
    display: block;
    cursor: move;
    font-family: simple-line-icons;
    content: "\e023";
    font-size: 18px;
    color: #888;
}

.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort:before,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_options:before,
.mec-fes-form #mec_bfixed_form_fields span.mec_bfixed_field_option_sort:before {
    font-size: 13px;
    left: 2px;
    top: 26px;
    width: 14px;
    height: 14px;
}

.mec-fes-form #mec_reg_form_fields .mec_reg_field_options,
.mec-fes-form #mec_bfixed_form_fields .mec_bfixed_field_options {
    margin-top: 20px;
}

.mec-fes-form
    #mec_fes_form
    #mec_bfixed_form_fields
    .mec_bfixed_notification_placeholder {
    font-size: 0;
}

.mec-form-row select + span.mec-tooltip,
.mec-form-row input + span.mec-tooltip {
    bottom: 10px;
}

.mec-form-row label + span.mec-tooltip {
    bottom: 8px;
}

.mec-form-row textarea + span.mec-tooltip {
    bottom: auto;
    vertical-align: top;
    top: 12px;
}

.mec-form-row span + span.mec-tooltip {
    bottom: 0;
    vertical-align: middle;
}

.mec-form-row .mec-col-8 span.mec-archive-skins,
.mec-form-row .mec-col-8 select,
.mec-form-row .mec-col-8 input[type="text"] {
    vertical-align: top;
}

.mec-form-row input:disabled {
    opacity: 0.6;
    background: #f6f6f6;
}

.mec-form-row p {
    font-size: 12px !important;
    line-height: 18px !important;
    color: #97b2bb !important;
}

.mec-form-row p.description {
    font-style: italic;
}

.ui-datepicker.ui-widget {
    border: 1px solid #e8e8e8;
    box-shadow: 0 1px 9px rgba(0, 0, 0, 0.12);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
}

table.ui-datepicker-calendar {
    margin-bottom: 0;
}

.ui-datepicker-calendar th {
    font-weight: 700;
    color: #4a4b4c;
}

.ui-datepicker-calendar tr,
.ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    border: none;
}

.ui-datepicker.ui-widget select {
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    border-radius: 2px;
    padding: 2px 10px;
    margin: 5px 3px;
    width: auto;
    min-height: 20px;
    height: 26px;
    border: 1px solid #e3e3e3;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.04);
}

.ui-datepicker.ui-widget table {
    border-spacing: 2px;
    border: none;
}

.ui-datepicker.ui-widget td,
.ui-datepicker.ui-widget tr {
    padding: 0;
    background: none !important;
}

.ui-datepicker.ui-widget td a {
    color: #9a9b9c;
    font-weight: 600;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    border-radius: 33px;
    padding: 0;
    background: #fff;
    transition: all 0.2s ease;
}

.ui-datepicker.ui-widget td a:hover,
.ui-datepicker.ui-widget td a.ui-state-active {
    background: #40d9f1;
    color: #fff;
}

.ui-datepicker.ui-widget .ui-datepicker-next,
.ui-datepicker.ui-widget .ui-datepicker-prev {
    color: #40d9f1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    text-align: center;
    border-radius: 33px;
    background: #ecfcff;
    transition: all 0.2s ease;
}

.ui-datepicker.ui-widget .ui-datepicker-next:hover,
.ui-datepicker.ui-widget .ui-datepicker-prev:hover {
    background: #fff;
    box-shadow: 0 0 7px -3px rgba(0, 0, 0, 0.4);
}

.mec-fes-form .mec-tooltip .dashicons-before:before {
    color: #40d9f1;
}

.mec-fes-form button[type="submit"].mec-fes-sub-button {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif;
    border-radius: 3px;
    background: #40d9f1;
    color: #fff;
    height: 54px;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 2px 8px -4px #40d9f1;
    display: block;
    transition: all 0.28s ease;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
}

.mec-fes-form button[type="submit"].mec-fes-sub-button:hover {
    box-shadow: 0 2px 12px -2px #40d9f1;
}

.mec-fes-form button[type="submit"].mec-fes-sub-button:focus {
    margin-bottom: -2px;
    background: #1dc2dc;
}

.mec-fes-form .mec-title span.mec-dashicons {
    color: #40d9f1;
    float: left;
    margin-right: 5px;
}

.mec-fes-form .mec-tooltip .box h5 {
    padding: 14px 2px;
}

#mec_fes_form,
.mec-fes-form-top-actions {
    max-width: 838px;
    margin: 0 auto;
}

@media only screen and (min-width: 961px) {
    .mec-fes-form .mec-fes-form-cntt {
        width: calc(100% - 300px);
        float: left;
        padding-right: 20px;
        max-width: 538px;
        display: block;
    }

    .mec-fes-form .mec-fes-form-sdbr {
        width: 300px;
    }
}

.mec-fes-form div.mce-toolbar-grp,
.mec-fes-form .quicktags-toolbar {
    background: #ecfcff;
    border-bottom: 1px solid #cfeff5;
    box-shadow: 0 1px 0px 1px #cfeff5;
}

.mec-fes-form .quicktags-toolbar {
    margin-right: -1px;
    border-top: 1px solid #cfeff5;
}

.mec-fes-form div.mce-statusbar {
    border-top-color: #cfeff5;
}

.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    border: 1px solid #cfeff5;
    border-radius: 3px;
}

.mec-fes-form .mce-tinymce.mce-container.mce-panel {
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 6px -3px #cfeff5;
    border-radius: 2px 0 2px 2px;
}

.mec-fes-form .wp-editor-tools .wp-media-buttons {
    transform: translateY(-6px);
    margin-top: -6px;
}

.mec-fes-form .wp-editor-tabs {
    padding-right: 0;
    margin-right: -2px;
}

.mec-fes-form .wp-editor-tabs .wp-switch-editor {
    border-radius: 3px 3px 0 0;
    border-color: #cfeff5;
    background: #fff;
    color: #96b8bd;
    border-bottom: 1px solid #ecfcff;
}

.mec-fes-form .wp-editor-tabs .wp-switch-editor:active,
.mec-fes-form .html-active .switch-html,
.mec-fes-form .tmce-active .switch-tmce {
    background: #ecfcff;
    color: #40d9f1;
}

.mec-fes-form .wp-editor-container,
.mec-fes-form div.mce-edit-area.mce-panel {
    border: none;
    box-shadow: none;
}

.mec-fes-form .wp-editor-container textarea.wp-editor-area {
    max-width: 100%;
}

.mec-fes-form .mce-toolbar .mce-listbox button {
    font-size: 12px;
    line-height: 22px;
    color: #798f96;
}

.mec-fes-form .mce-toolbar .mce-ico {
    color: #627f88;
}

.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active,
.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn:active,
.mec-fes-form .qt-dfw.active {
    background: #fff;
    border-color: #40d9f1;
    box-shadow: inset 0 2px 6px -3px rgba(106, 231, 255, 0.7);
}

.mec-fes-form .mce-toolbar .mce-btn-group .mce-btn.mce-active .mce-ico {
    color: #40d9f1;
}

body .mce-menu .mce-menu-item.mce-active.mce-menu-item-normal,
body.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview,
body .mce-menu .mce-menu-item.mce-selected,
body .mce-menu .mce-menu-item:focus,
body .mce-menu .mce-menu-item:hover {
    background: #40d9f1;
    color: #fff;
}

.mec-fes-form .mec-not-in-days-day {
    display: inline-block;
    padding: 4px 32px 4px 15px;
    border-radius: 33px;
    border: 1px solid #cfeff5;
    box-shadow: 0 1px 3px -1px #cfeff5;
    background: #fbfeff;
    color: #40d9f1;
    vertical-align: top;
}

.mec-fes-form .mec-not-in-days-remove {
    display: inline-block;
    padding: 0 1px 0 0;
    margin-left: -30px;
    vertical-align: sub;
    background: #ff918a;
    color: #fff;
    font-family: cursive;
    width: 21px;
    height: 21px;
    line-height: 17px;
    text-align: center;
    border-radius: 20px;
    cursor: pointer;
}

.mec-fes-list ul li .mec-event-status {
    float: left;
    margin-right: 10px;
    margin-left: 0;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 0.3px;
    border-radius: 3px;
    padding: 4px 8px;
}

.mec-fes-list ul li .mec-event-status.mec-book-confirmed:before,
.mec-fes-form .post-status.mec-book-confirmed:before {
    content: "";
    margin: 0;
    vertical-align: middle;
    line-height: 1;
    border-right: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
    transform: rotate(45deg);
    color: #fff;
    width: 6px;
    height: 12px;
    float: left;
    margin-right: 6px;
}

.mec-fes-list ul li .mec-fes-event-remove:before,
.mec-fes-list ul li .mec-fes-event-view a:before,
.mec-fes-list-top-actions a:before,
.mec-fes-list ul li .mec-fes-event-export a:before {
    content: "\e054";
    font-family: simple-line-icons;
    font-size: 13px;
    vertical-align: middle;
}

.mec-fes-list ul li .mec-fes-event-view a:before {
    content: "\e087";
}

.mec-fes-list-top-actions a:before {
    content: "\e095";
    font-weight: 400;
    margin-right: 6px;
}

.mec-fes-list ul li .mec-fes-event-export a:before {
    content: "\e083";
}

.mec-fes-form .post-status {
    border-radius: 20px;
}

.mec-fes-form .post-status.mec-book-confirmed:before {
    height: 20px;
    width: 9px;
    margin: 3px 10px;
}

.ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    height: auto;
    padding: 0;
}
.ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td a {
    font-size: 14px;
    line-height: 30px;
}

.mec-fes-form .description {
    font-size: 16px;
}

/* FireFox Checkbox */
.mec-fes-form input[type="file"] {
    text-align: left;
}

/* FES Export */
.mec-fes-export-wrapper {
    width: 640px;
    background: #f8feff;
    padding: 40px 25px;
}

.mec-fes-export-wrapper .mec-fes-btn-date {
    font-size: 16px;
    line-height: 44px;
    overflow: hidden;
}

.mec-fes-export-wrapper .date-messgae {
    font-family: sans-serif;
    padding: 2px 18px;
}

.mec-fes-list ul li .mec-event-export-csv,
.mec-fes-list ul li .mec-event-export-excel {
    font-size: 12px;
    border: 1px solid #40d9f1;
    padding: 1px 4px;
    background: rgba(141, 229, 243, 0.18);
    border-radius: 4px;
    color: #40d9f1;
    font-family: sans-serif;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
}

.mec-export-badge {
    font-size: 11px;
    color: #40d9f1;
    width: auto;
    height: 24px;
    line-height: 25px;
    display: inline-block;
    padding: 0 8px;
    text-align: center;
    border-radius: 3px;
    background: #ecfcff;
    transition: all 0.2s ease;
}

.mec-fes-list ul li .mec-fes-event-export {
    font-size: 11px;
    background: #f7f7f7;
    float: right;
    margin-left: 5px;
}

.mec-fes-list ul li .mec-fes-event-export:hover {
    cursor: pointer;
    background: rgb(144, 240, 224);
    border-color: rgb(77, 200, 204);
}

.mec-fes-export-wrapper ul {
    padding: 0;
    width: 100%;
    text-align: center;
}

.mec-fes-export-wrapper ul li {
    list-style: none;
    display: inline-block;
    width: 30%;
    padding: 10px 15px 10px 32px;
    border-radius: 3px;
    margin-bottom: 15px;
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 6px -4px #cfeff5;
    background: #fff;
    line-height: normal;
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    line-height: 1;
    transition: all 0.2s ease;
}

.mec-fes-export-wrapper ul li:nth-child(3n + 0) {
    margin-right: 0;
}

.mec-fes-export-wrapper ul li:hover {
    box-shadow: 0 2px 16px -1px #c6e8ef;
}

.mec-fes-export-wrapper ul li:before {
    content: "";
    position: absolute;
    display: inline-block;
    background: #fff;
    width: 15px;
    height: 15px;
    margin: -1px 0 0 5px;
    cursor: pointer;
    border: 2px solid #e1e7ed;
    box-shadow: 0 2px 15px -3px rgba(69, 77, 89, 0.32);
    border-radius: 50%;
    left: 9px;
    top: calc(50% - 7px);
}

.mec-fes-export-wrapper ul li.fes-export-date-active {
    color: #40d9f1;
}
.mec-fes-export-wrapper ul li.fes-export-date-active:before {
    width: 15px;
    height: 15px;
    border: 6px solid #40d9f1;
    background: #fff;
    box-shadow: 0 3px 16px -3px #40d9f1;
}

.mec-fes-btn-export {
    margin-left: 15px;
    margin-top: 12px;
}

.mec-fes-btn-export span {
    position: relative;
    border: none;
    border-radius: 3px;
    color: #fff !important;
    display: inline-block;
    font-size: 13px;
    line-height: 1;
    text-transform: none;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    margin-right: 4px;
    line-height: 1;
    letter-spacing: 0;
    padding: 15px 22px;
    background: #39c36e;
    box-shadow: 0 1px 7px -3px #39c36e !important;
    -webkit-transition: all 0.21s ease;
    -moz-transition: all 0.21s ease;
    transition: all 0.21s ease;
    cursor: pointer;
    margin-left: 6px;
}

.mec-fes-btn-export span:hover {
    background: #222;
}

span.mec-event-export-csv:before,
.mec-event-export-excel:before {
    content: "\e083";
    font-family: simple-line-icons;
    font-size: 13px;
    vertical-align: middle;
    margin-right: 7px;
    margin-top: -1px;
    display: inline-block;
}

.mec-fes-list .wn-p-t-right {
    min-width: 170px;
    max-width: 200px;
    display: inline-block;
    top: -8px;
    left: 50%;
    margin-top: 0;
    transform: translate(-50%, -100%);
    padding: 0;
    background-color: #000;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 0.5px;
    line-height: 1.5;
    position: absolute;
    z-index: 99999999;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: 0 4px 45px -8px #535a61;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.23s;
    padding: 5px 10px 6px;
    border-radius: 8px;
    text-align: center;
    font-style: normal;
}

.mec-fes-list .mec-fes-event-export:hover .wn-p-t-right,
.mec-fes-list .mec-fes-event-view:hover .wn-p-t-right,
.mec-fes-list .mec-fes-event-remove:hover .wn-p-t-right {
    visibility: visible;
    opacity: 1;
}

.mec-fes-list .wn-p-t-right i {
    position: absolute !important;
    top: 100%;
    right: 50%;
    margin-top: -6px !important;
    margin-right: -6px !important;
    width: 12px;
    height: 24px;
    overflow: hidden;
    transform: rotate(-90deg);
}

.mec-fes-list .wn-p-t-right i:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    left: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(-45deg);
    background-color: #000;
    box-shadow: 0 8px 9px -4px #535a61;
}

/* Select 2 Styles */
.mec-fes-form .select2-container {
    min-height: 38px;
    box-sizing: border-box;
    margin-bottom: 8px;
    padding: 0 6px;
    border-radius: 2px;
    border: 1px solid #ddd;
    box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.07);
    background-color: #fff;
    color: #32373c;
    outline: none;
    transition: 0.05s border-color ease-in-out;
    min-width: 200px;
    font-size: 14px;
}

.mec-fes-form .select2-selection {
    border: none;
    background: transparent;
    padding-top: 2px;
    width: 100%;
    height: 100%;
}

.mec-fes-form
    .select2-container--default.select2-container--focus
    .select2-selection {
    border: none !important;
    outline: 0;
}

.mec-fes-form
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    top: 5px;
    right: 4px;
}

.select2-results {
    font-size: 14px;
}

/* FES SubCategories */
.mec-fes-category-children .mec-fes-category-children,
.mec-fes-category-children {
    padding-left: 24px;
}

/* Timeline view */
.mec-wrap .mec-timeline-events-container p,
.mec-wrap .mec-timeline-events-container h4,
.mec-wrap .mec-timeline-events-container div,
.mec-wrap .mec-timeline-events-container a,
.mec-wrap .mec-timeline-events-container span {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
        sans-serif !important;
}
.mec-timeline-events-container {
    margin-left: 19px;
    padding-top: 20px;
    padding-bottom: 9px;
}

.mec-events-timeline-wrap {
    position: relative;
    display: block;
    overflow: visible;
    padding-left: 95px;
}

.mec-events-timeline-wrap:before {
    width: 1px;
    content: "";
    height: 100%;
    position: absolute;
    background: #b8f5ff;
    left: 95px;
}

.mec-timeline-month-divider + .mec-timeline-events-container {
    padding-top: 110px;
}

.mec-timeline-right-content {
    float: right;
    width: 300px;
}

.mec-timeline-left-content {
    float: left;
    width: calc(100% - 300px);
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

.mec-timeline-month-divider {
    position: absolute;
    display: block;
    background: #fff;
    right: calc(100% - 95px);
    left: 0;
    width: 190px;
    text-align: center;
    border: 1px solid #b8f5ff;
    border-radius: 50px;
    font-size: 15px;
    padding: 12px 27px;
    color: #40d9f1;
}

.mec-timeline-event-date {
    position: relative;
}

.mec-timeline-events-container .mec-timeline-event-date:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    background: #40d9f1;
    border-radius: 50px;
    top: 8px;
    left: -24px;
    z-index: 9;
}

.mec-timeline-events-container .mec-timeline-event-date:after {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    background: rgba(64, 217, 241, 0.3);
    border-radius: 50px;
    top: 3px;
    left: -29px;
}

.mec-timeline-event-date {
    float: left;
    width: 17%;
    margin-top: 27px;
}

.mec-timeline-event-content {
    float: left;
    width: 82%;
    background: #fff;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: visible;
    position: relative;
}

.mec-timeline-main-content {
    padding: 23px 30px;
}

.mec-timeline-main-content h4 {
    margin-bottom: 15px;
}

.mec-timeline-main-content h4 a {
    font-size: 25px;
    font-weight: bold;
    color: #000;
    line-height: 33px;
    text-decoration: none;
}

.mec-timeline-main-content p {
    font-size: 15px;
    color: #515151;
    line-height: 24px;
    margin-bottom: 36px;
}

a.mec-timeline-readmore {
    width: 100%;
    display: block;
    text-align: center;
    color: #fff;
    text-decoration: none;
    line-height: 52px;
    font-size: 17px;
    font-weight: bold;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border-radius: 0 0 10px 10px;
}

a.mec-timeline-readmore:hover {
    background: #222;
    color: #fff;
}

.mec-timeline-event-time .mec-time-details {
    display: inline-block;
    margin-left: 7px;
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
}

.mec-timeline-event-time i {
    vertical-align: middle;
}

.mec-timeline-event-time {
    background: rgba(64, 217, 241, 0.11);
    display: inline-block;
    padding: 4px 20px 8px;
    border-radius: 50px;
}

.mec-timeline-event-location address {
    font-style: normal;
    margin-bottom: 0;
}

.mec-timeline-event-location address span {
    font-size: 13px;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 6px;
}

.mec-timeline-event-location address i {
    font-size: 17px;
    vertical-align: middle;
}

.mec-timeline-event-location {
    background: rgba(64, 217, 241, 0.11);
    display: inline-block;
    padding: 7px 20px 11px;
    border-radius: 20px;
    line-height: 1.24;
}

.mec-timeline-event-details + .mec-timeline-event-details {
    margin-top: 12px;
}

.mec-timeline-event-content .col-md-4 {
    padding: 0;
}

.mec-timeline-event-content:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.mec-timeline-event-content:after {
    top: 30px;
    border-color: transparent #ffffff transparent transparent;
    left: -10px;
}

.mec-timeline-event-image img {
    border-radius: 0 10px 0 0;
    width: 100%;
}

.mec-timeline-event-image a {
    display: block;
    line-height: 0;
}

a.mec-timeline-readmore i {
    vertical-align: middle;
    margin-left: 10px;
    font-size: 9px;
}

.mec-wrap .mec-timeline-event-content a.mec-timeline-readmore:hover {
    background: #444;
}

@media (min-width: 1024px) {
    .mec-timeline-event {
        margin: 50px 0;
    }
}

@media (max-width: 1023px) {
    .mec-timeline-event {
        margin: 25px 0;
    }

    .mec-events-timeline-wrap {
        padding-left: 20px;
    }

    .mec-events-timeline-wrap:before {
        left: 20px;
    }
}

@media (max-width: 1200px) and (min-width: 992px) {
    .mec-timeline-event-content {
        width: 81%;
    }

    .mec-timeline-event-date {
        width: 18%;
    }
}

@media (max-width: 992px) {
    .mec-timeline-right-content,
    .mec-timeline-left-content {
        float: none;
        width: 100%;
        text-align: center;
    }

    .mec-timeline-right-content .mec-timeline-event-image {
        text-align: center;
    }

    .mec-timeline-right-content .mec-timeline-event-image img {
        max-width: 300px;
        border-radius: 10px;
        margin-top: 35px;
    }
}

@media (max-width: 440px) {
    .mec-timeline-right-content .mec-timeline-event-image img {
        margin-top: 0px;
    }
}

@media (max-width: 320px) {
    .mec-timeline-event-date,
    .mec-timeline-event-content {
        float: none;
        width: 100%;
    }

    .mec-timeline-event-date {
        margin-bottom: 8px;
    }

    .mec-timeline-event-content:after {
        display: none;
    }

    .mec-timeline-main-content {
        padding: 23px 0px;
    }

    .mec-timeline-main-content p {
        font-size: 13px;
    }

    .mec-timeline-main-content h4 a {
        font-size: 23px;
        line-height: 24px;
    }

    .mec-time-details span {
        font-size: 11px;
    }

    .mec-timeline-event-location address span {
        font-size: 12px;
    }

    a.mec-timeline-readmore {
        line-height: 44px;
        font-size: 14px;
    }
}

.mec-timeline-event-image img {
    margin-bottom: -7px;
    border-radius: 0 10px 10px 0;
}

.mec-timeline-event-image a img {
    margin-bottom: 0;
    border-radius: 0 10px 0 0;
}

/* Tile View */
.mec-event-tile-view article.mec-tile-item {
    height: 400px;
    margin: 15px 0;
    border-radius: 22px;
    padding: 35px 25px;
    position: relative;
    color: #fff;
    background-size: cover !important;
    background-position: center !important;
    box-shadow: 0 2px 9px rgba(0, 0, 0, 0.25);
    transition: all 0.22s ease;
}

.mec-event-tile-view article.mec-tile-item:hover {
    cursor: pointer;
    box-shadow: 0 4px 19px rgba(0, 0, 0, 0.5);
}

.mec-event-tile-view article.mec-tile-item div {
    position: relative;
    z-index: 3;
}

.mec-event-tile-view article.mec-tile-item:before,
.mec-event-tile-view article.mec-tile-item:after {
    position: absolute;
    background: -moz-linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0%, rgba(0, 0, 0, 0.35)),
        color-stop(65%, rgba(0, 0, 0, 0.48)),
        color-stop(100%, rgba(0, 0, 0, 0.72))
    );
    background: -webkit-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0%,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 22px;
    z-index: 1;
}

.mec-event-tile-view article.mec-tile-item:after {
    background-color: inherit;
    background-image: none;
    top: 35px;
    bottom: auto;
    height: 40px;
    border-radius: 0 3px 3px 0;
    width: 97px;
    z-index: 2;
    box-shadow: 2px 1px 7px rgba(0, 0, 0, 0.1);
}

.mec-event-tile-view article.mec-tile-item .event-tile-view-head {
    padding: 8px 3px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 50px;
    text-transform: uppercase;
}

.mec-event-tile-view article.mec-tile-item .event-tile-view-head > div {
    display: inline;
}

.mec-event-tile-view article.mec-tile-item .mec-event-time {
    color: #d6d6d6;
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    padding-top: 4px;
    position: absolute;
    right: 1px;
    top: 10px;
}

.mec-event-tile-view article.mec-tile-item .mec-event-time i {
    vertical-align: baseline;
    font-size: 14px;
    float: left;
}

.mec-event-tile-view article.mec-tile-item i {
    margin-right: 5px;
}

.mec-event-tile-view article.mec-tile-item .mec-event-title {
    color: #fff;
    font-weight: 700;
    font-size: 23px;
    padding-top: 12px;
}

.mec-event-tile-view article.mec-tile-item .mec-event-title a {
    color: #fff;
}

.mec-event-tile-view article.mec-tile-item .mec-event-title a:hover {
    text-decoration: underline;
}

.mec-event-tile-view article.mec-tile-item .mec-event-content {
    position: absolute;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.mec-event-tile-view article.mec-tile-item .mec-tile-into-content-link {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
}

.mec-tile-event-content {
    position: absolute !important;
    bottom: 25px;
    left: 25px;
    right: 25px;
}

.mec-event-tile-view article.mec-label-canceled:before,
.mec-event-tile-view article.mec-label-featured:before {
    /* top: 17px !important;
    left: 110px !important; */
    height: auto;
}

.mec-skin-tile-month-navigator-container {
    position: relative;
    text-align: center;
    font-size: 12px;
    height: 80px;
    background: #f7f7f7;
    padding: 28px;
    border-radius: 11px;
    margin-bottom: 20px;
}

.mec-skin-tile-month-navigator-container:before,
.mec-skin-tile-month-navigator-container:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px;
}

.mec-skin-tile-month-navigator-container:after {
    bottom: -20px;
    border-color: #f7f7f7 transparent transparent transparent;
}

.mec-skin-tile-month-navigator-container:before {
    bottom: -21px;
    border-color: #ffffff transparent transparent transparent;
}

@media only screen and (max-width: 480px) {
    .mec-skin-tile-month-navigator-container {
        height: 110px;
        padding-top: 68px;
    }
}

.mec-skin-tile-month-navigator-container h2 {
    font-size: 23px;
    font-weight: 700;
}

.mec-skin-tile-month-navigator-container .mec-previous-month,
.mec-skin-tile-month-navigator-container .mec-next-month {
    position: absolute;
    top: 28px;
    left: 20px;
    cursor: pointer;
    padding: 3px 12px;
    line-height: 23px;
    background: #fff;
    border-radius: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.02);
    transition: all 0.22s ease;
}

.mec-skin-tile-month-navigator-container .mec-next-month {
    left: auto;
    right: 20px;
}

.mec-skin-tile-month-navigator-container .mec-previous-month:hover,
.mec-skin-tile-month-navigator-container .mec-next-month:hover {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    color: #000;
}

.mec-wrap .mec-event-tile-view article.mec-label-canceled:before,
.mec-wrap .mec-event-tile-view article.mec-label-featured:before {
    position: absolute;
    bottom: auto;
    text-align: center;
    right: auto;
    font-size: 10px;
}

/* Tile View Overlay */
.mec-event-tile-view article.mec-tile-item .mec-tile-overlay {
    position: absolute;
    background: -moz-linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: -webkit-gradient(
        left top,
        right top,
        color-stop(0, rgba(0, 0, 0, 0.35)),
        color-stop(65%, rgba(0, 0, 0, 0.48)),
        color-stop(100%, rgba(0, 0, 0, 0.72))
    );
    background: -webkit-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.35) 0,
        rgba(0, 0, 0, 0.48) 65%,
        rgba(0, 0, 0, 0.72) 100%
    );
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 22px;
    z-index: 1;
}

.mec-wrap .mec-event-tile-view .col-md-3 article.mec-label-canceled:before,
.mec-wrap .mec-event-tile-view .col-md-3 article.mec-label-featured:before {
    top: 12px;
    left: 103px;
    z-index: 9;
}

.mec-wrap .mec-event-tile-view .col-md-4 article.mec-label-canceled:before,
.mec-wrap .mec-event-tile-view .col-md-4 article.mec-label-featured:before {
    top: 18px;
    left: 125px;
}

.mec-wrap .mec-event-tile-view .col-md-6 article.mec-label-canceled:before,
.mec-wrap .mec-event-tile-view .col-md-6 article.mec-label-featured:before {
    top: 20px;
    left: 200px;
}

@media (max-width: 960px) {
    .mec-wrap .mec-event-tile-view .col-sm-3 {
        width: 50%;
    }
}

@media (max-width: 480px) {
    .mec-wrap .mec-event-tile-view .col-sm-3 {
        width: 100%;
    }
}

.mec-event-tile-view article.mec-tile-item.tile-multipleday-event:after {
    width: 165px;
}

/* Tile View Responsive */
.mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
    top: 100px;
    left: 140px;
}

.mec-event-tile-view .col-md-4.col-sm-4 article.mec-label-canceled:before {
    top: 20px;
    left: 140px;
}

@media (min-width: 761px) and (max-width: 1200px) {
    .mec-event-tile-view .col-md-3.col-sm-3 {
        width: 50%;
    }

    .mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
        top: 80px;
        left: 90px;
    }

    .mec-event-tile-view .col-md-4.col-sm-4 article.mec-label-canceled:before {
        top: 40px;
        left: 70px;
    }

    .mec-event-tile-view .col-md-3.col-sm-3 article.mec-label-canceled:before {
        top: 90px;
        left: 110px;
    }
}

@media (min-width: 761px) and (max-width: 1024px) {
    .mec-event-tile-view .col-md-4.col-sm-4 {
        width: 50%;
    }

    .mec-event-tile-view .col-md-4.col-sm-4:nth-child(1n + 3) {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .mec-event-tile-view .col-md-3.col-sm-3 {
        width: 100%;
    }

    .mec-event-tile-view .col-md-4.col-sm-4 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .mec-event-tile-view .col-md-6.col-sm-6 article.mec-label-canceled:before {
        top: 100px;
        left: 80px;
    }
}

/* Date style for calendar view */
.mec-calendar .mec-event-article .mec-event-date {
    font-size: 12px;
    text-align: left;
}

.mec-event-detailed-time {
    display: flex;
}

.mec-event-detailed-time i {
    width: 15px;
    padding-top: 7px;
}

/* Normal Label - Default Style for All Skins */
.mec-ongoing-normal-label {
    background-color: #40d9f1;
}

.mec-expired-normal-label {
    background-color: #000;
}

.mec-wrap .mec-labels-normal .mec-label-normal,
.mec-wrap .mec-cancellation-reason span {
    position: relative;
    top: -3px;
    font-size: 11px;
    font-weight: 300;
    margin-left: 10px;
    line-height: 1.9;
    letter-spacing: 1px;
    color: #fff;
    padding: 2px 7px;
    border-radius: 2px;
    white-space: nowrap;
}
.mec-timetable-event .mec-labels-normal .mec-label-normal,
.tooltipster-box .mec-labels-normal .mec-label-normal,
.mec-agenda-event-title .mec-labels-normal .mec-label-normal {
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 2px 7px;
    color: #fff;
    position: relative;
    margin-left: 5px;
    border-radius: 2px;
    top: 0;
}

.mec-tile-item .mec-labels-normal .mec-label-normal,
.mec-timeline-event .mec-labels-normal .mec-label-normal,
.mec-owl-carousel:not(.mec-slider-t1) .mec-labels-normal .mec-label-normal,
.mec-av-spot .mec-labels-normal .mec-label-normal,
.mec-event-countdown-part1 .mec-labels-normal .mec-label-normal,
.mec-event-countdown-part2 .mec-labels-normal .mec-label-normal,
.mec-event-cover-modern .mec-labels-normal .mec-label-normal,
.mec-masonry-content .mec-labels-normal .mec-label-normal,
.tooltipster-box .mec-labels-normal .mec-label-normal {
    margin: 0 5px 0 0;
}

.mec-event-countdown-style3 .mec-labels-normal .mec-label-normal {
    margin: 0 0 0 5px;
}

.mec-event-footer-carousel-type3 .mec-labels-normal .mec-label-normal {
    display: inline;
}

.mec-event-carousel-type4 .mec-fc-style {
    display: none;
}

.mec-event-carousel-type4 .mec-labels-normal {
    top: -20px;
    position: relative;
}

/* Cancelled Reason */
.mec-wrap .mec-cancellation-reason {
    display: inline-block;
}

.mec-wrap .mec-cancellation-reason span {
    line-height: 1.3;
    background: #eb3450;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
}

.mec-wrap .mec-event-list-accordion .mec-labels-normal .mec-label-normal,
.mec-wrap .mec-event-list-accordion .mec-cancellation-reason span {
    top: 7px;
}

.mec-agenda-event-title .mec-cancellation-reason span,
.mec-timetable-event .mec-cancellation-reason span,
.tooltipster-box .mec-cancellation-reason span {
    font-size: 9px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 2px 7px;
    color: #fff;
    position: relative;
    margin-left: 5px;
    border-radius: 2px;
    top: 0;
}

.mec-wrap .mec-event-container-novel .mec-cancellation-reason span,
.mec-wrap .mec-event-container-novel .mec-labels-normal .mec-label-normal {
    white-space: inherit;
    margin-left: 0px;
}

.mec-wrap .mec-event-container-simple .mec-cancellation-reason span,
.mec-wrap .mec-event-container-simple .mec-labels-normal .mec-label-normal {
    top: -12px;
    white-space: inherit;
    margin-left: 0px;
}

.mec-tile-item .mec-cancellation-reason span,
.mec-timeline-event .mec-cancellation-reason span,
.mec-owl-carousel:not(.mec-slider-t1) .mec-cancellation-reason span,
.mec-av-spot .mec-cancellation-reason span,
.mec-event-countdown-part1 .mec-cancellation-reason span,
.mec-event-countdown-part2 .mec-cancellation-reason span,
.mec-event-cover-modern .mec-cancellation-reason span,
.mec-masonry-content .mec-cancellation-reason span,
.tooltipster-box .mec-cancellation-reason span {
    margin: 0 5px 0 0;
}

.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-event-title-soldout,
.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-few-tickets {
    display: inline;
}

.mec-owl-carousel .mec-event-footer-carousel-type3 span.soldout,
.mec-owl-carousel .mec-event-footer-carousel-type3 span.mec-labels-normal {
    margin-top: 0;
    color: #fff;
    display: unset;
}

.mec-wrap .mec-single-event .mec-cancellation-reason span {
    margin: 0;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: bold;
    white-space: normal;
    word-break: break-word;
}

.featherlight-content .mec-cancellation-reason {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: -10px;
}

/* Display Custom Data Fields */
.mec-event-data-fields {
    margin-bottom: 30px;
}

.mec-event-data-fields ul.mec-event-data-field-items {
    overflow: hidden;
    padding-top: 10px;
    padding-left: 0;
}

.mec-event-data-fields .mec-event-data-field-item {
    list-style: none;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e1e2e3;
    padding-bottom: 8px;
    width: 50%;
    float: left;
}

.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-value {
    margin: 0 0 8px 0;
    color: #616263;
    font-size: 13px;
    line-height: 1.5;
}

.mec-event-data-fields .mec-event-data-field-item:last-child {
    border: none;
    width: 100%;
}

.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name {
    text-transform: none;
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 5px;
    color: #313131;
    width: 100%;
    padding-bottom: 10px;
    position: relative;
    letter-spacing: -0.2px;
}

@media (max-width: 768px) {
    .mec-event-data-fields .mec-event-data-field-item {
        width: 100%;
    }
}

.mec-wrap .col-md-4 .mec-event-data-fields .mec-event-data-field-item {
    width: 100%;
    display: block;
}

/* #Organizer for all shorrcodes
	================================================== */
.mec-shortcode-organizers {
    overflow: hidden;
    margin-top: 7px;
    font-weight: 400;
    line-height: 19px;
    font-size: 12px;
}

.mec-event-list-minimal .mec-shortcode-organizers {
    margin-top: 6px;
}

.mec-shortcode-organizers i {
    color: #777;
}

.mec-shortcode-organizers .mec-organizers {
    display: inline-block;
    list-style: none;
    padding: 0 0 0 3px;
    vertical-align: top;
}

.mec-organizer-item a {
    color: #777;
}

/* List standard */
.mec-event-list-standard .mec-shortcode-organizers .mec-sl-user:before {
    position: absolute;
    left: 6px;
    font-size: 15px;
    line-height: 26px;
}

.mec-organizer-item a {
    font: 14px/25px sans-serif;
    font-weight: 400;
    color: #626262;
}

.mec-shortcode-organizers {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px;
}

/* Grid View*/
.mec-skin-grid-container .mec-organizers,
.mec-skin-grid-container .mec-shortcode-organizers {
    padding: 0;
    margin: 0;
}

.mec-skin-grid-container .mec-shortcode-organizers i {
    display: none;
}

.mec-skin-grid-container .mec-event-grid-colorful .mec-shortcode-organizers a,
.mec-skin-grid-container
    .mec-event-grid-colorful
    .mec-shortcode-organizers
    a:hover,
.mec-skin-grid-container .mec-event-grid-clean .mec-shortcode-organizers a,
.mec-skin-grid-container
    .mec-event-grid-clean
    .mec-shortcode-organizers
    a:hover {
    color: #fff;
    font-size: 12px;
}

.mec-skin-grid-container
    .mec-event-grid-colorful
    .mec-shortcode-organizers
    a:hover,
.mec-skin-grid-container
    .mec-event-grid-clean
    .mec-shortcode-organizers
    a:hover {
    text-decoration: underline;
}

.mec-skin-grid-container .mec-event-grid-minimal .mec-shortcode-organizers {
    margin-top: 12px;
}

.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers {
    position: relative;
}

.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers i {
    display: block;
    color: rgba(255, 255, 255, 0.4);
}

.mec-skin-grid-container
    .mec-event-grid-novel
    .mec-shortcode-organizers
    i:before {
    position: absolute;
    top: 6px;
    left: 6px;
    font-size: 17px;
    font-family: simple-line-icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
}

.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers a {
    padding-left: 35px;
    font-size: 15px;
    line-height: 30px;
    color: rgba(255, 255, 255, 0.4);
}

.mec-skin-grid-container
    .mec-event-grid-novel
    .mec-shortcode-organizers
    a:hover {
    color: #fff;
}

/* weekly */
.mec-calendar-daily .mec-shortcode-organizers,
.mec-calendar-daily .mec-shortcode-organizers .mec-organizers {
    padding: 0;
}

.mec-calendar-daily .mec-shortcode-organizers i {
    display: none;
}

.mec-calendar-daily .mec-organizer-item a {
    font-size: 13px;
    line-height: 1.3;
    color: #9a9a9a;
    margin-bottom: 0;
}

/* Masonry View */
.mec-events-masonry-wrap .mec-shortcode-organizers i {
    display: none;
}

.mec-events-masonry-wrap .mec-shortcode-organizers,
.mec-events-masonry-wrap .mec-shortcode-organizers .mec-organizers {
    padding: 0;
}

.mec-events-timeline-wrap .mec-shortcode-organizers {
    width: fit-content;
    display: inline-block;
    padding: 4px 20px 8px;
    border-radius: 50px;
}

.mec-events-timeline-wrap .mec-shortcode-organizers .mec-organizers,
.mec-events-timeline-wrap .mec-organizer-item {
    margin: 0;
    display: inline-block;
    padding-right: 7px;
}

.mec-events-timeline-wrap .mec-shortcode-organizers i {
    line-height: 24px;
    margin-right: 7px;
}

.mec-events-timeline-wrap .mec-organizer-item:after {
    content: ",";
}

.mec-events-timeline-wrap .mec-organizer-item:last-child:after {
    content: "";
    padding: 0;
}

.mec-events-timeline-wrap .mec-organizer-item:after,
.mec-events-timeline-wrap .mec-organizer-item a {
    font-weight: 500;
}

.mec-events-timeline-wrap .mec-organizer-item a:hover {
    text-decoration: underline;
}

/* Tile View */
.mec-event-tile-view .mec-shortcode-organizers,
.mec-event-tile-view .mec-shortcode-organizers .mec-organizers {
    padding: 0;
}

.mec-event-tile-view .mec-shortcode-organizers i {
    line-height: 24px;
}

.mec-event-tile-view .mec-shortcode-organizers i,
.mec-event-tile-view .mec-shortcode-organizers .mec-organizers a {
    color: #fff;
}

/* MEC - Dark Mode*/
.mec-dark-mode
    .mec-calendar.mec-calendar-daily
    .mec-calendar-d-table
    .mec-modal-preloader,
.mec-dark-mode .mec-month-navigator-loading {
    background-color: rgba(40, 40, 40, 0.88);
}

.mec-dark-mode .mec-modal-wrap,
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next,
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev,
.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event,
.mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt,
.mec-dark-mode .mec-calendar .mec-calendar-row dt:hover,
.mec-dark-mode .mec-event-grid-classic .mec-event-content,
.mec-dark-mode .mec-map-view-event-detail.mec-event-detail,
.mec-dark-mode .mec-events-toggle .mec-toggle-content .mec-modal-wrap,
.mec-dark-mode .mec-event-footer .mec-booking-button,
/* Up Shortcode */
.mec-dark-mode .mec-wrap .button,
.mec-dark-mode .mec-wrap a.button:not(.owl-dot):hover,
.mec-dark-mode .mec-wrap button:not(.owl-dot):hover,
.mec-dark-mode .mec-wrap input[type=button]:hover,
.mec-dark-mode .mec-wrap input[type=reset]:hover,
.mec-dark-mode .mec-wrap input[type=submit]:hover,
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
.mec-dark-mode .mec-events-meta-group-tags a:hover,
.mec-dark-mode .mec-next-event-details a,
.mec-dark-mode .mec-event-schedule-content .mec-schedule-speakers {
    background-color: #1f1f1f;
    color: #d2d2d2;
}

/* Modal Popup Scroolbar */
.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar {
    width: 12px;
}

.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar-track {
    background: #000;
}

.mec-dark-mode .mec-modal-wrap::-webkit-scrollbar-thumb {
    background-color: #333;
    border-radius: 20px;
    border: 2px solid #000;
}

/* Modal Popup Overlay */
.mec-dark-mode .mec-modal-preloader,
.mec-dark-mode .mec-month-navigator-loading {
    background-color: #1f1f1f;
}

.mec-dark-mode .mec-skin-tile-month-navigator-container,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table {
    background: #282828;
}

.mec-dark-mode .mec-skin-tile-month-navigator-container:after {
    border-color: #282828 transparent transparent transparent;
}

.mec-dark-mode .mec-event-grid-novel .mec-event-article,
body.mec-dark-mode .mec-single-modern .mec-single-event-bar {
    background-color: #282828;
    color: #d2d2d2;
}

.mec-dark-mode .mec-fes-form input[type=email],
.mec-dark-mode .mec-fes-form input[type=number],
.mec-dark-mode .mec-fes-form input[type=password],
.mec-dark-mode .mec-fes-form input[type=tel],
.mec-dark-mode .mec-fes-form input[type=text],
.mec-dark-mode .mec-fes-form select,
.mec-dark-mode .mec-fes-form textarea,
.mec-dark-mode .mec-fes-form,
.mec-dark-mode .mec-fes-list,
/* FES */
.mec-dark-mode .mec-slider-t1-wrap,
.mec-dark-mode .event-carousel-type2-head,
.mec-dark-mode .mec-event-carousel-content,
.mec-dark-mode .mec-wrap .mec-event-countdown-style2,
.mec-dark-mode .mec-wrap .mec-event-countdown-style1,
.mec-dark-mode .mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button,
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-ttt2-title,
.mec-dark-mode .mec-timetable-t2-wrap,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event,
.mec-dark-mode .mec-calendar .mec-event-article:hover,
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head dt,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-event-article:hover,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-selected-day,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic dt.mec-selected-day:hover,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year:hover,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year:hover,
.mec-dark-mode .mec-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
.mec-dark-mode .mec-events-agenda-wrap,
.mec-dark-mode .mec-event-grid-classic .mec-event-content .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
.mec-dark-mode .mec-map-lightbox-wp,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner,
.mec-dark-mode .mec-event-footer,
.mec-dark-mode .mec-event-list-standard .mec-topsec,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
.mec-dark-mode.mec-wrap .mec-totalcal-box i,
.mec-dark-mode.mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode.mec-wrap .mec-totalcal-box input,
.mec-dark-mode.mec-wrap .mec-totalcal-box select,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.mec-dark-mode .mec-load-more-button,
/*up shortcodes */
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-hourly-schedule-speaker-info,
.mec-dark-mode .mec-related-event-content,
.mec-dark-mode .mec-events-meta-group-tags a,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
.mec-dark-mode .mec-single-event .mec-frontbox,
.mec-dark-mode .mec-single-event .mec-events-meta-group-countdown,
.mec-dark-mode .mec-event-cost,
.mec-dark-mode .mec-event-more-info,
.mec-dark-mode .mec-event-website,
.mec-dark-mode .mec-events-meta-date,
.mec-dark-mode .mec-single-event-additional-organizers,
.mec-dark-mode .mec-single-event-category,
.mec-dark-mode .mec-single-event-date,
.mec-dark-mode .mec-single-event-label,
.mec-dark-mode .mec-single-event-location,
.mec-dark-mode .mec-single-event-organizer,
.mec-dark-mode .mec-single-event-time,
.mec-dark-mode .mec-single-event .mec-speakers-details ul li,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a,
.mec-dark-mode .mec-single-modern .col-md-4 .mec-frontbox {
    background-color: #282828;
}

.mec-dark-mode .mec-fes-form input[type=email],
.mec-dark-mode .mec-fes-form input[type=number],
.mec-dark-mode .mec-fes-form input[type=password],
.mec-dark-mode .mec-fes-form input[type=tel],
.mec-dark-mode .mec-fes-form input[type=text],
.mec-dark-mode .mec-fes-form select,
.mec-dark-mode .mec-fes-form textarea,
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
.mec-dark-mode .event-carousel-type2-head,
.mec-dark-mode .mec-event-carousel-content,
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-timetable-t2-wrap,
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head dt,
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month,
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
.mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt,
.mec-dark-mode .mec-box-calendar.mec-calendar dt,
.mec-dark-mode .mec-yearly-view-wrap,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
.mec-dark-mode .mec-events-agenda-wrap,
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
.mec-dark-mode .mec-events-toggle .mec-toggle-content,
.mec-dark-mode .mec-events-toggle .mec-toggle-item,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner,
.mec-dark-mode .mec-event-footer .mec-booking-button,
.mec-dark-mode .mec-event-list-standard .mec-event-meta-wrap,
.mec-dark-mode .mec-event-list-standard .mec-event-article,
.mec-dark-mode .mec-event-footer,
.mec-dark-mode .mec-event-list-standard .mec-topsec,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
.mec-dark-mode .mec-event-list-modern .mec-event-article,
.mec-dark-mode .mec-event-list-minimal .mec-event-article,
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.mec-dark-mode .mec-load-more-button,
/*up shortcodes */
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details,
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li,
.mec-dark-mode .mec-breadcrumbs,
.mec-dark-mode .mec-hourly-schedule-speaker-info,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
.mec-dark-mode .mec-single-event .mec-frontbox,
.mec-dark-mode .mec-single-event .mec-events-meta-group-countdown,
.mec-dark-mode .mec-next-event-details a,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking form>h4,
.mec-dark-mode .mec-single-event .mec-frontbox-title,
.mec-dark-mode .mec-event-schedule-content,
.mec-dark-mode .mec-event-schedule-content dl:before,
.mec-dark-mode .mec-events-meta-group-tags a,
.mec-dark-mode .mec-breadcrumbs {
    border-color: #353535;
}

.mec-dark-mode .mec-fes-form input[type=email],
.mec-dark-mode .mec-fes-form input[type=number],
.mec-dark-mode .mec-fes-form input[type=password],
.mec-dark-mode .mec-fes-form input[type=tel],
.mec-dark-mode .mec-fes-form input[type=text],
.mec-dark-mode .mec-fes-form select,
.mec-dark-mode .mec-fes-form textarea,
.mec-dark-mode .mec-fes-form label,
.mec-dark-mode .mec-fes-form,
.mec-dark-mode .mec-fes-list,
/* FES */
.mec-dark-mode .mec-timeline-main-content h4 a,
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next i,
.mec-dark-mode .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i,
.mec-dark-mode .mec-event-carousel-content .mec-event-carousel-title a,
.mec-dark-mode .mec-ttt2-title,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event span a,
.mec-dark-mode .mec-timetable-event .mec-timetable-event-time,
.mec-dark-mode .mec-tooltip-event-title,
.mec-dark-mode .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day,
.mec-dark-mode .mec-calendar dt,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event,
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
.mec-dark-mode .mec-event-grid-simple .mec-event-title a,
.mec-dark-mode .mec-event-grid-modern .mec-event-title a,
.mec-dark-mode .mec-event-grid-minimal .mec-event-date span,
.mec-dark-mode .mec-event-grid-minimal .mec-event-title a,
.mec-dark-mode .mec-event-grid-clean .mec-event-title a,
.mec-dark-mode .mec-event-grid-classic .mec-event-title a,
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner i,
.mec-dark-mode .mec-event-list-standard .mec-event-title a,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a,
.mec-dark-mode .mec-event-list-minimal .mec-event-title a,
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li,
.mec-dark-mode .mec-events-meta-group-booking ul.mec-book-price-details li span.mec-book-price-detail-amount,
.mec-dark-mode .mec-event-list-classic .mec-event-title a,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.mec-dark-mode .mec-load-more-button,
/*up shortcodes */
.mec-dark-mode .mec-wrap,
.mec-dark-mode .mec-wrap p,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking h5 span,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking label,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=date],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=email],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=number],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=password],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=tel],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=text],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking select,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking textarea,
.mec-dark-mode .mec-wrap .mec-event-schedule-content a,
.mec-dark-mode .mec-hourly-schedule-speaker-description,
.mec-dark-mode .mec-hourly-schedule-speaker-name,
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
.mec-dark-mode .mec-related-event-content span,
.mec-dark-mode .mec-related-event-content h5 a,
.mec-dark-mode .mec-events-meta-group-tags a,
.mec-dark-mode .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title,
.mec-dark-mode .mec-breadcrumbs a,
.mec-dark-mode .mec-single-event .mec-event-meta dt,
.mec-dark-mode .mec-single-event .mec-event-meta h3,
.mec-dark-mode .mec-single-modern .mec-single-event-bar>div h3,
.mec-dark-mode .entry-content .mec-wrap h1,
.mec-dark-mode .entry-content .mec-wrap h2,
.mec-dark-mode .entry-content .mec-wrap h3,
.mec-dark-mode .entry-content .mec-wrap h4,
.mec-dark-mode .entry-content .mec-wrap h5,
.mec-dark-mode .entry-content .mec-wrap h6,
.mec-dark-mode .mec-wrap h1,
.mec-dark-mode .mec-wrap h2,
.mec-dark-mode .mec-wrap h3,
.mec-dark-mode .mec-wrap h4,
.mec-dark-mode .mec-wrap h5,
.mec-dark-mode .mec-wrap h6,
.mec-dark-mode .mec-next-event-details abbr,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking form>h4,
.mec-dark-mode .mec-single-event .mec-frontbox-title,
.mec-dark-mode .mec-wrap .mec-single-title,
.mec-dark-mode .mec-event-content p {
    color: #d2d2d2;
}

.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event:hover,
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a:hover,
.mec-dark-mode .mec-event-grid-minimal .mec-event-date:hover,
.mec-dark-mode .mec-event-grid-minimal .mec-event-title a:hover,
.mec-dark-mode .mec-event-grid-classic .mec-event-title a:hover,
.mec-dark-mode .mec-event-list-classic .mec-event-title a:hover,
.mec-dark-mode .mec-event-footer .mec-booking-button:hover,
.mec-dark-mode .mec-event-list-standard .mec-event-title a:hover,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a:hover,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
.mec-dark-mode .mec-event-list-minimal .mec-event-title a:hover,
/* Up Shortcode */
.mec-dark-mode .mec-wrap a:hover,
.mec-dark-mode .mec-single-event .mec-event-meta dd a:hover,
.mec-dark-mode .mec-breadcrumbs a:hover {
    color: #fff;
}

.mec-dark-mode
    .mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:first-child {
    border-color: #333 !important;
}

.mec-dark-mode
    .mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix:nth-child(odd) {
    background: #1f1f1f !important;
}

.mec-dark-mode
    .mec-fes-form
    .mec-attendees-wrapper
    .mec-attendees-list
    .w-clearfix {
    background: #282828 !important;
}

.mec-dark-mode
    .lity-container
    .mec-events-meta-group-booking
    input[type="radio"]:before,
.mec-dark-mode
    .mec-single-event
    .mec-events-meta-group-booking
    input[type="radio"]:before,
.mec-dark-mode
    .mec-single-event
    .mec-events-meta-group-booking
    input[type="checkbox"],
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title:before {
    background-color: #c4cace;
}

.mec-dark-mode .mec-month-divider span,
.mec-dark-mode
    .lity-container
    .mec-events-meta-group-booking
    input[type="radio"]:before,
.mec-dark-mode
    .mec-single-event
    .mec-events-meta-group-booking
    input[type="radio"]:before,
.mec-dark-mode
    .mec-single-event
    .mec-events-meta-group-booking
    input[type="checkbox"],
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title:before {
    border-color: #313131;
}

.mec-dark-mode .mec-timeline-month-divider,
.mec-dark-mode .mec-timeline-event-content,
.mec-dark-mode .mec-slider-t5-wrap,
.mec-dark-mode .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-slider-t5 .mec-slider-t5-content,
.mec-dark-mode .mec-slider-t1 .mec-slider-t1-content,
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-av-spot .mec-av-spot-content,
.mec-dark-mode .mec-av-spot .mec-av-spot-head,
.mec-dark-mode .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3,
.mec-dark-mode .mec-event-cover-classic,
.mec-dark-mode .mec-masonry .mec-masonry-content,
.mec-dark-mode .mec-masonry .mec-masonry-head,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event:hover,
.mec-dark-mode .tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-content,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
.mec-dark-mode .mec-yearly-view-wrap .mec-calendar.mec-yearly-calendar,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-calendar-sec,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-next-month:hover,
.mec-dark-mode .mec-calendar .mec-calendar-side .mec-previous-month:hover,
.mec-dark-mode .mec-calendar dt,
.mec-dark-mode .mec-calendar .mec-calendar-topsec,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a:hover,
.mec-dark-mode .mec-calendar.mec-calendar-weekly .mec-calendar-d-table dl dt:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table .mec-daily-view-day.mec-has-event:hover,
.mec-dark-mode .mec-calendar .mec-event-article:hover,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-top,
.mec-dark-mode .mec-agenda-events-wrap,
.mec-dark-mode .mec-event-grid-modern .mec-event-content,
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
.mec-dark-mode .mec-event-grid-clean .mec-event-content,
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner:hover,
.mec-dark-mode .mec-event-footer .mec-booking-button:hover,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
/* Up Shortcode */
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a:hover i {
    background: #191919;
}

.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
/* FES */
.mec-dark-mode .mec-timeline-month-divider,
.mec-dark-mode .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-event-sharing-wrap>li:first-of-type,
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-booking-button,
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-av-spot,
.mec-dark-mode .mec-event-cover-clean,
.mec-dark-mode .mec-event-cover-classic,
.mec-dark-mode .mec-masonry,
.mec-dark-mode .mec-calendar.mec-box-calendar .mec-table-nullday:last-child,
.mec-dark-mode .mec-calendar .mec-event-article,
.mec-dark-mode .mec-box-calendar.mec-calendar dl dt:last-child,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-next-year,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-year,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-next-month:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-previous-month:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table,
.mec-dark-mode .mec-calendar,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-next-month,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-month,
.mec-dark-mode .mec-events-agenda,
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:after,
.mec-dark-mode .mec-event-grid-classic .mec-event-article,
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing {
    border-color: #353535;
}

.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:after {
    border-color: #191919 transparent transparent transparent;
}

.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:before {
    border-color: #353535 transparent transparent transparent;
}

.mec-dark-mode
    .mec-wrap
    .mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="text"],
.mec-dark-mode
    .mec-wrap
    .mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="email"],
.mec-dark-mode .mec-events-meta-group-booking .StripeElement,
.mec-dark-mode
    .mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="text"] {
    background: #999 !important;
    border: 1px solid #353535 !important;
    box-shadow: none !important;
    color: #353535 !important;
}

.mec-dark-mode
    .CardField
    CardField--ltr
    .__PrivateStripeElement
    .InputContainer
    input {
    color: #d2d2d2 !important;
}

.mec-dark-mode .mec-events-toggle .mec-toggle-item {
    border: 1px solid #e4e4e4;
    box-shadow: 0 10px 15px #282828;
}

.mec-dark-mode
    .mec-agenda-events-wrap
    .mec-event-grid-colorful
    .mec-event-content {
    background-color: transparent;
}

.mec-dark-mode .mec-calendar .mec-calendar-side {
    box-shadow: 0 1px 5px 6px rgba(255, 255, 255, 0.005) inset;
}

.mec-dark-mode
    .tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active)
    .tooltipster-box {
    border: 1px solid #282828 !important;
}

.mec-dark-mode .mec-timeline-event-content:after {
    border-color: transparent #191919 transparent transparent;
}

/* FES */
.mec-dark-mode .mec-fes-form .mec-meta-box-fields {
    box-shadow: 0 2px 6px -3px #353535;
}

.mec-dark-mode .mec-fes-form .mec-meta-box-fields h4 {
    color: #d2d2d2;
    background: #000;
}

.mec-dark-mode .mec-fes-form input[type="email"],
.mec-dark-mode .mec-fes-form input[type="number"],
.mec-dark-mode .mec-fes-form input[type="password"],
.mec-dark-mode .mec-fes-form input[type="tel"],
.mec-dark-mode .mec-fes-form input[type="text"],
.mec-dark-mode .mec-fes-form select,
.mec-dark-mode .mec-fes-form textarea {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.38) inset;
}

.mec-dark-mode .mec-fes-form input {
    background: #353535 !important;
    color: #d2d2d2 !important;
}

.mec-dark-mode .mec-booking-tab-content .button:hover,
.mec-dark-mode .mec-booking-tab-content .mec-reg-field-add-option:hover,
.mec-dark-mode .mec-fes-form .mec-form-row .button:not(.wp-color-result):hover {
    background: #353535;
    color: #d2d2d2;
    border-color: #353535;
    box-shadow: 0 2px 6px -3px #353535;
}

.mec-dark-mode .mec-booking-tab-content .button,
.mec-dark-mode .mec-booking-tab-content .mec-reg-field-add-option,
.mec-dark-mode .mec-fes-form .mec-form-row .button:not(.wp-color-result),
.mec-dark-mode .mec-fes-form input[type="file"],
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove,
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove {
    color: #d2d2d2;
    background: #282828;
    border: 2px solid #353535;
    box-shadow: 0 2px 6px -3px #353535;
}

.mec-dark-mode #mec_reg_form_fields input[type="checkbox"],
.mec-dark-mode #mec_reg_form_fields input[type="radio"],
.mec-dark-mode .mec-form-row input[type="checkbox"],
.mec-dark-mode .mec-form-row input[type="radio"] {
    background-color: #000;
    border: 1px solid #353535;
    box-shadow: 0 1px 3px -1px #353535;
}

.mec-dark-mode .mec-fes-form .select2-container {
    border: 1px solid #353535;
    background-color: #282828;
    color: #d2d2d2;
}

.mec-dark-mode ul#mec_bfixed_form_fields li,
.mec-dark-mode ul#mec_orgz_form_row li,
.mec-dark-mode ul#mec_reg_form_fields li {
    background: #000;
    border-color: #000;
}

.mec-dark-mode
    #mec_meta_box_tickets_form
    [id^="mec_ticket_row"]
    .mec_add_price_date_button {
    background: #000;
    border-color: #2d2d2d;
    box-shadow: 0 2px 6px -3px #2d2d2d;
}

.mec-dark-mode #mec_reg_form_field_types .button.red {
    background: #2d2d2d;
    border-color: #2d2d2d;
    box-shadow: 0 2px 6px -3px #2d2d2d;
}

.mec-dark-mode #mec_bfixed_form_field_types .button,
.mec-dark-mode #mec_reg_form_field_types .button {
    color: #d2d2d2;
    box-shadow: 0 2px 6px -3px #2d2d2d;
    border-color: #2d2d2d;
}

.mec-dark-mode
    #mec_meta_box_tickets_form
    [id^="mec_ticket_row"]
    .mec_add_price_date_button:hover,
.mec-dark-mode #mec_reg_form_field_types .button:hover {
    background: #000;
}

.mec-dark-mode ul#mec_bfixed_form_fields li .mec_bfixed_field_remove,
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove,
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove {
    background: #282828;
}

.mec-dark-mode ul#mec_bfixed_form_fields li .mec_bfixed_field_remove:hover,
.mec-dark-mode ul#mec_orgz_form_row li .mec-additional-organizer-remove:hover,
.mec-dark-mode ul#mec_reg_form_fields li .mec_reg_field_remove:hover,
.mec-dark-mode
    #mec_taxes_fees_container_toggle
    [id^="mec_remove_fee_button"]:hover,
.mec-dark-mode
    #mec_ticket_variations_list
    [id^="mec_remove_ticket_variation_button"]:hover {
    color: #fff;
    border: 2px solid #ea6485;
    background: #ea6485;
}

/* Booking Shortcode */
.mec-events-meta-group-booking-shortcode {
    background-color: #e6f7ff;
    padding: 40px;
    position: relative;
}

.mec-events-meta-group-booking-shortcode h4 {
    margin-bottom: 20px;
}

.mec-booking-shortcode .mec-event-tickets-list.mec-sell-all-occurrences {
    width: 100%;
}

.mec-booking-shortcode .mec-book-reg-field-mec_email {
    width: 48%;
    display: inline-block;
    margin-right: 30px;
}

.mec-booking-shortcode .mec-book-reg-field-name {
    width: 48%;
    display: inline-block;
}

.mec-booking-shortcode
    .mec-form-row.mec-paypal-credit-card-expiration-date-month {
    width: 48%;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
}

.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-cvv2 {
    width: 48%;
    display: inline-block;
}

.mec-booking-shortcode
    .mec-form-row.mec-paypal-credit-card-expiration-date-month
    .nice-select {
    width: 48%;
    display: inline-block;
}

.mec-booking-shortcode
    .mec-form-row.mec-paypal-credit-card-expiration-date-month
    label {
    width: 100%;
}

.mec-booking-shortcode
    .mec-form-row.mec-paypal-credit-card-expiration-date-month
    .nice-select:first-of-type {
    margin-right: 10px;
}

.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-card-type,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-first-name,
.mec-booking-shortcode .mec-form-row.mec-name-stripe {
    width: 48%;
    vertical-align: top;
    display: inline-block;
    margin-right: 30px;
}

.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-cc-number,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-last-name,
.mec-booking-shortcode .mec-form-row.mec-email-stripe {
    width: 48%;
    display: inline-block;
}

.mec-events-meta-group-booking .mec-booking-shortcode .StripeElement {
    height: 56px;
    padding: 19px 12px 0;
    max-width: 420px;
}

.mec-booking-shortcode .nice-select,
.mec-booking-shortcode input {
    float: none;
    border: 1px solid #c7ebfb !important;
    border-radius: 3px;
    background-color: #fff;
    height: 41px;
    line-height: 39px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
    margin-bottom: 24px !important;
    color: #00acf8;
    font-size: 14px;
    font-weight: 400;
    box-shadow: none !important;
    min-height: unset;
    min-width: unset;
    padding-top: 0;
    padding-bottom: 0;
}

.mec-booking-shortcode .mec-gateway-message.mec-success {
    /* margin-bottom: -20px; */
    font-size: 14px;
}

.mec-booking-shortcode .mec-form-row.mec-name-stripe {
    margin-bottom: 0 !important;
}

.mec-booking-shortcode
    .mec-book-form-gateways
    [id*="mec_book_form_gateway_checkout"]
    input[type="text"],
.mec-events-meta-group-booking .mec-booking-shortcode .StripeElement {
    border: 1px solid #c7ebfb !important;
    border-radius: 3px;
    box-shadow: none !important;
}

.mec-booking-shortcode .nice-select ul {
    width: 100%;
}

.mec-booking-shortcode label,
.mec-booking-shortcode .mec-event-ticket-name,
.mec-booking-shortcode .mec-event-ticket-price,
.mec-booking-shortcode .mec-ticket-variation-name,
.mec-booking-shortcode .mec-ticket-variation-price {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #00acf8;
    padding-right: 5px;
    margin: 0 0 4px !important;
}

.mec-booking-shortcode span.mec-event-ticket-available {
    margin-top: -22px !important;
    margin-bottom: 28px !important;
    display: block;
    font-size: 11px;
    letter-spacing: 0.5px;
    font-weight: 300;
    color: #80abbf;
}

.mec-booking-shortcode button {
    background-color: #00acf8;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0, 172, 248, 0.27);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 0.5px;
    margin: 0;
    min-width: 116px;
    padding: 16px 15px 14px;
    float: none;
    position: relative;
    border: none;
    color: #fff;
    display: inline-block;
}

.mec-booking-shortcode .mec-booking-form-container ul li {
    list-style: none;
}

.mec-booking-shortcode .mec-booking-form-container ul {
    padding: 0;
}

.mec-events-meta-group-booking-shortcode .mec-error {
    background-color: #ff017e;
    color: #fff;
    margin: 24px 0 24px;
    padding: 10px 15px;
    border-radius: 3px;
}

.mec-events-meta-group-booking-shortcode .info-msg {
    margin: 24px 0 24px;
}

.mec-booking-shortcode .mec-book-ticket-variation h5 {
    margin: 0px 0 4px;
}

.mec-booking-shortcode .mec-book-available-tickets-details-header {
    border-bottom: 2px solid #00acf8;
}
.mec-booking-shortcode .mec-book-available-tickets-details-header,
.mec-booking-shortcode .mec-book-available-tickets-details-item,
.mec-booking-shortcode .mec-book-price-detail {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
}

.mec-booking-shortcode .mec-book-available-tickets-details-header span,
.mec-booking-shortcode .mec-book-available-tickets-details-item span,
.mec-booking-shortcode .mec-book-price-detail span {
    -webkit-box-flex: 1.97;
    flex: 1.97 1.97 0;
    min-height: 1px;
    font-size: 14px;
    line-height: 22px;
    color: #616264;
    font-weight: 500;
    padding-bottom: 20px;
    padding-top: 20px;
}

.mec-booking-shortcode .mec-book-available-tickets-details span:nth-of-type(2),
.mec-booking-shortcode
    .mec-book-available-tickets-details-item
    span:nth-of-type(2),
.mec-booking-shortcode .mec-book-price-detail span:nth-of-type(2) {
    -webkit-box-flex: 1;
    flex: 1 1 0;
}

.mec-booking-shortcode .mec-book-available-tickets-details span:last-child,
.mec-booking-shortcode .mec-book-available-tickets-details-item span:last-child,
.mec-booking-shortcode .mec-book-price-detail span:last-child {
    -webkit-box-flex: 1.085;
    flex: 1.085 1.085 0;
}
.mec-booking-shortcode .mec-book-available-tickets-details-header span {
    padding-bottom: 11px;
}

.mec-booking-shortcode .mec-book-available-tickets-details-item span {
    font-weight: normal;
    font-size: 12px;
}

.mec-booking-shortcode span.mec-book-price-detail-description,
.mec-booking-shortcode span.mec-book-price-detail-amount {
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    padding: 6px 0;
    color: #000;
}

.mec-booking-shortcode span.mec-book-price-detail-amount {
    color: #777;
}

/* .mec-booking-shortcode .mec-book-price-total {
	background-color: #fff;
	padding: 27px 37px;
	border-radius: 3px;
	margin-top: 15px;
	margin-bottom: 28px;
	width: 52%;
	max-width: 100%;
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	flex-wrap: wrap;
	float: right;
} */

.mec-booking-shortcode .mec-book-form-gateways label {
    cursor: pointer;
}

.mec-booking-shortcode .mec-book-form-gateways label {
    cursor: pointer;
}

.mec-booking-shortcode span.mec-book-price-detail-description {
    padding: 6px 13px 6px 0;
    font-size: 14px;
    font-weight: 400;
    color: #00acf8;
}

.mec-booking-shortcode ul.mec-book-price-details li {
    border-right: 1px solid #c7ebfb !important;
}

.mec-booking-shortcode span.mec-book-price-total {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #2bbc10;
    margin-top: 20px;
    margin-bottom: 35px;
    display: inline-block;
}

.mec-booking-shortcode ul.mec-book-price-details {
    border: 1px solid #c7ebfb !important;
    border-radius: 3px;
    box-shadow: none !important;
}
.mec-booking-shortcode span.mec-book-price-total-description {
    font-size: 18px;
    line-height: 22px;
    font-weight: 700;
    color: #000;
}

.mec-booking-shortcode span.mec-book-price-total-amount {
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: #2bbc10;
}

.mec-booking-shortcode .mec-book-form-price {
    clear: both;
    position: relative;
}
.mec-booking-shortcode .mec-book-form-gateway-label input[type="radio"]:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: 4px;
    left: 3px;
}

.mec-booking-shortcode .mec-book-form-gateway-label input[type="radio"]:before {
    box-shadow: none;
    border: 2px solid #a8e4ff;
    width: 17px;
    height: 17px;
    position: absolute;
    top: -9px;
    left: -2px;
    margin: 0;
    content: "";
    display: inline-block;
    background: #fff;
    border-radius: 18px;
    cursor: pointer;
    position: relative;
}

.mec-booking-shortcode .mec-book-form-gateway-label {
    -webkit-box-flex: 0;
    flex: 0 0 50%;
    margin-bottom: 14px;
    padding-right: 15px;
}
.mec-booking-shortcode .mec-book-form-gateways {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.mec-booking-shortcode .mec-book-form-gateway-checkout {
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.mec-booking-shortcode input::-webkit-input-placeholder,
.mec-booking-shortcode textarea::-webkit-input-placeholder {
    color: #afe6ff;
}

.mec-booking-shortcode input::-moz-placeholder,
.mec-booking-shortcode textarea::-moz-placeholder {
    color: #afe6ff;
}

.mec-booking-shortcode input:-ms-input-placeholder,
.mec-booking-shortcode textarea:-ms-input-placeholder {
    color: #afe6ff;
}

.mec-booking-shortcode input:-moz-placeholder,
.mec-booking-shortcode textarea:-moz-placeholder {
    color: #afe6ff;
}

.mec-booking-shortcode input[type="radio"]:checked:before {
    border: 2px solid #a8e4ff;
    box-shadow: none;
}
.mec-booking-shortcode input[type="radio"]:checked:after {
    background-color: #00acf8;
}
.mec-booking-shortcode .mec-book-form-gateway-label label input {
    position: relative;
    cursor: pointer;
    margin: 0 !important;
    height: auto;
    margin-right: 4px !important;
}
.mec-booking-shortcode .mec-click-pay button[type="submit"] {
    position: absolute;
    left: 190px;
    bottom: 40px;
}
.mec-booking-shortcode button#mec-book-form-btn-step-2 {
    margin-left: 30px;
}

.mec-booking-shortcode .mec-ticket-name {
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    color: #00acf8;
    padding: 8px 13px;
    letter-spacing: 0;
}

.mec-booking-shortcode .mec_book_first_for_all {
    display: none;
}

.mec-booking-shortcode li.mec-first-for-all-wrapper {
    margin-bottom: 20px;
}

.mec-booking-shortcode label.wn-checkbox-label:before {
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    content: "";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
    position: absolute;
    background-color: #00acf8;
    width: 2px;
    -webkit-transform: rotate(-138deg);
    transform: rotate(-138deg);
}

.mec-booking-shortcode label.wn-checkbox-label {
    position: relative;
    display: inline-block;
    -moz-transition: border-color ease 0.2s;
    -o-transition: border-color ease 0.2s;
    -webkit-transition: border-color ease 0.2s;
    transition: border-color ease 0.2s;
    cursor: pointer;
    vertical-align: middle;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #00acf8;
    margin: 0 0 4px !important;
    padding: 0;
    background-color: #fff;
    border: 2px solid #a8e4ff;
    width: 17px;
    height: 17px;
    border-radius: 3px;
    margin-right: 9px !important;
    box-shadow: none;
}

.mec-booking-shortcode label.wn-checkbox-label:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -moz-animation: dothabottomcheck 80ms ease 0s forwards;
    -o-animation: dothabottomcheck 80ms ease 0s forwards;
    -webkit-animation: dothabottomcheck 80ms ease 0s forwards;
    animation: dothabottomcheck 80ms ease 0s forwards;
    content: "";
    display: inline-block;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    content: "";
    -webkit-transition: opacity ease 0.5;
    -moz-transition: opacity ease 0.5;
    transition: opacity ease 0.5;
    position: absolute;
    background-color: #00acf8;
    width: 2px;
}
.mec-booking-shortcode
    input[type="checkbox"]:checked
    + .wn-checkbox-label::after {
    height: 5px;
    left: 2px;
    top: 7px;
    -moz-animation: dothatopcheck 0.16s ease 0s forwards;
    -o-animation: dothatopcheck 0.16s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.16s ease 0s forwards;
    animation: dothatopcheck 0.16s ease 0s forwards;
}
.mec-booking-shortcode
    input[type="checkbox"]:checked
    + .wn-checkbox-label::before {
    height: 6px;
    left: 7px;
    top: 9px;
    -moz-animation: dothatopcheck 0.16s ease 0s forwards;
    -o-animation: dothatopcheck 0.16s ease 0s forwards;
    -webkit-animation: dothatopcheck 0.16s ease 0s forwards;
    animation: dothatopcheck 0.16s ease 0s forwards;
}

.mec-booking-shortcode button[type="submit"],
.mec-booking-shortcode button[type="button"] {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.5px;
    line-height: 16px;
    outline: none;
}

.mec-booking-shortcode button.mec-book-form-back-button {
    background-color: #afe6ff;
    box-shadow: 0 2px 2px rgba(175, 230, 255, 0.27);
}

.mec-booking-shortcode button[type="submit"]:hover,
.mec-booking-shortcode button[type="button"]:hover {
    background-color: #000;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(1, 2, 4, 0.32);
}

.mec-booking-shortcode a.button:after,
.mec-booking-shortcode button[type="submit"]:after {
    display: none;
    width: 13px;
    height: 13px;
    border-top: 0;
    border-right: 0.1em solid #f0f1f1;
    border-bottom: 0.1em solid #fbfbfb;
    border-left: 0.1em solid #fff;
    content: "";
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: mecloader 1.1s infinite linear;
    animation: mecloader 1.1s infinite linear;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    top: 18px;
    right: 20px;
    border-radius: 50%;
    z-index: 999999999999;
}
.mec-booking-shortcode a.button.loading:after,
.mec-booking-shortcode button[type="submit"].loading:after {
    display: block;
}
.mec-booking-shortcode .mec-book-form-coupon {
    margin-bottom: 35px;
}

/* #Booking  > Date Selection  >  Calendar
	================================================== */
/* Date Selection */
.mec-booking-calendar-month-navigation {
    position: relative;
    text-align: center;
    padding: 1px 0 1px;
    max-width: 330px;
}

.mec-booking-calendar.mec-wrap {
    margin-bottom: 20px;
    width: 100%;
}

.mec-booking-calendar.mec-wrap {
    max-width: 330px;
    background: #ffffff;
    box-shadow: 0 1px 5px 6px rgba(0, 0, 0, 0.005) inset;
    border: 1px solid #efefef;
}

/* Date Selection > Navigation  */
.mec-booking-calendar-month-navigation .mec-calendar-header h2 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.14;
    margin: 16px auto;
    color: #333;
}

.mec-booking-calendar-month-navigation .mec-previous-month,
.mec-booking-calendar-month-navigation .mec-next-month {
    cursor: pointer;
    position: absolute;
    top: 0;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #fff;
    color: #a9a9a9;
    font-size: 10px;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding-left: 5px;
    padding-right: 5px;
    border-top: none;
    transition: all 0.33s ease;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.015);
    transition: all 0.33s ease;
}

.mec-booking-calendar-month-navigation .mec-previous-month {
    left: 0;
    border-bottom-right-radius: 6px;
    border-left: none;
    border-right: 1px solid #efefef;
}

.mec-booking-calendar-month-navigation .mec-next-month {
    right: 0;
    border-bottom-left-radius: 6px;
    border-right: none;
    border-left: 1px solid #efefef;
}

.mec-booking-calendar-month-navigation .mec-previous-month:hover,
.mec-booking-calendar-month-navigation .mec-next-month:hover {
    background-color: #f9f9f9;
    color: #40d9f1;
}

/* Date Selection > Calendar  */
.mec-events-meta-group-booking .mec-booking-calendar .mec-calendar {
    margin-bottom: 0;
    width: 100%;
}

.mec-events-meta-group-booking .mec-booking-calendar .mec-calendar dl dt {
    text-align: center;
    padding: 0;
    height: 47px;
    line-height: 47px;
    border: 0;
    cursor: pointer;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar
    dl
    dt:last-child {
    border: 0;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar
    .mec-calendar-row
    dt:hover {
    background: transparent;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar
    .mec-calendar-novel-selected-day,
.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar
    .mec-calendar-novel-selected-day
    span {
    width: 32px;
    height: 32px;
    margin: auto;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 600;
    padding: 0;
}

/* Bordered Date */
.mec-has-event-for-booking {
    position: relative;
}

.mec-has-event-for-booking .mec-calendar-novel-selected-day {
    border: 2px solid #40d9f1;
    border-radius: 50px;
    cursor: pointer;
}

.mec-has-event-for-booking.mec-active .mec-calendar-novel-selected-day {
    background-color: #40d9f1;
}

/* Selected Date */
.mec-has-event-for-booking .mec-booking-tooltip,
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip,
.mec-has-event-for-booking .mec-booking-calendar-date {
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.mec-has-event-for-booking .mec-booking-tooltip,
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip {
    top: 60px;
}

.mec-has-event-for-booking .mec-booking-tooltip,
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip {
    position: absolute;
    z-index: 99;
    width: 150px;
    font-size: 9px;
    left: calc(50% - 75px);
    background: #535a61;
    line-height: 29px;
    border-radius: 4px;
    color: #fff;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 3px 5px;
    box-shadow: 0 4px 15px -2px #444b50a3;
}

.mec-has-event-for-booking:hover
    .mec-booking-tooltip.multiple-time
    .mec-booking-calendar-date,
.mec-has-event-for-booking:hover .mec-booking-tooltip,
.mec-has-event-for-booking:hover .mec-booking-calendar-date,
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-tooltip,
.mec-multiple-event
    .mec-has-event-for-booking:hover
    .mec-booking-calendar-date {
    opacity: 1;
    visibility: visible;
}

.mec-has-event-for-booking:hover .mec-booking-tooltip,
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-tooltip {
    top: 43px;
}

.mec-has-event-for-booking .mec-booking-calendar-date:before,
.mec-multiple-event
    .mec-has-event-for-booking
    .mec-booking-calendar-date:before {
    display: block;
    content: "" !important;
    position: absolute !important;
    width: 12px;
    height: 12px;
    top: -6px;
    left: calc(50% - 6px);
    transform: rotate(-45deg) !important;
    background-color: #535a61;
    z-index: 0 !important;
    box-shadow: 0 8px 9px -9px #535a61 !important;
}

.mec-multiple-event
    .mec-has-event-for-booking
    .mec-booking-calendar-date-hover {
    border-bottom: 1px solid #ffffff30;
}

/* Multiple Day Events */

/* First Day */
.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .first-day {
    position: relative;
    padding-left: 7px;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .first-day
    .mec-calendar-novel-selected-day {
    border-radius: 47px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    width: 100%;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .first-day
    .mec-calendar-novel-selected-day
    span {
    margin-left: -7px;
}

/* Last Day */
.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .last-day {
    position: relative;
    padding-right: 7px;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .last-day
    .mec-calendar-novel-selected-day {
    border-radius: 47px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left: 0;
    width: 100%;
}

.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .last-day
    .mec-calendar-novel-selected-day
    span {
    margin-right: -7px;
}

/* Middle Day */
.mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar.mec-multiple-event
    .middle-day
    .mec-calendar-novel-selected-day {
    border-radius: 0;
    border-right: 0;
    border-left: 0;
    width: 100%;
}

/* Multiple Time in one Daye */
.mec-booking-tooltip.multiple-time {
    color: #fff;
}

.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:before {
    display: none;
}

.mec-booking-tooltip.multiple-time
    .mec-booking-calendar-date:first-child:before {
    display: block;
}

.mec-booking-tooltip.multiple-time .mec-booking-calendar-date {
    border: 1px dashed #68717a;
    line-height: 25px;
    margin: 8px 0;
    border-radius: 20px;
    transition: all 0.17s ease;
    -webkit-transition: all 0.17s ease;
    -moz-transition: all 0.17s ease;
    -ms-transition: all 0.17s ease;
    -o-transition: all 0.17s ease;
}

.mec-calendar-day.mec-active
    .mec-booking-tooltip.multiple-time
    .mec-booking-calendar-date.mec-active,
.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover {
    background: #40d9f1;
    border-color: #40d9f1;
}

.mec-choosen-time-message {
    max-width: 330px;
    padding: 3px 14px;
    border-radius: 4px;
    background: rgb(64 217 241 / 24%);
    color: #40d9f1;
    transition: all 0.17s ease;
    opacity: 1;
    visibility: visible;
    font-size: 12px;
    margin-bottom: 20px;
}

.mec-choosen-time-message .mec-choosen-time {
    padding-left: 7px;
}

.mec-choosen-time-message.disable .mec-choosen-time-message,
.mec-choosen-time-message.disable {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    font-size: 0;
    margin: 0;
}

/* Modal Popup Booking Styles */
.lity-wrap .mec-booking-calendar.mec-wrap {
    margin-top: 20px;
}

.lity-wrap .mec-booking-calendar-month-navigation,
.lity-wrap .mec-booking-calendar.mec-wrap,
.lity-wrap .mec-choosen-time-message {
    max-width: 100%;
}

/* Booking Shortcode */
.mec-events-meta-group-booking-shortcode
    .mec-booking-calendar-wrapper
    .mec-booking-calendar
    .mec-calendar
    dl
    dt {
    height: 47px !important;
}

@media (min-width: 961px) {
    .mec-wrap
        .mec-events-meta-group-booking
        .mec-booking-calendar
        .mec-calendar
        dl
        dt {
        height: 47px;
    }
}

/* Booking Calendar Dark Mode */

.mec-dark-mode .mec-single-event .mec-events-meta-group-booking .mec-calendar,
.mec-dark-mode
    .mec-single-event
    .mec-events-meta-group-booking
    .mec-booking-calendar-month-navigation {
    background: #000;
    border-color: #222;
    color: #999;
}

.mec-dark-mode .mec-booking-calendar-month-navigation .mec-next-month,
.mec-dark-mode .mec-booking-calendar-month-navigation .mec-previous-month {
    background: #222;
    border-color: #000;
    color: #d2d2d2;
}

.mec-dark-mode .mec-booking-calendar.mec-wrap {
    border-color: #111;
}

.mec-dark-mode
    .mec-events-meta-group-booking
    .mec-booking-calendar
    .mec-calendar
    .mec-calendar-row
    dt:hover {
    background: transparent !important;
}

.mec-dark-mode .mec-calendar.mec-event-calendar-classic,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-side {
    height: auto;
}

/* Light Themes */
.is-light-theme .mec-fes-form textarea {
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 5px rgba(207, 239, 245, 0.38) inset;
}

.is-light-theme .mec-fes-form .select2-selection {
    height: auto;
}

.is-light-theme .mec-fes-form input[type="checkbox"]:after {
    border: unset !important;
}

.is-light-theme .mec-fes-form input[type="radio"]:after {
    background: unset !important;
}

.is-light-theme .mec-fes-form input + label {
    padding-top: 0px;
}

.is-light-theme .mec-events-event-image img {
    height: auto;
}

span.mec-booking-field-required {
    color: red;
    margin-left: 10px;
}

/* --------------------- */