/*#d81b60!important*/
body {
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    font-family: 'Poppins',
        sans-serif;
    font-weight: 400;
    font-size: 14px;
    color: #222;
    overflow-x: hidden;

}
.bg-primary{
    background: #d81b60!important;
}

p.error_details {
    text-align: left !important;
    font-size: 11px !important;
    color: #dc3545 !important;
}

/* Chrome, Safari, Edge, Opera */
.hide_number::-webkit-outer-spin-button,
.hide_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
.hide_number {
    -moz-appearance: textfield;
}

/* body {
    background: #fff;
    
    font-weight: 400;
    font-size: 14px;
    color: #222;
} */
.container-fluid .navbar {
    background: #d81b60!important;
    padding: 0px;
}

.navbar-nav li {
    /* margin-left: 15px !important; */
    padding: 0 8px !important;
}

.base-color {
    color: #243768;
}

.base-bg {
    background: #243768;
}

.event-ticket .btn-toggle {
    background: #6b7381 !important;
}

.event-ticket .btn-toggle.active {
    background: #243768 !important;
}

.btns .btn-default {
    background: #243768;
    color: #fff;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
    font-size: inherit;
    border: 1px solid #243768;
    margin-right: 15px !important;
    padding: 11px !important;
}

.btn-default {
    background: #243768;
    color: #fff;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
    font-size: inherit;
    border: 1px solid #243768;
}

.btns .btn-default {
    color: #fff !important
}

.rightBtns .btn-fill-none {
    border: 1px solid #fff;
    background: none;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
    font-size: inherit;
    padding: 10px !important;
}

.btn-fill-none {
    border: 1px solid #243768;
    background: none;
    border-top-left-radius: 0%;
    border-top-right-radius: 0%;
    border-bottom-right-radius: 0%;
    border-bottom-left-radius: 0%;
    font-size: inherit;
    padding: 0px !important;
}

/*HEADER AREA CSS STARTS*/
header[role="mast--head"] {
    background: #d81b60;
    padding: 10px 0;
    position: sticky;
    top: 0;
    z-index: 9999;
}

@media (max-width: 767px) {
    /* header[role="mast--head"] {
        padding: calc(1 / 1 * 4%) 0;
    } */

    header[role="mast--head"] .navbar-toggler {
        right: 0;
        position: absolute;
        top: 6px;
        z-index: 99;
    }

    header[role="mast--head"] .navbar {
        padding: 0;
    }
}

/* header[role="mast--head"] .navbar .navbar-nav li {
    padding-left: calc(1 / 1 * 2%)
} */

header[role="mast--head"] .navbar .navbar-nav li>a {
    color: #fff;
    font-size: 12px;
    display: inline-block;
}

header[role="mast--head"] .navbar .navbar-nav li>a:hover {
    color: #fff;

}

@media (max-width: 767px) {

    header[role="mast--head"] .navbar .navbar-collapse {
        position: fixed;
        top: 0px;
        left: 0;
        width: 100%;
        background: #000;
        bottom: 38%;
    }
    header[role="mast--head"] .search--holder {
        padding: 0;
    }


    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav {
        align-items: flex-start !important;
        height: 100%;
    }

    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav li {
        padding: 0;
        width: 100%;
    }

    .stellarnav.mobile>ul>li>a {
        padding: 15px 10px;
    }

    .stellarnav.mobile.right>ul {
        left: 0;
        width: 100%;
        top: 29px;
    }


    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav li.btns {
        width: 100%;
        position: relative;
        left: auto;
        bottom: 10px;
    }

    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav li.btns.rightBtns {
        left: auto;
        right: 0;
    }

    header[role="mast--head"] .navbar .navbar-collapse .navbar-nav li>a {
        width: 96%;
    }

    body .stellarnav.active.right>ul {
        top: 54px;
    }
}

header[role="mast--head"] .search--holder .input-group {
    background: #232222;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    min-height: 40px;
    color: #fff;
}

header[role="mast--head"] .search--holder .input-group .searchInput {
    background: #232222;
    border: none;
    box-shadow: none;
    padding: 0 20px;
    color: #fff;
}

@media(min-width:1024px) {
    header[role="mast--head"] .search--holder .input-group .searchInput {
        width: 300px;
    }
}

header[role="mast--head"] .search--holder .input-group .searchInput:focus {
    border: none;
    box-shadow: none;
    outline: 0;
}

header[role="mast--head"] .search--holder .input-group button {
    background: #243768;
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
    border-bottom-right-radius: 100%;
    border-bottom-left-radius: 100%;
    border: none;
    width: 30px;
    height: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

header[role="mast--head"] .search--holder .input-group button i {
    line-height: 15px;
}

.owl-dots .owl-dot span {
    background: none repeat scroll 0 0 #243768;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 1;
    width: 12px;
}

.owl-dots .owl-dot.active span {
    opacity: 0.5;
}

.owl-dots {
    position: absolute;
    bottom: 52px;
    left: 50%;
    transform: translateX(-50%);
}

/*******srch-new***********/
.search-wrapper {
    position: relative;
    float: right;
}


.search-wrapper .input-holder {
    height: 41px;
    width: 70px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.search-wrapper.active .input-holder {
    width: 178px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.5);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 20px;
    padding: 0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: transparent;
    box-sizing: border-box;
    border: none;
    outline: none;
    font-weight: 400;
    line-height: 20px;
    color: #FFF;
    font-size: 13px;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width: 45px;
    height: 30px;
    border: none;
    border-radius: 6px;
    background: transparent;
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    margin-top: 5px;
}

.search-wrapper .close {
    display: none;
}

.search-wrapper.active .close {
    display: block;
}

.search-wrapper.active .input-holder .search-icon {
    width: 30px;
    height: 30px;
    margin: 4px 4px;
    border-radius: 30px;
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}

.search-wrapper .input-holder .search-icon span::before {
    width: 3px;
    height: 11px;
    left: 10px;
    top: 14px;
    border-radius: 2px;
    background: #fff;
}

.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 5px;
    top: 1px;
    border-radius: 16px;
    border: 2px solid #fff;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 4px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
}

.search-wrapper.active .close {
    right: 35px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
    z-index: 999999;
    top: 8px;
}

.search-wrapper .close::before,
.search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #fff;
    border-radius: 2px;
}

.search-wrapper .close::before {
    width: 2px;
    height: 25px;
    left: 12px;
    top: -1px;
}

.search-wrapper .close::after {
    width: 26px;
    height: 2px;
    left: 0px;
    top: 10px;
}

.new-srch-field {
    width: 20%;
}

.search-input {
    display: block !important;
}

/******end-srch-css*****/
#home {
    flex: 1;
}








@media (max-width: 767px) {

    header[role="mast--head"] .search--holder.in {
        right: 0;
        width: 100%;
    }

    header[role="mast--head"] .search--holder .input-group {
        padding: 5px;
    }

    header[role="mast--head"] .search--holder .input-group .searchInput {
        display: none;
    }

    main[role="main-wrapper"].my-event .modal-body .left-pop-img {
        -moz-box-flex: auto;
        -webkit-flex: auto;
        -moz-flex: auto;
        -ms-flex: auto;
        flex: auto !important;
        border-radius: 0.3rem 0.3rem 0 0;
    }

    .new-srch-field input[type="text"]:focus {
        width: 200px;
    }

    .new-srch-field input[type="text"] {
        font-size: 13px;
    }
}

main[role="main-wrapper"] {
    margin-top: 56px
}

main[role="main-wrapper"] section[role="banner--area"] {
    background-size: contain;
    height: 40vw;
    position: relative;
}

main[role="main-wrapper"] section[role="banner--area"] .owl-carousel,
main[role="main-wrapper"] section[role="banner--area"].item {
    height: 100%;
    overflow: hidden;

}

main[role="main-wrapper"] section[role="banner--area"] .owl-carousel {
    height: 100%;
    overflow: hidden;
}

main[role="main-wrapper"] section[role="banner--area"] .owl-carousel img,
main[role="main-wrapper"] section[role="banner--area"].item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* main[role="main-wrapper"] section[role="banner--area"] .search--bar {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    bottom: 38px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
} */

main[role="main-wrapper"] section[role="banner--area"] .search--bar {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    bottom: 38px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] {
    border-right: 1px solid #ddd;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"]:last-child {
    border: none;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] select {
    border: none;
    border-radius: 0px;
    padding: 23px 24px;
    height: auto;
    font-size: 13px;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] button {
    background: #243768;
    height: 100%;
    width: 100%;
    border: none;
    color: #fff;
    padding: 22px;
    cursor: pointer;
}

main[role="main-wrapper"] [main-title] {
    margin-bottom: 20px;
}

main[role="main-wrapper"] [main-title] span {
    background: #d81b60;
    display: inline-block;
    padding: 8px 20px;
    font-size: 20px;
    color: #fff;
}

main[role="main-wrapper"] [role="thumbnail--section"] {
    padding: calc(1 / 1 * 5%) 0;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul {
    padding: 0px;
    list-style: none;
    display: flex;
    margin: 0px;
    display: flex;
    z-index: 9999;
    position: relative;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example ul li {
    max-width: 315px;
    margin-right: 10px;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .see__all_event {
    background: #243768;
    display: inline-flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    color: #fff;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 385px;
    height: 100%;

    width: 100%;
}





main[role="main-wrapper"] [role="thumbnail--section"] .thumbnail__slider .owl-stage .owl-item .item {
    width: 100%
}


main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img {
    height: 220px;
    position: relative;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none !important;
    background: rgba(0, 0, 0, 0.6);
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img .overlay [class*="circle"] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #fff;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img .overlay [class*="circle"] svg {
    fill: #fff;
    width: 60%;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img .overlay [class*="circle"].big {
    width: 72px;
    height: 72px;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img .overlay .buttonHolder {
    position: absolute;
    right: 20px;
    height: 110px;
    justify-content: space-around;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail--box--img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec {
    padding: calc(1 / 1 * 4%);
    color: #191919;
    font-size: calc(1 / 1 * 118%);
    flex: 1
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec [box--title] {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 22px;
    text-transform: capitalize;
    margin-bottom: 10px;
    opacity: 0.9;
    border-bottom: 2px solid#ddd;
    padding-bottom: 7px;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec time {
    color: rgba(0, 0, 0, 0.9);
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
}


main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec time i {
    margin-right: 6px;
    background: #243768 !important;
    width: 25px;
    height: 25px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    text-align: center;
    margin-bottom: 6px;
    color: #fff;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec .price {
    font-weight: bold;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec .price span {
    display: inline-block;
    margin-left: 10px;
    opacity: 0.3;
    font-style: italic;
}

@media(max-width:767px) {
   


    body .thumbnail__slider .owl-nav button {
        background-color: rgba(0, 0, 0, 1) !important;
        top: 25%;
        width: 42px;
        height: 34px;
        background-size: 10px !important;
    }
}




/*DATE PICKER*/
main[role="main-wrapper"].inner--page {
    /* padding: 60px 0; */
    padding-top: 0px;

    color: #454545;
    flex: 1;
}

main[role="main-wrapper"].inner--page .custom-checkbox input {
    width: 20px;
    height: 20px;
    background: none;
    -webkit-appearance: none;
    appearance: none;
    vertical-align: top;
    border: 2px solid #243768;
    border-radius: 2px;
}

.sign-up-form .custom-checkbox {
    display: flex;
}

.sign-up-form .custom-checkbox input {
    margin-right: 5px;
}

main[role="main-wrapper"].inner--page .custom-checkbox input:checked {
    background-color: #243768;
    background-repeat: no-repeat;
    background-position: center center;
    /* background-image: ; */
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  }


main[role="main-wrapper"].inner--page #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding: 0px;
    width: 100%;
    text-align: center;
}

main[role="main-wrapper"].inner--page #progressbar li {
    list-style-type: none;
    text-transform: uppercase;
    position: relative;
}

main[role="main-wrapper"].inner--page #progressbar li::before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    display: block;
    background: #243768;
    border: 5px solid #91c1db;
    color: #333;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 100%;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

main[role="main-wrapper"].inner--page #progressbar li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: none;
    position: absolute;
    left: -50%;
    top: 22px;
    z-index: -1;
    border: 1px dashed #333;
}

main[role="main-wrapper"].inner--page #progressbar li:first-child:after {
    content: none;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].inner--page #progressbar li {
        padding: 0 5px;
        font-size: 12px;
    }

    main[role="main-wrapper"].inner--page #progressbar li::before {
        width: 40px;
        height: 40px;
        border-width: 3px;
        line-height: 35px;
    }
}

main[role="main-wrapper"].inner--page .form--holder {
    padding: calc(1 / 1 * 8%);
    margin-bottom: calc(1 / 1 * 6%);
    border: 1px solid #243768;
    margin-top: 10%;
}

main[role="main-wrapper"].inner--page .form--holder .upload--file--holder {
    background: #e4e7ed;
    padding: calc(1 / 1 * 8%);
    border: 2px dashed #243768;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

main[role="main-wrapper"].inner--page .form--holder .upload--file--holder svg {
    width: 80px;
    height: 80px;
    fill: #243768;
    flex: 0 0 100%;
}

main[role="main-wrapper"].inner--page .form--holder .upload--file--holder .dz-default.dz-message {
    flex: 0 0 100%;
}

main[role="main-wrapper"].inner--page .form--holder .file--upload {
    display: inline-block;
    padding: 9px 35px;
    font-size: 16px;
    position: relative;
    width: 140px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

main[role="main-wrapper"].inner--page .form--holder .file--upload input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

main[role="main-wrapper"].inner--page .form--holder h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: calc(1 / 1 * 6%);
}

main[role="main-wrapper"].inner--page .form--holder .event-headDec h4 {
    font-size: 18px;
    color: #243768;
}

main[role="main-wrapper"].inner--page .form--holder .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
    display: block;
}

main[role="main-wrapper"].inner--page .form--holder .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

main[role="main-wrapper"].inner--page .form--holder .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

main[role="main-wrapper"].inner--page .form--holder .form-group select {
    background: #fff url("../img/select-arrow.png") no-repeat right 0.75rem center;
    background-size: 9px 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

main[role="main-wrapper"].inner--page .form--holder .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

main[role="main-wrapper"].inner--page .form--holder .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

main[role="main-wrapper"].signup--page .sign-up-form {
    border: 1px solid transparent !important;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 767px) {
    body main[role="main-wrapper"].inner--page .add-envent-typ-form {
        padding: calc(1 / 1 * 12%) !important;
    }


    /* main[role="main-wrapper"].inner--page .form--holder {
        padding: calc(1 / 1 * 12%) calc(1 / 1 * 4%) !important;
    } */


    .ticket_image {
        width: 100%;
    }

}

main[role="main-wrapper"].signup--page {

    padding: calc(1 / 1 * 4%) 0 !important;

}



main[role="main-wrapper"].signup--page .sign-up-form h4 {
    text-align: center;
    margin-bottom: calc(1 / 1 * 6%);
    font-size: 22px !important;
}

main[role="main-wrapper"].signup--page .sign-up-form h2 {
    font-size: 31px !important;
}

main[role="main-wrapper"].signup--page .sign-up-form label {
    color: #909090;
}

main[role="main-wrapper"].signup--page .sign-up-form .light-color {
    color: #a9a8a7;
}

main[role="main-wrapper"].signup--page .sign-up-form .form-control {
    box-shadow: none;
    background: #f3f3f3;
    padding: 39px 52px;
    border-radius: 5px;
    font-size: 18px !important;
    border: 1px solid #f3f3f3 !important;

}

main[role="main-wrapper"].signup--page .sign-up-form .sign-detail {
    position: relative;
}

main[role="main-wrapper"].signup--page .sign-up-form .sign-detail .img-eye {
    position: absolute;
    top: 50%;
    right: 29px;
    top: 57% !important;
}

main[role="main-wrapper"].signup--page .sign-up-form .sign-detail .input-img {
    position: absolute;
    top: 50%;
    left: 29px;
}

main[role="main-wrapper"].signup--page .sign-up-form .begin-btn {
    padding: 24px 0;
    border-radius: 5px;
    font-size: 26px;
    font-weight: bold;
    background: #243768;
    color: #fff;
    border: 1px solid #243768;
}

main[role="main-wrapper"].signup--page .sign-up-form .begin-btn img {
    margin-left: 6px;
}

main[role="main-wrapper"].signup--page .sign-up-form .or-text label {
    font-size: 24px !important;
}

main[role="main-wrapper"].signup--page .sign-up-form .login-btns button {
    background: #fff;
    color: #c5cae2;
    border-radius: 71px;
    padding: 13px 0;
    box-shadow: 0px 24px 32px -11px rgba(0, 0, 0, 0.3);
    font-size: 28px;
    border: 1px solid transparent;
    font-weight: bold;
    text-transform: capitalize;
    width: 100%;
    max-width: 100%;
}

main[role="main-wrapper"].signup--page .sign-up-form .login-btns button img {
    margin-right: 10px;
}

main[role="main-wrapper"].signup--page .sign-up-form .account-link {
    margin-top: calc(1 / 1 * 6%);
}

main[role="main-wrapper"].signup--page .sign-up-form .account-link a {
    color: #a9a8a7;
    font-size: 18px;
    font-weight: light;
}

main[role="main-wrapper"].signup--page .sign-up-form .account-link span {
    color: #243768;
    font-weight: bold;
}

main[role="main-wrapper"].signup--page .sign-up-form .account-link :before {
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    width: 21%;
    z-index: -1;
    border: 1px solid #b2b2b2;
    height: 1px;
    transform: translateY(-50%);
}

main[role="main-wrapper"].signup--page .sign-up-form .account-link :after {
    content: "";
    position: absolute;
    right: 0px;
    top: 50%;
    width: 21%;
    z-index: -1;
    border: 1px solid #b2b2b2;
    height: 1px;
    transform: translateY(-50%);
}




main[role="main-wrapper"].signup--page input::placeholder,
main[role="main-wrapper"].signup--page input::-webkit-input-placeholder {
    color: #c3c3c3;
}

@media (max-width: 767px) {
    .sign-up-form .login-btns button {
        padding: 13px 0;
    }

    .sign-up-form .login-btns button img {
        max-width: 25px;
        height: 25px;
    }

    .sign-up-form .account-link a {
        font-size: 14px !important;
    }

    .sign-up-form .account-link:before,
    .sign-up-form .account-link:after {
        width: 8%;
    }
}

main[role="main-wrapper"].user-manage-page {
    padding: calc(1 / 1 * 5%) 0 !important;
    /*TUBNAIL SECTION*/
}

main[role="main-wrapper"].user-manage-page .detail-table {
    margin-bottom: calc(1 / 1 * 6%);
}

main[role="main-wrapper"].user-manage-page .detail-table table th {
    background: rgba(31, 30, 30, 0.8);
}

main[role="main-wrapper"] section[role="banner--area"] .search--barHolder {
    position: relative;
    z-index: 9;

    height: auto !important

}

main[role="main-wrapper"].user-manage-page section[role="banner--area"] .search--bar {
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    bottom: -30px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

main[role="main-wrapper"].user-manage-page section[role="banner--area"] .search--bar [class*="col"] {
    border-right: 1px solid #ddd;
}

main[role="main-wrapper"].user-manage-page section[role="banner--area"] .search--bar [class*="col"]:last-child {
    border: none;
}

main[role="main-wrapper"].user-manage-page section[role="banner--area"] .search--bar [class*="col"] select {
    border: none;
    border-radius: 0px;
    padding: 20px;
    height: auto;
}

main[role="main-wrapper"].user-manage-page section[role="banner--area"] .search--bar [class*="col"] button {
    background: #243768;
    height: 100%;
    width: 100%;
    border: none;
    color: #fff;
}

main[role="main-wrapper"].user-manage-page [main-title] {
    margin-bottom: 30px;
}

main[role="main-wrapper"].user-manage-page [main-title] span {
    background: #243768;
    display: inline-block;
    padding: 8px 20px;
    font-size: 20px;
    color: #fff;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] {
    padding: calc(1 / 1 * 5%) 0;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"]:not(:last-child) {
    padding-bottom: 0px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul {
    padding: 0px;
    list-style: none;
    display: flex;
    margin: 0px;
    display: flex;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li {
    flex: 0 0 315px;
    margin-right: 10px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box {
    overflow: hidden;
    border: 1px solid #ddd;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img {
    height: 220px;
    position: relative;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img .overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none !important;
    background: rgba(0, 0, 0, 0.6);
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img .overlay [class*="circle"] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #fff;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img .overlay [class*="circle"] svg {
    fill: #fff;
    width: 60%;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img .overlay [class*="circle"].big {
    width: 72px;
    height: 72px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img .overlay .buttonHolder {
    position: absolute;
    right: 20px;
    height: 110px;
    justify-content: space-around;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail--box--img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail-dec {
    padding: calc(1 / 1 * 4%);
    color: #191919;
    font-size: calc(1 / 1 * 118%);
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail-dec [box--title] {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail-dec time {
    color: #243768;
    font-weight: 600;
    font-size: 14px;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail-dec .price {
    font-weight: bold;
}

main[role="main-wrapper"].user-manage-page [role="thumbnail--section"] .snap-scrolling-example ul li .thumbnail--box .thumbnail-dec .price span {
    display: inline-block;
    margin-left: 10px;
    opacity: 0.3;
    font-style: italic;
}

/*DATE PICKER*/
main[role="main-wrapper"].event-two {
    padding: calc(1 / 1 * 0.8%) 0;
}

main[role="main-wrapper"].event-two .breadcrumb {
    border-radius: 0;
    margin-bottom: 2.6rem;
}

main[role="main-wrapper"].event-two .breadcrumb .breadcrumb-item a {
    font-size: 12px;
    color: #8c8c8c;
}

main[role="main-wrapper"].event-two #progressbar {
    margin-bottom: 60px;
}

main[role="main-wrapper"].event-two .form-event-parent {
    background: #fff;
    box-shadow: 0px 20px 29px -12px rgba(0, 0, 0, 0.2);
    padding: calc(1 / 1 * 2%) calc(1 / 1 * 17%);
}

main[role="main-wrapper"].event-two .form--holder {
    padding: calc(1 / 1 * 8%) 0;
    margin-bottom: calc(1 / 1 * 0%);
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid transparent;
}

main[role="main-wrapper"].event-two .form--holder:nth-child(1) {
    border-top: 1px solid transparent;
}

main[role="main-wrapper"].event-two .form--holder .upload--file--holder {
    background: #fef9eb;
    border: 2px dashed #243768;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

main[role="main-wrapper"].event-two .form--holder .upload--file--holder svg {
    width: 80px;
    height: 80px;
    fill: #dbcca1;
}

main[role="main-wrapper"].event-two .form--holder .event-headDec h4 {
    color: #454545;
}

main[role="main-wrapper"].event-two .enevt-heading {
    position: relative;
    width: 100%;
    text-align: center;
}

main[role="main-wrapper"].event-two .enevt-heading h2 {
    color: #fff;
    font-size: 24px;
    margin: 2rem 0 2.5rem;
}

main[role="main-wrapper"].event-two .enevt-heading::after {
    background: #243768;
    content: '';
    width: 100%;
    z-index: -9;
    height: 455px;
    position: absolute;
    top: -8px;
    left: 0;
}

main[role="main-wrapper"].event-two button {
    background: #303030;
    height: 100%;
    border: none;
    color: #fff;
}

@keyframes swing {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    30% {
        transform: rotate(0deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    60% {
        transform: rotate(5deg);
    }

    70% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@keyframes sonar {
    0% {
        transform: scale(0.9);
        opacity: 1;
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

body {
    font-size: 0.9rem;
}

.page-wrapper .sidebar-wrapper,
.sidebar-wrapper .sidebar-brand>a,
.sidebar-wrapper .sidebar-dropdown>a:after,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before,
.sidebar-wrapper ul li a i,
.page-wrapper .page-content,
.sidebar-wrapper .sidebar-search input.search-menu,
.sidebar-wrapper .sidebar-search .input-group-text,
.sidebar-wrapper .sidebar-menu ul li a,
#show-sidebar,
#close-sidebar {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*----------------page-wrapper----------------*/




.page-wrapper .theme {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius: 4px;
    margin: 2px;
}

.page-wrapper .theme.chiller-theme {
    background: #1e2229;
}

/*----------------toggeled sidebar----------------*/
.page-wrapper.toggled .sidebar-wrapper {
    width: 290px;

}

.page-wrapper .sidebar-wrapper {
    width: 0;

}

@media screen and (min-width: 768px) {
    .page-wrapper.toggled .page-content {
        padding-left: 0;
        transition: 0.5s ease-in-out;
    }
}

/*----------------show sidebar button----------------*/
#show-sidebar {
    padding: 0.2rem 1rem 0 0;
}

#show-sidebar img {
    width: 25px;
}

/* .page-wrapper.toggled #show-sidebar {
    left: -40px;
} */

/*----------------sidebar-wrapper----------------*/
.sidebar-wrapper {
    width: 290px;
    height: 100%;
    max-height: 100%;
    position: fixed;

    top: 54px;

    left: 0;
    z-index: 999;
}

.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.sidebar-wrapper a {
    text-decoration: none;
}

/*----------------sidebar-content----------------*/
.sidebar-content {
    max-height: calc(100% - 30px);
    height: calc(100% - 75px);
    overflow-y: auto;
    position: relative;

}

.sidebar-content.desktop {
    overflow-y: hidden;
}

/*--------------------sidebar-brand----------------------*/
.sidebar-wrapper .sidebar-brand {
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.sidebar-wrapper .sidebar-brand>a {
    text-transform: uppercase;
    font-weight: bold;
    flex-grow: 1;
}

.sidebar-wrapper .sidebar-brand #close-sidebar {
    cursor: pointer;
    font-size: 20px;
}

/*--------------------sidebar-header----------------------*/
.sidebar-wrapper .sidebar-header {
    padding: 20px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic {
    float: left;
    width: 60px;
    padding: 2px;
    border-radius: 12px;
    margin-right: 15px;
    overflow: hidden;
}

.sidebar-wrapper .sidebar-header .user-pic img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

.sidebar-wrapper .sidebar-header .user-info {
    float: left;
}

.sidebar-wrapper .sidebar-header .user-info>span {
    display: block;
}

.sidebar-wrapper .sidebar-header .user-info .user-role {
    font-size: 12px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status {
    font-size: 11px;
    margin-top: 4px;
}

.sidebar-wrapper .sidebar-header .user-info .user-status i {
    font-size: 8px;
    margin-right: 4px;
    color: #5cb85c;
}

/*----------------------sidebar-menu-------------------------*/
.sidebar-wrapper .sidebar-menu {
    padding-bottom: 10px;
}

.sidebar-wrapper .sidebar-menu .header-menu span {
    font-weight: bold;
    font-size: 14px;
    padding: 15px 20px 5px 20px;
    display: inline-block;
}

.sidebar-wrapper .sidebar-menu ul li a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    position: relative;
    padding: 8px 30px 8px 20px;
}

.sidebar-wrapper .sidebar-menu ul li a i {
    margin-right: 10px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 4px;
}

.sidebar-wrapper .sidebar-menu ul li a:hover>i::before {
    display: inline-block;
    animation: swing ease-in-out 0.5s 1 alternate;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    font-style: normal;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-align: center;
    background: 0 0;
    position: absolute;
    right: 15px;
    top: 14px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul {
    padding: 5px 0;
    background: #24376882;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li {
    padding-left: 25px;
    font-size: 13px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before {
    content: "\f111";
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 8px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li:hover a:before {
    text-decoration: none;
}

.sidebar-wrapper .sidebar-menu ul li a span.label,
.sidebar-wrapper .sidebar-menu ul li a span.badge {
    float: right;
    margin-top: 8px;
    margin-left: 5px;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge,
.sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label {
    float: right;
    margin-top: 0px;
}

.sidebar-wrapper .sidebar-menu .sidebar-submenu {
    display: none;
}

.sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a:after {
    transform: rotate(90deg);
    right: 17px;
}

/*--------------------------side-footer------------------------------*/
.sidebar-footer {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: flex;
}

.sidebar-footer>a {
    flex-grow: 1;
    text-align: center;
    height: 30px;
    line-height: 30px;
    position: relative;
}

.sidebar-footer>a .notification {
    position: absolute;
    top: 0;
}

.badge-sonar {
    display: inline-block;
    background: #980303;
    border-radius: 50%;
    height: 8px;
    width: 8px;
    position: absolute;
    top: 0;
}

.badge-sonar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #980303;
    opacity: 0;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: sonar 1.5s infinite;
}

/*--------------------------page-content-----------------------------*/
.page-wrapper .page-content {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    padding-top: 20px;
}

.page-wrapper div.page-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/*------scroll bar---------------------*/
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb:hover {
    background: #525965;
}

::-webkit-scrollbar-thumb:active {
    background: #525965;
}

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

::-webkit-scrollbar-track:hover {
    background: transparent;
}

::-webkit-scrollbar-track:active {
    background: transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/*-----------------------------chiller-theme-------------------------------------------------*/
.chiller-theme .sidebar-wrapper {
    background: #243768;
}

.chiller-theme .sidebar-wrapper .sidebar-header,
.chiller-theme .sidebar-wrapper .sidebar-search,
.chiller-theme .sidebar-wrapper .sidebar-menu {
    border-top: 1px solid #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    border-color: transparent;
    box-shadow: none;
}

.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-role,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info .user-status,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text,
.chiller-theme .sidebar-wrapper .sidebar-brand>a,
.chiller-theme .sidebar-wrapper .sidebar-menu ul li a,
.chiller-theme .sidebar-footer>a {
    color: #fff;
}

.chiller-theme .sidebar-wrapper .sidebar-submenu ul .sidebar-dropdown a span:hover {
    color: #243768;
}

.chiller-theme .sidebar-wrapper .sidebar-submenu ul li:hover>a {
    color: #fff;
    text-decoration: underline;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active>a,
.chiller-theme .sidebar-wrapper .sidebar-header .user-info,
.chiller-theme .sidebar-wrapper .sidebar-brand>a:hover,
.chiller-theme .sidebar-footer>a:hover i {
    color: #d7d7d7;
}

.page-wrapper.chiller-theme.toggled #close-sidebar {
    color: #fff;
}

.page-wrapper.chiller-theme.toggled #close-sidebar:hover {
    color: #ffffff;
}

.chiller-theme .sidebar-wrapper ul li:hover a i,
.chiller-theme .sidebar-wrapper .sidebar-dropdown .sidebar-submenu li a:hover:before,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu:focus+span,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active a i {
    color: #fff;
    text-shadow: 0px 0px 10px rgba(22, 199, 255, 0.5);
}

.chiller-theme .sidebar-wrapper .sidebar-menu ul li a i,
.chiller-theme .sidebar-wrapper .sidebar-menu .sidebar-dropdown div,
.chiller-theme .sidebar-wrapper .sidebar-search input.search-menu,
.chiller-theme .sidebar-wrapper .sidebar-search .input-group-text {
    background: #3a3f48;
}

.chiller-theme .sidebar-wrapper .sidebar-menu .header-menu span {
    color: #d7d7d7;
}

.chiller-theme .sidebar-footer {
    background: #3a3f48;
    box-shadow: 0px -1px 5px #282c33;
    border-top: 1px solid #464a52;
    display: none;
}

.chiller-theme .sidebar-footer>a:first-child {
    border-left: none;
}

.chiller-theme .sidebar-footer>a:last-child {
    border-right: none;
}

.select-seat-popup .modal {
    z-index: 9999;
}

.select-seat-popup .modal .modal-header {
    border-bottom: transparent;
    display: block;
    text-align: right;
}

/* .select-seat-popup .modal .modal-header .close { */
/* background: transparent; */
/* color: #000; */
/* font-size: 34px; */
/* border: 1px solid #000; */
/* border-radius: 50%; */
/* width: 40px; */
/* margin: 0px; */
/* padding: 4px; */
/* } */

.select-seat-popup .modal-body .select-number {
    margin: calc(1/1*2vw) 0;
    border-bottom: 1px solid #d4d4d4;
}

.select-seat-popup .modal-body .select-number span {
    color: #454545;
    font-size: 18px;
}

.select-seat-popup .modal-body .select-number {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.select-seat-popup .modal-body .select-number .value-button {
    display: inline-block;
    border: 1px solid #243768;
    margin: 0px;
    width: 70px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    padding: 7px 0;
    background: #243768;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff;
    font-size: 14px;
}

.select-seat-popup .modal-body .select-number .value-button:hover {
    cursor: pointer;
}

.select-seat-popup .modal-body .select-number #decrease {
    margin-right: -4px;
    border-radius: 25px 0 0 25px;
}

.select-seat-popup .modal-body .select-number #increase {
    margin-left: -4px;
    border-radius: 0 25px 25px 0;
}

.select-seat-popup .modal-body .select-number #input-wrap {
    margin: 0px;
    padding: 0px;
}

.select-seat-popup .modal-body .select-number input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #243768;
    border-bottom: 1px solid #243768;
    margin: 0px;
    width: 63px;
    height: 37px;
    padding: 0;
}

.select-seat-popup .modal-body .select-number input[type=number]::-webkit-inner-spin-button,
.select-seat-popup .modal-body .select-number input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.select-seat-popup .modal-body .select-seat p {
    font-size: 16px;
    color: #8c8c8c;
}

.select-seat-popup .modal-body .select-seat a img {
    padding: 8px;
}

.select-seat-popup .modal-footer {
    border-top: transparent;
}

.select-seat-popup .modal-footer button {
    width: 117px;
    height: 43px !important;
    background: #243768 !important;
    color: #fff !important;
}

main[role="main-wrapper"].profile-page {
    padding: calc(1 / 1 * 6%) 0;
    color: #454545;
}

main[role="main-wrapper"].profile-page .profile-parent {
    margin-bottom: calc(1/1*7%);
}

main[role="main-wrapper"].profile-page .profile-parent h2 {
    margin-bottom: calc(1 / 1 * 3%) !important;
}

main[role="main-wrapper"].profile-page .profile-parent .image-box {
    width: 150px;
    height: 150px;
    border: none;
    margin-bottom: 0px;
    overflow: hidden;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

main[role="main-wrapper"].profile-page .profile-parent .event-headDec p {
    margin-top: 15px;
}

main[role="main-wrapper"].profile-page .custom-checkbox input {
    width: 25px;
    height: 25px;
    background: #243768;
    -webkit-appearance: none;
    -webkit-mask: url(../img/check-empaty.svg) no-repeat 50% 50%;
    mask: url(../img/check-empaty.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    appearance: none;
}

main[role="main-wrapper"].profile-page .custom-checkbox input:checked {
    -webkit-appearance: none;
    -webkit-mask: url(../img/check-box.svg) no-repeat 50% 50%;
    mask: url(../img/check-box.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].profile-page {
        padding: calc(1 / 1 * 4%) 0;
    }
}

main[role="main-wrapper"].profile-page #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding: 0px;
    width: 100%;
    text-align: center;
}

main[role="main-wrapper"].profile-page #progressbar li {
    list-style-type: none;
    text-transform: uppercase;
    position: relative;
}

main[role="main-wrapper"].profile-page #progressbar li::before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    display: block;
    background: #243768;
    border: 5px solid #f5d991;
    color: #333;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 100%;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

main[role="main-wrapper"].profile-page #progressbar li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: none;
    position: absolute;
    left: -50%;
    top: 22px;
    z-index: -1;
    border: 1px dashed #333;
}

main[role="main-wrapper"].profile-page #progressbar li:first-child:after {
    content: none;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].profile-page #progressbar li {
        padding: 0 5px;
        font-size: 12px;
    }

    main[role="main-wrapper"].profile-page #progressbar li::before {
        width: 40px;
        height: 40px;
        border-width: 3px;
        line-height: 35px;
    }
}

main[role="main-wrapper"].profile-page .form--holder {
    padding: calc(1 / 1 * 8%);
    margin-bottom: calc(1 / 1 * 6%);
    border: 1px solid #243768;
}

main[role="main-wrapper"].profile-page .form--holder .upload--file--holder {
    background: #fef9eb;
    padding: calc(1 / 1 * 8%);
    border: 2px dashed #243768;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

main[role="main-wrapper"].profile-page .form--holder .upload--file--holder svg {
    width: 80px;
    height: 80px;
    fill: #dbcca1;
}

main[role="main-wrapper"].profile-page .form--holder .file--upload {
    display: inline-block;
    padding: 9px 35px;
    font-size: 16px;
    position: relative;
    width: 140px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

main[role="main-wrapper"].profile-page .form--holder .file--upload input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

main[role="main-wrapper"].profile-page .form--holder h2 {
    text-align: left;
    font-size: 24px;
    margin-bottom: calc(1 / 1 * 2%);
}

main[role="main-wrapper"].profile-page .form--holder .event-headDec h4 {
    font-size: 18px;
    color: #243768;
}

main[role="main-wrapper"].profile-page .form--holder .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

main[role="main-wrapper"].profile-page .form--holder .form-group select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

main[role="main-wrapper"].profile-page .form--holder .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
    width: 140px;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].profile-page .form--holder {
        padding: calc(1 / 1 * 4%);
    }
}

main[role="main-wrapper"].my-event {
    /* padding: calc(1 / 1 * 6.8%) 0 calc(1 / 1 * 1.8%); */
    color: #454545;
}

main[role="main-wrapper"].my-event .form--holder {
    padding: calc(1 / 1 * 0%) calc(1 / 1 * 0%);
    margin-top: calc(1 / 1 * 3.4%);
    border: 1px solid transparent;
    margin-bottom: calc(1 / 1 * 0.8%);
}

main[role="main-wrapper"].my-event .form--holder .select-event-tab {
    margin-bottom: calc(1 / 1 * 3.4%) !important;
}

main[role="main-wrapper"].my-event .form--holder .select-event-tab .form-group select {
    background: #fff url("../img/select-arrow.png") no-repeat right 0.75rem center;
}

main[role="main-wrapper"].my-event .form--holder .srch-btn {
    border: 1px solid #243768;
    padding: 2px;
    border-radius: 5px;
    position: relative;
}

main[role="main-wrapper"].my-event .form--holder .srch-btn input {
    border: transparent;
    padding: 0 10px 0 31px;
}

main[role="main-wrapper"].my-event .form--holder .srch-btn input::placeholder {
    color: #8c8c8c;
}

main[role="main-wrapper"].my-event .form--holder .srch-btn button {
    background: #243768;
    border: 1px solid #243768;
    height: 40px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

main[role="main-wrapper"].my-event .form--holder .srch-btn i {
    position: absolute;
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    color: #243768;
}

main[role="main-wrapper"].my-event .form--holder .event-slide {
    background: #f4f4f4;
    border-radius: 5px;
    padding: calc(1/1*1.3vw) calc(1/1*1.1vw);
    margin-bottom: calc(1/1*3vw);
}

main[role="main-wrapper"].my-event .form--holder .event-slide .top-event-parent {
    margin-bottom: 10px;
}

.top-event-parent h3 {
    word-break:break-all;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .top-event-parent p {
    font-size: 13px;
    margin: 0px;
    line-height: 16px;
    padding: 5px 0;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .top-event-parent p span {
    color: #8c8c8c;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket {
    margin-bottom: calc(1/1*2.1%);
}

main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket h4 {
    font-size: 16px;
    color: #858585;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket .ticket-range-slider {
    width: 100%;
    background: #d3d3d3;
    height: 28px;
    border-radius: 51px;
    position: relative;
    overflow: hidden;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket .ticket-range-slider .child-range-slider {
    width: 20%;
    background: #5eb529;
    height: 100%;
    border-radius: 51px;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket span {
    color: #5e5959;
    font-size: 12px;
    margin-left: 10px;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .ticket-btn {
    height: 30px;
    font-size: 13px;
    color: #686868;
    background: transparent;
    border: 1px solid #7d7d7d;
    padding: 0 16px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: calc(1/1*1vw);
    margin-top: 5px;
    cursor: pointer;
}

main[role="main-wrapper"].my-event .form--holder .event-slide .ticket-btn.active {
    color: #243768;
    border: 1px solid #243768;
}

main[role="main-wrapper"].my-event .modal-body {
    padding: 0;
    margin-top: 0;
}

main[role="main-wrapper"].my-event .modal-body .left-pop-img {
    background: url("../img/pop-img-1.jpg");
    background-repeat: no-repeat;
    width: 100%;
    padding: 238px 0;
}

main[role="main-wrapper"].my-event .modal-body .top-event-heading {
    padding-bottom: calc(1/1*1vw);
    border-bottom: 1px solid #dbdbda;
    margin-bottom: calc(1/1*1vw);
}

main[role="main-wrapper"].my-event .modal-body h3 {
    color: #243768;
    font-size: 20px;
}

main[role="main-wrapper"].my-event .modal-body h3 span {
    color: #434342;
    font-weight: 700;
}

main[role="main-wrapper"].my-event p {
    color: #858383;
    font-size: 14px;
    margin: 0;
    line-height: 1.8;
    margin-bottom: 5px;
}

main[role="main-wrapper"].my-event .top-event-content {
    margin-bottom: calc(1/1*1vw);
}

main[role="main-wrapper"].my-event .top-event-content .ticket-btn {
    height: 30px;
    font-size: 13px;
    color: #243768;
    background: transparent;
    border: 1px solid #243768;
    padding: 0 16px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: calc(1/1*1vw);
    cursor: pointer;
}

main[role="main-wrapper"].my-event .top-event-content .ticket-btn.active {
    color: #243768;
    border: 1px solid #243768;
}

@media (max-width: 768px) {
    .event-name h3 {
        font-size: 0.8rem;
    }

    .ticket-btn {
        margin: calc(1/1*0.4rem) 0;
    }

}

main[role="main-wrapper"].event-ticket {
    padding: calc(1 / 1 * 8%) 0;
    color: #454545;
}

main[role="main-wrapper"].event-ticket .breadcrumb {
    border-radius: 0;
    margin-bottom: 2.6rem;
}

main[role="main-wrapper"].event-ticket .breadcrumb .breadcrumb-item a,
.my-event .breadcrumb .breadcrumb-item a {
    font-size: 12px;
    color: #8c8c8c;
}

main[role="main-wrapper"].event-ticket .breadcrumb .breadcrumb-item a:hover,
.my-event .breadcrumb .breadcrumb-item a:hover {
    text-decoration: none;
}

main[role="main-wrapper"].event-ticket .breadcrumb .breadcrumb-item a,
.my-eve .breadcrumb .breadcrumb-item a {
    font-size: 12px;
    color: #8c8c8c;
}

main[role="main-wrapper"].event-ticket .breadcrumb .breadcrumb-item a:hover,
.my-eve .breadcrumb .breadcrumb-item a:hover {
    text-decoration: none;
}

/* main[role="main-wrapper"].event-ticket .

{
    border: 1px solid #c5c5c5;
    border-radius: 5px;
} */

main[role="main-wrapper"].event-ticket .ticket-type .form-group table .thead {
    background: #f3f3f3;
    border-bottom: 1px solid transparent;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table .thead th {
    text-align: left;
    border-bottom: 2px solid transparent;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table .thead th:nth-child(2) {
    width: 18%;
}

main[role="main-wrapper"].event-ticket .ticket-type .thead h5 {
    font-size: 14px;
    margin: 0px;

}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody .form-group {
    margin-bottom: 0;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td {
    vertical-align: middle;
    border-top: 1px solid transparent;
}


main[role="main-wrapper"].event-ticket .ticket-type .form-group button {
    background: #f3f3f3;
    color: #454545;
    font-size: 14px;
    border-radius: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group button i {
    vertical-align: middle;
}



main[role="main-wrapper"].event-ticket .form-group .back-btn {
    border: 1px solid #243768;
    background: transparent;
    color: #243768;
}

main[role="main-wrapper"].event-ticket .form-group .btn-default {
    border-radius: 5px;
}

main[role="main-wrapper"].event-ticket .custom-checkbox input {
    width: 25px;
    height: 25px;
    background: #243768;
    -webkit-appearance: none;
    -webkit-mask: url(../img/check-empaty.svg) no-repeat 50% 50%;
    mask: url(../img/check-empaty.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    appearance: none;
}

main[role="main-wrapper"].event-ticket .custom-checkbox input:checked {
    -webkit-appearance: none;
    -webkit-mask: url(../img/check-box.svg) no-repeat 50% 50%;
    mask: url(../img/check-box.svg) no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
}

main[role="main-wrapper"].event-ticket #progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
    padding: 0px;
    width: 100%;
    text-align: center;
}

main[role="main-wrapper"].event-ticket #progressbar li {
    list-style-type: none;
    text-transform: uppercase;
    position: relative;
}

main[role="main-wrapper"].event-ticket #progressbar li::before {
    content: counter(step);
    counter-increment: step;
    width: 50px;
    height: 50px;
    display: block;
    background: #243768;
    border: 5px solid #f5d991;
    color: #333;
    margin: auto;
    margin-bottom: 10px;
    border-radius: 100%;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
}

main[role="main-wrapper"].event-ticket #progressbar li::after {
    content: '';
    width: 100%;
    height: 2px;
    background: none;
    position: absolute;
    left: -50%;
    top: 22px;
    z-index: -1;
    border: 1px dashed #333;
}

main[role="main-wrapper"].event-ticket #progressbar li:first-child:after {
    content: none;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].event-ticket #progressbar li {
        padding: 0 5px;
        font-size: 12px;
    }

    main[role="main-wrapper"].event-ticket #progressbar li::before {
        width: 40px;
        height: 40px;
        border-width: 3px;
        line-height: 30px;
    }
}

main[role="main-wrapper"].event-ticket .form--holder {
    padding: calc(1 / 1 * 8%);
    margin-bottom: calc(1 / 1 * 6%);
    border: 1px solid #f2f2f2;
    box-shadow: 10px 0 50px 0 rgba(18, 25, 33, 0.1);
}

main[role="main-wrapper"].event-ticket .form--holder .upload--file--holder {
    background: #fef9eb;
    padding: calc(1 / 1 * 8%);
    border: 2px dashed #243768;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

main[role="main-wrapper"].event-ticket .form--holder .upload--file--holder svg {
    width: 80px;
    height: 80px;
    fill: #dbcca1;
}

main[role="main-wrapper"].event-ticket .form--holder .file--upload {
    display: inline-block;
    padding: 9px 35px;
    font-size: 16px;
    position: relative;
    width: 140px;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
}

main[role="main-wrapper"].event-ticket .form--holder .file--upload input {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}

main[role="main-wrapper"].event-ticket .form--holder h2 {
    text-align: center;
    font-size: 24px;
    margin-bottom: calc(1 / 1 * 6%);
}

main[role="main-wrapper"].event-ticket .form--holder .event-headDec h4 {
    font-size: 18px;
    color: #243768;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
    padding-right: 10px;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group select {
    background: #fff url(../img/select-arrow.png) no-repeat right 0.75rem center;
    background-size: 8px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

main[role="main-wrapper"].event-ticket .form--holder .form-group .input-group-append button i {
    color: #243768;
}

@media (max-width: 767px) {
    main[role="main-wrapper"].event-ticket .form--holder {
        padding: calc(1 / 1 * 4%);
    }
}

footer[role="footer--area"] {
    background: #d81b60  no-repeat;
    background-size: cover;
    background-position: center center;
    padding: calc(1 / 1 * 5%) 0 !important;
    padding-bottom: 0px !important;
}



footer[role="footer--area"] [footer--title] {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

footer[role="footer--area"] [footer--title]::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: relative;
    height: auto;
    z-index: 1;
    background: #243768;
    height: 2px;
    width: 100px;
    display: block;
    margin-top: 10px;
    margin-bottom: 20px;
}

footer[role="footer--area"] ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

footer[role="footer--area"] ul a {
    color: white;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight:500;
}

footer[role="footer--area"] .copy--right {
    background:#d81b60;
    color: #fff;
    text-align: center;
    padding: calc(1 / 1 * 1%) 0;
    margin-top: calc(1 / 1 * 1%);
}
.sign_in_btn_nav a
{
    background:#d81b60;
    border:1px solid white;
}
.footer_links_social_connect li a{
    font-size:24px;
}
.r {
    border: 1px solid red;
}

/*# sourceMappingURL=style.css.map */
/**********1st-may-2019*********/
main[role="main-wrapper"].event-ticket .ticket-type .form-group .new_ticket_row {
    background: #f3f3f3;
    color: #454545;
    font-size: 14px;
    border-radius: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
    padding: 15px;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group .new_ticket_row:hover {
    text-decoration: none;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group .new_ticket_row i {
    vertical-align: middle;
    margin-right: 5px;
}

.has-error {
    position: relative;
    text-align: left;
}

.help-block.form-error {
    text-align: left;
    font-size: 11px;
    color: #dc3545;
}

.form_error {
    text-align: left;
    font-size: 11px;
    color: #dc3545;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td {
    vertical-align: top;
    border-top: 1px solid transparent;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td:first-child,
main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td:last-child {
    padding: 22px 11px;
}

main[role="main-wrapper"].event-ticket .ticket-type {
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

main[role="main-wrapper"].event-ticket .ticket-type th:nth-child(1) {
    width: 21%;
}

main[role="main-wrapper"].event-ticket .ticket-type th:nth-child(2) {
    width: auto !important;
}

main[role="main-wrapper"].event-ticket .ticket-type th:nth-child(3) {
    width: 18%;
}

main[role="main-wrapper"].event-ticket .ticket-type th:nth-child(4) {
    width: 20%;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td:first-child,
main[role="main-wrapper"].event-ticket .ticket-type .form-group table tbody td:last-child {
    padding: 12px 11px !important;
}

.table-plus {
    padding: 8px 0;
}

/***resonsive css********/

/**********Coupon************/
.custom__radio_inline {
    display: flex;
    flex-wrap: wrap;
}

.custom__radio_inline p {
    width: auto;
    margin-right: 10px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

[type="radio"]:checked+label,
[type="radio"]:not(:checked)+label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}

[type="radio"]:checked+label::before,
[type="radio"]:not(:checked)+label::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

[type="radio"]:checked+label:after,
[type="radio"]:not(:checked)+label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #243768;
    position: absolute;
    top: 6px;
    left: 12px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

[type="radio"]:not(:checked)+label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

[type="radio"]:checked+label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/**********ticket-setting************/

.ticket-setting .modal {
    z-index: 99999;
}

.ticket-setting .modal .modal-header {
    border-bottom: transparent;
    text-align: initial;
    background: #243768;
}

.ticket-setting .modal .modal-header h4 {
    font-size: 20px;
    color: #fff;
}

.modal-header .close {
    border: 2px solid #fff;
    border-radius: 100%;
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 2px 0;
    font-size: 26px;
    color: #fff;
    z-index: 9999;
    opacity: 1;
    /* vertical-align: top; */
    line-height: 0;
    font-weight: 300;
    margin-left: auto;
}

.modal-header .close:hover {
    color: #fff !important;
}

.ticket-setting .modal .modal-body .general-form p {
    color: #908e8e;
    font-size: 16px;
}

.ticket-setting .modal .modal-body .general-form .general-heading {
    background: #f3f3f3;
    padding: calc(1/1*1.1vw);
    border-radius: 5px;
}

.ticket-setting .modal .modal-body .general-form .general-heading h3 {
    font-size: 18px;
    color: #454545;
    margin-bottom: 0;
}

.ticket-setting .modal .modal-body .general-form label {
    color: #454545;
    font-size: 14px;
}

.ticket-setting .modal .modal-body .general-form .general-child {
    margin: calc(1/1*3vw) 0;
}

.ticket-setting .modal .modal-body .general-form .general-child .hidden-select .form-control {
    width: 20%;
    max-width: 100%;
}

.ticket-setting .modal .modal-body .general-form .general-child textarea {
    height: auto;
}

.ticket-setting .modal .modal-body .general-form .general-child button {
    background: #f3f3f3;
    color: #454545;
    font-size: 14px;
    border-radius: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
    height: 40px;
}

.ticket-setting .modal .modal-body .form-group {
    margin-bottom: 1.5rem;
}

.ticket-setting .modal .modal-body .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

.ticket-setting .modal .modal-body .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

.ticket-setting .modal .modal-body .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

.ticket-setting .modal .modal-body .form-group select {
    background: #fff url(../img/select-arrow.png) no-repeat right 0.75rem center;
    background-size: 8px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ticket-setting .modal .modal-body .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

.ticket-setting .modal .modal-body .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

.ticket-setting .modal .modal-body .form-group .input-group-append button i {
    color: #243768;
}

.ticket-setting .modal .modal-body .ticket-btn {
    height: 30px;
    font-size: 14px;
    color: #fff;
    background: #243768;
    border: 1px solid #243768;
    padding: 0 21px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: calc(1/1*1vw);
    cursor: pointer;
    height: 44px;
    font-weight: 600;
}

.ticket-setting .modal .modal-body .ticket-btn.active {
    color: #243768;
    border: 1px solid #243768;
    background: transparent;
}

.ticket-setting .modal .modal-body {
    padding: 15px !important;
}

/***********discount-coupon***********/

.discount-modal .right-sec li {
    font-size: 15px;
}

/* .discount-modal .price { */
/* background: transparent; */
/* } */

/* .discount-modal .price .close { */
/* background: transparent; */
/* color: #000 !important; */
/* font-size: 25px; */
/* border: 1px solid #000 !important; */
/* border-radius: 50%; */
/* width: 30px; */
/* margin: 0px; */
/* padding: 4px; */
/* } */

.discount-modal .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 36px;
    font-size: 13px;
    border-radius: 5px;
}

.discount-modal .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

.discount-modal .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

.discount-modal .form-group .input-group-append button i {
    color: #243768;
}

.discount-modal .radio-btn-tab input[type=radio] {
    position: absolute;
    visibility: hidden;
}

.discount-modal .radio-btn-tab label {
    display: block !important;
    position: relative;
    font-weight: 300;
    font-size: 15px;
    padding: 0px 0px 18px 35px;
    margin: 0px auto;
    height: 0px;
    z-index: 9;
    cursor: pointer;
    -webkit-transition: all 0.25s linear;
}

.discount-modal .radio-btn-tab .check {
    display: block;
    position: absolute;
    border: 5px solid #243768;
    border-radius: 100%;
    height: 25px;
    width: 25px;
    top: 0px;
    left: 20px;
    z-index: 5;
    transition: border .25s linear;
    -webkit-transition: border .25s linear;
}

.discount-modal .radio-btn-tab .radio-inner:hover .check {
    border: 5px solid #AAAAAA;
}

.discount-modal .radio-btn-tab .check::before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 11px;
    width: 11px;
    top: 2px;
    left: 2px;
    margin: auto;
    transition: background 0.25s linear;
    -webkit-transition: background 0.25s linear;
}

.discount-modal .radio-btn-tab input[type=radio]:checked~.check {
    border: 5px solid #243768;
}

.discount-modal .radio-btn-tab input[type=radio]:checked~.check::before {
    background: #243768;
}

.listing {
    padding: 25px 0;
}

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

.right-sec li {
    font-size: 15px;
    font-weight: 600;
    color: #454545;
}

.left-sec {
    border-right: 1px solid #243768;
}

.right-sec select {
    border: 1px solid #243768;
    border-radius: 5px;
    padding: 4px;
    -moz-appearance: none;
    background: url("../img/select-arrow.png") no-repeat right 0.75rem center;
}

.confirm {
    background: #243768;
    border: none;
    color: #fff;
    padding: 10px 8px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #243768;
    margin-left: 6px;
}

/*price breakdown*/

.modal-header {
    text-align: left !important;
    display: flex !important;
    background: #243768;
    color: #fff;
    padding: 8px 30px;
}

/* .price .close { */

/* opacity: 1; */
/* background: transparent; */
/* color: #000 !important; */
/* font-size: 34px; */
/* border: 1px solid #000 !important; */
/* border-radius: 50%; */
/* width: 40px; */
/* margin: 0px; */
/* padding: 4px !important; */

/* } */

.price h4 {
    font-size: 20px;
    font-weight: 500;
    margin-top: 7px;
}

.price-pop {
    padding-top: 0px;
}

.price-pop h4 {
    font-size: 16px;
    color: #908e8e;
    font-weight: 500;
}

.listing {
    padding: 25px 0;
}

.listing ul {
    list-style: none;


}

.right-sec ul {
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    
    grid-gap: 20px;
}

.left-sec ul {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin: 0;
    align-items: stretch;
    /* height: 100%; */
    grid-auto-rows: 1fr;
    padding: 0 10px 0 0;
}

.left-sec li {
    color: #454545;
    text-align: end;
    font-weight: 600;
}

.right-sec li {
    font-size: 15px;
    font-weight: 600;
    color: #454545;
}

.left-sec {
    border-right: 1px solid #243768;
}

.right-sec select {
    border: 1px solid #243768;
    border-radius: 5px;
    padding: 4px;
    -moz-appearance: none;
    background: url("../img/select-arrow.png") no-repeat right 0.75rem center;
}

.confirm {
    background: #243768;
    border: none;
    color: #fff;
    padding: 10px 8px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    border: 1px solid #243768;
    margin-left: 6px;
    cursor: pointer;
}

.cancel {
    background: no-repeat;
    border: 1px solid #243768;
    border-radius: 4px;
    padding: 10px 8px;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    color: #243768;
    cursor: pointer;
}

.bottom-button {
    margin-top: 30px;
}

.detail-table tr td:nth-child(3) {
    max-width: 140px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.detail-table tr td:nth-child(2) {
    max-width: 140px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-submenu ul .active a {
    color: #fff !important;
    text-decoration: underline !important;
}

main[role="main-wrapper"].inner--page .form--holder .form-group textarea {
    border: 1px solid #243768;
    box-shadow: none;
    height: auto !important;
    font-size: 13px;
    border-radius: 5px;
}

.sidebar-submenu .event-list {
    margin-top: 0vw;
}

.event-list .top-srch-heading button {
    border: 1px solid #232222;
    color: #232222;
    background: transparent;
    width: 125px;
    height: 44px;
    border-radius: 5px;
    font-size: 16px;
    text-transform: capitalize;
    cursor: pointer;
}

.event-list .filer-tabs {
    margin: 0 !important;
}

.event-list .filer-tabs span {
    color: #243768;
}

.event-list button {
    width: 100px;
    height: 44px;
    border-radius: 5px;
    margin-left: 15px;
    border: 1px solid #243768;
}

.event-list .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

.event-list .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

.event-list .form-group select {
    background: #fff url(../img/select-arrow.png) no-repeat right 0.75rem center;
    background-size: 8px 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.event-list .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

.event-list .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

.event-list .form-group .input-group-append button i {
    color: #243768;
}

.event-list .event-list-tab {
    margin-bottom: 2vw;
    border: 1px solid #243768;
    position: relative;
}

.event-list .event-list-tab a {
    text-decoration: none;
}

.event-list .event-list-tab h4 {
    color: #454545;
}

.event-list .event-list-tab:hover {
    margin-bottom: 2vw;
    border: 1px solid #243768;
    cursor: pointer;
}

.event-list .event-list-tab:hover {
    box-shadow: 1px 5px 5px rgba(0, 0, 0, 0.2);
    transition: 0.5s;
}

.event-list-tab .icon-wrapper {
    position: absolute;
    bottom: 12px;
    right: 0;
}

.event-list .event-list-tab img {
    padding: 10px 0px;
    border-radius: 5px;
}


.event-list .date-text {
    font-size: 14px;
    color: #4c4b4b;
    opacity: 0.8;
}

.event-list i {
    color: #243768;
}

.popular-event-list {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 180px;
    margin-bottom: 20px;
}

.popular-event-list img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popular-event-text {
    justify-content: center;
    align-items: center;
    display: flex;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}



.popular-event {
    margin-top: 2vw;
}




/* .map-location {
    position: sticky;
    top: 104px;
} */


@media (max-width: 767px) {


    .event-list-tab {
        margin: 2vw;
        border: 1px solid #243768;
        padding: 0 0 10px 0;
    }
}

.sea {
    padding-top: 10px;
}

.ticket--booking-section [role="ticket-book-baner"] {
    border-bottom: 1px solid #243768;
    margin-bottom: 30px;
}

.ticket--booking-section [role="ticket-book-baner"] .carousel {
    height: 300px;
}

.ticket--booking-section [role="ticket-book-baner"] .carousel .carousel-inner,
.ticket--booking-section [role="ticket-book-baner"] .carousel .carousel-item,
.ticket--booking-section [role="ticket-book-baner"] .carousel .carousel-item .main__image {
    height: 100%;
    background: #f2f2f2;
}

.ticket--booking-section [role="ticket-book-baner"] .carousel .carousel-item .main__image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ticket--booking-section [role="ticket-book-baner"] .carousel .carousel-item img {
    max-width: 100%;
    width: auto;
    height: auto;
}

body .ticket--booking-section .item img {
    max-width: 100%;
}

.ticket--booking-section [role="ticket-book-baner"] .banner-desc {
    padding: 2vw 0 2vw 2vw;
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .ticket--booking-section [role="ticket-book-baner"] .banner-desc {
        padding: 5vw;
    }
}

.ticket--booking-section [role="ticket-book-baner"] time {
    color: #243768;
    font-weight: 600;
    font-size: 14px;
}

.ticket--booking-section [role="ticket-book-baner"] h3 {
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 5px;
}

.ticket--booking-section [role="ticket-book-baner"] a {
    color: #243768;
    font-size: 23px;
    margin-right: 8px;
}

.ticket--booking-section [role="ticket-book-baner"] .price {
    color: #191919;
    font-size: calc(1 / 1 * 118%);
    margin-top: auto;
}

.ticket--booking-section [role="ticket-book-baner"] .price span {
    display: inline-block;
    margin-left: 10px;
    opacity: 0.3;
    font-style: italic;
}

.ticket--booking-section [role="description--section"] [co-10] {
    background: #fff;
    box-shadow: 1px 1px 8px rgba(171, 141, 63, 0.3);
    margin-bottom: 3vw;
}

.ticket--booking-section [role="description--section"] [co-10] .left-top-text {
    padding-top: 15px;
}

.ticket--booking-section [role="description--section"] [co-10] .right-side-top-text {
    background: #f9f9f9;
    padding-top: 15px;
}

.right-content-inner {
    position: sticky;
    top: 75px;
    right: 0;
}

.right-content-inner .date-and-time {
    /* height: 240px !important; */
    width: 100%;
}

.right-content-inner .date-and-time .view_side_image {
    height: 100% !important;
    width: 100%;
    object-fit: contain;
}

.ticket--booking-section [role="description--section"] h2 {
    font-size: 1.5rem;
    font-weight: 600;
}

.ticket--booking-section [role="description--section"] h4 {
    font-size: 22px;
    line-height: 21px;
    font-weight: 400;
}

.ticket--booking-section [role="description--section"] p {
    font-size: 0.8rem;
    word-break: break-word;
    padding-top: 0px !important;
}

.ticket--booking-section [role="description--section"] p:empty {
    display: none;
}

main[role="main-wrapper"].event-ticket .ticket-type .form-group .price_row button {
    box-shadow: none;
    border: none;
    background: none;

}

.ticket--booking-section [role="description--section"] .booking-img {
    width: 100%;
    height: 400px;
}

@media (max-width: 767px) {
    .ticket--booking-section [role="description--section"] .booking-img {
        height: 200px;
    }
}

.ticket--booking-section [role="description--section"] .booking-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ticket--booking-section [role="description--section"] .left-booking-text {
    margin-bottom: 3vw;
    word-wrap: break-word;
}

.ticket--booking-section .date-and-time {
    margin-bottom: 3vw;
}

.ticket--booking-section .date-and-time p {
    margin-bottom: 0;
}

.ticket--booking-section .go-to-location {
    margin-bottom: 3vw;
}

.ticket--booking-section .go-to-location iframe {
    width: 100%;
}


.select-ticket .price-pop {
    max-height: 400px;
    overflow-y: scroll;
}

.select-ticket h4 a {
    font-size: 16px;
    color: #908e8e;
    font-weight: 500;
}

.select-ticket .price {
    font-weight: bold;
}

.select-ticket .price span {
    display: inline-block;
    margin-left: 0;
    opacity: 0.3;
    font-style: italic;
}

.select-ticket .event-slide {
    background: #f4f4f4;
    border-radius: 0;
    padding: calc(1/1*1vw) 0;
    margin-bottom: calc(1/1*3vw);
    border-left: 4px solid #243768;
    border-left: 2px solid #243768;
    border-left: 2px solid #243768;
}

.select-ticket .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

.select-ticket .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

.select-ticket .form-group select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-ticket .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

.select-ticket .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

.select-ticket .top-event-parent .ticket-name {
    margin-bottom: 0.3vw;
    border-bottom: 1px solid #243768;
    padding: 10px;
    flex-wrap: wrap;
}

.select-ticket .top-event-parent .ticket-name .form-group {
    width: 136px;
}

.select-ticket .top-event-parent .ticket-name .form-group:hover {
    border: 1px transparent;
}

.select-ticket .top-event-parent .slect-ticket-disc {
    padding: 10px;
}

.select-ticket .top-event-parent .slect-ticket-disc p {
    margin-bottom: 0;
}
/* 
main[role="main-wrapper"] .place-text {
    /* margin-bottom: 3vw; */
} */

main[role="main-wrapper"] .place-text [main-title] {
    margin-bottom: 0;
}

main[role="main-wrapper"] .place-text h3 {
    font-size: 19px;
    opacity: 0.8;
}

.ticketinfo .form--holder {
    padding: calc(1 / 1 * 8%);
    margin-bottom: calc(1 / 1 * 6%);
    border: 1px solid #243768;
}

.ticketinfo .form-group label {
    font-size: 15px;
    margin-bottom: 5px;
}

.ticketinfo .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 5px;
}

.ticketinfo .form-group .gj-timepicker input {
    border: 1px solid #243768 !important;
}

.ticketinfo .form-group select {
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
    background-size: 8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ticketinfo .form-group .input-group-append {
    position: absolute;
    margin: 0px;
    right: 1px;
    top: 4px;
    background: none;
    z-index: 99;
    height: 100%;
}

.ticketinfo .form-group .input-group-append button {
    padding: 0px;
    border: none !important;
    background: none !important;
}

.ticketinfo .card-imgs a {
    margin-right: 10px;
}

.ticketinfo .ticket-type {
    border: 1px solid #243768;
    border-radius: 0px;
    width: 100%;
    margin-bottom: calc(1 / 1 * 6%);
}

@media (max-width: 767px) {
    .ticketinfo .ticket-type .form-group {
        overflow-x: scroll;
    }
}

.ticketinfo .ticket-type .form-group table h5 {
    font-size: 14px;
}

.ticketinfo .ticket-type .form-group table th h5 {
    color: #fff;
}

.ticketinfo .ticket-type .form-group table .thead {
    background: #243768;
    border-bottom: 1px solid transparent;
}

.ticketinfo .ticket-type .form-group table .thead th {
    text-align: left;
    border-bottom: 2px solid transparent;
}

.ticketinfo .ticket-type .form-group table .thead th:nth-child(2) {
    width: 18%;
}

.ticketinfo .ticket-type .form-group table tbody .form-group {
    margin-bottom: 0;
}

.ticketinfo .ticket-type .form-group table tbody td {
    vertical-align: middle;
    border-top: 1px solid transparent;
}

.ticketinfo .ticket-type .form-group table tbody td h5 {
    opacity: 0.8;
}

.ticketinfo .ticket-type .form-group button {
    background: #f3f3f3;
    color: #454545;
    font-size: 14px;
    border-radius: 0;
    box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);
    border: 1px solid #f3f3f3;
}

.ticketinfo .ticket-type .form-group button i {
    vertical-align: middle;
}

.ticketinfo .ticket-type .order-table-text p {
    font-size: 14px;
    opacity: 0.8;
}

.ticketinfo .ticket-type .order-table-text p span {
    font-weight: 600;
    margin-left: 10px;
    text-decoration: none;
}

body .ticket-btn:hover {
    color: #fff !important;
    background: #243768 !important;
    border: 1px solid #243768 !important;
    text-decoration: none;
    cursor: pointer;
}

@media(max-width:767px) {
    #show-sidebar {
        left: 0;
    }
}

.main-tc {
    border: 2px solid #373736;
}

.main-tc .ticket-detail {
    padding: 20px 0;
}

.main-tc .ticket-detail .tic-heading {
    text-align: center;
    margin-bottom: calc(1/1*4%);
    color: #243768;
}

.main-tc .ticket-detail .tic-heading h3 {
    font-size: 26px;
}

.main-tc .ticket-detail ul {
    list-style: none;
    color: #373736;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
    text-decoration: none;
}

.main-tc .ticket-detail ul li {
    padding-right: 10px;
}

.main-tc .ticket-detail .right-list li {
    color: #000;
    font-weight: 400;
    opacity: 0.5;
}

.main-tc .view-detail a {
    color: #243768;
    font-size: 14px;
    text-decoration: none;
}

main[role="main-wrapper"].ticket-tier a {
    text-decoration: none;
}

main[role="main-wrapper"].ticket-tier a:hover {
    text-decoration: none;
}

main[role="main-wrapper"].ticket-tier a .thumbnail-ticket-tex {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: #243768;
    color: #fff;
    height: 100%;
}

main[role="main-wrapper"].ticket-tier a form {
    text-align: center;
}

main[role="main-wrapper"].ticket-tier a .value-button {
    display: inline-block;
    border: 1px solid transparent;
    margin: 0px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

main[role="main-wrapper"].ticket-tier a .value-button:hover {
    cursor: pointer;
}

main[role="main-wrapper"].ticket-tier a form {
    font-weight: bold;
    color: #191919;
}

main[role="main-wrapper"].ticket-tier a form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

main[role="main-wrapper"].ticket-tier a form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

main[role="main-wrapper"].ticket-tier a form #input-wrap {
    margin: 0px;
    padding: 0px;
}

main[role="main-wrapper"].ticket-tier a form input#number {
    text-align: center;
    border: none;
    margin: 0px;
    width: 40px;
}

main[role="main-wrapper"].ticket-tier a form input[type=number]::-webkit-inner-spin-button,
main[role="main-wrapper"].ticket-tier a form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

main[role="main-wrapper"].ticket-tier a .quant-text p {
    margin: 0;
    font-weight: bold;
    color: #243768;
}

main[role="main-wrapper"].ticket-tier .desc-text {
    margin-top: calc(1/1*1.5vw);
}

main[role="main-wrapper"].ticket-tier .desc-text h3 {
    color: #243768;
}

main[role="main-wrapper"].ticket-tier .desc-text .ticket-btn {
    height: 30px;
    font-size: 13px;
    color: #686868;
    background: transparent;
    border: 1px solid #7d7d7d;
    padding: 0 16px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: calc(1/1*1vw);
    cursor: pointer;
}

main[role="main-wrapper"].ticket-tier .desc-text .ticket-btn.active {
    color: #243768;
    border: 1px solid #243768;
}

main[role="main-wrapper"].ticket-tier .promo-section {
    background: #f5f5f5;
    padding: calc(1/1*2vw) 0;
}

main[role="main-wrapper"].ticket-tier .promo-section .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 0;
    width: auto;
}

main[role="main-wrapper"].ticket-tier .promo-section .form-group button {
    background: #243768;
    border: 1px solid #243768;
    height: 44px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

main[role="main-wrapper"].ticket-tier .promo-section .promo-text {
    font-size: 20px;
    color: #000;
    padding: 0;
}

main[role="main-wrapper"].ticket-tier .promo-section .event-disc p {
    font-size: 14px;
    margin-bottom: calc(1/1*0.1vw);
    font-weight: 400;
}

main[role="main-wrapper"].ticket-tier .promo-section .event-disc p span {
    font-weight: bold;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair {
    width: 25px;
    height: 25px;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.yellow {
    background: #ffa500;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.red {
    background: red;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.white {
    background: black;
}

main[role="main-wrapper"].ticket-tier .promo-next {
    margin-top: calc(1/1*2vw);
}

main[role="main-wrapper"].ticket-tier .promo-next button {
    height: 44px;
    padding: 0 30px;
}

main[role="main-wrapper"].ticket-tier .select-seat a img {
    padding: 18px;
}

main.ticket-tier {
    margin-top: 5vw;
}

/*-----------------27-6-2019----------------*/
.banner-desc button#tickets {
    width: 200px;
    height: 40px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

#tickets i {
    border-left: 2px solid;
    padding-left: 13px;
}

/* .map-location {
    position: sticky;
    top: 77px;
    right: 45px;
} */

.icon-wrapper i {
    font-size: 26px;
    border: transparent;
}

/*-----------------7-2-2019----------------*/
.ticket-btn:hover {
    border: none !important;
}

.ticket-name a.ticket-btn.seat_layout {
    color: #fff !important;
}

.select-ticket .top-event-parent .ticket-name .form-group .seat_layout {
    width: 133px;
    padding: 13px 23px;
    background: #243768;
}

.modal-body .select-seat .select-seat-inner {
    text-align: center;
}

.modal-content {
    margin-top: 70px;
}

.tickt-banner p {
    z-index: 999;
    display: inline-block;
    color: #fff;
    font-size: 45px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
}


.select-seat-inner {
    text-align: center;
}

.blocked svg {
    fill: orange;
}

.booked svg {
    fill: red;
}

@media(max-width:767px) {
    .map-location {
        position: static;
    }

    .banner-desc button#tickets {
        width: 100%;
    }

    .left-booking-text {
        display: inline-block;
    }

    main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket span {

        font-size: 12px;
    }

    main[role="main-wrapper"].my-event .form--holder .event-slide {
        padding: calc(1/1*4.3vw) calc(1/1*3.1vw);
    }

    .event-ticket h5 {
        font-size: 14px;
    }


}



@media(max-width:480px) {
    .ticket--booking-section {
        margin-top: 28vw;
    }

    .page-link {
        padding: 0.5rem 0.6rem;

    }
}

.remove_wishlist {
    color: red !important;
}


/*order thanks page*/
main[role="main-wrapper"].ticket-tier a {
    text-decoration: none;
}

main[role="main-wrapper"].ticket-tier a:hover {
    text-decoration: none;
}

main[role="main-wrapper"].ticket-tier a .thumbnail-ticket-tex {
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    background: #243768;
    color: #fff;
    height: 100%;
}

main[role="main-wrapper"].ticket-tier a form {
    text-align: center;
}

main[role="main-wrapper"].ticket-tier a .value-button {
    display: inline-block;
    border: 1px solid transparent;
    margin: 0px;
    width: 20px;
    text-align: center;
    vertical-align: middle;
    background: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

main[role="main-wrapper"].ticket-tier a .value-button:hover {
    cursor: pointer;
}

main[role="main-wrapper"].ticket-tier a form {
    font-weight: bold;
    color: #191919;
}

main[role="main-wrapper"].ticket-tier a form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

main[role="main-wrapper"].ticket-tier a form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

main[role="main-wrapper"].ticket-tier a form #input-wrap {
    margin: 0px;
    padding: 0px;
}

main[role="main-wrapper"].ticket-tier a form input#number {
    text-align: center;
    border: none;
    margin: 0px;
    width: 40px;
}

main[role="main-wrapper"].ticket-tier a form input[type=number]::-webkit-inner-spin-button,
main[role="main-wrapper"].ticket-tier a form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

main[role="main-wrapper"].ticket-tier a .quant-text p {
    margin: 0;
    font-weight: bold;
    color: #243768;
}

main[role="main-wrapper"].ticket-tier .desc-text {
    margin-top: calc(1/1*1.5vw);
}

main[role="main-wrapper"].ticket-tier .desc-text h3 {
    color: #243768;
}

main[role="main-wrapper"].ticket-tier .desc-text .ticket-btn {
    height: 30px;
    font-size: 13px;
    color: #686868;
    background: transparent;
    border: 1px solid #7d7d7d;
    padding: 0 16px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-right: calc(1/1*1vw);
    cursor: pointer;
}

main[role="main-wrapper"].ticket-tier .desc-text .ticket-btn.active {
    color: #243768;
    border: 1px solid #243768;
}

main[role="main-wrapper"].ticket-tier .promo-section {
    background: #f5f5f5;
    padding: calc(1/1*2vw) 0;
}

main[role="main-wrapper"].ticket-tier .promo-section .form-group .form-control {
    border: 1px solid #243768;
    box-shadow: none;
    height: 44px;
    font-size: 13px;
    border-radius: 0;
    width: auto;
}

main[role="main-wrapper"].ticket-tier .promo-section .form-group button {
    background: #243768;
    border: 1px solid #243768;
    height: 44px;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
}

main[role="main-wrapper"].ticket-tier .promo-section .promo-text {
    font-size: 20px;
    color: #000;
}

main[role="main-wrapper"].ticket-tier .promo-section .event-disc p {
    font-size: 14px;
    margin-bottom: calc(1/1*0.1vw);
    font-weight: 400;
}

main[role="main-wrapper"].ticket-tier .promo-section .event-disc p span {
    font-weight: bold;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair {
    width: 25px;
    height: 25px;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.yellow {
    background: orange;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.red {
    background: red;
}

main[role="main-wrapper"].ticket-tier .promo-section .selected-chair.white {
    background: black;
}

main[role="main-wrapper"].ticket-tier .promo-next {
    margin-top: calc(1/1*2vw);
}

main[role="main-wrapper"].ticket-tier .promo-next button {
    height: 44px;
    padding: 0 30px;
}

main[role="main-wrapper"].ticket-tier .select-seat a img {
    padding: 18px;
}

main[role="main-wrapper"].ticket-tier .confirm-ticket-section .confirm-form {
    background: whitesmoke;
    padding: calc(1/1*1vw) calc(1/1*1vw);
}

main[role="main-wrapper"].ticket-tier .confirm-ticket-section .confirm-form h3 {
    font-size: 20px;
    margin-bottom: calc(1/1*2vw);
}

main[role="main-wrapper"].ticket-tier .confirm-ticket-section .confirm-form p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: calc(1/1*0.5vw);
}

main[role="main-wrapper"].ticket-tier .confirm-ticket-section .confirm-form p span {
    font-weight: 400;
    margin-left: 5px;
    font-style: italic;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef !important;
    opacity: 1;
}

.my-eve .detail-table {
    margin-top: 10px;
    overflow-x: auto;
}

#progressbar>.col.active::before {
    background: rgb(59, 130, 41) !important;
    border: 5px solid #b8d999 !important;
    color: #fff !important;
}

.has-validation-callback .form--holder .form-group .form-control {
    max-height: 83px !important;
}

.side_image {
    height: 150px !important;
    width: 100%;
}

.search-event-main {
    padding: 10px 15px;
}

.edit_button:hover {
    color: red;
}

.about_us {
    margin-top: 21px;
}


.position_error {
    padding-left: 16px;
}

.add_about {
    margin-left: 5px;
}

.user_ban {
    color: red;
}


.table .thead-dark th {
    background-color: #212529;
    border-color: #32383e;
    position: sticky;
    top: 0;
    z-index: 10;
    white-space: nowrap;
    font-size: 12px;
    color: #fff !important;
}

.event-ticket .btn-toggle {
    color: #6b7381;
    background: #6b7381 !important;
}

.search--holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.location_venue input[type="text"] {
    /* padding-left: 27px; */
    background-position: 1% 50%;
}

.custom-checkbox.location_venue {
    display: flex;
    align-items: center;
}

.custom-checkbox.location_venue span {
    font-size: 12px;
    margin-left: 5px;
}

.cke_1 .cke_top,
.cke_1 .cke_bottom {
    background-color: #f2f2f2 !important;
    border-bottom-color: #f2f2f2 !important;
}


@media(max-width:76px) {
    main[role="main-wrapper"].event-ticket .form--holder .form-group input[placeholder="Ticket Tier"] {
        width: 200px;
    }

    main[role="main-wrapper"].event-ticket .form--holder .form-group input[placeholder="quantity"] {
        width: 80px;
    }
    main[role="main-wrapper"].event-ticket .form--holder .form-group input[placeholder="Price"] {
        width: 60px;
    }
}

@media(max-width:1200px) {
    .my-eve .detail-table {
        overflow-y: auto;
        overflow-x: auto;
    }
}

@media(min-width:768px) {
    .search-wrapper.active .input-holder {
        width: 280px !important;
    }
}

@media(max-width:991px) {
    main[role="main-wrapper"].event-ticket .ticket-type {
        overflow-x: auto;
    }

    .main-tc .ticket-detail ul {
        padding-left: 0;
    }

    main[role="main-wrapper"] section[role="banner--area"] .search--bar [class*="col"] button {
        padding: 10px;
    }

    body .navbar-nav .btns a {
        margin: 10px;
    }

    main[role="main-wrapper"].signup--page .sign-up-form .account-link ::before {
        left: -65px;
    }

    main[role="main-wrapper"].signup--page .sign-up-form .account-link ::after {
        right: -65px;
    }

    .ticket--booking-section {
        margin-top: 9vw;
    }

    .menu-toggle {
        display: block !important;
    }

    /* .tellarnav .navbar-nav {
        display: none !;
    } */
    .price_row td input {
        width: 90px;
    }

    .percent-select {
        width: 117px;
    }

    .right-sec ul {
        display: flex;
        flex-direction: column;
        margin: 0;
        align-items: stretch;
        height: 100%;
        padding: 0 10px 0 0;
        margin-top:-4px;
    }
    .right-sec li
    {
        padding-top:31px;
    }

    .left-sec ul
    {
        display:flex;
        flex-direction: column;
    }

    .left-sec li
    {
        padding-top:20px;
    }
}

@media(max-width:767px) {
    .page-wrapper.toggled .sidebar-wrapper {
        width: 100%;
        position: absolute;
    }

    .page-wrapper.chiller-theme {
        padding-left: 0 !important;
        transition: 0.2s ease-in-out;
    }

    .ticket-type {
        overflow-x: auto;
    }

    main[role="main-wrapper"].event-ticket .form--holder .form-group .form-control {
        padding-right: 0;
    }



    .main-tc .ticket-detail ul {
        font-size: 14px;
        padding-left: 0;
    }

    .table-date-contact {
        width: 118px;
    }

    .owl-dots .owl-dot span {
        height: 8px;
        margin: 5px 2px;
        width: 8px;
    }

    .ticket--booking-section {
        margin-top: 9vw;
    }

    .date-and-time.date-time-img {
        background: #ffffff;
    }

    .side_image {
        height: 100% !important;
        width: 100%;
        object-fit: contain;
    }

    #about_us {
        padding: 30px;
    }

    main[role="main-wrapper"].ticket-tier .promo-section .promo-text {
        font-size: 16px;
    }

    .top-event-main {
        padding: 20px;
    }

    main[role="main-wrapper"] section[role="banner--area"] .owl-carousel {
        overflow: hidden;
        height: 72vw !important;
    }

    .select-ticket .top-event-parent .ticket-name .form-group .seat_layout {
        width: 235px;
        padding: 6px;
    }

    .search--holder {
        align-items: center;
    }

    .search-wrapper .input-holder .search-icon {
        margin-top: 3px;
    }

    .search-wrapper.active .input-holder {
        width: auto;
        position: static;
        background: transparent;

    }

    .search-wrapper .input-holder .search-input {
        padding: 0px 40px 0 20px;
    }

    .search-wrapper.active .input-holder .search-input {
        background: #2c2c2c;
        position: absolute;
        top: 32px;
        z-index: 9999999;
        border-radius: 4px;
        
        width: 100%!important;
        padding: 10px;
        height: auto;
        max-width: inherit;
    }

    .new-srch-field {
        width: 88%;

    }

    .top-event-main {
        padding: 20px;
    }

    .search-wrapper {
        position: static;
        float: right;
    }

    .search-wrapper .close {
        right: 52px;
    }

    .search-wrapper.active .close {
        right: 90px;
    }

    .right-sec ul
    {
        margin-top:-4px;
    }
    .right-sec li
    {
        padding-top:41px;
    }
    .left-sec li
    {
        padding-top:20px;
    }
}


.form-group table .thead th {
    white-space: nowrap;
}

.pic_style {
    max-height: calc(100vh - 85px);
    overflow-y: auto;
}

.has-validation-callback .captcha {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 7px;
}

.has-validation-callback .captcha span {
    grid-column: span 3;
}

.has-validation-callback .captcha input {
    grid-column: span 2;
}

.heading_color {
    color: black;
}

.heading_color:hover {
    color: black !important;
}

/* .wishlist_icon {
    color: #d81b60 !important;
} */

.float_icon {
    float: right;
}

main[role="main-wrapper"] [role="thumbnail--section"] .snap-scrolling-example .thumbnail--box .thumbnail-dec time i
{
    background:#d81b60 !important;
}

footer[role="footer--area"] [footer--title]::after
{
    background:#d81b60 !important;
}

/* body .stellarnav .navbar-nav {
    display: none !important
}

body .stellarnav.active .navbar-nav {
    display: block !important
} */

.error_details {
    text-align: left;
    font-size: 11px;
    color: #dc3545;
}


.top-event-main form,
.my-eve form {
    position: relative;
}

.chiller-theme.search_not_page {
    display: block !important;
}

.title-box span.tooltiptext {
    left: 0;
}

rect {
    width: 100%;
    height: 100%;
    opacity: 0.1;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
}


.top-eve-detail {
    background: #f3f3f3;
    padding: 2vw 0.5vw;
}

.preview-eve-img {
    width: 100%;
    height: 250px;
}

.preview-eve-img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.top-eve-detail h3 {
    font-weight: 600;
    font-size: 22px;
    color: #000;
}

.top-eve-detail h3 span {
    opacity: 0.8;
    font-weight: 500;
    margin-left: 8px;
}

.preview-eve-detail h3 {
    font-size: 20px;
    color: #029aeb;
    margin-bottom: 4px;
}

.preview-eve-detail .top-event-content {
    margin-bottom: 14px;
    word-wrap: break-word;
}

.preview-eve-detail .top-event-content h5 {
    font-size: 18px;
    line-height: 30px;
}

.preview-main-tick h2 {
    font-weight: 700;
    color: #029aeb;
}



/*******date-picker-css*******/
.ui-widget-header {
    border: 1px solid transparent !important;
    background: transparent !important;
    color: #233667 !important;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 1 !important;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1px solid transparent !important;
    background: transparent !important;
    font-weight: normal !important;
    color: #233667 !important;
}

.ui-datepicker td {
    border: 0 !important;
    padding: 4px !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #233667 !important;
    background: #233667 !important;
    color: #fff !important;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    margin-top: -6px !important;
}

.ui-icon-circle-triangle-w {
    background-position: -97px -1px !important;
}

.ui-icon-circle-triangle-e {
    background-position: -32px -1px !important;
}

.ui-widget.ui-widget-content {
    border: 1px solid #233667 !important;
    box-shadow: 0px 15px 30px 0px rgba(18, 25, 33, 0.1);
    padding: 0;
}

.ui-datepicker.ui-widget::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #233667;
    position: absolute;
    top: -10px;
    left: 0;
}

.ui-datepicker-calendar thead {
    border-bottom: 1px solid #233667;
}

.upload--file--holder .dz-success-mark,
.upload--file--holder .dz-error-mark {
    display: none;
}


.parent_div button {
    cursor: pointer;
}

.main_class {
    width: 100%;
}

.repeat_on {
    display: none;
}

.month_on {
    display: none;
}

.repeat_evry {
    display: flex;


}

.repeat_evry [class*="col"] {
    flex: 1;
    margin-right: 15px;
}

.repeat_evry * {
    margin: 0px;
}

.repeat_evry [class*="col"] input,
.repeat_evry [class*="col"] select,
.months__ends .main_class {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    outline: none;
    width: 100%;
    background-color:
        #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding-left: 8px;
    padding-right: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    padding: 12px;
    border: 1px solid #ddd;
    height: 47px;
    margin: 0;
}

.repeat_evry [class*="col"]:first-child {
    flex: 0 0 auto
}

.repeat_evry [class*="col"]:last-child {
    margin: 0px;
}

.repeat_on label input {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 5px;
    border: none;
    background: #f2f2f2;
    border-radius: 100%;
}

.repeat_on label input:checked {
    background: #243768;
}

.repeat_on label {
    position: relative
}

.repeat_on label span {
    position: absolute;
    left: 0;
    font-size: 11px;
    text-align: center;
    width: 96%;
    top: 5px;
    opacity: 0.7;
}

.months__ends .custom-control-label::before {
    width: 20px;
    height: 20px
}

.months__ends .custom-control-label::after {
    width: 20px;
    height: 15px
}

.months__ends .custom-control-label {
    font-size: 14px;
}

.months__ends .custom-control {
    width: 60px;
    flex: 0 0 60px
}

.months__ends .row {
    margin-bottom: 15px;
}

.months__ends h4 {
    margin: 0;
    font-size: 18px;
}

.invalid-feedback {
    display: block !important;
}

/*******loader-css*******/
.wrap_holder {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    background: rgba(0, 0, 0, 0.7);
    overflow: hidden;
    z-index: 9999999;
    display: block;
    height: 100%;
}

.wrap_holder .wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    right: 0px;
    margin: auto;
    width: auto;
    text-align: center;
    color: #fff;
}

.wrap_holder .wrap * {
    color: #fff;
}

.hover_pointer {
    cursor: pointer;
}

.badge-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.badge-danger {
    background-color: #dc3545 !important;
    color: #fff !important;
}

.badge-success {
    color: #fff !important;
    background-color: #28a745 !important;
}

#myCustom .modal-dialog {
    left: 17px !important;
    top: 50%;
    bottom: 0;
    margin: auto;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    height:100%;
}

#myCustom .modal-dialog .modal-content {
    margin-top: 0px;
}

#myCustom .modal-dialog .modal-content .months__ends [class*="col"] label {
    width: 30px;
}

#myCustom .modal-dialog .modal-content .repeat_evry select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;

    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

@media(max-width:767px) {
    #myCustom .modal-dialog {
        left: 0px !important;
    }

    body #myCustom {
        padding-right: 0px;
    }

    #myCustom .modal-dialog #custom_recurring .repeat_evry .col-auto {
        flex: 0 0 100%;
    }

    #myCustom .modal-dialog #custom_recurring .repeat_evry {
        margin: 0 -5px
    }

    #myCustom .modal-dialog #custom_recurring .repeat_evry [class*="col"] {
        margin: 0px;
        padding: 0 6px;
    }

    #myCustom .modal-dialog #custom_recurring .months__ends .main_class,
    #myCustom .modal-dialog #custom_recurring .months__ends .form-control {
        width: 100%;
        flex: 1;
        max-width: 100%;
    }

    #myCustom .modal-dialog .modal-content .months__ends [class*="col"] label {
        width: 22px
    }
}

@media(max-width:480px) {

    #myCustom .modal-dialog #custom_recurring .months__ends .main_class,
    #myCustom .modal-dialog #custom_recurring .months__ends .form-control {
        width: 100%;
        flex: 1;
        max-width: 85%;
    }

}


body .stellarnav ul ul {
    top: 54px;
}


@media(max-width:960px) {
    .hover-menu {
        right: auto;
        top: 100%;
        padding-top: 6px;
        left: 0;
        width: 100%;
    }


    header[role="mast--head"] .navbar .navbar-nav li>a,
    .stellarnav.mobile li a,
    .nav-menu-hover {
        width: 100%;
    }

    header[role="mast--head"] .navbar .navbar-nav li>a.btn-fill-none {
        margin: 12px 0;
        width: auto;
        border-bottom: 1px solid#fff;
    }


    .stellarnav.active li {
        border-bottom: 1px solid rgba(255, 255, 255, .15);
        padding: 0px;
    }

    body .stellarnav.active.right>ul {
        top: 58px;
    }

    body .nav-menu-hover {
        padding: 0px;
    }
}

#about_us {
    margin: 20px 0px;
}


.upload--file {
    margin-bottom: 20px;
}

.thumbnail__slider .owl-nav button {
    background-image: url(../img/arrow-left.png) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: rgba(0, 0, 0, 0.6) !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 45px;
    height: 170px;
}

.thumbnail__slider .owl-nav button.owl-next {
    right: 0px;
    background-image: url(../img/arrow-right.png) !important;
}

[role="thumbnail--section"] .handle {
    width: 100px;
    height: 4px;
    background:
        #292a33;
    cursor: pointer;
    margin-bottom: 10px;
}

[role="thumbnail--section"] .handle .mousearea {
    position: absolute;
    top: -9px;
    left: 0;
    width: 100%;
    height: 20px;
}

@media(max-width:767px) {
    body main[role="main-wrapper"].inner--page.preview-main-tick {
        padding: calc(1 / 1 * 6%) 0 calc(1 / 1 * 2%) !important;
    }

    header[role="mast--head"] .navbar
    {
        padding-top:5px;
    }
    main[role="main-wrapper"].event-ticket #progressbar li {
        font-size: 10px;
    }

    /* main[role="main-wrapper"].inner--page .form--holder {
        padding: 20px !important;
        margin: 0px !important;
    } */
    main[role="main-wrapper"].inner--page .form--holder .event-name {
        /* margin-top: 20px; */
        word-break: break-all;
    }

    main[role="main-wrapper"].inner--page.preview-main-tick .form--holder .top-eve-detail h3,
    main[role="main-wrapper"].inner--page.preview-main-tick .form--holder .preview-eve-detail h3 {
        font-weight: 600;
        font-size: 15px;
        color: #000;
    }

    main[role="main-wrapper"].inner--page.preview-main-tick .form-group {
        flex-direction: column;
        text-align: center;
    }

    main[role="main-wrapper"].inner--page.preview-main-tick .form-group div:first-child a {
        width: 100%;
        margin-bottom: 6px;
    }

    main[role="main-wrapper"].inner--page.preview-main-tick .form-group div:last-child {
        width: 100%
    }

    main[role="main-wrapper"].inner--page.preview-main-tick .form-group div:last-child button {
        width: 49%;
    }
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    display: block !important;
}

body.stop-scrolling {
    height: 100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.event-list {
    padding: 30px 0
}

.chiller-theme {
    display: flex;
    flex-direction: column;
    /* /* height: 100%; */
    flex: 1 0 auto;
}

@media(max-width:767px) {
    .tip .tooltiptext {
        margin: 0px !important;
        right: 0px;
    }

    .col_rerverse_mobile {
        flex-direction: column-reverse;
    }
}

#about_us {
    padding-top: 1.5em;
}

.on_label_row,.after_label_row
{
    display: flex;
    align-items: center;
}

.alert {
    font-size: 16px !important;
    text-transform: capitalize;
    margin-bottom: 5px !important;
}

.home_pge_ticket_social
{
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home_pge_ticket_social a
{
    margin-bottom: 5px;
}

@media (max-width:767px)
{.alert
    {
        margin:0 auto;
    }
    
}

.stellarnav ul ul {
    left: 0px !important;
}

.sidebar-wrapper {
    z-index: 1 !important
}

.listing .right-sec {
    position: relative;
    bottom: 4px;
}

.row.tax_row i {
    font-size: 18px !important;
    padding-top: 10px;
}


#ticket_detail_detail .price_row.ticket_row i {
    font-size: 18px !important;
    padding-top: 10px;
}

.select-seat-popup .modal-footer {
    padding-left: 2px;
}



.ui-datepicker table {
    font-size: 0.7em !important;
}

.search-wrapper.active .input-holder {
    background: rgba(255, 255, 255, 0.1)
}

.event-list .event-list-tab h4 {
    word-wrap: break-word;
}

div#about_us h2 {
    width: 100%;
}

.border li:last-child {
    border-bottom: none;
}

.border {
    margin-right: 60px;
}

.border li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0;
    font-size: 15px;
    font-weight: 400;
    padding: 0 0 5px;
}

.border ul {
    grid-gap: 10px;
}

.border h4 {
    margin-top: 10px
}


.stellarnav ul ul {
    z-index: 0 !important;
}

main[role="main-wrapper"].my-event .top-event-content p#main-model-description {
    word-break: break-all;
}

/*********17-march*****/
.dz-button {
    background: transparent;
    border: transparent;
    padding: 5px 0;
    color: #243768;
}
@media screen and (max-width:768px) {
    .tax_row .col-12.col-md.form-group {
        flex: 0 0 50%;
    }
}


@media screen and (max-width:992px) and (min-width:769px) {
    .tax_row .col-12.col-md.form-group {
        flex: 0 0 24%;
    }
}


@media (max-width:1200px) 
{
    main[role="main-wrapper"].my-event .form--holder .event-slide .sold-ticket span {
        color: #5e5959;
        font-size: 11px;
        margin-left: 2px;
    }
}
.sidebar-wrapper .sidebar-menu .sidebar-dropdown>a:after
{
    color:darkgrey;
}

.main-eve-tick-form.event-ticket{
    padding:0px!important;
}

.main-eve-tick-form.event-ticket .form--holder.w-100.p-5
{
    margin-top: 0px!important;
}


.navbar
{
    background: #1f1e1e!important;
    height:12px;
}



.sign-up-form
{
    margin-top: 0px!important;
}
#about_us p
{
    word-break: break-all;
}

ul.local_events li
{
    color:#848484;
}

.ticket--booking-section  section[role="description--section"] .left-top-text h2
{
    margin-bottom: 5px;
}

@media (max-width:990px)
{
    a.navbar-brand
    {
        position: relative;
        bottom:15px;
    }
    .search--holder
    {
        position: relative;
        bottom:15px;
    }

    header[role="mast--head"] .navbar .navbar-nav li>a, .stellarnav.mobile li a, .nav-menu-hover
    {
        width:95%;
    }
}


/* about us changes */
@media (max-width:767px) and (min-width:574px)
{
    .abt_head_1
    {
        margin-left:5%
    }
    .abt_btn_1
    {
        margin-left:4%;
        margin-top:0px;
    }
    .add_about
    {
        margin:0px auto !important;
    }
}
@media (max-width:573px) 
{
    .abt_head_1
    {
        margin-left:9%
    }
    .abt_btn_1
    {
        margin-left:8%;
        margin-top:0px;
    }
    .add_about
    {
        margin:0px auto !important;
    }
}

/* FOOTER CHANGES */
footer.page-content
{
    padding-top:30px!important;
}

/* dashboard changes */

.noti-box
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.text-muted
{
    padding-top:0px;
}

@media (max-width:767px)
{
    .cat_icon
    {
        margin-left:40px!important;
    }
}
/* checkout page */

.checkout-ticket_box
{
    margin-bottom: 5px;
}

/* about us */
#about_us p
{
    word-break: break-all;
}

/* sidebar */
@media (max-width:767px)
{
    .sidebar-content
    {
        height: calc(100% - 20px);
    }

    .svgnavbaricon
    {
        position: relative;
        bottom:15px;
        right:5px;
    }


}

@media (max-width:990px) and (min-width:768px)
{
    .svgnavbaricon
    {
        position: relative;
        bottom:12px;
        margin-top:0px!important;
    }

}
/* terms and condition page */
.termspage
{
    padding-bottom:45px!important;
    padding-top:45px!important;
}




/*details table name column  */
.detail-table tr td:nth-child(1) {
    max-width: 140px;
    word-wrap: break-word;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* tax breakdown align fixed */
@media (max-width:574px)
{
    .tax_breakdown_row1
    {
        margin-right:10px!important;
        margin-left:10px!important;
    }

    .tax_breakdown_col1 h4
    {
        font-size: 10px;
    }

    .tax_breakdown_col1 ul li div
    {
        font-size: 9px;
    }

    /* paginate */
    .paginate
    {
        float: none!important;
        display: flex;
        justify-content: center;
    }
}


main[role="main-wrapper"].signup--page
{
    background: #fff;
}
.left-sec ul
{
    height:0%!important;
}
/* ticket silder homepage */


.tax_breakdown_col1
{
    height:100%;
}
.pp
{
    margin-top:1rem;
    margin-bottom:1rem;
}

/* thumbnail image */
@media (max-width:574px)
{
    .thumbnail--box--img
    {
        height:100%!important;
    }
    .thumbnail--box--img img
    {
        width:100%!important;
        height:100%!important;
    }
    .sweet-alert 
    {
        margin-top:-245px!important;
    }
}

.ticket--booking-section section[role="ticket-book-baner"] .carousel-control-next-icon
,.ticket--booking-section section[role="ticket-book-baner"] .carousel-control-prev-icon
{
    filter: brightness(0);
}

.checkout_side_image
{
    object-fit: cover!important;
    height:auto!important;
}

 .Paynow
{
    font-size:13px!important;
}
#paynow
{
    margin-right:8px;
}

@media (max-width:1200px) and (min-width:990px)
{
    .Paynow
    {
        font-size:12px!important;
    }
    .checkout_terms_condition_line
    {
        padding-left:0px;
    }
}

@media (max-width:768px) and (min-width:575px)
{   
    .checkout_form_page_last_block
    {
        display: block!important;
    }
    .checkout_terms_condition_line
    {
        padding-left:0px;
    }

    .card-type
    {
        padding-right:0px;
    }
    .ticketinfo .form-group label
    {
        font-size:13px;
    }
    .card-type
    {
        justify-content:start!important;
        padding-left:0px;
        margin-top:15px;
    }
}

@media (max-width:574px)
{
    .checkout_form_page_last_block
    {
        display: block!important;
    }
    .card-type
    {
        justify-content:space-evenly!important;
        padding-left:0px;
        margin-top:15px;
    }
    .checkout_terms_condition_line
    {
        padding-left:0px;
        margin-top:15px;
    }
    .pay_btn
    {
        width: 100%;
       
    }
    .ticketinfo .form-group label
    {
        font-size:15px;
    }
    .event-list .top-srch-heading button {
        width: 150px;
        margin: 0 2px;
       vertical-align: top;
    }
}
.sales_table
{
    
    flex-wrap: inherit;
}
.tax_row
{
    flex-wrap: nowrap;
}
.scroll_div
{
    width: 100%;
    overflow-x: auto
}
.row.tax_row
{
   width:100%;
}

.visitor_btn_row
{
    margin-bottom: 20px;
    margin-left: 8.3%;
}

.export_btn
{
    margin-left:20px;
}


main[role="main-wrapper"] section[role="banner--area"] .search--bar
{
    overflow:visible!important;
}
button#selected_time
{
    background: #fff;
    color: #495057;
    border-radius: 0px;
    padding: 23px 24px;
    height: auto;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown-toggle::after
{
    position: relative;
    left: 11px;
    color: #495057;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar .dropdown.col ul.dropdown-menu
{
    width:100%;
    border:1.2px solid lightblue;
    border-radius:0px;
}

main[role="main-wrapper"] section[role="banner--area"] .search--bar .dropdown.col ul.dropdown-menu li
{
    width:100%;
    cursor: pointer;
    background: #fff;
    color: #495057;
    border-radius: 0px;
    padding: 8px 24px;
    height: auto;
    font-size: 13px;
    text-transform:uppercase;
}
/* theme change  */
.navbar-nav li.btns.rightBtns a
{
    background:#1f1e1e;
}

.owl-dots .owl-dot span
{
    background:#d81b60;
}

#search_btn_home
{
    background:#d81b60;
}

@media (max-width:1200px)
{
    .set_date_modal_search
    {
        margin-top:0px!important;
    }
}
@media (max-width:767px)
{
    .visitor_btn_row
    {
        margin-left:0px;
        margin-bottom: 0px;
    }
    

    .footer-inner
    {
        display: block;
    }

    .zev-work-foot,.zev-connect-foot
    {
        margin-top: 4.37rem;
    }

    .zev-img-foot
    {
        text-align: left;
        margin-bottom:35px;
    }
}

@media (max-width:768px)
{
    .cash_row
{
    margin-right:2.37rem
}





}

@media (max-width:574px)
{
    .cash_row
{
    margin-right:5.37rem
}

}

@media (min-width:768px) and (max-width:990px)
{
    button#selected_time
    {
        padding:23px 14px;
    }
}
.trash_btn_show
{
    display: block!important;
}

.view_image
{
    width: 700px!important;
    height:300px!important;
}

.resize
{
    object-fit: contain;
}

input#id_on,input#id_after
{
    left:10px!important;
}

.dashboard_table tr td:nth-child(3) p
{
    font-size:14px;
    padding-top: 0px;
}

.left-sec .promoleft
{
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    margin: 0;
    align-items: stretch;
    height: 100%!important;
    grid-auto-rows: 1fr;
    padding: 0 10px 0 0;
}

.right-sec .promoright
{
    height: 100%;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    grid-auto-rows: 1fr;
}
.cash_btn
{
    margin-bottom:0px!important;
}

.checkout_terms_condition_line
{
    padding-left:0px!important;
}
.visitor-details-ticket tr td{
    max-width: unset!important;
    word-wrap: break-word;
    white-space: unset;
    overflow: unset;
}
main[role="main-wrapper"].inner--page .form--holder h2.contact
{
    text-align: left;
}
main[role="main-wrapper"].inner--page .form--holder h2.conhead
{
    margin-bottom: calc(1 / 1 * 3%);
    font-weight: 500;
    font-size: 32px;
}
main[role="main-wrapper"].inner--page .form--holder h2.contact
{
    text-align: left;
}
main[role="main-wrapper"].inner--page .form--holder ul
{
   padding-left:0px;
   list-style: none;
}
.contactpageform
{
    padding:calc(1 / 1 * 3%)!important;
    margin-top:5%!important;
}
.contactpageform input
{
margin-bottom:4%
}

.confirm_detail_end
{
    word-break: break-all;
}

.hidden
{
    overflow: hidden;
}


@media (max-width:990px)

{
    .left-sec .promoleft li,.right-sec .promoright li
    {
        padding-top:0px;
    }

    .zev-img-foot img
    {
        width:150px;
    }
}

@media (max-width:574px)
{
    .right-sec .promoright,.left-sec .promoleft
    {
        grid-gap: 0px;
    }

    .zev-img-foot
    {
        position: relative;
        right:3vw;
    }

    .zev-img-foot img
    {
        width:200px;
    }
}



@media (max-width:1024px)
{
    .detail-table tr td:nth-child(2)
    {
        max-width:none;
    }
}

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
{ 
    header[role="mast--head"] .navbar
    {
        padding-top:5px;
    }
}

.thumbnail-dec
{
    display: grid;
    grid-template-columns: 2fr 0.5fr;
    grid-template-rows: 0.5fr 1.5fr 0.5fr;
    grid-template-areas: 'head head'
                        'para social'
                        'price social';
}


.index_page_ticket_head
{
    grid-area: head;
}

.home_pge_ticket_social
{
    grid-area: social;
}
.time_index
{
    grid-area: para;
}
.price
{
    grid-area: price;
}

.ppolicy,.tservices
{
    font-size:2vw;
}

@media (max-width:990px)
{ .ppolicy,.tservices
    {
        font-size:25px;
    }
}
/** 28 august 2020 */
.navbar-brand img{
width: 106px;
    margin-top: 0px;
    margin-left: 35px;
}

@media(max-width:767px){
.navbar-brand img{
    margin-top: -10px;
    margin-left: 0px;
	}
}


.thumbnail--box:hover .thumbnail--box--img img {
    transform: scale(1.1);
}
.visitor-details-ticket table td{
    padding: 2px 10px 0 10px!important;
}