.mec-wrap {
    position: relative
}

.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,
.mec-wrap h1,
.mec-wrap h2,
.mec-wrap h3,
.mec-wrap h4,
.mec-wrap h5,
.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
}

.mec-wrap .button,
.mec-wrap a.button:not(.owl-dot),
.mec-wrap button:not(.owl-dot):not(.gm-control-active):not(.mejs),
.mec-wrap input[type=button],
.mec-wrap input[type=reset],
.mec-wrap input[type=submit] {
    position: relative;
    border: none;
    border-radius: 2px;
    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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease
}

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

.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, .08);
    float: left;
    text-align: center
}

.mec-booking-form-container button {
    display: block
}

.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
}

@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
}

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

    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(0);
        -moz-transform: rotate(0);
        -webkit-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }

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

.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-weight: 300
}

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

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

.mec-events-button {
    background: #fff;
    padding: 12px 28px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0;
    border: 1px solid #e3e3e3;
    border-radius: 2px;
    text-shadow: none;
    margin-right: 10px;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 3%);
    transition: .3s
}

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

.mec-no-event {
    display: none
}

#mec-active-current {
    display: block
}

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

.mec-event-grid-classic .mec-event-article {
    position: relative;
    border: 2px solid #e3e3e3;
    box-shadow: 0 2px 0 0 rgba(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: 700;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase
}

.mec-event-grid-classic .mec-event-title a {
    color: #202020;
    transition: all .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, .06);
    z-index: 99;
    -webkit-transition: all .18s ease;
    transition: all .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: #fff 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 li.mec-event-share {
    height: 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 li a,
.mec-event-sharing-wrap:hover li ul li a {
    border: none;
    color: #767676;
    display: block
}

.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 .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
}

.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, .028);
    transition: all .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 .23s ease;
    -webkit-transition: all .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
}

.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, .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-widget .mec-event-list-modern .mec-month-divider {
    margin: 30px 0 10px 0
}

.mec-widget .mec-event-list-minimal .mec-event-date span {
    font-size: 12px
}

.mec-widget .mec-event-list-minimal .mec-event-date:after {
    height: 29px
}

.mec-widget .mec-event-list-minimal .col-md-3,
.mec-widget .mec-event-list-minimal .col-md-9 {
    display: block;
    width: 100%;
    text-align: left
}

.mec-widget .mec-event-list-modern .col-md-4.col-sm-4.mec-btn-wrapper {
    position: relative
}

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

.mec-widget .mec-event-list-minimal .mec-event-date:first-child {
    margin-right: 24px
}

.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, .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: 700;
    font-size: 21px;
    text-transform: capitalize
}

.mec-event-grid-clean .mec-event-title a {
    color: #202020;
    transition: all .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: 0 14px;
    text-align: left;
    background: 0 0
}

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

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

.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, .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: 700;
    font-size: 24px;
    text-transform: none;
    letter-spacing: -1px
}

.mec-event-grid-modern .mec-event-title a {
    color: #202020;
    transition: all .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: silver;
    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: 0 14px;
    text-align: left;
    background: 0 0
}

.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
    }
}

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

.mec-repeating-label {
    background: #222;
    color: #fff;
    padding: 3px 8px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .5px;
    border-radius: 40px;
    display: inline-block
}

.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: 0 0
}

.mec-event-grid-colorful .event-grid-modern-head,
.mec-event-grid-colorful .event-grid-modern-head .mec-event-date,
.mec-event-grid-colorful .event-grid-modern-head .mec-event-day,
.mec-event-grid-colorful .mec-event-content p,
.mec-event-grid-colorful .mec-event-sharing-wrap>li>a,
.mec-event-grid-colorful .mec-event-title a {
    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-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, .1);
    box-shadow: 0 4px 4px rgba(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-event-detail,
.mec-event-list-minimal .mec-time-details {
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    color: #9a9a9a
}

.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 .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, .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-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 .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, .016);
    transition: all .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
}

.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: 3.246rem;
    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-color: #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;
        padding: 0
    }

    .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-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 .37s ease-in-out;
    box-shadow: 0 2px 0 0 rgba(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 .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 .3s ease
}

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

.mec-event-grid-minimal .mec-event-detail,
.mec-event-grid-minimal .mec-time-details {
    font-size: 15px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
    color: #9a9a9a;
    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-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 .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-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 .37s ease
}

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

.mec-event-grid-simple .mec-event-detail {
    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: 0 0
}

.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-article {
    position: relative;
    margin-bottom: 30px;
    padding: 60px 5% 60px 7%;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background-color: #0050fd;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .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 .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.mec-event-grid-novel .mec-event-article:hover {
    -webkit-box-shadow: 0 13px 36px 0 rgba(0, 0, 0, .23);
    box-shadow: 0 13px 36px 0 rgba(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(#262e32), to(#0e1015));
    background-image: -webkit-linear-gradient(left, #262e32 0, #0e1015 100%);
    background-image: -o-linear-gradient(left, #262e32 0, #0e1015 100%);
    background-image: linear-gradient(90deg, #262e32 0, #0e1015 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.mec-gCalendar-search-text-wrap input[type=text]before {
    content: "";
    position: absolute;
    top: 8px;
    left: -30px;
    width: 17px;
    height: 17px;
    background: #5cd0ed;
    opacity: .4;
    border-radius: 50%;
    padding-right: 5px
}

.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-event-address,
.mec-event-grid-novel .mec-event-detail,
.mec-event-grid-novel .mec-event-month,
.mec-event-grid-novel .mec-local-time-details {
    position: relative;
    padding-left: 35px;
    font-size: 15px;
    line-height: 30px;
    color: rgba(255, 255, 255, .4)
}

.mec-event-grid-novel .mec-event-address::before,
.mec-event-grid-novel .mec-event-detail::before,
.mec-event-grid-novel .mec-event-month::before,
.mec-event-grid-novel .mec-local-time-details: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-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: 0 0
}

.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: 400;
    line-height: 42px;
    text-align: center;
    color: #fff;
    background: 0 0;
    border-color: rgba(255, 255, 255, .1);
    border-radius: 50px
}

.mec-event-grid-novel .mec-event-footer .mec-booking-button:hover {
    background-color: rgba(255, 255, 255, .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, .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, .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, .1)
}

.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::after,
.mec-event-grid-novel .mec-event-sharing-wrap .mec-event-sharing::before {
    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, .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 {
    position: relative
}

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

.mec-event-cover-modern .mec-event-cover-a .mec-event-overlay {
    transition: all .5s;
    opacity: .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 .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
}

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

.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, .4);
    transition: all .33s ease-in-out
}

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

.mec-event-cover-classic .mec-event-content {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 50px 35px;
    transition: all .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: 700;
    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: 700;
    font-style: normal;
    transition: all .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-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 .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: 0 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: 0 0;
    border-style: none
}

.mec-load-more-loading:hover {
    background: 0 0
}

.mec-modal-preloader,
.mec-month-navigator-loading {
    width: 100%;
    height: 100%;
    background: no-repeat rgba(255, 255, 255, .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: 0
}

@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 {
    position: relative;
    border: 1px solid #e6e6e6;
    padding: 8px
}

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

.mec-event-cover-clean .mec-event-content {
    color: #fff;
    position: absolute;
    bottom: 20px;
    padding: 40px 60px;
    transition: all .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: 0 0 1px rgba(0, 0, 0, .5)
}

.mec-event-cover-clean .mec-event-title a {
    color: #fff;
    transition: all .5s;
    text-decoration: none;
    outline: 0;
    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, .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
}

.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-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: 700;
    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, .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 .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-topsec .mec-event-image a {
    display: block
}

.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: 0;
    text-align: left;
    padding-left: 30px
}

.mec-event-list-standard .mec-event-meta .mec-event-address {
    font-style: normal;
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 300;
    margin: 0 12px 0 0
}

.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-date-details,
.mec-event-list-standard .mec-local-time-details,
.mec-event-list-standard .mec-time-details,
.mec-event-list-standard .mec-venue-details {
    position: relative;
    padding-left: 28px;
    margin-bottom: 10px
}

.mec-event-list-standard .mec-date-details:before,
.mec-event-list-standard .mec-local-time-details:before,
.mec-event-list-standard .mec-time-details:before,
.mec-event-list-standard .mec-venue-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 .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
}

.mec-event-article .mec-price-details i,
.mec-month-side .mec-price-details i,
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active) .tooltipster-content .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-content-wrap,
    .mec-event-list-standard .mec-col-table-c.mec-event-image-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
    }
}

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

.mec-localtime-details .mec-localdate,
.mec-localtime-details .mec-localtime,
.mec-localtime-details .mec-localtitle {
    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-classic .mec-localtime-details,
.mec-event-grid-clean .mec-localtime-details {
    color: #fff;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: -.02em;
    color: #fff;
    padding: 0 0;
    line-height: 18px;
    margin-top: -3px
}

.mec-event-grid-clean .mec-localtime-details,
.mec-event-grid-colorful .mec-localtime-details,
.tooltipster-box .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-style1 .mec-localtime-details,
.mec-event-countdown-style2 .mec-localtime-details,
.mec-event-countdown-style3 .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 .mec-localdate,
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtime,
.mec-event-footer-carousel-type3 .mec-localtime-details .mec-localtitle,
.mec-event-footer-carousel-type3 .mec-localtime-details span {
    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, .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
}

.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 .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
}

.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
}

.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, .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, .4)
}

.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;
    color: #282828;
    font-size: 12px;
    transition: all .5s ease;
    -webkit-transition: all .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-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 {
    content: "";
    position: absolute;
    background: #7a7272;
    width: 18px;
    height: 1px;
    left: 0;
    top: 45%;
    transition: all .1s ease;
    -webkit-transition: all .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, .016);
    transition: all .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-event-footer .mec-modal-booking-button,
.mec-skin-carousel-container .mec-event-footer-carousel-type2 .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 .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-event-grid-simple .mec-modal-booking-button,
.mec-events-agenda .mec-modal-booking-button {
    margin: 0;
    font-size: 12px;
    transition: all .5s ease;
    -webkit-transition: all .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, .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, .1)
}

.mec-event-grid-simple .mec-modal-booking-button:hover,
.mec-events-agenda .mec-modal-booking-button:hover,
.mec-events-yearlu .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, .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 .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-mec_email,
    .mec-booking-modal .mec-booking-shortcode .mec-book-reg-field-name {
        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-wrap .mec-events-cal-links {
    margin-bottom: 0
}

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

.mec-wrap .mec-single-title,
.single-mec-events .mec-wrap.mec-no-access-error h1 {
    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-events-meta-group-booking,
.mec-single-event .mec-frontbox {
    margin-bottom: 30px;
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgba(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 0 2px 5px rgba(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, .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
}

.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
}

.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-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: 700
}

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

.mec-single-event .mec-events-meta-group-booking button,
.mec-single-event .mec-events-meta-group-booking input {
    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, .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
}

.mec-next-occ-booking,
.mec-next-occ-booking-p {
    padding-left: 15px
}

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

.mec-book-username-password-wrapper {
    padding: 0 15px
}

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

.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-book-form-btn-wrap button.mec-book-form-next-button,
.lity-container .mec-click-pay #mec_woo_add_to_cart_btn_r {
    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
}

.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
}

.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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .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-first,
.mec-single-event .mec-book-form-gateways,
.mec-single-event .mec-book-form-price,
.mec-single-event .mec-event-tickets-list,
.mec-single-event form.mec-click-next {
    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-back-btn-step-2,
.mec-wrap .mec-events-meta-group-booking #mec-book-form-back-btn-step-3,
.mec-wrap .mec-events-meta-group-booking #mec-book-form-btn-step-1 {
    margin-left: 0
}

.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 h5 span,
.mec-single-event .mec-events-meta-group-booking label {
    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=date],
.mec-single-event .mec-events-meta-group-booking input[type=email],
.mec-single-event .mec-events-meta-group-booking input[type=number],
.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 input[type=text],
.mec-single-event .mec-events-meta-group-booking select,
.mec-single-event .mec-events-meta-group-booking textarea {
    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 0 2px 4px rgba(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 select,
.mec-single-event .mec-events-meta-group-booking .mec-red-notification textarea {
    border: 1px solid #ff3c3c !important
}

.lity .mec-events-meta-group-booking .mec-red-notification input[type=checkbox],
.lity .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],
.mec-single-event .mec-events-meta-group-booking .mec-red-notification input[type=radio] {
    outline: 1px solid #ff3c3c !important
}

.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: #089740;
    background-color: #effdef;
    margin: 0;
    padding: 20px 20px 0;
    line-height: 1;
    border: 0;
    border-radius: 5px
}

.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=date],
    .mec-single-event .mec-events-meta-group-booking input[type=email],
    .mec-single-event .mec-events-meta-group-booking input[type=number],
    .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 input[type=text],
    .mec-single-event .mec-events-meta-group-booking select,
    .mec-single-event .mec-events-meta-group-booking textarea {
        width: 100%
    }
}

.mec-single-event .mec-events-meta-group-booking input[type=date]:focus,
.mec-single-event .mec-events-meta-group-booking input[type=email]:focus,
.mec-single-event .mec-events-meta-group-booking input[type=number]: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 input[type=text]:focus,
.mec-single-event .mec-events-meta-group-booking select:focus,
.mec-single-event .mec-events-meta-group-booking textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #fff;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    outline: 0
}

.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: 0 0 0 2px
}

.lity-container .mec-events-meta-group-booking input[type=radio]:before,
.mec-single-event .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, .32)
}

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

.lity-container .mec-events-meta-group-booking input[type=radio],
.mec-single-event .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
}

.lity-container .mec-events-meta-group-booking .mec_book_first_for_all,
.mec-single-event .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
}

.lity-container .mec-events-meta-group-booking label.wn-checkbox-label,
.mec-single-event .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 .2s;
    -o-transition: border-color ease .2s;
    -webkit-transition: border-color ease .2s;
    transition: border-color ease .2s;
    cursor: pointer;
    box-shadow: 0 2px 16px -2px rgba(0, 0, 0, .2);
    vertical-align: middle;
    margin-right: 3px;
    margin-top: -2px
}

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

.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after,
.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before,
.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:after,
.mec-single-event .mec-events-meta-group-booking label.wn-checkbox-label:before {
    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 .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .5
}

.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:before,
.mec-single-event .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)
}

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

.lity-container .mec-events-meta-group-booking label.wn-checkbox-label:after,
.mec-single-event .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)
}

.lity-container .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::after,
.mec-single-event .mec-events-meta-group-booking input[type=checkbox]:checked+.wn-checkbox-label::after {
    -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;
    height: 4px
}

.mec-single-event .mec-events-meta-group-booking button[type=submit]:after,
.mec-single-event a.button: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 .mec-events-meta-group-booking button[type=submit].loading:after,
.mec-single-event a.button.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 .mec-reg-mandatory:nth-child(2) label:after,
.mec-book-ticket-container .mec-reg-mandatory:nth-child(3) label:after,
.mec-book-ticket-container .wbmec-mandatory {
    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 dt,
.mec-single-event .mec-event-meta h3 {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 700;
    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 .mec-events-event-categories a,
.mec-single-event .mec-event-meta dd {
    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
}

@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: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 .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: 20px
}

.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: .5px;
    line-height: 48px;
    height: 76px;
    transition: all .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, .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-region.mec-events-abbr,
.mec-single-event .mec-street-address {
    font-style: normal;
    font-size: 13px
}

.mec-events-meta-group.mec-events-meta-group-venue:before,
.mec-single-event-date:before,
.mec-single-event-time: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: 700;
    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: 6px;
    font-size: 18px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 2px
}

.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: #08c
}

.mec-single-event .mec-event-social a.telegram:hover {
    background: #1076be
}

.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.flipboard svg,
.mec-single-event .mec-event-social a.telegram 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-events-meta-group-booking form>h4,
.mec-single-event .mec-frontbox-title,
.mec-single-event .mec-wrap-checkout 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
}

.mec-single-event .mec-events-meta-group-booking form>h4:before,
.mec-single-event .mec-frontbox-title:before,
.mec-single-event .mec-wrap-checkout 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-single-event .mec-booking .mec-booking-dates-checkboxes {
    margin-bottom: 22px
}

.lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes label,
.mec-single-event .mec-booking .mec-booking-dates-checkboxes label {
    margin-bottom: 3px;
    line-height: 1.1
}

.lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes label {
    display: flex
}

.lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox],
.mec-booking input[type=checkbox],
.mec-single-event .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox] {
    width: 17px;
    height: 17px;
    min-height: unset;
    border-radius: 3px;
    margin-top: -2px;
    margin-right: 7px !important;
    margin-bottom: 0 !important
}

.lity-content .mec-events-meta-group-booking .mec-booking-dates-checkboxes input[type=checkbox] {
    margin-top: -1px
}

.mec-events-meta-group-booking-shortcode .mec-booking-dates-checkboxes label {
    display: flex
}

.mec-events-meta-group-booking-shortcode .mec-booking-dates-checkboxes input[type=checkbox] {
    margin-top: 1px
}

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

.mec-event-meta .mec-single-event-additional-organizers i:before,
.mec-event-meta .mec-single-event-organizer 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-additional-organizers .mec-events-single-section-title,
.mec-single-event .mec-event-meta .mec-single-event-organizer .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-event-cost,
.mec-event-more-info,
.mec-event-website,
.mec-events-meta-date,
.mec-single-event-additional-organizers,
.mec-single-event-category,
.mec-single-event-date,
.mec-single-event-label,
.mec-single-event-location,
.mec-single-event-organizer,
.mec-single-event-time {
    background: #f7f7f7;
    padding: 12px 14px 8px;
    margin-bottom: 12px;
    vertical-align: baseline;
    position: relative
}

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

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

.mec-single-event .mec-events-meta-date i,
.mec-single-event .mec-single-event-additional-organizers i,
.mec-single-event .mec-single-event-organizer 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
}

.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 .1s ease
}

.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: .2s all ease;
    transition: .2s all ease
}

.mec-single-event .mec-speakers-details ul li .mec-speaker-avatar a img {
    float: left;
    border-radius: 50%;
    transition: .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
}

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

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

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

.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: 700;
    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, .02)
}

.mec-attendees-list-details .mec-attendees-toggle:after,
.mec-attendees-list-details .mec-attendees-toggle:before {
    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-calendar {
    margin-bottom: 20px;
    border: 1px solid #e8e8e8;
    width: 100%;
    box-shadow: 0 2px 0 0 rgba(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, .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 .66s ease;
    color: #4d4d4d;
    background: #fff;
    border-radius: 44px;
    font-size: 14px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center
}

.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 */
    color: #004c7d;
}

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

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

.mec-calendar .mec-selected-day,
.mec-calendar .mec-selected-day:hover {
    background: #40d9f1;
    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: #40d9f1
}

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

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

.mec-calendar .mec-has-event:after {
    background-color: #40d9f1;
    border-radius: 50%;
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    bottom: 14px;
    left: 50%;
    margin: -4px 0 0 -4px;
    position: absolute;
    transition: all .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 .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-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 .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-event-detail,
.mec-calendar .mec-event-article .mec-localtime-details div {
    font-size: 13px;
    line-height: 1.3;
    color: #9a9a9a;
    margin-bottom: 0
}

.mec-calendar .mec-calendar-side .mec-next-month,
.mec-calendar .mec-calendar-side .mec-previous-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, .015);
    transition: all .33s ease
}

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

.mec-calendar .mec-calendar-side .mec-next-month:hover,
.mec-calendar .mec-calendar-side .mec-previous-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
}

@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: 6px;
        height: 6px;
        bottom: 6px
    }

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

    .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:767px) {
    .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-header {
        width: auto
    }

    .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
    }
}

@media only screen and (max-width:479px) {
    .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-detail,
    .mec-calendar .mec-event-list-classic .mec-event-title {
        font-size: 12px
    }

    .mec-calendar .mec-event-list-classic .mec-event-time {
        font-size: 10px
    }
}

.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-next-month,
.mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-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) {

    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-next-month,
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-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-next-month,
    .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
        top: 16px;
        font-size: 0;
        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-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-next-month,
.mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-side .mec-previous-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
}

.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:not(.mec-event-container-simple) .mec-selected-day:hover {
    color: #fff !important
}

.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-day,
.mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec .mec-table-side-title {
    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
    }
}

.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-wrap .mec-calendar.mec-event-container-novel .mec-selected-day:hover {
    color: #fff !important
}

.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
    }
}

.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: 700;
    color: #000;
    margin-bottom: 2px
}

.mec-tooltip-event-time,
.tooltipster-sidetip.tooltipster-shadow:not(.uael-tooltipster-active) .tooltipster-content .mec-price-details {
    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, .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: #fff !important
}

.tooltipster-sidetip.tooltipster-top:not(.uael-tooltipster-active) .tooltipster-arrow-background {
    border-top-color: #fff !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: #fff !important
}

.tooltipster-sidetip.tooltipster-left:not(.uael-tooltipster-active) .tooltipster-arrow-background {
    border-left-color: #fff !important;
    left: -2px !important;
    top: 0 !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-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-next-month,
.mec-calendar.mec-calendar-daily .mec-previous-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, .015);
    transition: all .33s ease;
    cursor: pointer
}

.mec-calendar.mec-calendar-daily .mec-next-month i,
.mec-calendar.mec-calendar-daily .mec-previous-month i {
    font-size: 14px;
    cursor: pointer
}

.mec-calendar.mec-calendar-daily .mec-next-month:hover,
.mec-calendar.mec-calendar-daily .mec-previous-month:hover {
    border-color: #d0d0d0;
    color: #444;
    box-shadow: 0 2px 5px 0 rgba(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-next-month,
.mec-calendar.mec-calendar-daily .mec-calendar-a-month .mec-previous-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-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 a,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt {
    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 .mec-daily-view-day:hover,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt:hover {
    background: #fafafa;
    box-shadow: 0 2px 5px 0 rgba(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 .mec-daily-view-day.mec-daily-view-day-active,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table dl dt.mec-table-d-current {
    font-size: 18px;
    font-weight: 700;
    background: #fafafa;
    color: #40d9f1
}

.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-next,
.mec-calendar.mec-calendar-daily .mec-calendar-d-table a.mec-table-d-prev {
    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-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-next,
.mec-calendar.mec-calendar-weekly .mec-calendar-d-table a.mec-table-d-prev {
    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-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-next-month,
.mec-widget .mec-box-calendar.mec-calendar .mec-calendar-side .mec-previous-month {
    font-size: 0;
    padding: 4px 0;
    text-align: center;
    min-width: 33px
}

.mec-widget .mec-event-calendar-classic .mec-calendar-side .mec-calendar-table {
    min-height: 200px
}

.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-map-lightbox-wp {
    width: 580px;
    padding: 15px 15px 0;
    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
}

.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
}

.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: 0
}

.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(.1, .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-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, .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 .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
    }
}

.info-msg,
.mec-error,
.mec-success,
.warning-msg {
    margin: 10px 0;
    padding: 10px;
    border-radius: 3px 3px 3px 3px;
    font-size: 13px
}

.info-msg {
    color: #059;
    background-color: #bef
}

.mec-cart .mec-success,
.mec-success {
    color: #0dbf52;
    background-color: #cef7ce
}

.warning-msg {
    color: #9f6000;
    background-color: #feefb3
}

.mec-error {
    color: #d8000c !important;
    background-color: #ffbaba
}

.mec-fes-form,
.mec-fes-list {
    background: #f8feff;
    padding: 30px 3%;
    color: #798f96
}

.mec-fes-list .mec-fes-list-top-actions,
.mec-fes-list ul {
    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-form .mec-book-confirmed,
.mec-fes-list .mec-book-confirmed {
    background: #50d477 !important
}

.mec-fes-form .mec-book-pending,
.mec-fes-list .mec-book-pending {
    background: #fcbe69 !important
}

.mec-fes-form .mec-book-rejected,
.mec-fes-list .mec-book-rejected {
    background: #fe686a !important
}

.mec-fes-form .mec-book-other,
.mec-fes-list .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 .2s ease
}

.mec-fes-list ul li .mec-fes-event-export a,
.mec-fes-list ul li .mec-fes-event-remove,
.mec-fes-list ul li .mec-fes-event-view 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-export a,
    .mec-fes-list ul li .mec-fes-event-remove,
    .mec-fes-list ul li .mec-fes-event-view 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-export a:hover,
.mec-fes-list ul li .mec-fes-event-view a:hover {
    background: #40d9f1;
    color: #fff;
    border-color: #40d9f1
}

.mec-fes-form-top-actions a,
.mec-fes-list-top-actions a,
.single-mec-events .pmpro_content_message a,
.single-mec-events .pmpro_content_message a:link {
    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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease;
    text-decoration: unset
}

.mec-fes-form-top-actions a:hover,
.mec-fes-list-top-actions a:hover,
.single-mec-events .pmpro_content_message a:hover,
.single-mec-events .pmpro_content_message a:hover:link {
    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: 0 5px;
    color: #fff;
    padding: 0 10px;
    border-radius: 12px;
    font-style: italic;
    font-size: 18px
}

.mec-fes-form #mec-event-data input[type=date],
.mec-fes-form input[type=email],
.mec-fes-form input[type=number],
.mec-fes-form input[type=password],
.mec-fes-form input[type=tel],
.mec-fes-form input[type=text],
.mec-fes-form input[type=url],
.mec-fes-form select,
.mec-fes-form textarea {
    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, .38) inset;
    border-radius: 3px;
    height: 40px;
    max-width: 280px;
    color: #798f96;
    font-family: inherit
}

#mec_fes_form input[type=date]::-webkit-calendar-picker-indicator,
.lity-content #mec_fes_form input[type=date]::-webkit-calendar-picker-indicator,
.lity-content .mec-events-meta-group-booking input[type=date]::-webkit-calendar-picker-indicator,
.mec-single-event .mec-events-meta-group-booking 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
}

.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 #mec-event-data select,
    .mec-fes-form input[type=email],
    .mec-fes-form input[type=password],
    .mec-fes-form input[type=tel],
    .mec-fes-form input[type=text],
    .mec-fes-form input[type=url],
    .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 #mec-event-data select,
    .mec-fes-form input[type=email],
    .mec-fes-form input[type=password],
    .mec-fes-form input[type=text],
    .mec-fes-form input[type=url],
    .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=email]:focus,
.mec-fes-form input[type=number]:focus,
.mec-fes-form input[type=password]:focus,
.mec-fes-form input[type=tel]:focus,
.mec-fes-form input[type=text]:focus,
.mec-fes-form input[type=url]:focus,
.mec-fes-form select:focus,
.mec-fes-form textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    background: #fff;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    outline: 0
}

.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: .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 .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,
.mec-fes-form .mec-meta-box-fields h4 label {
    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-form .mec-meta-box-fields h4 label {
    padding: 0;
    margin: 0
}

.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: 0 0;
    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
}

.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: .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 .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: .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-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, .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-checkboxes-search .mec-searchbar-category-wrap,
.mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-wrap .mec-totalcal-box input,
.mec-wrap .mec-totalcal-box select {
    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
}

.mec-there-labels .mec-totalcal-view {
    margin-top: 28px
}

.mec-wrap .mec-totalcal-box input[type=submit] {
    cursor: pointer;
    padding: 0 16px;
    text-transform: uppercase;
    font-size: 11px;
    transition: all .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: 48px
}

.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: 0 !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-minmax-event-cost.with-mec-address,
    .mec-wrap .mec-text-address-search.with-mec-cost {
        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-wrap.mec-sm959 .mec-totalcal-box .col-md-5,
    .mec-wrap.mec-sm959 .mec-totalcal-box .col-md-3 {
        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-address-search,
    .mec-search-form .mec-text-input-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
    }
}

.mec-totalcalview-selected:hover {
    color: #fff !important
}

.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-date-search,
.mec-search-form .mec-dropdown-search,
.mec-search-form .mec-text-input-search,
.mec-search-form .mec-time-input-search {
    padding: 0 10px;
    float: left
}

.mec-search-form .mec-date-search,
.mec-search-form .mec-time-picker-search,
.mec-search-form .mec-totalcal-view {
    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-end,
.mec-wrap .mec-search-form .with-mec-date-search .mec-timepicker-start {
    width: calc(50% - 17px)
}

.mec-search-form .mec-full-calendar-search-ends .mec-text-input-search.col-md-12,
.mec-search-form .mec-minmax-event-cost,
.mec-search-form .mec-text-address-search {
    min-height: 55px
}

.mec-search-form .mec-full-calendar-search-ends .mec-text-input-search.col-md-12,
.mec-widget .mec-search-form .mec-date-search,
.mec-widget .mec-search-form .mec-text-input-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-minmax-event-cost,
.mec-search-form .mec-text-address-search,
.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-minmax-price input,
.mec-wrap .mec-search-form .mec-text-address-search input,
.mec-wrap .mec-search-form .mec-text-input-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-date-search,
    .mec-search-form .mec-dropdown-search,
    .mec-search-form .mec-text-input-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
    }
}

@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-full-calendar-wrap .mec-totalcal-box .mec-totalcal-view span,
    .mec-search-form .mec-date-search.with-mec-time-picker,
    .mec-search-form .mec-full-calendar-search-ends .mec-text-input-search,
    .mec-search-form .mec-minmax-event-cost,
    .mec-search-form .mec-text-address-search,
    .mec-search-form .mec-time-picker-search.with-mec-date-search,
    .mec-wrap .mec-minmax-event-cost.with-mec-address {
        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-minmax-event-cost.with-mec-address,
    .mec-wrap.mec-widget .mec-search-form .mec-time-picker-search.with-mec-date-search,
    .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
    }
}

.ui-datepicker {
    background-color: #fff;
    border: 1px solid #66afe9;
    border-radius: 4px;
    box-shadow: 0 0 8px rgba(102, 175, 233, .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 .1s ease-in-out;
    -moz-transition: color .1s ease-in-out;
    -o-transition: color .1s ease-in-out;
    transition: color .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-next,
.ui-datepicker .ui-datepicker-prev {
    cursor: default;
    font-family: dashicons;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: 400;
    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 td,
.ui-datepicker .ui-datepicker-calendar th {
    text-align: center;
    padding: 4px 0
}

.ui-datepicker .ui-datepicker-calendar td {
    border-radius: 4px;
    -webkit-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -moz-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    -o-transition: background-color .1s ease-in-out, color .1s ease-in-out;
    transition: background-color .1s ease-in-out, color .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-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 .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, .04);
    transition: all .27s ease
}

.mec-event-carousel-type1 .mec-event-carousel-content:hover {
    box-shadow: 0 0 35px rgba(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,
.mec-skin-carousel-container .mec-multiple-event .event-carousel-type1-head .mec-event-date-info-year {
    left: 175px
}

.mec-skin-carousel-container .mec-time-details,
.mec-skin-carousel-container .mec-time-details span {
    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,
.mec-event-carousel-type4 .mec-time-details span {
    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
    }
}

.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: 700;
    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: #444
}

.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 .25s ease;
    transition: all .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 .25s ease;
    transition: all .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-next,
.mec-wrap .mec-event-carousel-type2 .owl-prev,
.mec-wrap .mec-event-carousel-type3 .owl-next,
.mec-wrap .mec-event-carousel-type3 .owl-prev,
.mec-wrap .mec-event-carousel-type4 .owl-next,
.mec-wrap .mec-event-carousel-type4 .owl-prev {
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 47%;
    background-color: transparent !important;
    position: absolute !important
}

.mec-event-carousel-type2 .owl-next {
    right: -60px
}

.mec-event-carousel-type2 .owl-prev {
    left: -60px
}

.mec-event-carousel-type2 .owl-next i,
.mec-event-carousel-type2 .owl-prev i,
.mec-event-carousel-type3 .owl-next i,
.mec-event-carousel-type3 .owl-prev i,
.mec-event-carousel-type4 .owl-next i,
.mec-event-carousel-type4 .owl-prev i {
    font-size: 40px;
    color: #282828
}

.mec-event-carousel-type2 .owl-next i:hover,
.mec-event-carousel-type2 .owl-prev i:hover,
.mec-event-carousel-type3 .owl-next i:hover,
.mec-event-carousel-type3 .owl-prev 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-next,
    .mec-event-carousel-type2 .owl-prev,
    .mec-event-carousel-type3 .owl-next,
    .mec-event-carousel-type3 .owl-prev,
    .mec-event-carousel-type4 .owl-next,
    .mec-event-carousel-type4 .owl-prev {
        position: initial;
        top: 100%
    }
}

.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, .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: 700;
    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: #444 !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
}

.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, .4);
    transition: all .33s ease-in-out
}

.mec-event-hover-carousel-type4 {
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 50px 35px;
    transition: all .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 .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: 700;
    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 .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-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, .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: 700;
    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, .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-part2 .mec-event-place,
.mec-event-countdown-style1 .mec-event-countdown-part2 .mec-event-date {
    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 .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, .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-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: 700;
    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, .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-part2 .mec-event-place,
.mec-event-countdown-style2 .mec-event-countdown-part2 .mec-event-date {
    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 .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, .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-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: 700;
    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, .016)
}

.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date-place {
    text-align: center;
    padding-bottom: 8px
}

.mec-event-countdown-part2 .mec-event-place,
.mec-event-countdown-style3 .mec-event-countdown-part2 .mec-event-date {
    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 .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: 3px;
    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
}

.event-carousel-type1-head .mec-event-date-carousel:before,
.mec-event-countdown-style3 .mec-event-date: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, .12);
    background: 0 0
}

@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-t1-wrap {
    width: 100%;
    padding: 60px 90px;
    background: #f7f7f7;
    min-height: 560px;
    position: relative
}

.mec-slider-t1 {
    height: 500px;
    box-shadow: 0 5px 35px 0 rgba(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-next,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
    opacity: 1;
    width: 54px;
    height: 54px;
    line-height: 48px;
    border-radius: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, .045);
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    cursor: pointer
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev:hover {
    box-shadow: 0 4px 29px 0 rgba(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-next i,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev i {
    font-size: 12px;
    color: #282828;
    transition: all .21s ease
}

.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-next:hover i,
.mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev: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-content,
    .mec-slider-t1 .mec-slider-t1-img {
        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-next,
    .mec-slider-t1-wrap .mec-owl-theme .owl-nav .owl-prev {
        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-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: 0 0
}

.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: 0 0
}

.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-footer .mec-booking-button:hover,
.mec-slider-t2-content.mec-event-grid-modern .mec-event-title a:hover {
    color: #111
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 38px;
    border-radius: 0;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 84px;
    cursor: pointer
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev:hover {
    box-shadow: 0 4px 16px 0 rgba(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-next i,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all .25s ease
}

.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-next:hover i,
.mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev: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-content,
    .mec-slider-t2 .mec-slider-t2-img {
        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-next,
    .mec-slider-t2-wrap .mec-owl-theme .owl-nav .owl-prev {
        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-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: 0 0
}

.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: .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: 0 0;
    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: 0 0
}

.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 .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-footer .mec-booking-button:hover,
.mec-slider-t3-content.mec-event-grid-modern .mec-event-title a: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-next,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 38px;
    border-radius: 0;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    cursor: pointer
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev:hover {
    box-shadow: 0 4px 16px 0 rgba(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-next i,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all .25s ease
}

.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-next:hover i,
.mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev: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-next,
    .mec-slider-t3-wrap .mec-owl-theme .owl-nav .owl-prev {
        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-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: 0 0
}

.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, .94) !important;
    height: auto;
    vertical-align: middle;
    display: table;
    position: absolute;
    left: 8%;
    top: 19%;
    padding: 3%;
    margin: auto 0;
    background: 0 0;
    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: 0 0
}

.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 .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-footer .mec-booking-button:hover,
.mec-slider-t4-content.mec-event-grid-modern .mec-event-title a:hover {
    color: #111
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 40px;
    border-radius: 0;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 34px;
    cursor: pointer
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev:hover {
    box-shadow: 0 4px 16px 0 rgba(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-next i,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all .25s ease
}

.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-next:hover i,
.mec-slider-t4-wrap .mec-owl-theme .owl-nav .owl-prev: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-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 0 rgba(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-next,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev {
    opacity: 1;
    width: 44px;
    height: 44px;
    line-height: 40px;
    border-radius: 0;
    text-align: center;
    background: 0 0;
    border: 1px solid #fff;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    position: absolute;
    top: 34px;
    cursor: pointer
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev:hover {
    box-shadow: 0 4px 16px 0 rgba(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-next i,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev i {
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: all .25s ease
}

.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-next:hover i,
.mec-slider-t5-wrap .mec-owl-theme .owl-nav .owl-prev: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-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: 700;
    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: .3s
}

.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
}

@media(min-width:961px) {
    .mec-single-event.mec-sticky {
        position: relative
    }

    .mec-single-event.mec-sticky .col-md-4 {
        position: -webkit-sticky;
        position: sticky;
        top: 120px
    }

    .mec-single-modern.mec-sticky .col-md-4 {
        top: 170px
    }

    .single-mec-events .mec-sticky .col-md-8>div:last-child {
        margin-bottom: 30px
    }

    .single-mec-events .mec-single-modern.mec-sticky .col-md-8>div:last-child {
        margin-bottom: 70px
    }
}

.mec-single-modal .mec-event-meta dd.mec-organizer-email a,
.mec-single-modal .mec-event-meta dd.mec-organizer-url 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, .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
}

.mec-holding-status-expired {
    color: #d8000c
}

.mec-holding-status-ongoing {
    color: #0dbf52
}

body .featherlight {
    z-index: 999999 !important
}

body .featherlight .featherlight-content {
    background: 0 0;
    overflow: unset;
    z-index: 9999
}

body .featherlight .featherlight-close-icon {
    position: fixed;
    top: 40px;
    right: 40px;
    background: 0 0;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 0
}

body .featherlight .featherlight-close-icon:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000
}

@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%
    }

    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
    }
}

.mec-single-event-bar dd {
    margin-left: 0
}

.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 .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: silver;
    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 .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 .mec-single-event-bar,
.mec-events-toggle .mec-toggle-content h1.mec-single-title {
    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: 400;
    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-events-agenda-wrap {
    margin: 10px 0;
    border: 1px solid #e9e9e9;
    padding-left: 20px;
    box-shadow: 0 2px 2px rgba(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-wrap {
    margin: 0 0 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 4px rgba(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, .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-next-year,
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-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, .015);
    transition: all .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-next-year i,
.mec-yearly-view-wrap .mec-yearly-title-sec .mec-previous-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-agenda-sec,
    .mec-yearly-view-wrap .mec-yearly-calendar-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
    }
}

.mec-yearly-view-wrap .mec-agenda-event i,
.mec-yearly-view-wrap .mec-agenda-time {
    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, .03) inset
    }
}

@media only screen and (max-width:1200px) {
    .mec-yearly-view-wrap .mec-agenda-event-title a {
        font-size: 12px;
        padding-right: 6px
    }
}

.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
    }
}

.mec-timetable-t2-wrap {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    padding: 0 15px 15px;
    display: -webkit-box;
    overflow-x: scroll;
    box-shadow: 0 3px 2px 0 rgba(0, 0, 0, .012)
}

.mec-timetable-t2-col {
    width: 20%;
    float: left;
    min-height: 20px;
    padding-right: 1px;
    background: 0 0
}

.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-t3-wrap td {
    position: relative;
    padding: 0
}

.mec-timetable-t3-wrap td a {
    width: 100%;
    display: block;
    min-height: 110px
}

.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, .68);
    margin-bottom: 6px
}

.mec-weather-summary-temp {
    font-weight: 300;
    color: #fff;
    font-size: 29px;
    line-height: 1
}

.degrees-mode {
    background: rgba(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, .68);
    font-size: 12px;
    text-transform: uppercase
}

.mec-weather-extras var {
    font-size: 11px;
    letter-spacing: .4px
}

.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.hail,
.mec-weather-icon.sleet,
.mec-weather-icon.snow {
    background-image: url(../img/mec-weather-icon-07.png)
}

.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, .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: 700;
    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, .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-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
}

.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: 400;
    margin-top: 0 !important;
    text-align: center;
    display: inline-block;
    width: auto;
    border: 2px solid transparent;
    transition: all .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, .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 .mec-event-month,
.mec-masonry .mec-masonry-col6 h6 {
    text-transform: capitalize;
    font-size: 15px;
    padding: 4px 0;
    display: inline;
    color: #444
}

.mec-masonry .mec-masonry-col6 .mec-event-detail,
.mec-masonry .mec-masonry-col6 address {
    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, .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
}

.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
}

.blox.dar .countdown-wrapper p,
.countdown-wrapper p {
    color: #888
}

.countdown-wrapper a.button.black {
    float: right;
    margin-right: 0
}

.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: 0;
        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: 0
    }

    .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
    }
}

.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
}

.flip-clock-wrapper.clearfix:after,
.mec-wrap .flip-clock-wrapper.clearfix:before {
    content: " ";
    display: table
}

.mec-wrap .flip-clock-wrapper.clearfix:after {
    clear: both
}

.mec-wrap .flip-clock-wrapper {
    font: normal 11px "helvetica neue", helvetica, sans-serif;
    -webkit-user-select: none
}

.mec-wrap .flip-clock-meridium {
    background: 0 0 !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
}

.flip-clock-wrapper:after,
.mec-wrap .flip-clock-wrapper:before {
    content: " ";
    display: table
}

.mec-wrap .flip-clock-wrapper:after {
    clear: both
}

.mec-wrap .flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 2px;
    width: 50px;
    height: 50px;
    font-size: 80px;
    font-weight: 700;
    line-height: 87px;
    border-radius: 3px;
    background: rgba(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, .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, .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
}

.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, .17)
}

.mec-wrap .flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd .5s .5s linear both;
    -moz-animation: asd .5s .5s linear both;
    animation: asd .5s .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, .5);
    left: 5px
}

.mec-wrap .flip-clock-divider .flip-clock-label {
    position: absolute;
    bottom: -1.5em;
    right: -71px;
    color: #101010;
    font-weight: 700;
    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 .5s .5s linear both;
    -moz-animation: turn .5s .5s linear both;
    animation: turn .5s .5s linear both
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotatex(90deg)
    }

    100% {
        -webkit-transform: rotatex(0)
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotatex(90deg)
    }

    100% {
        -moz-transform: rotatex(0)
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotatex(90deg)
    }

    100% {
        -o-transform: rotatex(0)
    }
}

@keyframes turn {
    0% {
        transform: rotatex(90deg)
    }

    100% {
        transform: rotatex(0)
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 .5s linear both;
    -moz-animation: turn2 .5s linear both;
    animation: turn2 .5s linear both
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotatex(0)
    }

    100% {
        -webkit-transform: rotatex(-90deg)
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotatex(0)
    }

    100% {
        -moz-transform: rotatex(-90deg)
    }
}

@-o-keyframes turn2 {
    0% {
        -o-transform: rotatex(0)
    }

    100% {
        -o-transform: rotatex(-90deg)
    }
}

@keyframes turn2 {
    0% {
        transform: rotatex(0)
    }

    100% {
        transform: rotatex(-90deg)
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3
}

.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, rgba(64, 64, 64, .68)));
    background: linear, top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: linear, to bottom, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, .1)), color-stop(100%, rgba(64, 64, 64, .68)));
    background: linear, top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%);
    background: linear, to bottom, rgba(0, 0, 0, .1) 0, rgba(64, 64, 64, .68) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .3s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(64, 64, 64, .68)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear, top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%;
    background: -o-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: linear, to bottom, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%;
    -webkit-animation: show .5s linear both;
    -moz-animation: show .5s linear both;
    animation: show .5s linear both
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(64, 64, 64, .68)), color-stop(100%, rgba(0, 0, 0, .1)));
    background: linear, top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%;
    background: -o-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: -ms-linear-gradient(top, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%);
    background: linear, to bottom, rgba(64, 64, 64, .68) 0, rgba(0, 0, 0, .1) 100%;
    -webkit-animation: hide .5s .3s linear both;
    -moz-animation: hide .5s .3s linear both;
    animation: hide .5s .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
    }
}

@media only screen and (min-width:320px) and (max-width:480px) {
    .single-mec-events .mec-wrap .flip-clock-wrapper {
        padding-bottom: 0;
        max-width: 218px
    }

    .single-mec-events .mec-wrap .mec-events-meta-group-countdown {
        padding: 20px 20px 20px 40px
    }

    .single-mec-events .mec-wrap .flip-clock-wrapper .flip {
        margin-bottom: 40px
    }

    .single-mec-events .mec-wrap .flip-clock-divider .flip-clock-label {
        display: block
    }

    .single-mec-events .mec-wrap .flip-clock-divider.days .flip-clock-label {
        left: 21px
    }

    .single-mec-events .mec-wrap .flip-clock-divider.hours .flip-clock-label {
        left: 31px
    }

    .single-mec-events .mec-wrap .flip-clock-divider.minutes .flip-clock-label {
        bottom: -108px;
        left: -390px
    }

    .single-mec-events .mec-wrap .flip-clock-divider.seconds .flip-clock-label {
        left: 20px
    }
}

@font-face {
    font-family: simple-line-icons;
    src: url(../fonts/Simple-Line-Icons.eot?v=2.3.1);
    src: url(../fonts/Simple-Line-Icons.eot?v=2.3.1#iefix) format("embedded-opentype"), url(../fonts/Simple-Line-Icons.woff2?v=2.3.1) format("woff2"), url(../fonts/Simple-Line-Icons.woff?v=2.3.1) format("woff"), url(../fonts/Simple-Line-Icons.ttf?v=2.3.1) format("truetype"), url(../fonts/Simple-Line-Icons.svg?v=2.3.1#simple-line-icons) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=mec-sl-] {
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    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"
}

.mec-color,
.mec-color-before :before,
.mec-color-hover:hover,
.mec-wrap .mec-color,
.mec-wrap .mec-color-before :before,
.mec-wrap .mec-color-hover:hover {
    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 0 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
}

.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, .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
    }
}

.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,
.mec-wrap article:not([class^=mec-event-countdown]):not([class^=mec-event-cover-]).mec-label-featured {
    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: .5s cubic-bezier(.25, .5, .06, .85);
    transition: .5s cubic-bezier(.25, .5, .06, .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
}

.mec-daily-view-date-events article:before,
ul.mec-weekly-view-dates-events article:before {
    padding: 7px 40px !important;
    top: 27px !important
}

.mec-event-grid-classic article .mec-fc-style,
.mec-event-grid-minimal article .mec-fc-style,
.mec-event-grid-simple article .mec-fc-style,
.mec-timeline-event .mec-fc-style,
.mec-timetable-wrap article .mec-fc-style,
.mec-wrap .mec-event-list-accordion article .mec-fc-style,
.mec-wrap .mec-event-list-modern article .mec-fc-style,
.mec-wrap .mec-events-agenda .mec-agenda-event .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.mec-event-cover-modern .mec-fc-style,
.mec-wrap article[class^=mec-event-countdown-] .mec-fc-style {
    font-size: 9px;
    letter-spacing: .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-event-grid-minimal article .mec-fc-style:before,
.mec-event-grid-simple article .mec-fc-style:before,
.mec-timeline-event .mec-fc-style:before,
.mec-timetable-wrap article .mec-fc-style:before,
.mec-wrap .mec-event-list-accordion article .mec-fc-style:before,
.mec-wrap .mec-event-list-modern article .mec-fc-style:before,
.mec-wrap .mec-events-agenda .mec-agenda-event .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
}

.mec-event-grid-classic article.mec-label-canceled:before,
.mec-event-grid-classic article.mec-label-featured:before,
.mec-event-grid-minimal article.mec-label-canceled:before,
.mec-event-grid-minimal article.mec-label-featured:before,
.mec-event-grid-simple article.mec-label-canceled:before,
.mec-event-grid-simple article.mec-label-featured:before,
.mec-timetable-wrap article.mec-label-canceled:before,
.mec-timetable-wrap article.mec-label-featured:before,
.mec-wrap .mec-event-list-accordion article.mec-label-canceled:before,
.mec-wrap .mec-event-list-accordion article.mec-label-featured:before,
.mec-wrap .mec-event-list-modern article.mec-label-canceled:before,
.mec-wrap .mec-event-list-modern article.mec-label-featured:before {
    display: none
}

.mec-wrap .mec-event-list-accordion article .mec-fc-style,
.mec-wrap .mec-event-list-modern 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-event-grid-classic article.mec-label-canceled .mec-fc-style,
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style,
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style,
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style,
.mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style,
.mec-wrap .mec-event-list-modern 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-event-grid-classic article.mec-label-canceled .mec-fc-style:before,
.mec-event-grid-minimal article.mec-label-canceled .mec-fc-style:before,
.mec-event-grid-simple article.mec-label-canceled .mec-fc-style:before,
.mec-timetable-wrap article.mec-label-canceled .mec-fc-style:before,
.mec-wrap .mec-event-list-accordion article.mec-label-canceled .mec-fc-style:before,
.mec-wrap .mec-event-list-modern 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
}

.mec-wrap .mec-slider-t5 article:not([class^=mec-event-countdown]).mec-label-canceled:before,
.mec-wrap .mec-slider-t5 article:not([class^=mec-event-countdown]).mec-label-featured:before {
    -ms-transform: none;
    -webkit-transform: none;
    transform: none;
    -webkit-transition: none;
    transition: none;
    top: 271px;
    right: 0
}

.mec-timetable-wrap article .mec-fc-style {
    top: -2px;
    font-size: 10px;
    right: 0
}

.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
}

.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: 0 10px !important
}

.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
}

.mec-load-month-link {
    color: #a9a9a9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: unset;
    transition: all .33s ease
}

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 .23s ease;
    -webkit-transition: all .23s ease
}

.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 .18s ease, transform .18s ease, visibility .25s ease;
    transform: scale(.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
}

.mec-wrap .mec-custom-data .mec-timetable-t2-content,
.mec-wrap .mec-custom-data .mec-timetable-t2-content .mec-event-title,
.mec-wrap article:not([class^=mec-event-countdown]):not([class^=mec-event-cover-]).mec-custom-data.mec-label-canceled,
.mec-wrap article:not([class^=mec-event-countdown]):not([class^=mec-event-cover-]).mec-custom-data.mec-label-featured {
    overflow: visible !important
}

.mec-wrap article:not([class^=mec-event-countdown]):not([class^=mec-event-cover-]).mec-custom-data.mec-label-canceled .mec-event-label-captions,
.mec-wrap article:not([class^=mec-event-countdown]):not([class^=mec-event-cover-]).mec-custom-data.mec-label-featured .mec-event-label-captions {
    -ms-transform: rotate(0);
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: fit-content;
    top: 7px;
    right: 7px;
    padding: 2px 5px;
    border-radius: 4px
}

@media(min-width:768px) {

    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-canceled .mec-event-data-fields .mec-data-fields-tooltip,
    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-custom .mec-event-data-fields .mec-data-fields-tooltip,
    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-featured .mec-event-data-fields .mec-data-fields-tooltip {
        bottom: calc(50% - 110px);
        left: 30px
    }

    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-canceled .mec-event-data-fields .mec-data-fields-tooltip:before,
    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-custom .mec-event-data-fields .mec-data-fields-tooltip:before,
    .mec-wrap [id^=mec_skin_events_] .mec-event-list-standard .mec-label-featured .mec-event-data-fields .mec-data-fields-tooltip:before {
        left: -10px;
        top: calc(100% - 110px);
        box-shadow: -8px -5px 9px -4px #535a61
    }
}

.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 .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
    }
}

.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: 700;
    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: .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-event-date,
.mec-event-status {
    text-align: center
}

.mec-event-date .mec-tooltip,
.mec-event-status .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-date .mec-tooltip .box,
.mec-event-status .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: .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;
    letter-spacing: 1.1px;
    font-weight: 500
}

.mec-event-date .mec-tooltip:hover .box:after,
.mec-event-status .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 .box,
.mec-event-status.mec-book-confirmed .mec-tooltip:hover .box:after {
    background-color: #50d477
}

.mec-event-status.mec-book-rejected .mec-tooltip .box,
.mec-event-status.mec-book-rejected .mec-tooltip:hover .box:after {
    background-color: #fe686a
}

.mec-event-status.mec-book-pending .mec-tooltip .box,
.mec-event-status.mec-book-pending .mec-tooltip:hover .box:after {
    background-color: #fcbe69
}

.mec-event-date .mec-tooltip:hover .box,
.mec-event-status .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: 700
}

.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
    }
}

@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 .mec-profile-bookings tbody tr,
    .mec-profile i {
        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 .mec-profile-bookings tbody tr,
    .mec-profile i {
        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
    }
}

.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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .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
}

.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 .mec-event-ticket-available,
.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-ticket-variation-name,
.lity-content .mec-events-meta-group-booking .mec-ticket-variation-price,
.lity-content .mec-events-meta-group-booking label {
    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, .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=email],
.lity-content .mec-events-meta-group-booking input[type=number],
.lity-content .mec-events-meta-group-booking input[type=text] {
    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, .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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .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 #mec_book_payment_form h4,
.lity-content .mec-events-meta-group-booking li 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
    }
}

.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, .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: .5em solid rgba(0, 0, 0, .2);
    border-right: .5em solid rgba(0, 0, 0, .2);
    border-bottom: .5em solid rgba(0, 0, 0, .2);
    border-left: .5em solid #fff;
    -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(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes mecloader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.mec-google-recaptcha {
    margin: 0 0 20px 16px
}

.mec-wrap * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mec-wrap :after,
.mec-wrap :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mec-wrap .clearfix:after,
.mec-wrap .clearfix:before {
    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:after,
.mec-container:before {
    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
    }
}

@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:after,
.mec-wrap .row:before {
    content: " ";
    display: table
}

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

.mec-wrap .col-lg-1,
.mec-wrap .col-lg-10,
.mec-wrap .col-lg-11,
.mec-wrap .col-lg-12,
.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-md-1,
.mec-wrap .col-md-10,
.mec-wrap .col-md-11,
.mec-wrap .col-md-12,
.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-sm-1,
.mec-wrap .col-sm-10,
.mec-wrap .col-sm-11,
.mec-wrap .col-sm-12,
.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-xs-1,
.mec-wrap .col-xs-10,
.mec-wrap .col-xs-11,
.mec-wrap .col-xs-12,
.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 {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

@media only screen and (min-width:1200px) {

    .mec-wrap .col-lg-1,
    .mec-wrap .col-lg-10,
    .mec-wrap .col-lg-11,
    .mec-wrap .col-lg-12,
    .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-md-1,
    .mec-wrap .col-md-10,
    .mec-wrap .col-md-11,
    .mec-wrap .col-md-12,
    .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-sm-1,
    .mec-wrap .col-sm-10,
    .mec-wrap .col-sm-11,
    .mec-wrap .col-sm-12,
    .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-xs-1,
    .mec-wrap .col-xs-10,
    .mec-wrap .col-xs-11,
    .mec-wrap .col-xs-12,
    .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 {
        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-10,
.mec-wrap .col-xs-11,
.mec-wrap .col-xs-12,
.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 {
    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-10,
    .mec-wrap .col-sm-11,
    .mec-wrap .col-sm-12,
    .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 {
        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-10,
    .mec-wrap .col-md-11,
    .mec-wrap .col-md-12,
    .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 {
        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-10,
    .mec-wrap .col-lg-11,
    .mec-wrap .col-lg-12,
    .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 {
        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%
    }
}

#mec_woo_add_to_cart_btn {
    min-width: 170px;
    margin-top: 5px;
    text-align: center
}

.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, .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
}

.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
}

.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 .18s ease
}

.mec-fes-form #mec-advanced-wraper div:first-child>ul>ul>li.mec-active,
.mec-fes-form #mec-advanced-wraper div:first-child>ul>ul>li:hover {
    background: #40d9f1 !important;
    box-shadow: 0 1px 9px -3px #40d9f1;
    color: #fff !important
}

.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: 400
}

.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%)
    }
}

.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 .3s ease
}

.mec-ajax-search-result-events {
    background: #fff;
    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 .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 .3s ease
}

.mec-search-bar-result .mec-event-detail {
    font-size: 13px;
    line-height: 1.3;
    color: #9a9a9a;
    margin-bottom: 0
}

.mec-wrap.mec-modern-search-bar .mec-totalcal-box {
    background: rgba(255, 255, 255, .87);
    border: none;
    padding: 35px;
    border-radius: 3px;
    box-shadow: 0 3px 13px rgba(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, .99);
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(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: 0 0;
    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: 700 !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, .99);
    border-radius: 2px;
    box-shadow: 0 4px 8px rgba(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
    }
}

.mec-wrap .mec-related-events-wrap {
    margin-left: 0;
    margin-right: 0
}

.mec-related-events {
    margin-right: -15px;
    margin-left: -15px
}

@media(max-width:980px) {
    .mec-related-events {
        margin-right: -10px;
        margin-left: -10px
    }
}

.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%;
    border-radius: 3px
}

.mec-related-event-content {
    background-color: #fff;
    margin: -40px 20px 15px;
    border-radius: 2px;
    position: relative;
    max-width: 90%;
    padding: 10px 12px 16px 17px
}

.mec-related-event-content h5 a {
    font-size: 16px;
    color: #121212;
    font-weight: 600;
    transition: all .3s ease
}

@media(max-width:480px) {
    .mec-wrap .mec-related-events .mec-related-event-post {
        padding-right: 15px;
        padding-left: 15px
    }
}

.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: .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-date,
.mec-next-multiple ul .mec-time {
    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-date .mec-start-date-label,
.mec-next-multiple ul .mec-time .mec-events-abbr {
    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-date .mec-start-date-label,
    .mec-next-multiple ul .mec-time .mec-events-abbr {
        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
    }
}

.mec-fes-form-cntt #mec-organizer-payments ul {
    list-style: none;
    background: 0 0;
    margin: 0;
    padding-left: 0
}

.mec-fes-form-cntt #mec-organizer-payments ul li h4 {
    background: 0 0;
    letter-spacing: .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
}

#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, .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 .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, .2, .1, .8) infinite
}

#mec-login-form.mec-login-form .lds-ripple div:nth-child(2) {
    animation-delay: -.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(.4, 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(.4, 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
    }
}

.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: #fff;
    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: 0
}

.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
}

.mec-booking-tab-content .button,
.mec-booking-tab-content .mec-bfixed-field-add-option,
.mec-booking-tab-content .mec-reg-field-add-option,
.mec-fes-form .mec-form-row .button:not(.wp-color-result),
.mec-fes-form input[type=file],
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 {
    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: 0
}

.mec-booking-tab-content .button:hover,
.mec-booking-tab-content .mec-bfixed-field-add-option:hover,
.mec-booking-tab-content .mec-reg-field-add-option: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 .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: .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
}

#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 .18s ease;
    outline: 0;
    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: 0
}

#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 .2s ease;
    animation: checkbox-check 130ms 140ms cubic-bezier(.4, 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)
    }
}

#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_fes_location_remove_image_button,
#mec_fes_organizer_remove_image_button,
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-col-1 .button,
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-form-row.mec-box .button,
#mec_meta_box_tickets_form [id^=mec_ticket_row] button,
#mec_reg_form_field_types .button.red {
    color: #ea6485;
    box-shadow: 0 2px 6px -3px #ea6485;
    background: #fff;
    border-color: #ffd2dd
}

#mec_fes_location_remove_image_button:hover,
#mec_fes_organizer_remove_image_button:hover,
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-col-1 .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_tickets_form [id^=mec_ticket_row] 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_bfixed_form_field_types .button:hover:before,
#mec_reg_form_field_types .button.red:hover:before,
#mec_reg_form_field_types .button:hover:before {
    color: #fff
}

#mec_fes_location_remove_image_button:hover,
#mec_fes_organizer_remove_image_button:hover,
#mec_meta_box_hourly_schedule_days [id^=mec_meta_box_hourly_schedule_day_] .mec-col-1 .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_tickets_form [id^=mec_ticket_row] button:hover,
#mec_price_per_dates_container .button:hover,
#mec_reg_form_field_types .button.red:hover {
    color: #fff;
    border: 2px solid #ea6485
}

#mec_taxes_fees_container_toggle [id^=mec_remove_fee_button],
#mec_ticket_variations_list [id^=mec_remove_ticket_variation_button] {
    color: #ea6485;
    border-color: #ffd2dd
}

#mec_taxes_fees_container_toggle [id^=mec_remove_fee_button]:hover,
#mec_ticket_variations_list [id^=mec_remove_ticket_variation_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_bfixed_form_fields span.mec_bfixed_field_sort,
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_sort {
    font-size: 0;
    color: #fff;
    padding-left: 20px
}

.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 .mec_reg_field_options,
.mec-fes-form #mec_reg_form_fields span.mec_reg_field_option_sort {
    font-size: 0
}

.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,
.mec-fes-form #mec_orgz_form_row span.mec-additional-organizer-sort:before,
.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_reg_form_fields span.mec_reg_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_bfixed_form_fields span.mec_bfixed_field_option_sort:before,
.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 {
    font-size: 13px;
    left: 2px;
    top: 26px;
    width: 14px;
    height: 14px
}

.mec-fes-form #mec_bfixed_form_fields .mec_bfixed_field_options,
.mec-fes-form #mec_reg_form_fields .mec_reg_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 input+span.mec-tooltip,
.mec-form-row select+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 input[type=text],
.mec-form-row .mec-col-8 select,
.mec-form-row .mec-col-8 span.mec-archive-skins {
    vertical-align: top
}

.mec-form-row input:disabled {
    opacity: .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, .12)
}

table.ui-datepicker-calendar {
    margin-bottom: 0
}

.ui-datepicker-calendar th {
    font-weight: 700;
    color: #4a4b4c
}

.ui-datepicker-calendar td,
.ui-datepicker-calendar th,
.ui-datepicker-calendar tr {
    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, .04)
}

.ui-datepicker.ui-widget table {
    border-spacing: 2px;
    border: none
}

.ui-datepicker.ui-widget td,
.ui-datepicker.ui-widget tr {
    padding: 0;
    background: 0 0 !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 .2s ease
}

.ui-datepicker.ui-widget td a.ui-state-active,
.ui-datepicker.ui-widget td a:hover {
    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 .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, .4)
}

.mec-fes-form .mec-tooltip .dashicons-before:before {
    color: #40d9f1
}

.mec-fes-form button[type=submit].mec-fes-sub-button {
    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 .28s ease;
    text-transform: uppercase;
    margin: 20px 0 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: .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 .quicktags-toolbar,
.mec-fes-form div.mce-toolbar-grp {
    background: #ecfcff;
    border-bottom: 1px solid #cfeff5;
    box-shadow: 0 1px 0 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 .html-active .switch-html,
.mec-fes-form .tmce-active .switch-tmce,
.mec-fes-form .wp-editor-tabs .wp-switch-editor:active {
    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, .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-selected,
body .mce-menu .mce-menu-item:focus,
body .mce-menu .mce-menu-item:hover,
body.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
    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: .3px;
    border-radius: 3px;
    padding: 4px 8px
}

.mec-fes-form .post-status.mec-book-confirmed:before,
.mec-fes-list ul li .mec-event-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-export a:before,
.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 {
    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 .ui-datepicker-calendar td,
.ui-datepicker-calendar th {
    height: auto;
    padding: 0
}

.ui-datepicker .ui-datepicker-calendar td a,
.ui-datepicker-calendar th {
    font-size: 14px;
    line-height: 30px
}

.mec-fes-form .description {
    font-size: 16px
}

.mec-fes-form input[type=file] {
    text-align: left
}

.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, .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 .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: #90f0e0;
    border-color: #4dc8cc
}

.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 .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, .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 .21s ease;
    -moz-transition: all .21s ease;
    transition: all .21s ease;
    cursor: pointer;
    margin-left: 6px
}

.mec-fes-btn-export span:hover {
    background: #222
}

.mec-event-export-excel:before,
span.mec-event-export-csv: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: .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 .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-remove:hover .wn-p-t-right,
.mec-fes-list .mec-fes-event-view: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
}

.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, .07);
    background-color: #fff;
    color: #32373c;
    outline: 0;
    transition: 50ms border-color ease-in-out;
    min-width: 200px;
    font-size: 14px
}

.mec-fes-form .select2-selection {
    border: none;
    background: 0 0;
    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
}

.mec-fes-category-children,
.mec-fes-category-children .mec-fes-category-children {
    padding-left: 24px
}

.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, .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, .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: 700;
    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: 700;
    -webkit-transition: all .2s ease;
    transition: all .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, .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, .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 #fff 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-left-content,
    .mec-timeline-right-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: 0
    }
}

@media (max-width:320px) {

    .mec-timeline-event-content,
    .mec-timeline-event-date {
        float: none;
        width: 100%
    }

    .mec-timeline-event-date {
        margin-bottom: 8px
    }

    .mec-timeline-event-content:after {
        display: none
    }

    .mec-timeline-main-content {
        padding: 23px 0
    }

    .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
}

.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, .25);
    transition: all .22s ease
}

.mec-event-tile-view article.mec-tile-item:hover {
    cursor: pointer;
    box-shadow: 0 4px 19px rgba(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:after,
.mec-event-tile-view article.mec-tile-item:before {
    position: absolute;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(0, 0, 0, .72) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .35)), color-stop(65%, rgba(0, 0, 0, .48)), color-stop(100%, rgba(0, 0, 0, .72)));
    background: -webkit-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(0, 0, 0, .72) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(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, .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: 0 0
}

.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 {
    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:after,
.mec-skin-tile-month-navigator-container:before {
    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: #fff 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-next-month,
.mec-skin-tile-month-navigator-container .mec-previous-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, .02);
    transition: all .22s ease
}

.mec-skin-tile-month-navigator-container .mec-next-month {
    left: auto;
    right: 20px
}

.mec-skin-tile-month-navigator-container .mec-next-month:hover,
.mec-skin-tile-month-navigator-container .mec-previous-month:hover {
    box-shadow: 0 2px 5px rgba(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
}

.mec-event-tile-view article.mec-tile-item .mec-tile-overlay {
    position: absolute;
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(0, 0, 0, .72) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0, rgba(0, 0, 0, .35)), color-stop(65%, rgba(0, 0, 0, .48)), color-stop(100%, rgba(0, 0, 0, .72)));
    background: -webkit-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(0, 0, 0, .72) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, .48) 65%, rgba(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
}

.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
    }
}

.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
}

.mec-ongoing-normal-label {
    background-color: #40d9f1
}

.mec-expired-normal-label {
    background-color: #000
}

.mec-wrap .mec-cancellation-reason span,
.mec-wrap .mec-labels-normal .mec-label-normal {
    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-agenda-event-title .mec-labels-normal .mec-label-normal,
.mec-timetable-event .mec-labels-normal .mec-label-normal,
.tooltipster-box .mec-labels-normal .mec-label-normal {
    font-size: 9px;
    letter-spacing: .5px;
    text-transform: uppercase;
    padding: 2px 7px;
    color: #fff;
    position: relative;
    margin-left: 5px;
    border-radius: 2px;
    top: 0
}

.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,
.mec-owl-carousel:not(.mec-slider-t1) .mec-labels-normal .mec-label-normal,
.mec-tile-item .mec-labels-normal .mec-label-normal,
.mec-timeline-event .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
}

.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-cancellation-reason span,
.mec-wrap .mec-event-list-accordion .mec-labels-normal .mec-label-normal {
    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: .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: 0
}

.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: 0
}

.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,
.mec-owl-carousel:not(.mec-slider-t1) .mec-cancellation-reason span,
.mec-tile-item .mec-cancellation-reason span,
.mec-timeline-event .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.mec-labels-normal,
.mec-owl-carousel .mec-event-footer-carousel-type3 span.soldout {
    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: 700;
    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
}

.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: -.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
}

.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
}

.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
}

.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-clean .mec-shortcode-organizers a,
.mec-skin-grid-container .mec-event-grid-clean .mec-shortcode-organizers a:hover,
.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 {
    color: #fff;
    font-size: 12px
}

.mec-skin-grid-container .mec-event-grid-clean .mec-shortcode-organizers a:hover,
.mec-skin-grid-container .mec-event-grid-colorful .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, .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, .4)
}

.mec-skin-grid-container .mec-event-grid-novel .mec-shortcode-organizers a:hover {
    color: #fff
}

.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
}

.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-organizer-item,
.mec-events-timeline-wrap .mec-shortcode-organizers .mec-organizers {
    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 a,
.mec-events-timeline-wrap .mec-organizer-item:after {
    font-weight: 500
}

.mec-events-timeline-wrap .mec-organizer-item a:hover {
    text-decoration: underline
}

.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 .mec-organizers a,
.mec-event-tile-view .mec-shortcode-organizers i {
    color: #fff
}

.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, .88)
}

.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
.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-footer .mec-booking-button,
.mec-dark-mode .mec-event-grid-classic .mec-event-content,
.mec-dark-mode .mec-event-schedule-content .mec-schedule-speakers,
.mec-dark-mode .mec-events-meta-group-tags a:hover,
.mec-dark-mode .mec-events-toggle .mec-toggle-content .mec-modal-wrap,
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
.mec-dark-mode .mec-map-view-event-detail.mec-event-detail,
.mec-dark-mode .mec-modal-wrap,
.mec-dark-mode .mec-next-event-details a,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
.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 .mec-timetable-events-list .mec-timetable-event,
.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 {
    background-color: #1f1f1f;
    color: #d2d2d2
}

.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
}

.mec-dark-mode .mec-modal-preloader,
.mec-dark-mode .mec-month-navigator-loading {
    background-color: #1f1f1f
}

.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table,
.mec-dark-mode .mec-skin-tile-month-navigator-container {
    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 .event-carousel-type2-head,
.mec-dark-mode .mec-box-calendar.mec-calendar .mec-calendar-table-head 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-event-article: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-daily-view-day,
.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 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-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-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-calendar.mec-yearly-calendar .mec-calendar-table-head dl dt,
.mec-dark-mode .mec-event-carousel-content,
.mec-dark-mode .mec-event-cost,
.mec-dark-mode .mec-event-countdown-style1 .mec-event-countdown-part3 .mec-event-button,
.mec-dark-mode .mec-event-footer,
.mec-dark-mode .mec-event-grid-classic .mec-event-content .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
.mec-dark-mode .mec-event-list-standard .mec-topsec,
.mec-dark-mode .mec-event-more-info,
.mec-dark-mode .mec-event-website,
.mec-dark-mode .mec-events-agenda-wrap,
.mec-dark-mode .mec-events-meta-date,
.mec-dark-mode .mec-events-meta-group-tags a,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner,
.mec-dark-mode .mec-fes-form,
.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-list,
.mec-dark-mode .mec-hourly-schedule-speaker-info,
.mec-dark-mode .mec-load-more-button,
.mec-dark-mode .mec-map-lightbox-wp,
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-related-event-content,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
.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-countdown,
.mec-dark-mode .mec-single-event .mec-frontbox,
.mec-dark-mode .mec-single-event .mec-speakers-details ul li,
.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-modern .col-md-4 .mec-frontbox,
.mec-dark-mode .mec-slider-t1-wrap,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event,
.mec-dark-mode .mec-timetable-t2-wrap,
.mec-dark-mode .mec-ttt2-title,
.mec-dark-mode .mec-wrap .mec-event-countdown-style1,
.mec-dark-mode .mec-wrap .mec-event-countdown-style2,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
.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-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode.mec-wrap .mec-totalcal-box i,
.mec-dark-mode.mec-wrap .mec-totalcal-box input,
.mec-dark-mode.mec-wrap .mec-totalcal-box select {
    background-color: #282828
}

.mec-dark-mode .event-carousel-type2-head,
.mec-dark-mode .event-carousel-type2-head .mec-event-footer-carousel-type2 .mec-booking-button,
.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-box-calendar.mec-calendar .mec-calendar-table-head dt,
.mec-dark-mode .mec-box-calendar.mec-calendar dt,
.mec-dark-mode .mec-box-calendar.mec-calendar.mec-event-calendar-classic .mec-calendar-table-head dt,
.mec-dark-mode .mec-breadcrumbs,
.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 .mec-daily-view-day,
.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 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-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-event-calendar-classic .mec-calendar-events-sec,
.mec-dark-mode .mec-event-carousel-content,
.mec-dark-mode .mec-event-footer,
.mec-dark-mode .mec-event-footer .mec-booking-button,
.mec-dark-mode .mec-event-list-minimal .mec-event-article,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.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-standard .mec-event-article,
.mec-dark-mode .mec-event-list-standard .mec-event-meta-wrap,
.mec-dark-mode .mec-event-list-standard .mec-topsec,
.mec-dark-mode .mec-event-schedule-content,
.mec-dark-mode .mec-event-schedule-content dl:before,
.mec-dark-mode .mec-events-agenda-wrap,
.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-events-meta-group-tags a,
.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-fes-form .mec-meta-box-fields,
.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-hourly-schedule-speaker-info,
.mec-dark-mode .mec-load-more-button,
.mec-dark-mode .mec-masonry-item-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-next-event-details a,
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title,
.mec-dark-mode .mec-single-event .mec-event-exporting .mec-export-details a:hover,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking form>h4,
.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-countdown,
.mec-dark-mode .mec-single-event .mec-frontbox,
.mec-dark-mode .mec-single-event .mec-frontbox-title,
.mec-dark-mode .mec-timetable-t2-wrap,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span,
.mec-dark-mode .mec-wrap .mec-totalcal-box i,
.mec-dark-mode .mec-wrap .mec-totalcal-box input,
.mec-dark-mode .mec-wrap .mec-totalcal-box select,
.mec-dark-mode .mec-yearly-view-wrap,
.mec-dark-mode .mec-yearly-view-wrap .mec-yearly-title-sec {
    border-color: #353535
}

.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-breadcrumbs a,
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a,
.mec-dark-mode .mec-calendar dt,
.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-table .mec-daily-view-day.mec-has-event,
.mec-dark-mode .mec-calendar.mec-event-container-simple dl dt.mec-calendar-day,
.mec-dark-mode .mec-event-carousel-content .mec-event-carousel-title a,
.mec-dark-mode .mec-event-content p,
.mec-dark-mode .mec-event-grid-classic .mec-event-title a,
.mec-dark-mode .mec-event-grid-clean .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-modern .mec-event-title a,
.mec-dark-mode .mec-event-grid-simple .mec-event-title a,
.mec-dark-mode .mec-event-list-classic .mec-event-title a,
.mec-dark-mode .mec-event-list-minimal .mec-event-title a,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button,
.mec-dark-mode .mec-event-list-standard .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-events-meta-group-tags a,
.mec-dark-mode .mec-events-toggle .mec-toggle-item-inner i,
.mec-dark-mode .mec-fes-form,
.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 label,
.mec-dark-mode .mec-fes-form select,
.mec-dark-mode .mec-fes-form textarea,
.mec-dark-mode .mec-fes-list,
.mec-dark-mode .mec-hourly-schedule-speaker-contact-information a i,
.mec-dark-mode .mec-hourly-schedule-speaker-description,
.mec-dark-mode .mec-hourly-schedule-speaker-name,
.mec-dark-mode .mec-load-more-button,
.mec-dark-mode .mec-next-event-details abbr,
.mec-dark-mode .mec-related-event-content h5 a,
.mec-dark-mode .mec-related-event-content span,
.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-event .mec-events-meta-group-booking form>h4,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking h5 span,
.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 label,
.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-frontbox-title,
.mec-dark-mode .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title,
.mec-dark-mode .mec-single-modern .mec-single-event-bar>div h3,
.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-timeline-main-content h4 a,
.mec-dark-mode .mec-timetable-event .mec-timetable-event-time,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event span a,
.mec-dark-mode .mec-tooltip-event-title,
.mec-dark-mode .mec-ttt2-title,
.mec-dark-mode .mec-wrap,
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a,
.mec-dark-mode .mec-wrap .mec-event-schedule-content a,
.mec-dark-mode .mec-wrap .mec-single-title,
.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-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-wrap p {
    color: #d2d2d2
}

.mec-dark-mode .mec-breadcrumbs a:hover,
.mec-dark-mode .mec-calendar .mec-event-article .mec-event-title a: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-event-footer .mec-booking-button:hover,
.mec-dark-mode .mec-event-grid-classic .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-list-classic .mec-event-title a:hover,
.mec-dark-mode .mec-event-list-minimal .mec-event-title a:hover,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
.mec-dark-mode .mec-event-list-standard .mec-event-title a:hover,
.mec-dark-mode .mec-single-event .mec-event-meta dd a:hover,
.mec-dark-mode .mec-wrap .mec-event-list-modern .mec-event-title a:hover,
.mec-dark-mode .mec-wrap .mec-totalcal-box .mec-totalcal-view span:hover,
.mec-dark-mode .mec-wrap 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-related-events-wrap h3.mec-rec-events-title:before,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=checkbox],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=radio]:before {
    background-color: #c4cace
}

.mec-dark-mode .lity-container .mec-events-meta-group-booking input[type=radio]:before,
.mec-dark-mode .mec-month-divider span,
.mec-dark-mode .mec-related-events-wrap h3.mec-rec-events-title:before,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=checkbox],
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking input[type=radio]:before {
    border-color: #313131
}

.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
.mec-dark-mode .mec-agenda-events-wrap,
.mec-dark-mode .mec-av-spot .mec-av-spot-content,
.mec-dark-mode .mec-av-spot .mec-av-spot-head,
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
.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 .mec-calendar-topsec,
.mec-dark-mode .mec-calendar .mec-event-article:hover,
.mec-dark-mode .mec-calendar dt,
.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-table .mec-daily-view-day.mec-has-event:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-table a:hover,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-d-top,
.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-weekly .mec-calendar-d-table dl dt:hover,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-events-sec,
.mec-dark-mode .mec-event-cover-classic,
.mec-dark-mode .mec-event-footer .mec-booking-button:hover,
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
.mec-dark-mode .mec-event-grid-clean .mec-event-content,
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
.mec-dark-mode .mec-event-grid-modern .mec-event-content,
.mec-dark-mode .mec-event-list-minimal a.mec-detail-button:hover,
.mec-dark-mode .mec-event-list-modern .mec-btn-wrapper .mec-booking-button:hover,
.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-hourly-schedule-speaker-contact-information a:hover i,
.mec-dark-mode .mec-masonry .mec-masonry-content,
.mec-dark-mode .mec-masonry .mec-masonry-head,
.mec-dark-mode .mec-slider-t1 .mec-slider-t1-content,
.mec-dark-mode .mec-slider-t5 .mec-slider-t5-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-timeline-event-content,
.mec-dark-mode .mec-timeline-month-divider,
.mec-dark-mode .mec-timetable-events-list .mec-timetable-event:hover,
.mec-dark-mode .mec-wrap .mec-event-countdown-style1 .mec-event-countdown-part3,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.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-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 .tooltipster-sidetip:not(.uael-tooltipster-active) .tooltipster-content {
    background: #191919
}

.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3,
.mec-dark-mode .event-carousel-type3-head .mec-event-footer-carousel-type3 .mec-booking-button,
.mec-dark-mode .mec-av-spot,
.mec-dark-mode .mec-av-spot-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-box-calendar.mec-calendar dl dt:last-child,
.mec-dark-mode .mec-calendar,
.mec-dark-mode .mec-calendar .mec-event-article,
.mec-dark-mode .mec-calendar.mec-box-calendar .mec-table-nullday:last-child,
.mec-dark-mode .mec-calendar.mec-calendar-daily .mec-calendar-a-month,
.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-table,
.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-event-cover-classic,
.mec-dark-mode .mec-event-cover-clean,
.mec-dark-mode .mec-event-grid-classic .mec-event-article,
.mec-dark-mode .mec-event-grid-clean .mec-event-article,
.mec-dark-mode .mec-event-grid-modern .mec-event-article,
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing,
.mec-dark-mode .mec-event-sharing-wrap .mec-event-sharing:after,
.mec-dark-mode .mec-event-sharing-wrap>li:first-of-type,
.mec-dark-mode .mec-events-agenda,
.mec-dark-mode .mec-fes-form .mec-meta-box-fields,
.mec-dark-mode .mec-masonry,
.mec-dark-mode .mec-slider-t5-wrap .mec-event-grid-modern .event-grid-modern-head,
.mec-dark-mode .mec-timeline-month-divider,
.mec-dark-mode .mec-wrap .mec-totalcal-box,
.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 {
    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-book-form-gateways [id*=mec_book_form_gateway_checkout] input[type=text],
.mec-dark-mode .mec-events-meta-group-booking .StripeElement,
.mec-dark-mode .mec-wrap .mec-book-form-gateways [id*=mec_book_form_gateway_checkout] input[type=email],
.mec-dark-mode .mec-wrap .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, .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
}

.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, .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 #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,
.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 {
    color: #fff;
    border: 2px solid #ea6485;
    background: #ea6485
}

.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-name-stripe,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-card-type,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-first-name {
    width: 48%;
    vertical-align: top;
    display: inline-block;
    margin-right: 30px
}

.mec-booking-shortcode .mec-form-row.mec-email-stripe,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-cc-number,
.mec-booking-shortcode .mec-form-row.mec-paypal-credit-card-last-name {
    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 {
    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 .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,
.mec-booking-shortcode label {
    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: .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, .27);
    font-weight: 500;
    font-size: 11px;
    letter-spacing: .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 !important;
    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: 0 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: 400;
    font-size: 12px
}

.mec-booking-shortcode span.mec-book-price-detail-amount,
.mec-booking-shortcode span.mec-book-price-detail-description {
    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-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
}

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

    .mec-booking-shortcode ul.mec-book-price-details li {
        width: 100%;
        border-right: 0 !important;
        border-bottom: 1px solid
    }

    .mec-booking-shortcode ul.mec-book-price-details li:last-child {
        width: 100%;
        border-right: 0;
        border-bottom: 0 solid
    }
}

.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 .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .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 .2s;
    -o-transition: border-color ease .2s;
    -webkit-transition: border-color ease .2s;
    transition: border-color ease .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 .5;
    -moz-transition: opacity ease .5;
    transition: opacity ease .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 .16s ease 0s forwards;
    -o-animation: dothatopcheck .16s ease 0s forwards;
    -webkit-animation: dothatopcheck .16s ease 0s forwards;
    animation: dothatopcheck .16s ease 0s forwards
}

.mec-booking-shortcode input[type=checkbox]:checked+.wn-checkbox-label::before {
    height: 6px;
    left: 7px;
    top: 9px;
    -moz-animation: dothatopcheck .16s ease 0s forwards;
    -o-animation: dothatopcheck .16s ease 0s forwards;
    -webkit-animation: dothatopcheck .16s ease 0s forwards;
    animation: dothatopcheck .16s ease 0s forwards
}

.mec-booking-shortcode button[type=button],
.mec-booking-shortcode button[type=submit] {
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .5px;
    line-height: 16px;
    outline: 0
}

.mec-booking-shortcode button.mec-book-form-back-button {
    background-color: #afe6ff;
    box-shadow: 0 2px 2px rgba(175, 230, 255, .27)
}

.mec-booking-shortcode button[type=button]:hover,
.mec-booking-shortcode button[type=submit]:hover {
    background-color: #000;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(1, 2, 4, .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: .1em solid #f0f1f1;
    border-bottom: .1em solid #fbfbfb;
    border-left: .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
}

.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: #fff;
    box-shadow: 0 1px 5px 6px rgba(0, 0, 0, .005) inset;
    border: 1px solid #efefef
}

.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-next-month,
.mec-booking-calendar-month-navigation .mec-previous-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 .33s ease;
    border-bottom: 1px solid #efefef;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .015);
    transition: all .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-next-month:hover,
.mec-booking-calendar-month-navigation .mec-previous-month:hover {
    background-color: #f9f9f9;
    color: #40d9f1
}

.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: 0 0
}

.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
}

.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
}

.mec-has-event-for-booking .mec-booking-calendar-date,
.mec-has-event-for-booking .mec-booking-tooltip,
.mec-multiple-event .mec-has-event-for-booking .mec-booking-tooltip {
    opacity: 0;
    visibility: hidden;
    transition: all .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-calendar-date,
.mec-has-event-for-booking:hover .mec-booking-tooltip,
.mec-has-event-for-booking:hover .mec-booking-tooltip.multiple-time .mec-booking-calendar-date,
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-calendar-date,
.mec-multiple-event .mec-has-event-for-booking:hover .mec-booking-tooltip {
    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
}

.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
}

.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
}

.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%
}

.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 .17s ease;
    -webkit-transition: all .17s ease;
    -moz-transition: all .17s ease;
    -ms-transition: all .17s ease;
    -o-transition: all .17s ease
}

.mec-booking-tooltip.multiple-time .mec-booking-calendar-date:hover,
.mec-calendar-day.mec-active .mec-booking-tooltip.multiple-time .mec-booking-calendar-date.mec-active {
    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 .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.disable .mec-choosen-time-message {
    opacity: 0;
    visibility: hidden;
    padding: 0;
    font-size: 0;
    margin: 0
}

.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%
}

.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
    }
}

.mec-wrap .mec-events-meta-group-booking .mec-booking-calendar .mec-calendar .mec-booking-calendar-date-soldout .mec-calendar-novel-selected-day {
    border-color: #c5c5c5
}

.mec-wrap .mec-events-meta-group-booking .mec-booking-calendar .mec-calendar .mec-booking-calendar-date-soldout.mec-active .mec-calendar-novel-selected-day {
    background: #c5c5c5;
    color: #fff
}

.mec-wrap .mec-events-meta-group-booking .mec-booking-calendar .mec-calendar .mec-booking-calendar-date-soldout:hover .mec-booking-tooltip {
    display: none
}

.mec-dark-mode .mec-single-event .mec-events-meta-group-booking .mec-booking-calendar-month-navigation,
.mec-dark-mode .mec-single-event .mec-events-meta-group-booking .mec-calendar {
    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: 0 0 !important
}

.mec-dark-mode .mec-calendar.mec-event-calendar-classic,
.mec-dark-mode .mec-calendar.mec-event-calendar-classic .mec-calendar-side {
    height: auto
}

.is-light-theme .mec-fes-form textarea {
    border: 1px solid #cfeff5;
    box-shadow: 0 2px 5px rgba(207, 239, 245, .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: 0
}

.is-light-theme .mec-events-event-image img {
    height: auto
}

span.mec-booking-field-required {
    color: red;
    margin-left: 10px
}

.mec-gCalendar {
    position: relative
}

.mec-gCalendar-filters {
    display: none;
    position: absolute;
    width: 518px;
    background: #fff;
    right: calc(50% - 119px);
    top: 60px;
    z-index: 9999999;
    border: 1px solid #e3e4e5;
    border-radius: 7px;
    box-shadow: 0 2px 7px rgb(0 0 0 / 5%)
}

.mec-gCalendar-filters-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 30px;
    gap: 20px 10px;
    align-items: center
}

.mec-gCalendar-filters-wrap>div {
    flex: 1 0 calc(43% - 10px);
    display: inline-flex
}

.mec-gCalendar-filters-wrap .select2-container--default>ul {
    margin-top: 2px;
    width: 100%
}

.mec-gCalendar-filters-wrap span.select2.select2-container {
    width: 100% !important
}

.mec-gCalendar-filters-wrap .select2-container--default>ul>li {
    width: 100%
}

.mec-gCalendar-filters-wrap .select2-container--default {
    height: 39px
}

.mec-gCalendar-filters-wrap span.select2-selection.select2-selection--multiple {
    border: none !important;
    height: 38px !important
}

.mec-gCalendar-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin: 0;
    background-color: #eee;
    font-size: 11px
}

.mec-gCalendar-filters-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    line-height: 29px;
    margin-top: 5px;
    border: none;
    margin-right: 5px
}

.mec-gCalendar-filters-wrap .mec-searchbar-category-wrap {
    margin: 0 !important;
    width: 182px !important;
    padding: 0 !important;
    height: 40px !important;
    border-radius: 0 3px 3px 0;
    border: 1px solid #e3e4e5 !important
}

.mec-gCalendar-filters-wrap .mec-checkboxes-search i,
.mec-gCalendar-filters-wrap .mec-dropdown-search i,
.mec-gCalendar-filters-wrap .mec-minmax-event-cost i,
.mec-gCalendar-filters-wrap .mec-text-address-search i {
    color: #b7b7b7;
    background-color: #fbfbfb;
    border-radius: 3px 0 0 3px;
    border: 1px solid #e3e4e5;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    border-right: 0;
    text-align: center
}

.mec-gCalendar-filters-wrap .mec-minmax-event-cost input,
.mec-gCalendar-filters-wrap .mec-minmax-event-cost input:focus,
.mec-gCalendar-filters-wrap .mec-text-address-search input,
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
    width: 208px;
    height: 40px;
    border-radius: 0;
    border-right: 0;
    border-color: #e3e4e5;
    font-size: 12px;
    border-style: solid;
    border-width: 1px;
    padding-left: 15px
}

.mec-gCalendar-filters-wrap .mec-text-address-search input,
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
    width: 415px
}

.mec-gCalendar-filters-wrap .mec-minmax-event-cost input:last-child,
.mec-gCalendar-filters-wrap .mec-text-address-search input,
.mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
    border-right: 1px solid #e3e4e5;
    border-radius: 0 3px 3px 0;
    border-left: none
}

.mec-gCalendar .mec-gCalendar-filters-wrap .mec-text-address-search i {
    border-right: 1px solid #e3e4e5
}

.mec-gCalendar-filters-wrap ul.list li[data-value=""] {
    display: none
}

.mec-gCalendar .fc .fc-scroller-harness,
.mec-gCalendar .fc .fc-scroller-liquid-absolute,
.mec-gCalendar .fc-h-event .fc-event-title {
    overflow: visible !important
}

#MonthPicker_mec-gCalendar-month-filter:after,
#MonthPicker_mec-gCalendar-month-filter:before,
.mec-gCalendar-filters:after,
.mec-gCalendar-filters:before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    margin-left: 77px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px
}

#MonthPicker_mec-gCalendar-month-filter:after,
#MonthPicker_mec-gCalendar-month-filter:before {
    margin-left: 68px
}

#MonthPicker_mec-gCalendar-month-filter:before,
.mec-gCalendar-filters:before {
    top: -15px;
    border-color: transparent transparent #e3e9f1 transparent
}

#MonthPicker_mec-gCalendar-month-filter:after,
.mec-gCalendar-filters:after {
    top: -14px;
    border-color: transparent transparent #fff transparent
}

.mec-gCalendar-tooltip {
    width: 290px;
    height: auto;
    position: absolute;
    background: #fff;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    left: calc(50% - 145px);
    bottom: calc(100% - 1px);
    border: 1px solid #e3e4e5;
    border-radius: 7px;
    opacity: 1;
    box-shadow: 0 4px 13px rgb(0 0 0 / 7%);
    z-index: 9997
}

.mec-gCalendar-tooltip-image img {
    width: 100%;
    border-radius: 3px !important
}

.mec-gCalendar-tooltip-image {
    padding: 10px;
    padding-bottom: 8px
}

.mec-gCalendar a.fc-event:active {
    opacity: 1
}

.mec-gCalendar #mec-gCalendar-wrap a.fc-event {
    padding: 7px 3px;
    font-size: 12px;
    font-weight: 400;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
}

.mec-gCalendar-tooltip-title {
    color: #000;
    line-height: 24px;
    font-size: 15px;
    padding: 10px 25px;
    font-weight: 500
}

.mec-gCalendar-tooltip-title span {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-left: 7px;
    vertical-align: middle;
    border-radius: 50px
}

.mec-gCalendar-tooltip-title a {
    color: #000
}

.mec-gCalendar-tooltip-title a:hover {
    text-decoration: underline;
    color: #000
}

.mec-gCalendar-tooltip-location {
    color: #707172;
    font-size: 12px;
    font-weight: 400;
    line-height: 23px;
    padding: 0 25px 15px;
    margin-top: -2px
}

.mec-gCalendar-tooltip-location i {
    margin-right: 6px;
    color: #c1c7ce
}

.mec-gCalendar .fc-event-time {
    display: none
}

.mec-gCalendar-tooltip-date {
    background: #f7f8f9;
    color: #898a8c;
    font-weight: 400;
    padding: 10px 24px;
    display: flex;
    justify-content: space-between;
    font-size: 12px
}

.mec-gCalendar-tooltip-date-text>div>span,
.mec-gCalendar-tooltip-date-time>div>span {
    display: block;
    line-height: 23px
}

.mec-gCalendar-tooltip-date-text>div>span:last-child,
.mec-gCalendar-tooltip-date-time>div>span:last-child {
    margin: 0
}

.mec-gCalendar-tooltip-date-text .mec-gCalendar-tooltip-date-day {
    font-size: 14px;
    color: #000
}

.mec-gCalendar-tooltip-date-text,
.mec-gCalendar-tooltip-date-time {
    display: flex;
    align-items: baseline
}

.mec-gCalendar-tooltip-date-text i,
.mec-gCalendar-tooltip-date-time i {
    margin-right: 8px;
    color: #c1c7ce
}

.mec-gCalendar-tooltip:after,
.mec-gCalendar-tooltip:before {
    content: '';
    display: block;
    position: absolute;
    left: calc(50% - 8px);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px
}

.mec-gCalendar-tooltip:before {
    bottom: -17px;
    border-color: #e3e9f1 transparent transparent transparent
}

.mec-gCalendar-tooltip:after {
    bottom: -16px;
    border-color: #fff transparent transparent transparent
}

#mec-gCalendar-wrap .openMonthFilter i {
    -moz-transition: all .27s ease;
    -webkit-transition: all .27s ease;
    -o-transition: all .27s ease;
    transition: all .27s ease
}

#mec-gCalendar-wrap .openMonthFilter.open i {
    transform: rotate(-180deg)
}

.mec-gCalendar input#mec-gCalendar-month-filter {
    display: none
}

.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk,
.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk>div:not(#MonthPicker_mec-gCalendar-month-filter) {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk {
    margin-bottom: 8px
}

.mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
    border: 1px solid #e3e4e5;
    border-radius: 7px;
    padding: 18px 30px 10px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    position: relative;
    flex-wrap: wrap
}

.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
    font-size: 22px;
    font-weight: 600;
    line-height: 20px;
    margin-right: 20px;
    position: relative;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
}

.mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title>span {
    font-weight: 100
}

.mec-gCalendar h2.fc-toolbar-title i {
    color: #a1a2a3;
    cursor: pointer;
    margin-left: 2px;
    font-size: 14px;
    margin-right: 0
}

.mec-gCalendar h2.fc-toolbar-title button {
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    outline: 0
}

.mec-gCalendar table.fc-scrollgrid-sync-table tbody td {
    border: none;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary:active,
.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary:active {
    background: #fff;
    color: #a1a2a3;
    border-radius: 7px 0 0 7px;
    border-color: #e3e4e5;
    padding: 3px 2px;
    box-shadow: none !important
}

.mec-gCalendar button.fc-button span.fc-icon {
    font-size: 20px;
    padding: 1px 0;
    width: 30px;
    height: 34px;
    vertical-align: middle;
    position: relative
}

.mec-gCalendar-filters-wrap .nice-select .list {
    margin: 0;
    box-shadow: 0 0 0 1px rgb(68 68 68 / 11%), 0 2px 4px rgb(0 0 0 / 5%)
}

.mec-gCalendar button.fc-button span.fc-icon:before {
    vertical-align: middle;
    font-size: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: calc(50% - 9px)
}

.mec-gCalendar button.fc-prevYear-button.fc-button.fc-button-primary {
    border-right: none
}

.mec-gCalendar button.fc-nextYear-button.fc-button.fc-button-primary {
    border-left: none;
    border-radius: 0 7px 7px 0
}

.mec-gCalendar button.fc-next-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-next-button.fc-button.fc-button-primary:active,
.mec-gCalendar button.fc-prev-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-prev-button.fc-button.fc-button-primary:active {
    background: #fff;
    color: #a1a2a3;
    border-right: none;
    border-left: none;
    border-radius: 0;
    border-color: #e3e4e5;
    padding: 3px 2px;
    box-shadow: none !important
}

.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
    background: #fff;
    color: #707070;
    border-left: none;
    border-right: none;
    border-radius: 0;
    border-color: #e3e4e5;
    font-size: 13px;
    text-transform: capitalize;
    font-weight: 400;
    opacity: 1;
    padding: 9px 8px 12px;
    box-shadow: none !important;
    cursor: pointer;
    height: 42px
}

.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:disabled {
    cursor: auto
}

.mec-gCalendar button.fc-button.fc-button-primary:hover span {
    background: #f4f5f6;
    color: #000;
    border-radius: 7px
}

.mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:not(:disabled):hover {
    background: #f4f5f6;
    color: #000;
    border-radius: 0
}

.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary,
.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary:active {
    min-width: 100px;
    border-radius: 7px !important;
    margin-right: 0;
    background: #00acf8;
    border: none !important;
    padding: 10px 15px 11px;
    font-size: 13px;
    font-weight: 500;
    margin-left: 20px !important;
    box-shadow: none !important
}

.mec-gCalendar tr.fc-scrollgrid-section.fc-scrollgrid-section-header.fc-scrollgrid-section-sticky>td {
    border-radius: 7px 7px 0 0;
    border: none
}

.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary {
    position: relative;
    text-align: right;
    padding-right: 13px;
    padding-left: 32px;
    min-width: auto;
    background: 0 0;
    font-size: 14px;
    color: #969798;
    font-weight: 400
}

.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary:active,
.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary:hover {
    background: #f4f5f6;
    color: #000
}

.mec-gCalendar button.fc-filterEvents-button.fc-button.fc-button-primary svg {
    position: absolute;
    left: 10px;
    top: 14px
}

.mec-gCalendar button.fc-findEvents-button.fc-button.fc-button-primary:hover {
    background: #444
}

.mec-gCalendar-tooltip-location,
.mec-gCalendar-tooltip-title {
    white-space: normal
}

.mec-gCalendar #mec-gCalendar-wrap .mec-gCalendar-search-text-wrap input[type=text],
.mec-gCalendar #mec-gCalendar-wrap .mec-gCalendar-search-text-wrap input[type=text]:focus {
    margin: 0;
    border: none;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #949aa1;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    padding-right: 5px;
    padding-left: 8px;
    background: #fff;
    outline: 0
}

.mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]::-webkit-input-placeholder {
    color: #949aa1
}

.mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]::-moz-placeholder {
    color: #949aa1
}

.mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]:-ms-input-placeholder {
    color: #949aa1
}

.mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]:-moz-placeholder {
    color: #949aa1
}

.mec-gCalendar-search-text-wrap {
    border-left: 1px solid #e3e4e5;
    padding-left: 16px
}

.mec-gCalendar-search-text-wrap i {
    margin-right: 0;
    color: #bcc4ce;
    font-size: 17px
}

.mec-gCalendar .fc-direction-ltr .fc-button-group>.fc-button:first-child {
    margin-left: 7px !important
}

.mec-gCalendar .fc-direction-ltr .fc-toolbar>*>:not(:first-child) {
    margin-left: 0
}

.mec-gCalendar .mec-localtime-wrap {
    color: #000;
    font-size: 11px;
    margin-top: 2px;
    margin-bottom: 2px
}

.mec-gCalendar .fc-theme-standard .fc-popover {
    background: #fff;
    border: 1px solid #e3e4e5;
    border-radius: 7px;
    box-shadow: 0 4px 13px rgb(0 0 0 / 7%)
}

.mec-gCalendar .mec-localtime-wrap i {
    display: none
}

.mec-gCalendar .datepicker.dropdown-menu {
    position: absolute;
    top: 51px !important;
    left: unset !important;
    min-width: 215px !important;
    z-index: 999;
    background: #fff;
    right: 0;
    padding: 4px 0 3px;
    margin: 0;
    color: #000;
    border: 1px solid #e3e4e5;
    border-radius: 7px;
    box-shadow: 0 3px 5px rgb(0 0 0 / 3%);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif
}

.mec-gCalendar .datepicker.dropdown-menu * {
    background: #fff;
    border-radius: 7px;
    border: none;
    height: auto
}

.mec-gCalendar .datepicker table caption+thead tr:first-child td,
.mec-gCalendar .datepicker table caption+thead tr:first-child th,
.mec-gCalendar .datepicker table colgroup+thead tr:first-child td,
.mec-gCalendar .datepicker table colgroup+thead tr:first-child th,
.mec-gCalendar .datepicker table thead:first-child tr:first-child td,
.mec-gCalendar .datepicker table thead:first-child tr:first-child th {
    border: none
}

.mec-gCalendar .datepicker table thead:first-child tr:first-child th.switch {
    font-weight: 500
}

.mec-gCalendar .datepicker table thead:first-child tr:first-child th.next,
.mec-gCalendar .datepicker table thead:first-child tr:first-child th.prev {
    font-size: 0;
    padding-top: 11px
}

.mec-gCalendar .datepicker table thead:first-child tr:first-child th.next:before,
.mec-gCalendar .datepicker table thead:first-child tr:first-child th.prev:before {
    content: "\e606";
    font-family: simple-line-icons;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 12px;
    color: #a1a2a3
}

.mec-gCalendar .datepicker table thead:first-child tr:first-child th.prev:before {
    content: "\e605"
}

.mec-gCalendar .datepicker table.table-condensed thead tr {
    display: flex;
    padding: 6px 12px 10px;
    justify-content: space-between;
    align-items: center
}

.mec-gCalendar .datepicker thead tr:first-child th {
    width: auto;
    height: auto
}

.mec-gCalendar .datepicker thead tr:first-child th.next,
.mec-gCalendar .datepicker thead tr:first-child th.prev {
    width: 34px;
    height: 34px;
    padding: 0 12px
}

.mec-gCalendar .datepicker thead tr:first-child th.switch {
    padding: 5px 18px
}

.mec-gCalendar .datepicker table.table-condensed tbody tr td {
    justify-content: space-between;
    align-items: center;
    padding: 0 9px 7px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: auto
}

.mec-gCalendar .datepicker td span.active.active,
.mec-gCalendar .datepicker td span.active.disabled,
.mec-gCalendar .datepicker td span.active:active,
.mec-gCalendar .datepicker td span.active:focus,
.mec-gCalendar .datepicker td span.active:hover,
.mec-gCalendar .datepicker td span.active[disabled] {
    background-color: #00acf8;
    text-shadow: none
}

.mec-gCalendar .datepicker td span {
    width: 43px;
    line-height: 41px;
    font-size: 14px
}

.mec-gCalendar .datepicker thead tr:first-child th:hover {
    background: #f4f5f6
}

.mec-gCalendar .datepicker thead tr:first-child th:hover:before {
    color: #000 !important
}

.mec-gCalendar .datepicker td span:hover {
    background-color: #f4f5f6
}

.mec-gCalendar .datepicker:after {
    left: unset;
    right: 11px
}

.mec-gCalendar .datepicker:before {
    left: unset;
    right: 10px
}

#gCalendar-loading {
    width: 100%;
    height: 100%;
    background: no-repeat rgba(255, 255, 255, .88) url(../img/ajax-loader.gif) center;
    border-style: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 9
}

#gCalendar-loading.mec-modal-preloader {
    display: block !important
}

#mec-gCalendar-wrap table.fc-scrollgrid {
    border: 1px solid #e3e4e5;
    border-radius: 7px
}

#mec-gCalendar-wrap table.fc-scrollgrid thead tr td {
    border: none !important;
    background: 0 0
}

#mec-gCalendar-wrap table.fc-scrollgrid table {
    margin-bottom: 0
}

#mec-gCalendar-wrap table.fc-scrollgrid tr th {
    background: 0 0;
    padding: 20px 0 3px 10px;
    text-align: left;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid #e3e4e5
}

#mec-gCalendar-wrap table.fc-scrollgrid tr th a {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-decoration: none
}

#mec-gCalendar-wrap .openMonthFilter {
    position: relative;
    padding: 7px 10px 2px;
    display: inline-block
}

#mec-gCalendar-wrap.fc .fc-daygrid-day-number {
    font-size: 16px;
    padding: 12px 10px 2px;
    color: #000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    text-decoration: none
}

#mec-gCalendar-wrap table.fc-scrollgrid-sync-table {
    margin: 0;
    border-spacing: 0;
    border-collapse: separate
}

.mec-gCalendar table.fc-scrollgrid-sync-table tbody tr td:last-child {
    border-right: none
}

.mec-gCalendar table.fc-scrollgrid-sync-table tbody tr:last-child td {
    border-bottom: none
}

#mec-gCalendar-wrap span.mec-general-calendar-label {
    color: #fff;
    padding: 1px 4px 3px;
    font-size: 11px;
    border-radius: 3px;
    margin: 5px 3px 2px 0;
    display: inline-block
}

.mec-gCalendar .fc .fc-scrollgrid-section-sticky>* {
    position: relative;
    z-index: 1
}

.mec-gCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-end,
.mec-gCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-start,
.mec-gCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-end,
.mec-gCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-start {
    margin-right: 0 !important;
    margin-left: 0 !important
}

#mec-gCalendar-wrap table.fc-scrollgrid-sync-table tr td {
    text-align: left;
    background: #fff !important
}

#mec-gCalendar-wrap table.fc-scrollgrid-sync-table .fc-daygrid-day-top {
    display: flex;
    flex-direction: row;
    padding-left: 10px
}

#mec-gCalendar-wrap .fc-daygrid-day.fc-day-today {
    background: #fff !important
}

#mec-gCalendar-wrap .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: #00acf8;
    font-size: 17px;
    font-weight: 500
}

#mec-gCalendar-wrap .fc-scrollgrid-section-body>td {
    border: none !important
}

#mec-gCalendar-wrap table.fc-scrollgrid-sync-table tbody tr:last-child td:first-child {
    border-radius: 0 0 0 7px
}

#mec-gCalendar-wrap table.fc-scrollgrid-sync-table tbody tr:last-child td:last-child {
    border-radius: 0 0 7px 0
}

.select2-container {
    z-index: 99999999
}

@media(max-width:1200px) {
    .mec-gCalendar-search-text-wrap {
        padding-left: 10px
    }

    .mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text],
    .mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]:focus {
        width: 100px
    }
}

@media(max-width:990px) {

    .mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text],
    .mec-gCalendar .mec-gCalendar-search-text-wrap input[type=text]:focus {
        width: auto
    }

    .mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
        display: block
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child {
        margin: 0
    }
}

@media (max-width:990px) {
    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:first-child>div {
        width: 100%;
        justify-content: right !important;
        position: relative
    }

    .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        position: absolute;
        left: 0
    }
}

@media(max-width:480px) {

    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
        padding: 6px 6px 9px
    }

    .mec-gCalendar button.fc-button span.fc-icon {
        font-size: 12px;
        width: 20px;
        height: 27px
    }

    .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        font-size: 17px;
        margin-right: 11px
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk,
    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk>div:not(#MonthPicker_mec-gCalendar-month-filter) {
        flex-wrap: wrap
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div:not(#MonthPicker_mec-gCalendar-month-filter) {
        width: 100%;
        display: block
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div.fc-button-group {
        text-align: right
    }

    .mec-gCalendar-filters-wrap .mec-text-address-search input,
    .mec-gCalendar-filters-wrap .mec-text-address-search input:focus {
        width: 100%
    }

    .mec-gCalendar-filters-wrap>div {
        width: 100%
    }

    .mec-gCalendar-filters-wrap .nice-select {
        width: 100%
    }

    .mec-gCalendar-filters {
        width: 328px;
        right: calc(50% - 165px);
        top: 52px
    }

    .mec-gCalendar-filters:after,
    .mec-gCalendar-filters:before {
        margin-left: 30px
    }

    .mec-gCalendar-filters-wrap .mec-minmax-event-cost input,
    .mec-gCalendar-filters-wrap .mec-minmax-event-cost input:focus {
        width: 116px
    }

    .mec-gCalendar .datepicker:after {
        left: unset;
        right: 55px
    }

    .mec-gCalendar .datepicker:before {
        left: unset;
        right: 54px
    }

    .mec-gCalendar .datepicker.dropdown-menu {
        top: 40px !important;
        right: -45px
    }

    .mec-gCalendar #mec-gCalendar-wrap .fc-header-toolbar.fc-toolbar {
        padding: 18px 10px
    }

    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
        height: 35.5px
    }

    .mec-gCalendar-search-text-wrap {
        border-left: 0;
        border-bottom: 1px solid #eee;
        padding: 0;
        margin-bottom: 10px
    }

    .mec-gCalendar-filters:after,
    .mec-gCalendar-filters:before {
        margin: 0
    }
}

@media(max-width:360px) {
    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div.fc-button-group {
        text-align: left
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div:not(#MonthPicker_mec-gCalendar-month-filter) {
        margin-bottom: 8px
    }

    .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        position: relative;
        width: 100%;
        margin-bottom: 12px
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:first-child>div {
        justify-content: left !important
    }

    .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        font-size: 22px
    }

    .mec-gCalendar button.fc-button span.fc-icon {
        font-size: 20px;
        width: 30px;
        height: 34px
    }

    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
        padding: 9px 8px 12px
    }

    .mec-gCalendar-filters:after,
    .mec-gCalendar-filters:before {
        margin-left: -100px
    }

    .mec-gCalendar-filters {
        top: 60px
    }

    .mec-gCalendar .datepicker.dropdown-menu {
        width: 215px
    }

    .mec-gCalendar .datepicker.dropdown-menu {
        top: 37px !important;
        right: 27px
    }

    .mec-gCalendar #mec-gCalendar-wrap h2.fc-toolbar-title {
        font-size: 12px;
        display: inline-block;
        width: 46%;
        margin-right: 0
    }

    #mec-gCalendar-wrap .openMonthFilter {
        padding-right: 0
    }

    .mec-gCalendar button.fc-button span.fc-icon {
        width: 20px;
        height: 25px
    }

    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary,
    .mec-gCalendar button.fc-today-button.fc-button.fc-button-primary:active {
        line-height: 1
    }

    .mec-gCalendar .datepicker.dropdown-menu {
        right: -80px
    }

    .mec-gCalendar .datepicker:after {
        right: calc(50% - 3px)
    }

    .mec-gCalendar .datepicker:before {
        right: calc(50% - 4px)
    }

    .mec-gCalendar .fc-header-toolbar .fc-toolbar-chunk:last-child>div.fc-button-group {
        text-align: right
    }

    .mec-gCalendar-filters {
        width: 300px;
        right: calc(50% - 150px)
    }

    .mec-gCalendar-filters-wrap {
        padding: 15px
    }

    .fc-h-event .fc-event-main {
        font-size: 9px;
        line-height: 11px
    }
}

@media(max-width:768px) {
    .mec-cart {
        overflow-x: scroll
    }
}

.mec-cart-coupon input[type=text] {
    background: #fcfcfc;
    min-height: 42px;
    min-width: 180px;
    font-size: 13px;
    border: 1px solid #e0e0e0;
    padding: 13px 10px;
    width: 330px;
    margin-bottom: 20px;
    margin-right: 10px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .051)
}

.mec-cart-coupon button:hover {
    background: #000 !important
}

.mec-cart ul {
    padding: 0;
    list-style: none
}

.mec-cart ul h5,
.mec-cart ul h6 {
    margin: 0;
    font-size: 14px;
    color: #000;
    font-weight: inherit
}

.mec-cart ul h6 {
    padding-left: 0
}

.mec-cart ul h6:before {
    content: '— '
}

.mec-cart ul h5 {
    font-weight: 400;
    margin: 0 0 3px 0
}

.mec-cart ul h6:last-child {
    margin-bottom: 12px
}

.mec-cart table td:nth-child(4) ul li {
    margin-bottom: 5px
}

.mec-cart table td:nth-child(4) ul li:last-child {
    margin-bottom: 12px
}

.mec-cart table a {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #474849;
    fill: #474849
}

.mec-cart table a:hover {
    color: #000
}

.mec-cart table #mec_cart_total_payable,
.mec-cart table .mec-transaction-price {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: -.8px;
    text-align: right;
    color: #060607;
    fill: #060607
}

.mec-cart table .mec-line-through {
    text-decoration: line-through
}

.mec-cart table .mec-cart-remove-transactions svg:hover,
.mec-cart table .mec-cart-remove-transactions svg:hover path {
    color: red !important;
    fill: red !important;
    cursor: pointer
}

.mec-cart table tr {
    text-align: left
}

.mec-cart table tr th {
    margin-bottom: 27px;
    margin-top: 0;
    padding: 9px 12px 9px;
    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 0;
    font-weight: 600;
    position: relative;
    color: #000
}

.mec-cart table tr td {
    padding: 9px 12px 9px;
    font-size: 14px;
    color: #000
}

.mec-cart table tr td a:hover {
    color: #000;
    text-decoration: underline
}

.mec-cart table tr td,
.mec-cart table tr th {
    background-color: #fff !important;
    border: 0 !important;
    vertical-align: middle
}

.mec-cart table tr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mec-cart table tr th:last-child {
    text-align: right
}

.mec-cart table tr {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.mec-cart table td:nth-child(1) {
    width: 35px;
    max-width: 35px
}

.mec-cart table td:nth-child(2) {
    width: 135px;
    max-width: 135px
}

.mec-cart table td:nth-child(3),
.mec-cart table td:nth-child(4) {
    min-width: 200px;
    width: 200px
}

.mec-cart table td:nth-child(5) {
    font-size: 12px
}

.mec-cart table td:nth-child(6) {
    text-align: right;
    vertical-align: middle
}

.mec-cart .mec-cart-coupon-code {
    font-size: 12px;
    color: #8d9599
}

.mec-cart .mec-cart-checkout-link.button:hover {
    background: #000 !important
}

.mec-cart table thead tr th {
    border-bottom: 1px solid #a3a3a3 !important
}

.mec-cart table thead tr,
.mec-cart table thead tr th {
    border-top: none !important
}

@media only screen and (max-width:992px) {
    .mec-cart table {
        min-width: 780px;
        overflow-x: scroll
    }
}

.mec-cart table tfoot tr th:last-child {
    display: none
}

.mec-checkout .mec-checkout-list {
    list-style: none;
    padding: 0;
    margin: 40px 0;
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 25px;
    row-gap: 25px;
    padding-bottom: 40px;
    border-bottom: 1px solid #e6e6e6
}

.mec-checkout .mec-checkout-list .mec-list-items {
    padding: 20px 30px;
    background: #fff;
    border: 1px solid #e6e6e6;
    box-shadow: 0 2px 0 0 rgb(0 0 0 / 2%)
}

.mec-checkout .mec-checkout-list .mec-list-items h3 {
    margin-top: 20px;
    margin-bottom: 12px;
    font-size: 22px;
    line-height: 27px;
    letter-spacing: -.4px;
    font-weight: 700;
    position: relative
}

.mec-checkout .mec-checkout-list .mec-list-items h5 {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 5px;
    display: inline;
    color: #000;
    margin: 0 0 8px 0
}

.mec-checkout .mec-checkout-list .mec-list-items h6 {
    margin: 0;
    font-size: 16px;
    line-height: 23px;
    color: #8d9599;
    font-weight: inherit
}

.mec-checkout .mec-checkout-list .mec-list-items h6 {
    padding-left: 0
}

.mec-checkout .mec-checkout-list .mec-list-items h6:before {
    content: '— '
}

.mec-checkout .mec-checkout-list .mec-list-items ul {
    list-style: none;
    padding: 15px 0 0 0
}

.mec-checkout .mec-checkout-list .mec-list-items .mec-checkout-price-details {
    color: #000;
    border: none;
    border-radius: 2px;
    background: #f7f7f7;
    padding: 15px;
    margin: 15px 0 0 0;
    max-width: 100%
}

.mec-checkout .mec-checkout-list .mec-list-items .mec-checkout-price-details li {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between
}

.mec-checkout #mec_cart_total_payable {
    margin: 0 0 40px 0;
    font-size: 29px;
    line-height: 27px;
    letter-spacing: -.4px;
    font-weight: 700;
    position: relative;
    color: #39c36e
}

.mec-checkout .mec-gateway-comment {
    margin-top: 20px;
    margin: 0 0 20px 0;
    color: #616161;
    font-size: 14px;
    line-height: 1.8
}

.mec-checkout .mec-email-stripe input[type=email],
.mec-checkout .mec-name-stripe 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;
    max-width: 330px
}

.mec-checkout label {
    color: #424242;
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0;
    margin: 0 0 4px 0;
    display: block;
    clear: none;
    padding: 7px 1em 3px 0
}

.mec-checkout input[type=radio]:before {
    content: "";
    display: inline-block;
    background: #fff;
    border-radius: 24px;
    width: 13px;
    height: 13px;
    cursor: pointer;
    margin: 1px 0 0 0;
    border: 1px solid #d7d8d9
}

.mec-checkout input[type=radio]:checked:before {
    border: 0;
    background: #000
}

.mec-checkout input[type=radio] {
    margin: 0 4px 0 0;
    font-size: 0
}

.mec-checkout input[type=checkbox] {
    float: left
}

.mec-checkout-gateways-wrapper {
    max-width: 54%;
    margin-bottom: 20px
}

@media(max-width:768px) {
    .mec-checkout-gateways-wrapper {
        max-width: 100%;
        margin-bottom: 20px
    }
}

.mec-checkout .mec-book-form-next-button {
    float: right;
    right: 30%;
    width: 155px;
    text-align: center
}

.mec-checkout .mec-checkout-actions .mec-checkout-cart-link.button {
    background-color: #c4cace !important;
    width: 155px;
    text-align: center
}

.mec-checkout .mec-book-form-next-button:hover,
.mec-checkout .mec-checkout-actions .mec-checkout-cart-link.button:hover {
    background: #000 !important
}

@media(max-width:768px) {
    .mec-checkout .mec-checkout-list {
        display: block;
        padding-bottom: 20px
    }

    .mec-checkout .mec-checkout-list .mec-list-items {
        margin-bottom: 20px;
        padding: 15px
    }

    .mec-checkout-gateways-wrapper {
        max-width: 100%;
        margin-bottom: 20px
    }

    .mec-checkout .mec-book-form-next-button {
        right: 0
    }
}

.mec-checkout-footer {
    background: #f5f6f7;
    padding: 30px 40px 15px;
    border-radius: 5px
}

.mec-checkout #mec_cart_total_payable {
    margin: 0 0 15px;
    font-size: 26px;
    line-height: 1;
    letter-spacing: -.4px;
    font-weight: 700;
    position: relative;
    color: #000
}