:root {
    --primary: #F1B645;
    --dark: #333333;
    --rounded: 100px;
}


body *{
    font-family: 'Inter', sans-serif;
}
body{
    background: #fff;
    overflow-x: hidden;
    padding: 0 !important;
}   

label.error {
    color: red;
    font-size: 12px;
}

/*home-slider*/

.disableClick{
    pointer-events: none;
}

.d-none {
    display: none !important;
}
.slide {
     position: relative;
     transition: 1s;
}
 .slide .slide__img {
     width: 100%;
     height: auto;
     overflow: hidden;
}
.slide .btn-white{
    margin: 0 16px 0 0;
    border: 1px solid #fff !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: initial;
    color: #fff;
    padding: 8px 12px;
    transition: all 0.3s ease;
    background: transparent !important;
    border-radius: 4px;
    min-width: 94px;
    height: 32px !important;
}
 @media (min-width: 992px) {
     .slide .slide__img {
         position: relative;
         top: 0%;
         left: 0;
         transform: translateY(0%);
    }
}

@media(min-width: 768px){
    
    .h-whatwedo .img-block {
        padding: 35px;
    }
    .h-aboutus .h-about-img {
        padding: 35px;
    }
    .profile-img__mobile,
    .accounts-section .linked-profiles .addnew-profile.display-mob {
        display: none;
    }
}
 .slide .slide__img img {
     width: 100%;
     height: auto;
     opacity: 1 !important;
     animation-duration: 3s;
     transition: all 1s ease;
}
 .slide .slide__content {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
}
 .slide .slide__content.slide__content__left {
     left: 75px;
     transform: translate(0%, -50%);
}
 .slide .slide__content.slide__content__right {
     right: 15%;
     left: auto;
     transform: translate(5%, -50%);
}
 .slide .slide__content--headings {
     color: #fff;
}
 .slide .slide__content--headings h2 {
     font-size: 4.5rem;
     margin: 10px 0;
}
 .slide .slide__content--headings .animated {
     transition: all 0.5s ease;
}
 .slide .slide__content--headings .top-title {
     font-family: 'Playball', cursive;
     font-size: 2.5rem;
}
 .slide .slide__content--headings .title {
     font-size: 3.5rem;
}
 .slide .slide__content--headings .button-custom {
     text-decoration: none;
     color: #333;
     padding: 1.2rem 2.5rem;
     font-size: 1.5rem;
}
 .slider [data-animation-in] {
     opacity: 0;
     animation-duration: 1.5s;
     transition: opacity 0.5s ease 0.3s;
     transition: 1s;
}

.slide .slide__img:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.5);
    z-index: 13;
}

 .slick-dotted .slick-slider {
     margin-bottom: 30px;
}
 .slick-dots {
     position: absolute;
     bottom: 35px;
     list-style: none;
     display: block;
     text-align: center;
     padding: 0;
     margin: 0;
     width: 100%;
}
 .slick-dots li {
     position: relative;
     display: inline-block;
     margin: 0 5px;
     padding: 0;
     cursor: pointer;
}
 .slick-dots li button {
     border: 0;
     display: block;
     outline: none;
     line-height: 0px;
     font-size: 0px;
     color: transparent;
     padding: 5px;
     cursor: pointer;
     transition: all 0.3s ease;
}
 .slick-dots li button:hover, .slick-dots li button:focus {
     outline: none;
}
 .simple-dots .slick-dots li {
     width: 20px;
     height: 20px;
}
 .simple-dots .slick-dots li button {
     border-radius: 50%;
     background-color: white;
     opacity: 0.25;
     width: 20px;
     height: 20px;
}
 .simple-dots .slick-dots li button:hover, .simple-dots .slick-dots li button:focus {
     opacity: 1;
}
 .simple-dots .slick-dots li.slick-active button {
     color: white;
     opacity: 0.75;
}
 .stick-dots .slick-dots li {
     height: 10px;
     width: 10px;
}
 .stick-dots .slick-dots li button {
     position: relative;
     background: rgba(255, 255, 255, 0.25);
     opacity: 1;
     width: 10px;
     height: 10px;
     border-radius: 58px;
     padding: 0;
}
 .stick-dots .slick-dots li button:hover, .stick-dots .slick-dots li button:focus {
     opacity: 1;
}
 .stick-dots .slick-dots li.slick-active button {
     opacity: 1;
     background: #ffffff;
}
 .stick-dots .slick-dots li.slick-active button:hover, .stick-dots .slick-dots li.slick-active button:focus {
     opacity: 1;
}
/* /////////// IMAGE ZOOM /////////// */
 @keyframes zoomInImage {
     from {
         transform: scale3d(1, 1, 1);
         transition: 1s;
    }
     to {
         transform: scale3d(1.05, 1.05, 1.05);
         transition: 1s;
    }
}
 .zoomInImage {
     animation-name: zoomInImage;
}
 @keyframes zoomOutImage {
     from {
         transform: scale3d(1.001, 1.001, 1.001);
         transition: 1s;
    }
     to {
         transform: scale3d(1, 1, 1);
         transition: 1s;
    }
}
 .zoomOutImage {
     animation-name: zoomOutImage;
     transition: 1s;
}


.slider, .slide {
         height: 100%;
        
    }

.innerpage-banner.banner__slider {

    width: 100%;
}


.slick-slide {
    background: #fff;
}
 
 
.slick-slider{
    background: #fff;
}

.slick-slider.slick-lightbox-slick, .slick-lightbox-slick .slick-slide{
    background: transparent;
}

header.dark-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100px;
    z-index: 999;
    display: flex;
    align-items: center;
}

header.dark-header nav.navbar {
    width: 100%;
    box-shadow: none;
    justify-content: space-between;
    padding: 0;
}

header.dark-header nav.navbar .navbar-collapse {
    justify-content: space-between;
    padding-right: 15px;
    flex-grow: initial;
}

.container-fluid {
    width: calc(100% - 80px);
}

header.dark-header nav.navbar a.navbar-brand {
    padding: 0;
}

header.dark-header ul.navbar-nav {}

header.dark-header ul.navbar-nav li a.nav-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    font-feature-settings: 'liga' off;
    color: #FFFFFF;
    text-transform: capitalize;
    padding: 8px 16px;
}   
.slide .slide__content h1 {
    width: 100%;
    font-weight: bold;
    font-size: 36px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 20px;
}

.slide .slide__content .btn-block {
    display: flex;
    align-items: center;
}

.btn.btn-secondary {
    margin: 0;
    border: 1px solid #555555 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: initial;
    color: #222222;
    padding: 8px 12px;
    transition: all 0.3s ease;
    background: transparent !important;
    border-radius: 4px;
    min-width: 94px;
        height: 32px !important;
}

.btn.btn-primary {
    margin: 0;
    border: 1px solid #F1B645;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: initial;
    color: #333333;
    padding: 8px;
    transition: all 0.3s ease;
    background: #F1B645 !important;
    justify-content: center;
    min-width: 94px;
    border-radius: 4px;
        height: 32px !important;
}

.btn.btn-secondary:hover,.btn.btn-secondary:focus {
    /*background: #222222 !important;
    color: #fff;*/
    transition: all 0.3s ease;
}

.slide .slide__content .btn-block .btn.btn-secondary {
    margin-right: 20px;
}

.btn.btn-primary:hover,.btn.btn-primary:focus {
    background: transparent !important;
    transition: all 0.3s ease;
    color: #F1B645;
    border-color: #F1B645 !important;
}
.amount-sec .btn.btn-primary:focus{
    color: #333333 !important;
    background: #F1B645 !important;
    border: 3px solid #F1B645;
}
.button-block .btn.btn-primary:focus{
    color: #333333 !important;
    background: #F1B645 !important;
    border: 3px solid #F1B645;
}
.sports-list {
    padding: 60px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sports-list .card-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sports-list .card-block a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.sports-list .card-block a .img-box {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-bottom: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
}

.sports-list .card-block a p {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: rgba(153, 153, 153, 0.62);
    margin: 0;
    transition: all 0.3s ease;
}

.basketball {
    background-image: url('../images/icons/basketball.png');
}

.tennis {
    background-image: url('../images/icons/tennis.png');
}

.soccer {
    background-image: url('../images/icons/football.png');
}

.football {
    background-image: url('../images/icons/rugby.png');
}

.badminton {
    background-image: url('../images/icons/badminton.png');
}

header.dark-header.styled-header {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.7) 100%);
    /*height: 80px;*/
    transition: all 0.3s ease;
}

.sports-list .card-block a:hover .img-box {
    transition: all 0.3s ease;
}
header.dark-header ul.navbar-nav.nav-menu-left li.line-divider {
    height: 100%;
    width: 1px;
    background: #707070;
    margin: 0 30px;
}

.sports-list .card-block a:hover .basketball {
    background-image: url('../images/icons/basketball-color.png');
}

.img-box.tennis {}

.sports-list .card-block a:hover .tennis {background-image: url('../images/icons/tennis-color.png');}

.sports-list .card-block a:hover .soccer {
    background-image: url('../images/icons/football-color.png');
}

.sports-list .card-block a:hover .football {
    background-image: url('../images/icons/rugby-color.png');
}

.sports-list .card-block a:hover .badminton {
    background-image: url('../images/icons/badminton-color.png');
}

.sports-list .card-block a:hover p {
    transition: all 0.3s ease;
    color: #F1B645;
}

.h-content-block {
    padding: 60px 0;
}

.h-content-block .img-block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-content-block .img-block .img-background {position: absolute;width: 35%;height: 100%;left: 35%;top: 0;background: #F1B645;    position: absolute;
    width: 35%;
    height: calc(100% + 13%);
    left: 30%;
    top: -6%;
    background: #F1B645;
    transform: matrix(-1.3, -0.50, -0.50, 0.87, 10, -1) skew(
-1deg
, 
30deg
);}

.h-content-block .img-block img.bg {
    padding: 60px 0;
}

.h-content-block  .content {
    padding: 60px 0;
}

.h-content-block  .content p.intro {
    font-weight: 900;
    font-size: 23px;
    line-height: 28px;
/* identical to box height */
    text-transform: uppercase;
    color: #D2D2D2;
    margin-bottom: 10px;
}

 h4.title {
    font-weight: bold;
    font-size: 32px;
    line-height: 39px;
    color: #000000;
    margin-bottom: 32px;
}

.h-content-block  .content p.text {
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
/* or 172% */
    color: #555555;
    margin-bottom: 32px;

    max-width: 80%;

}

.h-content-block  .content .btn.btn-primary {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
    display: inline-block;
    padding: 15px 45px;
}

.row-reverse.h-content-block {
    flex-direction: row-reverse;
}
.max-width {
    padding: 10px 0 !important;
    max-width: 100%;
}
.row-reverse.h-content-block .content {
    padding-left: 15px;
}
.clubs-block {
    padding: 0 0 60px;
}

.clubs-block .col-md-2.col-lg-2 {
    text-align: center;
}

.clubs-block .col-md-2.col-lg-2 img {
    width: auto;
    transition: all 0.3s ease;
    opacity: 0.4;
    cursor: pointer;
    transform: scale(1);
}

.clubs-block .col-md-2.col-lg-2:hover img {
    transition: all 0.3s ease;
    opacity: 1;
    transform: scale(0.96);
}
footer.main-footer {
    background: #000000;
}

footer.main-footer .links-section {
    padding: 16px 0;
}

footer.main-footer .links-section p.title {
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
/* identical to box height, or 167% */
    color: #E0E0E0;
    margin-bottom: 12px;
}

ul.footer-links {
    margin: 0;
    padding: 0;
}

ul.footer-links li {
    list-style: none;
    display: block;
    margin-bottom: 13px;
}

ul.footer-links li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    font-feature-settings: 'liga' off;
    color: #FFFFFF;
    text-decoration: none;
}

ul.social-icons li {
    list-style: none;
}

ul.social-icons li a {
    border: 1px solid #E5E5E5;
    color: #E0E0E0;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 14px;
    font-size: 16px;
    transition: all 0.3s ease;
}

ul.social-icons {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

footer.main-footer .copyright-section {
    padding: 16px 0;
    border-top: 1px solid #2D2D2D;
}

footer.main-footer .copyright-section p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #E0E0E0;
    margin: 0;
}

footer.main-footer .copyright-section ul.footer-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

footer.main-footer .copyright-section ul.footer-links li {
    margin: 0;
    margin-left: 16px;
}

footer.main-footer .copyright-section ul.footer-links li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #E0E0E0;
}

footer.main-footer .copyright-section .col-md-6 {
    padding: 0;
}

ul.footer-links li:last-child {
    margin-bottom: 0;
}

ul.social-icons li a:hover,ul.social-icons li a:focus {
    transition: all 0.3s ease;
    background: #F1B645;
    color: #000000;
    border: 1px solid #F1B645;
}

a {}

.linked-profiles .profile-list ul li .profile-dropdown--spec,
.display-mob {
    display: none;
}

ul.footer-links li a:hover,ul.footer-links li a:focus {
    transition: all 0.3s ease;
    color: #F1B645 !important;
}

.slide .slide__content .search-form {
    margin: 25px 0 0;
    position: relative;
    max-width: 100%;
    width: 100%;
    transition: all 0.6s ease;
    opacity: 0;
    transform: translate(0, 50px);
}
.slide .slide__content .search-form.show {
    opacity: 1;
    transition: all 0.6s ease;
    transform: translate(0, 0px);
}
.slide .slide__content .search-form input.form-control {
    background-image: none;
    background: #FFFFFF;
    box-shadow: 0px 13.9518px 23.0508px rgba(0, 0, 0, 0.33);
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    padding: 0;
    padding-left: 65px;
    padding-right: 180px;
}

.slide .slide__content .search-form .search-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide .slide__content .search-form .search-icon img {}

.slide .slide__content .search-form .btn.btn-primary {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0 40px;
    height: calc(100% - 4px);
    border-radius: 4px;
    width: 160px;
}

.slide .slide__content .search-form input.form-control::placeholder {
    color: #999999;
}
.slide .slide__content .search-form .btn.btn-primary:hover,.slide .slide__content .search-form .btn.btn-primary:focus {
    border: 3px solid #F1B645 !important;
    background: #ffffff !important;
    color: #000000 !important;
}
.h-content-block .content .btn.btn-primary:hover, .h-content-block .content .btn.btn-primary:focus {
    background: transparent !important;
    transition: all 0.3s ease;
    color: #333333 !important;
    border: 3px solid #F1B645 !important;
}

header.dark-header.bg-dark {
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%) !important;
}
header.dark-header.styled-header.bg-dark {
    background: #000000;
}

.i-content-wrapper {
    margin-top: 100px;
}

.search-block {
    background: #F1F4F8;
    padding: 40px 0;
}

.search-block .container-fluid {
    width: 80%;
}

.search-block form {
    margin: 0;
    width: 100%;
}

.search-block  .form-group.btn-block {
    position: relative;
}

.search-block form .form-group {
    display: flex;
    margin-bottom: 17px;
}

.search-block .form-group.btn-block .form-control {
    background-image: none;
    background: #FFFFFF;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    height: 60px;
    line-height: 60px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
    padding: 0;
    padding-left: 65px;
    padding-right: 180px;
}

.search-block .form-group.btn-block .search-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-block .form-group.btn-block .btn.btn-primary {
    position: absolute;
    top: 2px;
    right: 2px;
    padding: 0 40px;
    height: calc(100% - 4px);
    border-radius: 4px;
    width: 160px;
}

.search-block form .form-group label.control-label {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    color: #333333;
    margin-bottom: 8px;
}

.search-block form .form-group .form-control {
    background-image: none;
    appearance: auto;
    background: #FFFFFF;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    padding: 0 12px;
    color: #000;
}

.search-block form .form-group .col-md-6.col-xs-12:nth-child(2n) {
    padding-right: 0;
}

.search-block form .form-group .col-md-6.col-xs-12:nth-child(2n+1) {
    padding-left: 0;
}

.search-block form .form-group:last-child {
    margin-bottom: 0;
}

.search-block .form-group.btn-block .form-control::placeholder {
    color: #555555;
    font-size: 14px;
}

.search-block form .form-group .form-control::placeholder {
    color: #555;
    font-size: 14px;
}

.search-results {
    padding: 40px 0 20px;
}

.search-results .container-fluid {
    width: 80%;
    padding: 0;
}

.search-results .card-body {
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 5px 32px rgba(51, 51, 51, 0.05);
    border-radius: 8px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.search-results .card-body .club-logo {
    margin-bottom: 12px;
}

.search-results .card-body .details {
    padding: 0 20px;
    flex: 1;
}

.search-results .card-body .btn.btn-secondary {
    display: inline-block;
    width: auto;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #333333;
    border: 1px solid #F1B645;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.search-results .card-body .details p.sport {
    font-weight: 900;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #F1B645;
    margin-bottom: 12px;
}

.search-results .card-body .details p.club-name {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* or 144% */
    text-align: center;
    color: #333333;
    margin-bottom: 30px;
}

.search-results .row {
    align-items: stretch;
    margin: 0 -5px;
}

.search-results .row .col-md-3.col-xs-12 {
    padding: 0 5px;
    margin-bottom: 20px;
}

.search-results .card-body .club-logo img {
    width: 160px;
    height: 160px;
}

.search-results .card-body:hover,.search-results .card-body:focus {
    transition: all 0.3s ease;
    border: 1px solid #F1B645;
}

.search-results .card-body:hover .btn.btn-secondary,.search-results .card-body:focus .btn.btn-secondary {
    transition: all 0.3s ease;
    background: #F1B645 !important;
    transition: all 0.3s ease;
    color: #333333;
}
.search-block .form-group.btn-block .btn.btn-primary:hover, .search-block .form-group.btn-block .btn.btn-primary:focus {
    color: #333 !important;
}
.createclub-guide {
    padding: 60px 0;
}

.createclub-guide .container-fluid {
    width: 80%;
}

.createclub-guide .row {
    align-items: center;
    flex-wrap: nowrap;
}

.createclub-guide .img-block {
    flex: 1;
    padding: 0 15px;
    text-align: center;
}

.createclub-guide .steps-block {
    flex: 1;
    padding: 0 15px;
}

.createclub-guide .steps-block .number {
    font-weight: bold;
    font-size: 64px;
    line-height: 77px;
    color: #2C2E30;
    margin-bottom: 12px;
}

.createclub-guide .steps-block .main {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    color: #2C2E30;
    margin-bottom: 12px;
}

.createclub-guide .steps-block .text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #54565A;
    margin-bottom: 0;
}

.createclub-btnblock {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
}

.createclub-btnblock .row {
    justify-content: space-between;
    align-items: center;
}

.createclub-btnblock h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}

.createclub-btnblock .submission-btn {
    display: flex;
    align-items: center;
}

.createclub-btnblock .submission-btn .btn.btn-secondary {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #999999;
    padding: 10px 24px;
    border: 1px solid #999999;
    border-radius: 4px;
    margin-right: 12px;
    min-width: 160px;
    justify-content: center;
    text-transform: capitalize;
}

.createclub-btnblock .submission-btn .btn.btn-primary {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #333333 !important;
    padding: 10px 24px;
    border-radius: 4px;
    min-width: 160px;
    justify-content: center;
    text-transform: capitalize;
    border: 1px solid #F1B645 !important;
}

.createclub-btnblock .submission-btn .btn.btn-secondary:hover,.createclub-btnblock .submission-btn .btn.btn-secondary:focus {
    background: #999999 !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.createclub-btnblock .submission-btn .btn.btn-primary:hover,.createclub-btnblock .submission-btn .btn.btn-primary:focus {
    color: #F1B645 !important;
    border: 1px solid #F1B645 !important;
}

.createclub-elements {}

.createclub-elements .row {
    padding: 60px 0;
    max-width: 90%;
}

.createclub-elements .container-fluid {
    width: 85%;
}

.createclub-elements p.title {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    color: #333333;
    margin-bottom: 0;
}

.createclub-elements .form-group {
    margin-bottom: 12px;
}

.createclub-elements .form-group label.control-label {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 6px;
}

.createclub-elements .form-group .form-control {
    border: 1px solid rgba(187, 187, 187, 0.75);
    border-radius: 5px;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    color: #333333;
    padding: 0 15px;
    height: 40px;
    background-image: none;
    appearance: auto;
}

.createclub-elements .form-group:last-child {
}

.createclub-elements .form-group .form-control::placeholder {
    color: #555;
    font-size: 14px;
}

.red {
    color: red;
}

.schedule-demo {
    padding: 60px 0;
    background: #F1B645;
}

.schedule-demo form {
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.schedule-demo .row {
    justify-content: center;
    align-items: center;
}

.schedule-demo .form-group {
    position: relative;
}

.schedule-demo  h4.title {
    color: #333333;
    text-align: center;
    margin-bottom: 24px;
}

.schedule-demo  p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* identical to box height, or 200% */
    text-align: center;
    color: #333333;
    margin-bottom: 12px;
}

.schedule-demo .form-group  label.control-label {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
    position: absolute;
    top: 12px;
    left: 27px;
}

.schedule-demo .form-group .form-control {
    background: #FFFFFF;
    border: 1px solid #F2F2F2;
    box-sizing: border-box;
    border-radius: 4px;
    background-image: none;
    appearance: auto;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    color: #333333;
    text-transform: uppercase;
    padding: 12px;
}

.schedule-demo .form-group textarea.form-control {}

.schedule-demo .form-group .checkbox-block label {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* or 182% */
    color: #333333;
}

.schedule-demo .form-group.text-center {
    margin-top: 24px;
}

.schedule-demo .form-group.text-center .btn.btn-primary {
    background: #000000 !important;
    border-radius: 4px;
    border: 1px solid #000000 !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #FFFFFF;
    padding: 12px 24px;
    min-width: 160px;
    justify-content: center;
    text-transform: capitalize;
}

.schedule-demo .form-group .form-control::placeholder {
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #999999;
    text-transform: capitalize;
}

.schedule-demo .form-group label.control-label + input.form-control,.schedule-demo .form-group label.control-label + textarea.form-control {
    padding: 36px 12px 12px 12px;
}
.checkbox-block input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  -webkit-appearance: none;
}
 .schedule-demo .form-group .checkbox-block label {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-left: 25px;
}

.checkbox-block label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    width: 13px;
    height: 13px;
    border: 1px solid #FFFFFF;
    box-sizing: border-box;
    border-radius: 0;
    position: absolute;
    top: 3px;
    left: 0;
}
.checkbox-block input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.custom-modal .modal-body {
    padding: 60px;
    text-align: left;
}

.custom-modal .modal-body h4.title {
    font-weight: bold;
    font-size: 43px;
    line-height: 52px;
    text-align: center;
    color: #000000;
    margin-bottom: 20px;
}

.custom-modal .modal-body p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    text-align: center;
    color: #333333;
    margin-bottom: 20px;
}

.custom-modal .modal-body .btn.btn-primary {
    display: inline-block;
    width: auto;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #333333;
    padding: 10px;
    min-width: 200px;
    margin: 0;
        border: 1px solid #F1B645 !important;
}
.hero-mtop {
    margin-top: 100px;
}

.clublogin-section {
    padding: 30px 0;
}

.clublogin-section .d-flex {
    display: flex;
    align-items: center;
}

.clublogin-section .btn-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.clublogin-section .btn-block .btn.btn-secondary {
    margin-right: 24px;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #333333;
    min-width: 140px;
    justify-content: center;
}

.clublogin-section .btn-block .btn.btn-primary {
    min-width: 140px;
    text-align: center;
    justify-content: center;
    color: #333333 !important;
}

.clublogin-section .d-flex .img-block {
    background: #FFFFFF;
    box-shadow: 0px 4px 50px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    margin-right: 24px;
}

.clublogin-section .d-flex .details {}

.clublogin-section .d-flex .details h4 {
    font-weight: bold;
    font-size: 32px;
    line-height: 39px;
    color: #333333;
    margin-bottom: 0;
}

.clublogin-section .d-flex .details p {
    font-weight: normal;
    
    
/* identical to box height, or 172% */
    margin: 0;
    color: #666666;
}

.clublogin-section .d-flex .details p span {
    font-size: 20px;
    line-height: 34px;
    color: #666666;
    display: inline-block;
    margin-right: 10px;
}

.clublogin-section .row {align-items: center;}

.clublogin-section .d-flex .img-block img {
    max-width: 200px;
}

.clublogin-section .d-flex .details p span:last-child {
    margin-left: 10px;
}

.menu-list {
    border-top: 1px solid rgba(153, 153, 153, 0.5);
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

.menu-list .row {}

.menu-list ul.nav-list {
    margin: 0;
    padding: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.menu-list ul.nav-list li {
    list-style: none;
}

.menu-list ul.nav-list li a {
    padding: 24px 0;
    display: inline-block;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    font-feature-settings: 'liga' off;
    color: #444444;
    position: relative;
    text-decoration: none;
}

.menu-list ul.nav-list li a:before {content: "";position: absolute;background: #F1B645;width: 100%;height: 2px;bottom: 0;transform: scale(0);transform-origin: center;transition: all 0.3s ease;}

.menu-list ul.nav-list li.active a:before,.menu-list ul.nav-list li a:hover:before {
    transform: scale(1);
    transform-origin: center;
    transition: all 0.3s ease;
}

.menu-list ul.nav-list li a:hover {
    color: #F1B645;
    transition: all 0.3s ease;
}

.menu-list ul.nav-list li.active a {
    color: #444444 !important;
}

.h-aboutus {
    padding: 80px 0 ;
}

.h-aboutus .row {
    align-items: center;
}

.titlehead {
    position: relative;
    width: 100%;
}

.titlehead h4 {
    position: relative !important;
    margin-bottom: 24px !important;
    padding-left: 18px !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 36px !important;
    color: #222222 !important;
}

.accounts-section .titlehead h4 {
    text-transform: uppercase !important;
    font-size: 23px !important; 
}

p.plain-text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #54565A;
    margin: 0;
}

.h-aboutus img {
    width: 100%;
}

.titlehead h4:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 40px;
    top: 0;
    left: 0;
    background: linear-gradient(174.13deg, #F1B645 9.32%, rgba(241, 182, 69, 0) 90.69%);
    transform: skew(0deg, -32deg);
}

.events-slider {
    display: flex;
}

.h-upcomingevents {}

.h-upcomingevents .container-fluid {
    width: calc(100% - 60px);
    margin-right: 0;
}

.h-upcomingevents .row {}

.h-upcomingevents .row .col-md-12 {
    padding: 0 0 0 15px;
}

/* .events-slider .event-item {
    position: relative;
    overflow: hidden;
    margin: 0 30px 0 0;
} */

.events-slider .event-item {
    position: relative;
    overflow: hidden;
    margin: 0 30px 0 0;
    width: 250px;
    height: 325px;
}
.events-slider-wrap .slick-track {
    float: left;
}
.event-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.event-item a:hover {
    color: #f1b645 !important;
}

.events-slider .event-item img {
    transition: all 0.3s ease;
    transform: scale(1);
}

.events-slider .event-item .absolute-content {
    z-index: 3;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 0 16px 30px;
}

.events-slider .event-item .hover-button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4;
    background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 86.85%), rgba(0, 0, 0, 0.67);
    box-shadow: 7px 33px 33px rgba(0, 0, 0, 0.1);
    padding: 0 30px;
    transition: all 0.3s ease;
    opacity: 0;
}

.events-slider .event-item .absolute-content p.name {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 8px;
}

.events-slider .event-item .absolute-content p.sport {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
/* or 172% */
    color: #FFFFFF;
    margin-bottom: 8px;
}

.events-slider .event-item .absolute-content p.date {
    
    color: #333333;
    background: #FFFFFF;
    border-radius: 3px;
    display: inline-block;
    padding: 5px 0px;
    line-height: 15px;
    font-size: 12px;
    margin-bottom: 8px;
    width: 100%;
}

.events-slider .event-item .absolute-content p.last-date {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* or 182% */
    color: #FFFFFF;
    margin: 0;
}

.events-slider .event-item .absolute-content p.date span {
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase;
    color: #333333;
    font-weight: 900;
}

.events-slider .event-item .hover-button .btn.btn-primary {
    padding: 11px;
    font-weight: normal;
    font-size: 14px;
    
/* identical to box height, or 200% */
    color: #333333;
    width: 100%;
    justify-content: center;
}

.events-slider > div {
}

.events-slider .event-item:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(360deg, #000000 0%, rgba(0, 0, 0, 0) 90.85%); z-index: 2;}

.events-slider .event-item .absolute-content p.date span:last-child {
    margin-left: 3px;
}

.events-slider .event-item .absolute-content p.date span:first-child {
    margin-right: 3px;
}

.events-slider .event-item:hover .hover-button {
    transition: all 0.3s ease;
    opacity: 1;
}

.events-slider .event-item:hover img {
    transition: all 0.3s ease;
    transform: scale(1.1);
}

.h-whatwedo {
    padding: 60px 0;
}

.h-whatwedo .container-fluid {
    width: 90%;
}
.h-whatwedo .img-block img {
    width: 100%;
}

.h-whatwedo .row {
    align-items: stretch;
}
.h-whatwedo .container-fluid > .row {
    align-items: center;
}

.h-whatwedo .icon-box {
    margin-bottom: 14px;
}

.h-whatwedo .icon-box img {}

.h-whatwedo p.title {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    color: #2C2E30;
    margin-bottom: 12px;
}

.h-whatwedo p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #54565A;
    max-width: 90%;
}

.h-whatwedo .row .col-md-6.col-xs-12 {
    margin-bottom: 30px;
}

.h-upcomingevents {
    padding: 60px 0;
}
.h-category {
    position: relative;
    padding: 80px 0;
}

.h-category .container-fluid {
    width: calc(100% - 60px);
    margin-right: 0;
}

.h-category .row {
    position: relative;
    padding: 40px 0 0 40px;
    align-items: flex-start;
}

.h-category .row:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 80%;background: #F0F0F0;}

.category-slider {
    display: flex;
}

.category-slider .category-item {
    position: relative;
    margin-right: 30px;
    overflow: hidden;
    display: inline-block;
    cursor: default;
}

.category-slider .category-item > img {
    transform: scale(1);
    transition: all 0.3s ease;
    object-fit: cover;
}

.category-slider .category-item .hover-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: scale(1);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.category-slider .category-item .hover-block .img-box {
    margin-bottom: 32px;
}

.category-slider .category-item .hover-block .img-box img {}

.category-slider .category-item .hover-block p {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.category-slider .category-item:hover .hover-block {
    transform: scale(1);
    opacity: 1;
    transition: all 0.3s ease;
}

.category-slider .category-item:hover > img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}


/*Section slider styling*/
.section-slider {
    display: flex;
}

.section-slider .section-item {
    position: relative;
    margin-right: 30px;
    overflow: hidden;
    display: inline-block;
    cursor: default;
}

.section-slider .section-item > img {
    transform: scale(1);
    transition: all 0.3s ease;
    object-fit: cover;
}

.section-slider .section-item .hover-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    box-shadow: 0px 4px 35px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: scale(1);
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 1;
}

.section-slider .section-item .hover-block .img-box {
    margin-bottom: 32px;
}

.section-slider .section-item .hover-block .img-box img {}

.section-slider .section-item .hover-block p {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.section-slider .section-item:hover .hover-block {
    transform: scale(1);
    opacity: 1;
    transition: all 0.3s ease;
}

.section-slider .section-item:hover > img {
    transform: scale(1.1);
    transition: all 0.3s ease;
}

.section-slider .slick-prev:before {
    color: #b4b4b4; /* Replace with your desired color */
}
  
  /* Change color of the next (right) arrow icon */
.section-slider .slick-next:before {
    color: #b4b4b4; /* Replace with your desired color */
}

/*Section Slider Styling End*/

.choose-plan {
    padding: 60px 0;
}

.choose-plan .col-md-12.col-xs-12 {
    text-align: center;
}

.choose-plan p.text {
    max-width: 70%;
    margin: 0 auto;
}

.choose-plan .col-sm-5.col-md-4.col-lg-3.col-xl-2.col-10 {
    margin: 60px 0;
}

.choose-plan .row {
    justify-content: center;
    align-items: stretch;
}

.choose-plan .btn.btn-secondary {
    width: auto;
    display: inline-block;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    min-width: 200px;
    padding: 20px;
    border: 1px solid #999999;
    box-sizing: border-box;
    border-radius: 2px;
    margin-top:20px;

}

.choose-plan .btn.btn-secondary:hover,.choose-plan .btn.btn-secondary:focus {
    background: #333333 !important;
    color: #fff !important;
    transition: all 0.3s ease;
}

.choose-plan  .card-body {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 24px;
    border: 1px solid #ADADAD;
    box-sizing: border-box;
    border-radius: 16px;
    transition: all 0.3s ease;
    /*min-height: 360px;*/
}

.choose-plan  .card-body p.title {
    flex: 1;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    margin-bottom: 32px;
    min-height: 92px;
}

.choose-plan  .card-body p.amount {
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
/* identical to box height */
    text-align: center;

/* 64% Gray dark */
    color: #5C5C5C;
    margin-bottom: 15px;
    flex: 1;
}

.choose-plan  .card-body p.plan {
    font-weight: bold;
    font-size: 16px;
    line-height: 19px;
/* identical to box height */
    text-align: center;
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 2px;
    flex: 1;
}

.choose-plan  .card-body p.age {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #5C5C5C;
    margin-bottom: 14px;
    flex: 1;
}

.choose-plan  .card-body p.duration {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
/* identical to box height */
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    padding: 6px 20px;
    background: #F1B645;
    border-radius: 10px;
    margin-bottom: 32px;
}

.choose-plan  .card-body .btn.btn-primary {

font-weight: 500;

font-size: 16px;

line-height: 19px;

text-align: center;

text-transform: uppercase;

/* 100% White */

color: #FFFFFF;

background: #ADADAD !important;

border-radius: 4px;

border: 1px solid #ADADAD;

transition: all 0.3s ease;

padding: 14px !important;

width: 100%;

justify-content: center;

}

.choose-plan .card-body .btn.btn-primary:hover,.choose-plan .card-body .btn.btn-primary:focus {
    border: 1px solid #ADADAD !important;
    transition: all 0.3s ease;
    color: #ADADAD !important;
    background: #ffffff !important;
}

.choose-plan .card-body.active {
    transition: all 0.3s ease;
    border: 3px solid #F1B645;
    box-sizing: border-box;
    border-radius: 16px;
}

.choose-plan .card-body.active p {
    color: #F1B645;
}

.choose-plan .card-body.active p.duration {
    color: #333333;
}

.choose-plan .card-body.active .btn.btn-primary {
    background: #F1B645 !important;
    border: 1px solid #F1B645 !important;
    color: #333333 !important;
}

.choose-plan .card-body.active .btn.btn-primary:hover,.choose-plan .card-body.active .btn.btn-primary:focus {
    color: #F1B645 !important;
    background: #ffffff !important;
    transition: all 0.3s ease;
}

.h-category .col-md-9 {
    padding-right: 0;
}
.h-gallery {
    position: relative;
    padding: 90px 0 0;
}

.h-gallery h4.title {
    width: 100%;
    text-align: center;
}

.h-gallery .container-fluid {
    width: 100%;
}
.h-contact {
    padding: 100px 0 60px;
}

.h-contact p.title {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    color: #333333;
    margin-bottom: 12px;
}

.h-contact p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #777777;
    margin-bottom: 9px;
}

.h-contact p.link {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #777777;
    margin-bottom: 9px;
}

.h-contact a {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #777777;
    text-decoration: none;
}

.h-contact .d-flex {
    align-items: center;
    justify-content: flex-start;
    max-width: 75%;
}

.h-contact .d-flex > div {
    flex: 1;
}

.h-contact .d-flex > div p.text.bold {
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
/* identical to box height, or 143% */
    letter-spacing: 0.14px;
    color: #2C2C2C;
    margin-bottom: 2px;
}

.h-contact p.link span {width: 30px;display: inline-block;}

.h-contact  .col-md-4.col-xs-12 {
    margin-bottom: 32px;
}

.h-contact  .map-block {
    width: 100%;
    height: 100%;
}

.h-contact .map-block iframe {
    width: 100%;
    height: 100%;
}
header.dark-header nav.navbar a.navbar-brand .second-img {
    margin-left: 10px;
    padding-left: 25px;
    text-transform: uppercase;
    color: #333333;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
}

header.dark-header nav.navbar a.navbar-brand .second-img > span {
    display: inline-block;
    font-weight: bold;
    font-size: 17.4974px;
    line-height: 21px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

header.dark-header nav.navbar a.navbar-brand .second-img img {
    background: #ffffff;
    width: 90px;
    height: 90px;
    margin-right: 10px;
}

header.dark-header nav.navbar a.navbar-brand .second-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: #ffffff;
}
/*.second-img .img-box {
    display: inline-block !important;
    white-space: initial !important;
    width: 32px;
    height: 32px;
    overflow: hidden;
    background: #FFFFFF;
    border-radius: 2px;
    margin-right: 8px;
}*/
header.dark-header nav.navbar a.navbar-brand {
    display: flex;
    align-items: center;
    height: 100%;
}

.registration-wrapper {
    min-height: calc(100vh - 100px);
    position: relative;
    margin-top: 100px;
    padding: 30px 0;
}

.registration-wrapper .col-md-12.col-xs-12 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.registration-wrapper a.back {
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #999999;
    padding-left: 20px;
    text-decoration: none;
}

.registration-details {}

.registration-wrapper a.back:before {content: "";position: absolute;left: 0;top: 3px;width: 10px;height: 10px;border-left: 2px solid #999999;border-bottom: 2px solid #999999;transform: rotate(45deg);}

.registration-wrapper a.back:after {
    content: "";
    position: absolute;
    height: 2px;
    width: 13px;
    background: #999999;
    left: 0;
    top: 7px;
}

.registration-wrapper a.back:hover {
    color: #f1b645;
    transition: all 0.3s ease;
}

.registration-wrapper a.back:hover:before {border-color: #f1b645;transition: all 0.3s ease;}

.registration-wrapper a.back:hover:after {
    background: #f1b645;
    transition: all 0.3s ease;
}

.registration-details p.steps {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
/* identical to box height, or 200% */
    color: #B6B6B6;
    margin-bottom: 10px;
}

.registration-details p.text.bold {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #000000;
    margin-bottom: 10px;
}

.registration-details p.text {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
/* identical to box height, or 150% */
    color: #000000;
    margin-bottom: 10px;
}

.registration-form {
    margin: 20px 0 0;
}

.registration-form .form-group {
    margin-bottom: 18px;
}
.registration-form + .registration-form {
    margin: 0;
}

.registration-form .form-group label.control-label {
    font-weight: normal;
    font-size: 11.1826px;
    line-height: 13px;
    color: #555555;
    margin-bottom: 8px;
}

.registration-form .form-group input.form-control {
    border: 1px solid rgba(187, 187, 187, 0.75);
    border-radius: 4px;
    background-image: none;
    padding: 0 14px;
    height: 38px;
    line-height: 38px;
    background: transparent;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

.registration-form .form-group.btn-block {
    margin-top: 8px;
    display: inline-block;
    width: 100%;
}

.registration-form .form-group.btn-block .btn.btn-primary {
    width: 100%;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    padding: 10px;
}

.registration-form .form-group .checkbox-group label {
    font-weight: normal;
    font-size: 10px;
    line-height: 22px;
/* or 219% */
    color: #999999;
}

.registration-form .form-group p.sub {
    font-weight: normal;
    font-size: 10px;
    line-height: 15px;
/* or 150% */
    color: #555555;
    margin: 0;
}

.registration-form .form-group a {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* or 219% */
    color: #333333;
    text-decoration: underline;
}

.registration-list {}

.registration-list li.nav-item {}

.registration-list li.nav-item a.nav-link {
    position: relative;
    color: #fff !important;
}

.registration-list li.nav-item a.nav-link:before {content: "";position: absolute;bottom: -5px;width: calc(100% - 32px);right: 16px;background: #ffffff;height: 3px;}
.registration-form .form-group .checkbox-group  input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  -webkit-appearance: none;
}
 .registration-form .form-group .checkbox-group  label {
  position: relative;
  cursor: pointer;
  margin: 0;
  padding-left: 25px;
}

 .registration-form .form-group .checkbox-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05); */
    padding: 7px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    width: 13px;
    height: 13px;
    border: 1px solid #999;
    box-sizing: border-box;
    border-radius: 0;
    position: absolute;
    top: 3px;
    left: 0;
}
.registration-form .form-group .checkbox-group input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 5px;
    left: 6px;
    width: 5px;
    height: 10px;
    border: solid #999;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.registration-form .form-group.btn-block .btn.btn-primary:hover, .registration-form .form-group.btn-block .btn.btn-primary:focus {
    color: #F1B645 !important;
}
.registration-form .form-group a.link {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    color: #999999;
    text-decoration: none;
    transition: all 0.3s ease;
}

.registration-form .form-group a.link:hover {
    transition: all 0.3s ease;
    color: #f1b645;
}
.profile-created {
    margin: 10px 0 20px;
    width: 100%;
    border: 1px solid #F1B645;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.profile-created .img-block {
    margin-right: 16px;
}

.profile-created .details {
    flex: 1;
}

.profile-created .details p.date {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* identical to box height, or 182% */
    color: #000000;
    margin: 0;
}

.profile-created .details p.name {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin: 0;
}

.profile-created .active {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background: #F1B645;
}

.profile-created .active:before {content: "";position: absolute;border-bottom: 2px solid #ffffff;border-right: 2px solid #ffffff;width: 5px;height: 9px;display: inline-block;left: 6px;top: 2px;transform: rotate(45deg);}

.radio-block {}

.radio-block .list-item {
    background: #FFFFFF;
    border: 1px solid #f3f3f3;
    box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    margin-bottom: 12px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    z-index: 1;
}

.radio-block .list-item label {
    flex: 1;
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
}

.radio-block .list-item label .details {}

.radio-block .list-item label .amount {}

.radio-block .list-item label .details p.name {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
/* identical to box height, or 164% */
    color: #555555;
    margin: 0;
}

.radio-block .list-item label .details p.duration {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
/* or 200% */
    color: #999999;
    margin: 0;
}

.radio-block .list-item label .details a.popup-link {
    font-weight: bold;
    font-size: 12px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #F1B645;
    text-decoration: none;
}

.radio-block .list-item label .amount p {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: right;
    color: #444444;
    margin: 0;
    min-width: 140px;
}

.registration-form .form-group.btn-block .btn.btn-secondary {}

.registration-form .form-group.btn-block .btn.btn-primary.disabled {
    background: #E8E8E8 !important;
    border-radius: 4px;
    border: 1px solid #E8E8E8 !important;
    pointer-events: none;
    opacity: 1 !important;
}

.radio-block .list-item.active,.radio-block .list-item:hover {
    transition: all 0.3s ease;
    border: 1px solid #F1B645;
}

.membership-modal {}

.membership-modal .modal-dialog {
    max-width: 75%;
}

.membership-modal  .modal-body {
    text-align: left;
}

.membership-modal  .modal-header {
    padding: 0;
}

.membership-modal  .modal-header button.close {
    position: absolute;
    right: 40px;
    top: 40px;
    width: 18px;
    height: 18px;
    padding: 0;
    display: inline-block;
    cursor: pointer;
    z-index: 1;
    opacity: 1;
}

.membership-modal .modal-header button.close:before {content: "";position: absolute;width: 1px;height: 100%;background: #333333;transform: rotate(45deg);top: 0;left: 8px;transition: all 0.3s ease;}
.membership-modal .modal-header button.close:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #333333;
    transform: rotate(-45deg);
    top: 0;
    left: 8px;
}

.membership-modal .modal-header button.close:hover:before,.membership-modal .modal-header button.close:hover:after {
    transition: all 0.3s ease;
    background: #F1B645;
}

.membership-modal .modal-body .titlehead  h4 {
    margin-bottom: 10px;
}

.membership-modal .modal-body p.plan-id {
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
/* identical to box height, or 172% */
    color: #555555;
    margin-bottom: 20px;
}

.membership-modal .modal-body p.plan-details {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
/* identical to box height, or 287% */
    color: #444444;
    margin-bottom: 10px;
}

.membership-modal .modal-body p.plan-details span {
    margin-right: 40px;
    font-weight: 500;
}

.membership-modal .modal-body p.plan-details span b {
    margin-right: 15px;
}

.modal-body .form-group.mb-4.bmd-form-group a.show-btn {
    position: absolute;
    right: 13px;
    top: 9px;
    font-size: 14px;
    color: #000;
}

.radio-block input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
  -webkit-appearance: none;
}

.radio-block label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    padding: 7px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 8px;
    width: 13px;
    height: 13px;
    box-sizing: border-box;
    border-radius: 0;
    position: absolute;
    top: calc(50% - 6px);
    left: 0;
    background: #F0F0F0;
    border-radius: 100%;
}
.radio-block input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    background: #F1B645;
    border-radius: 100%;
    top: calc(50% - 6px);
    left: 0;
}
.custom-modal .modal-body .btn.btn-primary:hover, .custom-modal .modal-body .btn.btn-primary:focus {
    color: #F1B645 !important;
    border: 1px solid #F1B645 !important;
}
.category-slider *, .category-slider {
    background: transparent;
}
.innerpage-banner.banner__slider.main-banner {
    margin-top: 100px;
}
.accounts-section {
    padding: 30px 0 60px 0;
}

.accounts-section .titlehead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.btn.btn-borderonly {
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #333333;
    display: inline-block;
    text-transform: capitalize;
    padding: 8px 15px;
    border: 1px solid rgba(51, 51, 51, 0.75);
    border-radius: 4px;
    transition: all 0.3s ease;
}

.accounts-section .titlehead .btn.btn-borderonly {
    margin-bottom: 32px;
}

.btn.btn-borderonly:hover,.btn.btn-borderonly:focus {
    transition: all 0.3s ease;
    background: #333333;
    color: #fff;
}

.accounts-section .main-account {}

.accounts-section  .card {
    background: #FFFFFF;
    box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.05);
    border-radius: 4px;
}

.accounts-section .card .card-content {
    padding: 15px 0 0 0;
    position: relative;
}

.accounts-section .main-account a.edit {
    position: absolute;
    right: 15px;
    top: 15px;
}

.accounts-section .main-account  .img-box {
    width: 90px;
    height: 90px;
    display: inline-block;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 16px;
}

.accounts-section .main-account .img-box img {
    width: 100%;
}

.accounts-section .card .card-content p.name {
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
/* or 144% */
    color: #333333;
    margin-bottom: 5px;
}

.accounts-section .card .card-content p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #555555;
    margin: 0;
}

.accounts-section .card .card-content .line-divider {
    display: inline-block;
    width: 100%;
    height: 1px;
    margin: 16px 0;
    background: rgba(153, 153, 153, 0.5);
}

.accounts-section .card .card-content .card-box {
    margin-bottom: 16px;
}

.accounts-section .card .card-content .card-box p.text-bold {
    font-style: normal;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 0px;
    padding-bottom: 10px;
}

.accounts-section .card .card-content .card-box:last-child {
    margin-bottom: 0;
}

.accounts-section .linked-profiles {}

.accounts-section .linked-profiles .profile-list {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    margin-bottom: 26px;
    /*border-bottom: 1px solid rgba(153, 153, 153, 0.5);*/
}

.accounts-section  .linked-profiles .profile-list ul {
    margin: 0;
    padding: 0;
    display: flex;
}

.accounts-section  .linked-profiles .profile-list .link {}

.accounts-section .linked-profiles .profile-list  .edit {
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
/* identical to box height, or 143% */
    text-align: center;
    color: #333333;
    text-decoration: none;
    padding: 13px 0;
}

.accounts-section .linked-profiles .card {
    margin-bottom: 20px;
    border: 1px solid #DBDBDB;
    border-radius: 4px;
    box-shadow: none;
}

.accounts-section .linked-profiles .card  .card-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.accounts-section .linked-profiles .card .card-content.display-top .card-box {
    padding: 2px 0 12px 12px;
}
.card-box--no-border {
    border-bottom: none !important;
}

.accounts-section .linked-profiles .card-content .card-loop .row:nth-child(odd) .card-box {
    background-color: #FBFBFB;
    border-top: 1px solid #EEECEC;
    border-bottom: 0;
}
.accounts-section .linked-profiles .card-content .card-loop .card-box {
    border-top: 1px solid #EEECEC !important;
    border-bottom: 0;
    padding: 13px 15px !important;
    margin: 0;
}
.pd-section .row:nth-child(odd) {
    background-color: #FBFBFB;
    border-top: 1px solid #EEECEC;
    border-bottom: 1px solid #EEECEC;
}
.pd-section .row {
    padding: 10px 0;
}

.view-switch button {
    border: 0;
    background-color: transparent;
}
.accounts-section .linked-profiles .card-content .card-loop {
    padding-top: 0 !important;
}

.accounts-section .linked-profiles .card .card-content .edit {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #333333;
    text-decoration: none;
}

.accounts-section  .card .card-content p.age {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* or 200% */
    color: #333333;
    margin-bottom: 5px;
}

.accounts-section  .card .card-content  p.role {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* or 200% */
    color: #999999;
    margin: 0;
}

.accounts-section .linked-profiles .card .card-content .card-box {
    padding: 0;
}

.accounts-section .linked-profiles .profile-list ul li {
    list-style: none;
    margin-right: 10px;
}

.accounts-section .linked-profiles .profile-list ul li a {
    padding: 10px 12px;
    display: inline-block;
    position: relative;
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    cursor: pointer;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #888888;
}

.accounts-section .linked-profiles .profile-list ul li a:hover {
    background-color: #333;
    color: #fff;
}

.accounts-section .linked-profiles .profile-list ul li.active a {
    display: inline-block;
    position: relative;
    background-color: #333333;
    color: #fff;
}

/* .accounts-section .linked-profiles .profile-list .edit img {
    margin-right: 5px;
} */

.accounts-section .linked-profiles .profile-list ul li:first-child a {
    /*padding-left: 0;*/
}

.accounts-section .linked-profiles .card .card-content .img-box {
    width: 85px;
    height: 85px;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 15px;
}

.accounts-section .linked-profiles .card .card-content .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.accounts-section .linked-profiles .card .card-content .card-profile-pick {
    display: flex;
}

.accounts-section .linked-profiles .card .card-content .profile-container {flex: 1;}

.accounts-section .linked-profiles .card .card-content .edit img {
    height: 17px;
    position: relative;
    top: -1px;
    margin-right: 3px;
}

.accounts-section .linked-profiles .card .titleblock {}

.accounts-section .linked-profiles .card .titleblock h4 {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* or 144% */
    color: #2C2E30;
    margin: 0;
    padding: 20px 15px 15px;
    border-bottom: 1px solid #999999;
}

.accounts-section .linked-profiles  .purchase-history {
    width: 100%;
}

.accounts-section .linked-profiles  .purchase-history .purchase-row {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.accounts-section .linked-profiles  .purchase-history .purchase-row .left-block {}

.accounts-section .linked-profiles  .purchase-history .purchase-row .right-block {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .left-block .row-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: rgba(153, 153, 153, 0.5);
}

p.text.active {
    color: #69B44B !important;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .left-block .row-box p.text {
    margin-right: 12px;
    font-size: 12px;
    line-height: 22px;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .left-block .row-box p.text.m-r {
    margin-right: 36px;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .right-block p.amount {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
/* identical to box height, or 287% */
    text-align: right;
    color: #555555;
    margin-bottom: 24px;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .right-block .btn.btn-borderonly {
    margin: 0;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .left-block .row-box p.text + p.text {
    margin-left: 12px;
}
.custom-modal .modal-body .btnblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.custom-modal .modal-body .btnblock .btn.btn-secondary {
    margin-right: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #333333;
    justify-content: center;
    padding: 10px;
    border: 1px solid #333333 !important;
}

.custom-modal .modal-body .btnblock > * {
    flex: 1;
}

.custom-modal .modal-body .btnblock .btn.btn-primary {
    min-width: initial !important;
    margin-left: 10px;
}

.custom-modal .modal-body .btnblock .btn.btn-secondary:hover,.custom-modal .modal-body .btnblock .btn.btn-secondary:focus {
    background: #333333 !important;
    color: #fff !important;
}
footer.main-footer .footer-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

footer.main-footer .footer-logo .club-logo {
    justify-content: flex-start;
    font-weight: bold;
    font-size: 24px;
    line-height: 29px;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #F8F8F8;
    margin-bottom: 30px;
}

footer.main-footer .footer-logo p.sub {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #E0E0E0;
    margin: 0;
}

footer.main-footer .footer-logo .poweredby {
    overflow: hidden;
    max-width: 150px;
    height: auto;
}

footer.main-footer .footer-logo .poweredby img {
    width: 100%;
}

footer.main-footer .footer-logo .club-logo .img-box {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin-right: 14px;
    background: #fff;
    box-shadow: 0px 1.79119px 22.3899px rgb(0 0 0 / 10%);
    border-radius: 1.79119px;
}

footer.main-footer .footer-logo .club-logo .img-box img {
    width: 100%;
}


.custom-popup {
    background: #FFFFFF;
    box-shadow: -4px 4px 32px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 80px;
    right: -30%;
    min-height: calc(100vh - 80px);
    width: 30%;
    transition: all 0.3s ease;
}



.custom-popup form {
    margin: 0;
}

.custom-popup .popup-header {
    padding: 15px 20px;
    border-bottom: 1px solid #EAEAEA;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.custom-popup .popup-content {
    padding: 20px;
    max-height: calc(100vh - 180px);
    min-height: calc(100vh - 180px);
    overflow-y: auto;
}

.custom-popup .popup-footer {
    padding: 5px 20px;
}

.custom-popup .popup-header h4.title {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-transform: uppercase;
    color: #333333;
    margin: 0;
}

.custom-popup .popup-closebtn {
    position: absolute;
    right: 20px;
    top: 18px;
    border: none;
    background: transparent;
    padding: 0;
    width: 13px;
    height: 13px;
    cursor: pointer;
}

.custom-popup .popup-closebtn:before {content: "";position: absolute;/* left: 0; */top: 0;width: 1px;height: 100%;background: #000;transform: rotate(45deg);}

.custom-popup .popup-closebtn:after {
    content: "";
    position: absolute;
    /* left: 0; */
    top: 0;
    width: 1px;
    height: 100%;
    background: #000;
    transform: rotate(
-45deg
);
}

.custom-popup .popup-content .form-section {
    padding-bottom: 0px;
}

.custom-popup .popup-content label.control-label {
    font-weight: bold;
    font-size: 10px;
    line-height: 14px;
/* identical to box height */
    text-transform: uppercase;
    color: #ABB5CE;
    margin-bottom: 6px;
}

.custom-popup .popup-content span.bmd-form-group {
    padding: 0;
}

.custom-popup .popup-content .form-control {height: 40px;line-height: 40px;padding: 0 12px;font-weight: normal;font-size: 14px;color: #333333;border: 1px solid #F1F1F1;box-sizing: border-box;border-radius: 5px;background-image: none;font-family: 'Open Sans', sans-serif;color: #333333;}

.custom-popup .popup-content textarea.form-control {
    height: initial;
    line-height: 21px;
    padding: 12px;
}

.custom-popup .popup-footer .btn.btn-primary {
    background: #000000;
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 36px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    width: 100%;
}

.custom-popup .popup-content .form-section.line-divider {
    border-top: 1px solid #DDDDDD;
}

.custom-popup .popup-content .form-section span.amount {
    display: block;
    font-weight: 600;
    font-size: 20px;
    line-height: 27px;
    align-items: center;
    color: #333333;
    margin-top: 5px;
}

.custom-popup.show {
    right: 0;
    transition: all 0.3s ease;
    z-index: 999;
}
table.dataTable tbody tr td:nth-child(2) {
    /*cursor: pointer;*/
}
.custom-popup.popup-dark {}

.custom-popup.popup-dark .popup-header {
    background: #000;
}

.custom-popup.popup-dark .popup-header h4.title {
    color: #fff;
}

.custom-popup.popup-dark a.popup-closebtn:before,.custom-popup.popup-dark a.popup-closebtn:after {
    background: #fff;
}

.custom-popup .popup-content .form-section p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    color: #333333;
    margin: 0;
    padding-top: 5px;
}

.custom-popup.popup-dark .form-section {
    margin-bottom: 14px;
    display: inline-block;
    width: 100%;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
}














.flex-rowblock {
    padding: 0 15px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.flex-rowblock .left-flexbox {
    max-width: calc(100% - 240px);
    min-width: calc(100% - 240px);
    padding-right: 50px;
    border-right: 1px solid #EEEEEE;
}

.flex-rowblock .right-flexbox {
}

.upload-imgblock {
    display: inline-block;
    /*width: 180px;*/
    padding-left: 50px;
}
select.custom-file-control:not([size]):not([multiple]), select.form-control:not([size]):not([multiple]) {
    height: 40px;
    line-height: 40px;
    -webkit-appearance: auto;
}
.upload-imgblock .upload-field {
    width: 180px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.upload-imgblock .upload-field img.uploaded-img {
    width: 180px;
    height: auto;
}

.upload-imgblock .upload-field .position-relative {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.upload-imgblock .upload-field .position-relative input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    position: relative;
}

.upload-imgblock .upload-field .position-relative .icon-img {
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 0;
}

.upload-imgblock  p.text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
/* identical to box height */
    text-align: center;
    color: #333333;
    margin: 25px 0 0;
}
.form-content {
    padding: 24px 0 0;
}

.form-content label.control-label {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #555555;
}

.form-content .form-control {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    background-image: none;
    
    
/* identical to box height */
    color: #333333;
    border: 1px solid rgba(187, 187, 187, 0.75);
    border-radius: 5px;
}
.form-content .form-control::placeholder {
    font-size: 14px !important;
    color: #333;
}

.form-content .col-md-6, .form-content .col-md-12, .form-content .col-md-4, .form-content .col-md-8, .form-content .col-md-2 {
    padding-bottom: 22px;
}
.form-content  .position-relative .form-control {
    padding-right: 40px;
    z-index: 3;
    position: relative;
}

.form-content  .position-relative .field-icon {
    position: absolute;
    width: 36px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 0;
}
.checkbox-block01 input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
/*  display: none;*/
  cursor: pointer;
/*  -webkit-appearance: none;*/
}
 .checkbox-block01 label {
  position: relative;
  cursor: pointer;
  margin: 0;
  font-weight: normal;
  font-size: 14px;
  line-height: 17px;
/* identical to box height */
  color: #444444;
}

.checkbox-block01 {
    display: flex;
    align-items: center;
    line-height: 28px;
}

.checkbox-block01 .position-relative {
    margin-right: 16px;
}

.checkbox-block01 label:before {
    content: '';
    -webkit-appearance: none !important;
    display: inline-block !important;
    position: relative !important;
    vertical-align: middle !important;
    cursor: pointer !important;
    margin-right: 8px !important;
    width: 16px !important;
    height: 16px !important;
    top: -1px !important;
    box-sizing: border-box !important;
    background-image: url(https://fai.projectsmt.com/myclub/public/images/icons/radio.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    border-radius: 50px !important;
}
.checkbox-block01 input:checked + label:after {
    content: '' !important;
    display: block !important;
    top: 0px !important;
    left: 0 !important;
    position: absolute !important;
    width: 16px !important;
    height: 16px !important;
    background-image:url(https://fai.projectsmt.com/myclub/public/images/icons/radio_active.svg) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}

.form-content  .position-relative .form-control {
    background: transparent;
    cursor: pointer;
}

.form-content  .position-relative .date-icon {
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    z-index: 0;
}
.inner-titlehead {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}

.inner-titlehead h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #333333;
    margin: 0;
    flex: 1;
}

.inner-titlehead .btn.btn-secondary {
    padding: 10px 24px;
    border-radius: 4px;
    min-width: 160px;
    justify-content: center;
    border: 1px solid #F1B645 !important;
    margin-right: 24px;
    color: #333333 !important;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
}

.inner-titlehead .btn.btn-primary {
    padding: 10px 24px;
    border-radius: 4px;
    min-width: 160px;
    justify-content: center;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    text-transform: capitalize;
    border: 1px solid #F1B645;
}

ul.tab-lists {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

ul.tab-lists li {
    list-style: none;
    display: flex;
}

ul.tab-lists li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #999999;
    padding: 10px;
    margin-right: 12px;
    border: 1px solid #888888;
    box-sizing: border-box;
    border-radius: 4px;
    /* min-width: 170px; */
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
}

ul.tab-lists li.active a {
    background: #333333;
    border: 1px solid rgba(153, 153, 153, 0.5);
    box-sizing: border-box;
    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.31);
    border-radius: 4px;
    transition: all 0.3s ease;
    color: #fff;
    padding-right: 24px;
}

ul.tab-lists li a:hover {
    background: #333333;
    color: #fff;
}

.ai--accordion h4 {
    background-color: #FBFBFB;
    font-size: 14px;
    color: #222222;
    border-top: 1px solid #EEECEC;
    border-bottom: 1px solid #EEECEC;
    font-weight: 400;
    padding: 9px 16px;
    text-align: left;
    margin-bottom: 1px;
    position: relative;
}

.ai--accordion .accordion-content {
    padding: 20px 0;
}

.ai--accordion .accordion-title::after {
    content: "-";
    position: absolute;
    top: -2px;
    color: #222;
    font-size: 31px;
    font-weight: 100;
    right: 15px;
}

.ai--accordion .accordion-title.open::after {
    content: "+";
}

.ai--accordion .accordion-title:hover,
.ai--accordion .accordion-title:active,
.accordion-title.open { 
  background-color: #FBFBFB;
}

#edit-form ul.tab-lists li.active a {
    padding: 10px 25px 10px 10px;
}

#edit-form ul.tab-lists li .del-icon {
    right: 20px;
    top: 0;
}

.inner-titlehead .btn.btn-primary:hover,.inner-titlehead .btn.btn-primary:focus {
    border: 1px solid #F1B645 !important;
    color: #F1B645 !important;
}
header.dark-header ul.navbar-nav.nav-menu-left {
    height: 58px;
    display: flex;
    align-items: stretch;
    margin-left: 10px;
    transition: all 0.3s ease;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item {
    /*height: 100%;*/
    display: flex;
    align-items: center;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
    position: relative;
    margin: 0 5px;
    padding: 6px 16px;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link span.icon-box {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link span.icon-box img {
    width: auto;
}

header.dark-header.styled-header ul.navbar-nav.nav-menu-left {
    /*height: 80px;*/
    transition: all 0.3s ease;
}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active {}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active a.nav-link,
header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link:hover {
    /*background: #262526;*/
    color: #fff;
}
ul.navbar-nav.nav-right.nav-menu-right li.nav-item {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}

ul.navbar-nav.nav-right.nav-menu-right {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(0deg, #262526, #262526), url(image.png);
    height: 100%;
    margin-left: 12px;
    padding: 12px 12px;
    position: relative;
    width: 45px;
}
ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link img {}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box {}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box a.nav-link {
    padding: 0;
    width: 45px;
    height: 50px;
    overflow: hidden;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.profile-box a.nav-link img {
    width: 100%;
}
.switch div#container
  {
    background: #fff;
    border-radius: 50px;
    height: 16px;
    width: 24px;
    padding: 0;
    border: 1px solid #E5E5EA;
    -webkit-transition: background 0.5s;
    -moz-transition: background 0.5s;
    transition: background 0.5s;
    cursor: pointer;
  }

.switch input
  {
    display: none;
  }

.switch input + label
  {
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    height: 12px;
    width: 12px;
    padding: 0 !important;
    top: 2px;
    left: 1px;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    background: #FFFFFF;
    box-shadow: 0px 0px 1.33593px rgba(0, 0, 0, 0.05), 0px 1.33593px 0.445311px rgba(0, 0, 0, 0.0510643), 0px 0.890623px 0.890623px rgba(0, 0, 0, 0.1), 0px 1.33593px 1.33593px rgba(0, 0, 0, 0.05);
    transition: left 0.5s;
    cursor: pointer;
    margin: 0 !important;
  }

.switch input:checked + label
  {
  left: 11px;
  }

.switch input:checked + label + div#container
  {
    background: #4bd865;
  }

.form-content  .notification-block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}

.form-content .notification-block p.text {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #777777;
    padding-right: 15px;
}
.switch {
    position: relative;
    cursor: pointer;
}
.form-content  .position-relative .form-control {
    background: transparent;
    cursor: pointer;
}
.accounts-section .linked-profiles .purchase-history .purchase-row .fullwidth {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 0;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .fullwidth p.text {
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 144% */
    text-align: center;
    color: #B8B8B8;
    margin-bottom: 5px;
}

.accounts-section .linked-profiles .purchase-history .purchase-row .fullwidth a {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
/* identical to box height, or 182% */
    text-align: center;
    color: #F1B645;
}
html {
    overflow-x: hidden;
}
header.dark-header nav.navbar .navbar-collapse.regular-menu {
    justify-content: flex-end;
}
.membership-plans-block {
    padding: 20px 0;
}

.membership-plans-block .details-section {
    padding-bottom: 60px;
}

.membership-plans-block  .plans-section {}

ul.custom-list {
    padding-left: 15px;
    margin: 0;
}

ul.custom-list li {
    list-style: none;
    position: relative;
    padding-left: 35px;
    margin-bottom: 24px;
}

ul.custom-list li span.icon-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 13px;
    height: 13px;
}

ul.custom-list li div {
    display: inline-block;
    max-width: 80%;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
/* identical to box height, or 150% */
    color: #333333;
}

ul.custom-list li span.icon-box img {
    width: 100%;
    display: inline-block;
    position: relative;
}

ul.custom-list li:last-child {
    margin-bottom: 0;
}

.membership-plans-block .plans-section h4.titlehead {
    font-weight: bold;
    font-size: 32px;
    line-height: 46px;
/* identical to box height, or 135% */
    color: #2C2E30;
    margin-bottom: 32px;
}

.membership-plans-block .plans-section ul.tab-list {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    margin-bottom: 32px;
}

.plans-list {
    width: 100%;
}

.plans-list .list-header {
}

.plans-list .list-body {}

.membership-plans-block .plans-section ul.tab-list li.active a {}

.membership-plans-block .plans-section ul.tab-list li {
    list-style: none;
    margin-right: 40px;
}

.membership-plans-block .plans-section ul.tab-list li a {
    padding: 0 15px 22px;
    display: inline-block;
    position: relative;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
/* identical to box height, or 125% */
    color: #666666;
    text-decoration: none;
}

.plans-list .list-header .list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plans-list .list-body .list-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

.plans-list .list-header .list-row .list-cell.flex-01 {flex: 1;}

.plans-list .list-header .list-row .text {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    color: #131313;
    margin: 0;
}

.plans-list .list-header .list-row .ic-drop {
    position: absolute;
    right: 15px;
    top: calc(50% - 12px);
    cursor: pointer;
}

.plans-list .list-body .list-row .list-cell {
    min-width: 20%;
    padding: 30px 20px;
    position: relative;
}

.plans-list .list-body .list-row .text {
    font-weight: 500;
    font-size: 16px;
    line-height: 17px;
/* or 287% */
    color: #444444;
    margin: 0;
}

.plans-list .list-body .list-row  .d-flex {
    align-items: center;
    justify-content: space-between;
}

.plans-list .list-body .list-row  .d-flex .amount {
    font-weight: bold;
    font-size: 24px;
    line-height: 28px;
/* identical to box height, or 192% */
    color: #444444;
    margin: 0 5px;
}

.plans-list .list-body .list-row  .d-flex .btn.btn-primary {
    padding: 9px;
    min-width: 160px;
    justify-content: center;
    text-transform: capitalize;
    border-radius: 4px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    border: 1px solid #F1B645 !important;
    margin: 0 5px;
}

.membership-plans-block .plans-section ul.tab-list li:nth-child(1) a {
    padding-left: 0;
}

.membership-plans-block .plans-section ul.tab-list li a:before {content: "";position: absolute;width: 0;height: 2px;bottom: 0;background: #F1B645;left: 0;transition: all 0.3s ease;}

.membership-plans-block .plans-section ul.tab-list li.active a:before {
    width: 100%;
    transition: all 0.3s ease;
}

.plans-list .list-header .list-row .list-cell {
    min-width: 20%;
    position: relative;
    padding: 30px 20px;
    background: #F1F1F1;
}

.plans-list .list-body .list-row .list-cell.flex-01 {
    flex: 1;
}

.plans-list .list-body .list-row .list-cell:before {content: "";position: absolute;right: 0;background: rgba(153, 153, 153, 0.5);height: 50%;width: 1px;top: 25%;}

.plans-list .list-body .list-row .d-flex .btn.btn-primary:hover,.plans-list .list-body .list-row .d-flex .btn.btn-primary:focus {
    border: 1px solid #F1B645 !important;
    color: #F1B645 !important;
}

.plans-list .list-body .list-row .list-cell:last-child:before {
    background: transparent;
}
.membership-plans-block .plan-details {}

.membership-plans-block .plan-details .titlehead {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.membership-plans-block .plan-details .titlehead h4 {
    flex: 1;
}

.membership-plans-block .plan-details .titlehead p.amount {
    font-weight: bold;
    font-size: 24px;
    line-height: 39px;
/* identical to box height, or 192% */
    color: #333333;
    margin-bottom: 32px;
    margin-right: 14px;
}

.membership-plans-block .plan-details .titlehead .btn.btn-primary {
    padding: 10px;
    text-transform: capitalize;
    min-width: 160px;
    min-height: 39px;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 32px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    border: 1px solid #F1B645 !important;
}
.membership-plans-block .plan-details .titlehead .btn.btn-primary:hover, .membership-plans-block .plan-details .titlehead .btn.btn-primary:focus {
    border: 1px solid #F1B645 !important;
    color: #F1B645 !important;
}

.membership-plans-block .plan-details  .plan-content {}

.membership-plans-block .plan-details .plan-content .plan-id {
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
/* identical to box height, or 192% */
    color: #555555;
    margin-bottom: 32px;
}

.membership-plans-block .plan-details .plan-content .text-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 14px;
    flex-wrap: wrap;
}

.membership-plans-block .plan-details .plan-content .text-row p.text {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
/* identical to box height, or 287% */
    color: #444444;
    margin-right: 15px;
    margin-bottom: 14px;
}

.m-right {
    margin-right: 50px !important;
}
.navigation {
    padding-bottom: 30px;
}

.navigation a.back {
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    color: #999999;
    padding-left: 20px;
    text-decoration: none;
    position: relative;
}

.navigation a.back:before {content: "";position: absolute;left: 0;top: 3px;width: 10px;height: 10px;border-left: 2px solid #999999;border-bottom: 2px solid #999999;transform: rotate(
45deg
);}

.navigation a.back:after {content: "";position: absolute;height: 2px;width: 13px;background: #999999;left: 0;top: 7px;}
.checkout-details {}

.checkout-details .card {
    border: 1px solid rgba(153, 153, 153, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 24px;
}

.checkout-details .card .card-content {
    padding: 20px;
}

.checkout-details .card .card-content p.title {
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 16px;
}

.checkout-details .card .card-content .plan-text {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 16px;
}

.checkout-details .card .card-content .plan-text p.text {}

.checkout-details .card .card-content .plan-text p.text {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
/* or 200% */
    color: #444444;
    margin-right: 15px;
}

.checkout-details  form.col-md-4.col-xs-12 {
    padding-left: 0;
}

.checkout-details .card .card-content .plan-text:last-child {
    margin-bottom: 0;
}

.checkout-details .card .card-content .plan-text p.text b {
    font-size: 16px;
}

.checkout-details  .form-group {
    margin-bottom: 24px;
}

.checkout-details  .form-group label.control-label {
    font-weight: bold;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #555555;
    margin-bottom: 6px;
}

.checkout-details  .form-group .form-control {
    appearance: auto;
    background-image: none;
    border: 1px solid rgba(187, 187, 187, 0.75);
    box-sizing: border-box;
    border-radius: 5px;
    line-height: 40px !important;
    height: 40px !important;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    
/* identical to box height */
    color: #555555;
}

.checkout-details   .form-group.btnblock {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.checkout-details   .form-group.btnblock .btn.btn-primary {
    flex: 1;
    margin-right: 6px;
    border: 1px solid #F1B645 !important;
    justify-content: center;
    text-transform: capitalize;
    font-size: 14px;
    padding: 10px;
    border-radius: 4px;
}

.checkout-details  .form-group.btnblock .btn.btn-secondary {
    flex: 1;
    margin-left: 6px;
    border: 1px solid #999999;
    justify-content: center;
    padding: 10px;
    text-transform: capitalize;
    font-size: 14px;
    background: transparent !important;
    color: #999999 !important;
    border-radius: 4px;
}

.checkout-details .form-group.btnblock .btn.btn-secondary:hover,.checkout-details .form-group.btnblock .btn.btn-secondary:focus {
    color: #fff !important;
    background: #999 !important;
}

.checkout-details .form-group.btnblock .btn.btn-primary:hover,.checkout-details .form-group.btnblock .btn.btn-primary:focus {
    border: 1px solid #F1B645 !important;
    color: #F1B645 !important;
}

.plan-pricing {
    margin-top: 71px;
}

.plan-pricing .card {
    background: #FFFFFF;
    border: 1px solid rgba(153, 153, 153, 0.5);
    box-sizing: border-box;
    border-radius: 4px;
    box-shadow: none;
    margin-bottom: 24px;
}

.plan-pricing .card .card-header {
    padding: 20px 10px;
    background: #333333;
}

.plan-pricing .card .card-row {
    margin: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}

.plan-pricing .card  .card-footer {
    padding: 14px 0 7px;
    margin: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.plan-pricing .card .card-row-center {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.plan-pricing .card .card-row-center img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.plan-pricing .card .card-row-center p.text {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    margin: 0;
    color: #333;
}

.plan-pricing .card .card-row-center a {
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #000000;
    margin-left: 10px;
    cursor: pointer;
    text-decoration: none;
}

.plan-pricing .card .card-header p {
    font-weight: bold;
    font-size: 14px;
    line-height: 21px;
/* identical to box height, or 21px */
    letter-spacing: 0.01em;
    text-transform: uppercase;
    color: #FFFFFF;
    margin: 0;
}

.plan-pricing .card .card-row p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
/* identical to box height, or 21px */
    display: flex;
    align-items: center;
    letter-spacing: 0.01em;
    color: #333333;
    margin: 0;
}

.plan-pricing .card .card-footer p.text {
    font-weight: bold;
    font-size: 18px;
    line-height: 21px;
/* identical to box height, or 27px */
    letter-spacing: 0.01em;
    color: #333333;
    margin: 0;
}

.plan-pricing .card .card-row-center p.text span {
    color: #69B44B;
    text-transform: uppercase;
}
.slide .slide__content.slide__content__center {
    z-index : 14;
}

.slide .slide__content.slide__content__center .btn-block {
    display: flex;
    align-items: center;
    justify-content: center;
}

.slide .slide__content.slide__content__center .btn-block .btn.btn-secondary {
    flex: 1;
    justify-content: center;
    max-width: 200px;
}

.slide .slide__content.slide__content__center .btn-block .btn.btn-primary {
    flex: 1;
    justify-content: center;
    max-width: 200px;
}
body.modal-open {
    padding: 0 !important;
}
.modal{
    padding: 0 !important;    
}
.custom-modal  .modal-header {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 80px;
    padding: 0 25px;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);
}

.custom-modal  .modal-header h4 {
    flex: 1;
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
/* identical to box height, or 23px */
    text-align: center;
    text-transform: uppercase;
    color: #555555;
    margin: 0;
}

.custom-modal  .modal-header button.close {
    position: absolute;
    width: 18px;
    height: 18px;
    padding: 0;
    right: 35px;
}

.custom-modal .modal-header button.close img {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0;
}

.custom-modal  .login-button {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.custom-modal  .login-button .btn.btn-primary {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    text-transform: uppercase;
    color: #555555;
    justify-content: center;
    padding: 20px;
}

.custom-modal  .login-button .text {
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 19px !important;
    text-align: center !important;
    text-transform: uppercase;
    color: #999999 !important;
    margin: 13px 0 !important;
}

.custom-modal  .login-button .btn.btn-secondary {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #333333 !important;
    border: 1px solid #333333 !important;
}

.custom-modal .modal-header .logo-box {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal .modal-header .logo-box img {
    width: 100%;
}

.custom-modal  .login-form {}

.custom-modal  .login-form form {
    margin: 0;
}

.custom-modal  .login-form .form-group {
    margin-bottom: 24px;
}

.custom-modal  .login-form .form-group label.control-label {
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #555555;
    text-align: left;
    width: 100%;
}

.custom-modal  .login-form .form-group .form-control {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
    background-image: none;
    padding: 10px 12px;
    font-weight: normal;
    font-size: 14px;
    color: #000000;
}

.custom-modal .login-form .form-group.btnblock {}

.custom-modal .login-form .form-group.btnblock .btn.btn-primary {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    justify-content: center;
    text-transform: uppercase;
    color: #333333;
    padding: 20px;
    margin: 0;
}

.custom-modal .login-form .form-group .text {
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #B9B9B9;
}

.custom-modal .login-form .form-group .text a {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-align: center;
    color: #333333;
    text-decoration: underline;
}

.custom-modal .login-form .form-group:last-child {
    margin-bottom: 0;
}
.modal-backdrop.show {
    opacity: 0.65;
}

.datepicker.dropdown-menu {
    opacity: 1;
    transform: initial;
}
.datepicker .datepck_startdate {
    position: relative;
    padding: 0 !important;
}
.calendar.left .datepck_startdate {
    margin-right: 12px;
}
.datepck_startdate svg {
    position: absolute;
    left: 9px;
    top: 5px;
    color: #c4c4c4;
}
.datepicker.ltr .ranges {
    float: none !important;
    text-align: right;
}
ul.navbar-nav.nav-right.nav-menu-right li.nav-item.dropdown {}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.dropdown .dropdown-menu {
    right: 0;
    left: unset;
    top: calc(100% + 10px);
    background: #111111;
    min-width: 250px;
    border-radius: 0;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.dropdown .dropdown-menu a.dropdown-item {
    padding: 20px 15px;
    background: transparent !important;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.dropdown .dropdown-menu a.dropdown-item p.text {
    font-weight: 500;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
    white-space: break-spaces;
    margin: 0;
    max-width: 90%;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item.dropdown .dropdown-menu a.dropdown-item img {
    max-width: 150px;
}
.registration-form .form-group .card-body {
    padding: 0;
}
.membership-modal .modal-header {box-shadow: none;height: auto;}

.membership-modal .modal-header button.close {right: 76px;top: 80px;}

.membership-plans-block form .card-body {
    padding: 0 0 30px;
}

.membership-plans-block .btn-block .btn.btn-primary:hover,.membership-plans-block .btn-block .btn.btn-primary:focus {
    background: transparent !important;
    color: #F1B645 !important;
}
div#card-errors {
    color: red;
    font-size: 12px;
    margin: 5px 0 0;
}
.membership-plans-block .btn-block .btn.btn-primary {
    font-size: 14px;
    padding: 10px 15px;
}
table.table.table-bordered tr td, table.table.table-bordered tr th,table.table.table-bordered tr td .btn {
    font-size: 12px;
    vertical-align: middle;
    margin: 0;
}
.upload-imgblock .upload-field .customimagecls img {
    width: 100%;
    max-width: 180px;
}
.upload-imgblock .upload-field .customimagecls span.closethumbnailimage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 10px;
    box-shadow: 1px -1px 3px 0px rgb(0 0 0 / 40%);
    cursor: pointer;
}
.datepicker.dropdown-menu {
    opacity: 1 !important;
    transform: initial !important;
}
.app-content .btn.btn-primary:hover, .app-content .btn.btn-primary:focus {
    background: transparent !important;
    color: #000000 !important;
    transition: all 0.3s ease;
}
.daterangepicker.dropdown-menu {
    opacity: 1;
    transform: initial;
}
.daterangepicker .daterangepicker_input {
    position: relative;
    padding: 0 !important;
}
.calendar.left .daterangepicker_input {
    margin-right: 12px;
}
.daterangepicker_input svg {
    position: absolute;
    left: 9px;
    top: 5px;
    color: #c4c4c4;
}
.daterangepicker.ltr .ranges {
    float: none !important;
    text-align: right;
}
.applyBtn.btn.btn-sm.btn-success {
    background: #000000;
    border-radius: 8px;
    padding: 5px 20px;
    color: #fff;
    border: 1px solid #26126f;
    font-size: 12px;
    margin-top: 10px;
}
.cancelBtn.btn.btn-sm.btn-default {
    background: #dfdfdf;
    border-radius: 8px;
    font-size: 12px;
    padding: 5px 16px;
    margin-top: 10px;
}
.daterangepicker table {
    font-size: 12px;
}
.daterangepicker .input-mini {
    font-size: 13px;
}
.daterangepicker td.start-date {
    border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -ms-border-radius: 4px !important;
    -o-border-radius: 4px !important;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #000000 !important;
}
.daterangepicker .input-mini {
    background: #fff !important;
}
.daterangepicker {
    background-color: #eff0f2 !important;
}
.dropdown-menu {
    box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0), 0 3px 11px -2px rgba(0, 0, 0, 0.2), 0 1px 15px 0 rgba(0, 0, 0, 0.09) !important;
}
.daterangepicker::after {
    border-bottom: 6px solid #eff0f2 !important;
}
.daterangepicker .input-mini.active {
    border: 1px solid #26126f !important;
}

.filter-block input.form-control::placeholder {
    line-height: 40px !important;
}
.form-content .form-group .form-control::placeholder {
    line-height: 40px !important;
}
.form-content .bmd-form-group {
    padding: 0 !important;
}
.accounts-section .linked-profiles .profile-list ul::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

.accounts-section .linked-profiles .profile-list ul::-webkit-scrollbar
{
    width: 6px;
    height: 4px;
    background-color: transparent;
}

.accounts-section .linked-profiles .profile-list ul::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}
ul.tab-lists {
    width: 100%;
    overflow-x: auto;
}
ul.tab-lists::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

ul.tab-lists::-webkit-scrollbar
{
    width: 6px;
    height: 4px;
    background-color: transparent;
}

ul.tab-lists::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}
.accounts-section .linked-profiles .profile-list ul {
    display: flex;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    /* overflow-x: auto;
    background: #fff;
    box-shadow: 0px 8px 50px rgb(0 0 0 / 5%); */
}
.row.form-element.page-questions_1 {
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%;
}

.row.form-element.page-questions_1 h1 {font-size: 24px;text-align: left !important;}

.row.form-element.page-questions_1 h1 strong {
    font-weight: normal;
}
.row.form-element.page-questions_1 .form-group {
    margin-bottom: 0;
}

.row.form-element.page-questions_1 p {
    font-size: 14px;
    margin: 0;
}

.row.form-element.page-questions_1 {
    padding-bottom: 22px;
}
.form-control:focus {
    transition: all 0.3s ease;
    border-bottom: 1px solid #F1B645 !important;
}

 .form-control {
    transition: all 0.3s ease;
}
.form-content .position-relative .form-control::placeholder {
    line-height: 40px !important;
}
.upload-imgblock a.text {
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #333333;
    margin: 14px 0 0;
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    display: inline-block;
}
ul.tab-lists li {
    position: relative;
}

ul.tab-lists li .del-icon {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    padding: 10px 0;
    position: absolute;
    right: 19px;
    cursor: pointer;
    z-index: 1;
    top: 0;
}

ul.tab-lists li a {
    /*padding-right: 10px;*/
}
ul.tab-lists li .del-icon {
    transition: all 0.2s ease;
    transform: scale(1);
}

ul.tab-lists li .del-icon:hover {
    transition: all 0.2s ease;
    transform: scale(1.1);
}

.radio_style label:before {
    margin-left: -16px !important;
}

.checkbox-block01 label:before {
/*    border: 1px solid #000 !important;*/
    border-radius: 100%;
}
.accounts-section .container-fluid .row {
        min-width: 100%;
}

.accounts-section .container-fluid .row > form {
    width: 100%;
}
.checkbox-block01 input:checked + label:after {
    border-radius: 50px;
}
.modal-body .form-group.bmd-form-group {
    width: 100% !important;
    float: unset !important;
}

.modal-body .form-group.bmd-form-group label.error {
    line-height: 15px !important;
}

.modal-body .form-group .btn.btn-primary {
    padding: 20px !important;
}
.modal-body .form-control {
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    color: #333333;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    /*font-family: 'Open Sans', sans-serif;*/
    color: #333333;
}

.modal-body .form-group.bmd-form-group {
    padding: 0;
    margin-bottom: 16px !important;
}

.modal-body label {
    flex: 1;
    position: relative !important;
    top: 0 !important;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #444444;
}


.modal-body .form-group .btn.btn-primary {
    width: 100%;
    text-align: center;
    justify-content: center;
    border: 1px solid #F1B645 !important;
}

.modal-body .form-group .btn.btn-primary:hover,.modal-body .form-group .btn.btn-primary:focus {
    color: #F1B645 !important;
}
.modal-body  a.show-btn {
    position: absolute;
    right: 13px;
    top: 9px;
    font-size: 14px;
    color: #000;
}

.modal-body .form-group label.error {
    text-transform: initial;
    margin-top: 9px;
    color: red !important;
    font-size: 12px !important;
    font-weight: normal;
    margin-bottom: 0;
}

.modal-body .form-group {
    position: relative;
}
input.form-check-input {
    cursor: pointer;
}
.form-check {
    display: inline-block;
    padding-right: 1.25rem;
}

.form-check label.form-check-label {
    position: relative;
    cursor: pointer;
    margin: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    color: #444444;
}

.form-check input.form-check-input {
    top: 1px;
}
.modal-body .btn.btn-secondary {
    padding: 20px !important;
}


/* event listing */

.search-box {
    display: flex;
    align-items: center;
}
.search-sec {
    background: #F8F8F8;
    padding: 20px 0;
}
.search-box {
    display: flex;
    align-items: center;
    height: 33px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #CACEDA;
}
.search-box .btn.btn-primary {
    margin: 0;
    border: 3px solid #F1B645;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
    padding: 13px 40px;
    transition: all 0.3s ease;
    background: #F1B645 !important;
    border-radius: 4px;
    margin-right: 4px;
}
.search-box input {
    background-image: none;
    line-height: initial;
    font-size: 14px !important;
}
.search-box input::placeholder {
    font-size: 14px !important;
}
label.form-label {
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
}
.search-icon img {
    height: 26px;
}
.filter select {
    background: #fff;
    background-image: none !important;
    border-radius: 4px;
}
.filter select {
    background: #fff;
    background-image: none !important;
    border-radius: 4px;
    margin-top: 5px;
}
.search-box .form-control:focus {
    border-bottom: 0px solid #F1B645 !important;
}
.filter .form-control:focus {
    transition: all 0.3s ease;
    border-bottom: none !important;
    background-color: #fff;
}
.event-listing .card-thumbnail {
    height: 120px;
    position: relative;
    /*overflow: hidden;*/
    transition: .7s ease-in-out all;
}
.event-listing .card-thumbnail::before {
    /*position: absolute;
    top: 0;
    left: 0;
    background-image: linear-gradient(#fff0,black);*/
    content: "";
    /*height: 100%;
    width: 100%;
    z-index: 9;*/
}
.event-listing .card-thumbnail p {
    position: absolute;
    bottom: 0;
    left: 20px;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    z-index: 99;
}
.card-thumbnail .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-listing .card-body h3,
.cart-item-details h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    color: #2C2E30;
    text-transform: initial;
}
.event-listing .card-body a:hover{
    text-decoration:none;
}
.event-listing .card {
    border: 1px solid #E9E5E5;
    box-shadow: none;
}
.card-inner {
    display: flex;
    justify-content: space-between;
    margin-top: 35px;
    align-items: flex-start;
}
.card-inner h4 p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #999;
    margin-bottom: 5px;
}
.card-inner h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    color: #333;
    margin: 0;
}
.card-inner .btn.btn-primary {
    padding: 12px 20px;
    border-radius: 4px;
    max-height: 40px;
    font-size: 14px;
}
.card-inner .btn.btn-primary:hover {
    color: var(--primary) !important;
}

.event-banner {
    height: 445px;
    position: relative;
}
.event-banner .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gall-btn {
    position: absolute;
    bottom: 25px;
    left: 25px;
    background: #fff;
    padding: 7px 15px;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    overflow: hidden;
    cursor: pointer;
}
.gall-btn img {
    height: 18px;
}
.event-details .card.price-sec h4::before {
    width: 0;
}
.event-details .card-inner h4 {
    padding-left: 0;
}
.event-details .card-inner {
    margin-top: 0px;
}
.event-details .card.price-sec {
    width: 360px;
    margin-top: -100px;
    margin-right: 20px;
    border: 1px solid #E9E5E5;
    box-shadow: none;
    border-radius: 4px;
}
.event-details .card-inner h4 {
    font-size: 32px;
    line-height: 40px;
}
.membership-plans-block .event-details .titlehead .btn.btn-primary {
    padding: 15px;
    text-transform: capitalize;
    min-width: 110px;
    min-height: 39px;
    justify-content: center;
    border-radius: 4px;
    margin-bottom: 32px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #333333;
    border: 1px solid #F1B645 !important;
    font-weight: 600;
}
.event-date span {
    margin-right: 40px;
}
.event-date span b {
    margin-right: 10px;
}
.event-date {
    padding-left: 20px;
}
.heading-second{
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 16px;
}
.event-content p{
    color: #222222;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
}
.big-sec h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 34px;
}
.big-sec p, .small-sec p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #54565A;
}
.big-sec {
    min-height: 270px;
    position: relative;
}
.small-sec h3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
}
.small-sec p {
    margin:0;
}
.small-sec {
    height: 90px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #E9E5E5;
    position: relative;
}
.small-sec:last-child{
    border-bottom: none;
}
.block-sec {
    position: relative;
}
.block-sec::before {
    content: "";
    width: calc(100% - 20px);
    height: 104%;
    position: absolute;
    left: 0;
    top: 0;
    right:0;
    margin: auto;
}
.block-sec.gold::before {
    background:#FFFBF3
}
.block-sec.silver::before {
    background:#FAFAFA
}
.block-sec.bronze::before {
    background:#FFFBFB;
    width: calc(100% - 10px);
    left: initial;
    right:0;
}
.bronze .big-sec hr {
    width: calc(100% - 10px);
    position: relative;
    right: -5px;
}
.big-sec hr {
    width: calc(100% - 20px);
    border-style: dashed;
    border-color: #999999;
}
.big-sec .title-sec {
    padding: 2.3rem 4rem .1rem 4rem;
}
.big-sec h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 39px;
    padding-top: 11px;
}
.event-details .related-events .card-inner h4 {
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    color: #444444;
}
.event-listing a .card {
    color: #2C2E30;
}
.event-listing .card:hover .card-thumbnail img {
    /*transform: scale(1.2);
    transition: .5s ease-in-out;*/
}
.modal-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}
.event-thumb {
    height: 70px;
    width: 70px;
}
.event-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.event-title p {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #999999;
    padding-top: 12px;
}
button.close {
    text-align: right;
    padding: 10px 12px;
}
.modal-content .modal-header {
    padding: 20px 20px 5px;
    position: relative;
}
.event-model .modal-header::before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% - 36px);
    border-bottom: 1px dashed black;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
}
.ticket-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #E9E5E5;
}
.ticket-title {
    display: flex;
}
.ticket-name h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin: 0;
}
.ticket-name p {
    font-size: 11px;
    font-weight: 400;
    color: #999999;
    margin: 0;
}
.ticket-name a {
    font-size: 11px;
    font-weight: 400;
    text-decoration: underline;
    color: #1CAF68;
    position: relative;
    top: -5px;
}
.model-btn {
    display: flex;
    justify-content: flex-end;
}
.model-btn .btn.btn-primary {
    border: 1px solid #F1B645;
}
.ticket-price {
    font-size: 18px;
    font-weight: 700;
    line-height: 46px;
}
.btn-outline-secondary.custom-file-control::before, .btn.btn-outline-secondary {
    color: #000;
    border: 1px solid #999999;
    padding: .46875rem 2rem;
    border-radius: 4px;
}
.model-btn button {
    height: 40px;
    font-size: 14px;
}
.model-btn button {
    height: 43px;
    font-size: 14px !important;
    border-radius: 4px;
    padding: 20px 40px;
}
.model-btn .btn.btn-primary:hover, .model-btn .btn.btn-primary:focus {
    color: #F1B645 !important;
}
.close {
    opacity: 1;
}
.modal-body .ticket-sec:nth-child(3) {
    border: 0;
}

/* event gallery */

.gall-btn #gallery {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    opacity: 0;
    z-index: 9;
}
.gall-btn .slick-slide {
    width: 160px;
    height: 32px;
}
.gall-btn .slick-slide img {
    width: 100%;
    height: 35px;
    object-fit: cover;
}
.slick-prev.slick-arrow {
    z-index: 99;
}
.price-mob{
    display:none;
}
.related-events a:hover {
    text-decoration: none;
}



/* my cart */

.cart-header,
.amount-sec .card-header {
    height: 58px;
    background: #F5F5F5;
    display: flex;
    margin-bottom: 15px;
    justify-content: space-between;
    padding: 0 15px;
    align-items: center;
    border: 1px solid #E7E7E7;
}
.cart-header h3 {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
}
.cart-header a {
    font-size: 12px;
    height: 32px;
    padding:0 .7rem !important;
    display: flex;
    align-items: center;
    background-color: #fff !important;
}
.cart-header a img {
    height: 14px;
    margin-right: 5px;
}
.cart-item {
    border: 1px solid rgba(153, 153, 153, 0.5);
    position: relative;
    height: 100%;
    min-height: 116px;
}
.cart-item-logo {
    float: left;
    height: 110px;
    width: 110px;
}
.cart-item-details {
    padding: 10px;
}
.cart-item-details .event-date span {
    margin-right: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    display: inline-block;
}
.ticket-dtl {
    font-size: 14px;
    font-weight: 400;
    color: #999;
    display: inline-block;
}
.cart-item-details .event-date span {
    padding-right: 10px;
    border-right: 1px solid rgba(153, 153, 153, 0.5);
}
.cart-item-details .event-date span:last-child {
    border-right: none;
}
.cart-item-details a {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #444;
    text-transform: uppercase;
}
.cart-item-details h3 {
    margin-bottom: 2px;
}
.cart-item-details a svg {
    transform: rotate(90deg);
    position: relative;
    left: -4px;
}
.cart-item-details label {
    font-size: 11px;
    font-weight: 500;
    line-height: 12px;
    color: #555;
}
.cart-item-details {
    padding: 10px;
}
.cart-item-details select,
.cart-item-details input,
.cart-item-details textarea {
    border: 1px solid rgba(187, 187, 187, 0.75);
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none !important;
    font-size: 14px;
    font-weight: 400;
}
.cart-item-details h2 {
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    margin: 0;
}
.cart-body {
    position: relative;
    margin-bottom: 15px;
}
.remove-item {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 9;
}
.custom-file-control:focus,
.form-control:focus {
    border-color: rgba(187, 187, 187, 0.75);
}
.cart-item-details .form-control:focus {
    border-bottom: 1px solid rgba(187, 187, 187, 0.75) !important;
}
.cart-item-logo {
    float: left;
    height: 115px;
    width: 110px;
}
.cart-item-logo img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.amount-sec .card-header {
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: #fff;
    background: #333333;
    border: none;
    border-radius: 4px 4px 0 0;
}
.amount-sec .card {
    box-shadow: none;
    border: 1px solid rgba(153, 153, 153, 0.5);
    border-radius: 4px;
}
.amount-sec .card-body {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    padding: 1.25rem 15px;
}
.total-amout {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.amounts,
.sub-total,
.dis-amounts {
    margin-bottom: 15px;
}
.coupon-model h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 27px;
    text-align: center;
}
.coupon-model .modal-body .form-group label {
    font-size: 14px !important;
    font-weight: 400;
    text-transform: initial;
    color: #333 !important;
    padding-bottom: 5px;
}
.coupon-model .event-model .modal-header::before {
    border-bottom: none;
}
.coupon-model input {
    height: 56px !important;
    background: #F4F4F4;
    border: 1px dashed #999 !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
}
.coupon-model button{
    height: 56px !important;
}
.save-amount div {
    font-size: 12px;
    font-weight: 400;
    color: #4a4a4a;
}
.save-amount div:last-child {
    color: #57A978;
    font-size: 18px;
    font-weight: 600;
}
.coupon-added {
    display: flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    color: #1CAF68;
}
.coupon-added a {
    padding: 0 !important;
    margin-left: 5px;
    background: none !important;
}
.cart-item-details .row {
    min-height: 95px;
}
.second-img span {
    display: block !important;
    white-space: break-spaces;
    width: 160px;
}

/* checkout */

.progress-sec {
    height: 95px;
    background-color: #F5F5F5;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.checkout-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.checkout-status span div {
    height: 27px;
    width: 27px;
    background: whitesmoke;
    border: 2px solid #99999991;
    border-radius: 30px;
    margin-bottom: 5px;
    position: relative;
    z-index: 99;
}
.checkout-status span {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: #bdbdbd;
}
.checkout-status::before {
    content: "";
    position: absolute;
    width: calc(100% - 80px);
    height: 2px;
    background-color: rgba(153, 153, 153, 0.65);
    top: 13px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9;
}
.checkout-status.first span:nth-child(1) div,
.checkout-status.second span:nth-child(2) div,
.checkout-status.third span:nth-child(1) div,
.checkout-status.third span:nth-child(2) div,
.checkout-status.third span:nth-child(3) div,
.checkout-status.fourth span:nth-child(1) div,
.checkout-status.fourth span:nth-child(2) div,
.checkout-status.fourth span:nth-child(3) div {
    border-color: #57A978;
}
.checkout-status.second span:nth-child(1) div,
.checkout-status.third span:nth-child(2) div,
.checkout-status.third span:nth-child(1) div,
.checkout-status.fourth span:nth-child(2) div,
.checkout-status.fourth span:nth-child(1) div,
.checkout-status.fourth span:nth-child(3) div {
    background-color: #57A978;
    border-color: #57A978;
}
.checkout-status.first span:nth-child(1) div::before,
.checkout-status.second span:nth-child(1) div::before,
.checkout-status.second span:nth-child(2) div::before,
.checkout-status.third span:nth-child(3) div::before,
.checkout-status.third span:nth-child(1) div::before,
.checkout-status.third span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(3) div::before {
    content: "";
    height: 17px;
    width: 17px;
    position: absolute;
    background-color: #57A978;
    border-radius: 30px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.checkout-status.second::after,
.checkout-status.third::after,
.checkout-status.fourth::after {
    content: "";
    position: absolute;
    width: calc(50% - 30px);
    height: 2px;
    background-color: rgb(87, 169, 120);
    top: 13px;
    left: 40px;
    right: 0;
    margin: initial;
    z-index: 9;
}

.checkout-status.third::after,
.checkout-status.fourth::after {
    width: calc(90% - 30px);
}

.checkout-status.third span:nth-child(1) div::before,
.checkout-status.third span:nth-child(2) div::before,
.checkout-status.second span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(1) div::before,
.checkout-status.fourth span:nth-child(2) div::before,
.checkout-status.fourth span:nth-child(3) div::before {
    background-image: url('../../images/status-tick.png');
    background-repeat: no-repeat;
    background-position: center;
}
.checkout-title {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05);
}
.checkout-title h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #333;
}
.checkout input, .checkout select, .checkout textarea {
    height: 40px;
    padding: 0px 10px;
    line-height: 40px;
}
.checkout-title span {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: #333;
}
.amount-sec button {
    justify-content: center;
    border-radius: 4px;
}
.amount-sec button:hover {
    color: #F1B645 !important;
}
.checkout-title a:hover {
    text-decoration: none;
}
.order-details .progress-sec {
    height: auto;
    min-height: 56px;
    justify-content: center;
    padding: 20px;
}
.order-header {
    display: flex;
    align-items: center;
    height: 100%;
}
.order-header h5,
.payment-mode h5 {
    font-size: 14px;
    font-weight: 600;
    color: #2C2E30;
    text-transform: uppercase;
}
.order-header h5{
    text-align: left;
}
.myEvent-title p {
    font-size: 14px;
    margin: 0;
}
.order-header p {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin: 0;
}
.order-header div {
    padding: 0 18px;
    border-right: 1px solid #999;
    border-bottom: 0px;
    border-top: 0px;
    min-width: 148px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
}

.order-header div:first-child {
    padding-left: 0 !important;
}
.order-header div:last-child {
    border: 0;
    padding-right: 0 !important;
}
.order-header a {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #57A978;
    text-decoration: underline;
}
.order-details .cart-header {
    padding: 0 33px;
    background: #fff;
    margin: 0;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
}
.order-details .membership {
    border: 1px solid #E7E7E7;
}
.order-details .cart-item {
    border: 0;
    margin-bottom: 15px;
    min-height: 95px;
}
.order-details .cart-body {
    padding: 15px 33px;
    margin: 0;
}
.order-details .cart-item-logo {
    height: 95px;
    border-radius: 4px;
    overflow: hidden;
}
.order-details .cart-item-details {
    padding: 0;
}
.order-details .cart-item:last-child {
    margin: 0;
}
.order-details .cart-item-details a {
    margin-top: 0;
    text-decoration: underline !important;
}
.event-two p {
    text-align: center;
}
.member-two p,
.event-two p {
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    color: #999;
}
.member-two span{
    color: #333;
}
.order-details .cart-item-details h2 {
    font-size: 15px;
    font-weight: 400;
    text-align: right;
    margin: 0;
    color: #333;
    line-height: 46px;
}
.quantity-box{
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.quantity-box input {
    border: 0 !important;
}
.quantity-box input,
.quantity-box button {
    height: 30px !important;
    width: 30px;
    margin: 0;
    padding: 5px !important;
    text-align: center;
}
.quantity-box button {
    border: 1px solid #999999;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2px;
    font-size: 25px;
    color: #999;
    font-weight: 300;
}
.quantity-box input {
    color: #000 !important;
    font-size: 18px !important;
    width: 40px;
}
.payment-mode img {
    float: left;
    height: 40px;
    margin-right: 10px;
}
.payment-mode p {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    color: #4A4A4A;
    margin: 0;
}
.payment-mode span {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    color: #999999;
}
.payment-mode h5 {
    margin-bottom: 6px;
}
.payment-mode h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    color: #333;
}
.payment-mode hr {
    margin: 15px 0 25px;
}
.number-cart.cartcount {
    background: var(--primary);
    height: 16px;
    width: 16px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    position: absolute;
    right: 6px;
    top: 6px;
}

.order-details .btn.btn-primary {
    border: 1px solid #F1B645;
    font-weight: 600;
    font-size: 12px;
    padding: 13px 20px;
    border-radius: 4px;
    margin-left: 0.5rem !important;
}
.order-details .btn.btn-primary:focus {
    color: #F1B645 !important;
}
.member-two {
    text-align: center;
}
.order-details {
    margin-bottom: 50px;
}
.order-details:last-child {
    margin-bottom: 0px;
}
.quantity-box input {
    background-color: #fff !important;
}
.order-header a {
    font-size: 12px;
    height: 40px;
    padding: 0.5rem 1.4rem !important;
    display: flex;
    align-items: center;
    background-color: transparent !important;
    text-decoration: none;
    border: 1px solid #222;
    border-radius: 4px;
}
.myevent-sec .cart-body {
    border: 1px solid #EDEDED;
    border-radius: 8px;
    overflow: hidden;
}
.myevent-sec .cart-item-logo {
    height: 100px;
    border-radius: 0;
    overflow: hidden;
    width: 150px;
}
.myevent-sec h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    margin: 0;
}
.purchased-date {
    background: #F9F9F9;
}
.status-active h6,
.status-expire h6 {
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    color: #57A978;
}
.status-expire h6 {
    color:#DC2121
}
.myevent-sec .btn-outline-warning.custom-file-control::before, .myevent-sec .btn.btn-outline-warning {
    color: #DC2121;
    border: 1px solid #DC2121;
    min-width:197px;
    justify-content: center;
}
.progress-sec .btn.btn-outline-secondary {
    font-size: 14px;
}
.event-price {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    height: 100%;
}
.myEvent-control {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    text-align: center;
}
.event-item {
    border: 1px solid #CFCFCF;
    border-radius: 4px;
}
.myEvent-title {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.myEvent-title h2 {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    color: #333;
    margin-bottom: 0px;
}
.myEvent-title span {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    color: #999;
    margin-top: 5px;
}
.myEvent-amount span {
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    color: #999;
}
.myEvent-amount h3 {
    font-size: 22px;
    font-weight: bold;
    margin: 0;
    line-height: 30px;
    color: #333;
}
.myEvent-title {
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-right: 1px dashed #CFCFCF;
    position: relative;
}
.top-round,
.bottom-round {
    content: "";
    height: 15px;
    width: 15px;
    position: absolute;
    background: white;
    border-radius: 100px;
    z-index: 9;
    border: 1px solid #cfcfcf;
    right: -8px;
}
.top-round {
    top: -7px;
}
.bottom-round {
    bottom: -7px;
}
.myEvent-control h4 {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: #333;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%;
}
.myEvent-control div {
    height: 100%;
    padding: 15px 30px;
    border-left: 1px solid #cfcfcf;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex: 1;
}
.myEvent-control a:hover {
    text-decoration: none;
}
.top-round::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 13px;
    background: white;
    top: -8px;
    left: -3px;
}
.bottom-round::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 13px;
    background: white;
    top: 8px;
    left: -3px;
}
.model-btn a {
    padding: .46875rem 2rem !important;
    font-size: 14px !important;
    border-radius: 4px;
}
.check-2 input {
    height: auto;
    margin-right: 3px;
}
.card-details {
    padding: 20px;
    background: whitesmoke;
    border-radius: 5px;
    border: 1px solid #e6e3e3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.card-details input {
    background: #fff;
}
.CardField-expiry.CardField-child {
    margin-right: 10px !important;
}

/* home slider */
.slick-dots li button:hover::before,
.slick-dots li button:focus::before {
    opacity: 0 !important;
}
.slick-dots li.slick-active button::before {
    opacity: 0 !important;
}
.slick-dots li button::before {
    opacity: 0 !important;
}
.slick-dots {
    bottom: 35px !important;
}
.membership-plans-block a:hover,
.membership-plans-block a:focus {
    color: #222 !important;
    text-decoration: none;
}
.myEvent-control img {
    height: 20px;
    width: 20px;
    object-fit: contain;
}
.collapsing{
    opacity: 0;
}
.navbar-toggler {
    padding: .25rem .5rem;
}
.inner-header table {
    width: 100%;
}
form.edit-form .inner-titleheader__cta .btn.btn-secondary {
    border: 1px solid #555555;
    background-color: transparent;
    color: #222222;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 15px;
    width: 150px;
    text-align: center;
    border-radius: 4px;
    display: inline-block;
    text-transform: capitalize;
}
form.edit-form .inner-titleheader__cta .btn.btn-primary {
    background-color: #F1B645;
    color: #222222;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    padding: 9px 15px;
    width: 150px;
    text-align: center;
    margin-left: 13px;
    display: inline-block;
    text-transform: capitalize;
}
.order-header h5 img {
    position: relative;
    top: -2px;
}
.wallet-details .wallet-item {
    border: 0;
    border-radius: 0;
    overflow: hidden;
    padding: 20px 0;
}
.wallet-details .cart-body {
    border: 0;
    border-bottom: 1px solid #EDEDED;
    border-radius: 0;
}
.wallet-title h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    margin: 0;
}
.wallet-title.bold h6 {
    font-weight: 500 !important;
    text-align: left !important;
    margin: 0;
}
.wallet-control a {
    height: 30px;
    width: 35px;
    background: #F5F5F5;
    display: inline-block;
    padding-top: 0px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid #BEB9B9;
    margin-left: 5px;
}
.wallet-control {
    text-align: center;
}
.wallet-title {
    padding: 10px 0;
    border-right: 1px solid rgba(153, 153, 153, 0.5);
}
.wallet-body .progress-sec {
    display: none;
}
.wallet-model .close {
    position: absolute;
    top: 0;
    right: 40px;
    bottom: 0;
    padding: 0;
}
.wallet-model .modal-header {
    align-items: center;
    background: #F8F8F8;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);
    height: 74px;
    justify-content: center;
}
.wallet-model h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 0px;
    margin: 0;
    text-transform: uppercase;
    color: #333;
}




/* drag and drop */
.uploader {
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

.uploader label {
    float: left;
    clear: both;
    width: 100%;
    padding: 2rem 1.5rem 1.5rem;
    text-align: center;
    background: #FCFCFC;
    border: 2px dashed #DBDBDB;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.uploader label.hover {
    border: 3px solid #454cad;
    box-shadow: inset 0 0 0 6px #eee;
}

.uploader label.hover #start i.fa {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    opacity: 0.3;
}

.uploader #start {
    float: left;
    clear: both;
    width: 100%;
}

.uploader #start.hidden {
    display: none;
}

.uploader #start i.fa {
    font-size: 50px;
    margin-bottom: 1rem;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.uploader #response {
    float: left;
    clear: both;
    width: 100%;
}

.uploader #response.hidden {
    display: none;
}

.uploader #response #messages {
    margin-bottom: .5rem;
}

.uploader #file-image {
    display: inline;
    margin: 0 auto .5rem auto;
    width: auto;
    height: auto;
    max-width: 180px;
}

.uploader #file-image.hidden {
    display: none;
}

.uploader #notimage {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}

.uploader #notimage.hidden {
    display: none;
}

.uploader progress,
.uploader .progress {
    display: inline;
    clear: both;
    margin: 0 auto;
    width: 100%;
    max-width: 180px;
    height: 8px;
    border: 0;
    border-radius: 4px;
    background-color: #eee;
    overflow: hidden;
}

.uploader .progress[value]::-webkit-progress-bar {
    border-radius: 4px;
    background-color: #eee;
}

.uploader .progress[value]::-webkit-progress-value {
    background: -webkit-linear-gradient(left, #393f90 0%, #454cad 50%);
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
}

.uploader .progress[value]::-moz-progress-bar {
    background: linear-gradient(to right, #393f90 0%, #454cad 50%);
    border-radius: 4px;
}

.uploader input[type="file"] {
    display: none;
}

.uploader div {
    margin: 0 0 .5rem 0;
    color: #5f6982;
}

.uploader .btn {
    display: inline-block;
    margin: .5rem .5rem;
    clear: both;
    font-family: inherit;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border-radius: .2rem;
    outline: none;
    padding: 0 2rem;
    height: 40px;
    line-height: 36px;
    color: #000;
    box-sizing: border-box;
    background: #fff;
    border-color: #BEB9B9;
    cursor: pointer;
}
.uploader h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    color: #555;
    margin-top: 10px;
}
.uploader h6 {
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    color: #000;
    text-transform: initial;
    margin-top: 15px;
}
.uploader p {
    font-size: 10px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
    color: #999;
    text-transform: initial;
}
/* drag and drop */

.doc-name {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 2px;
}
.doc-name img {
    height: 14px;
}
.doc-status {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #999;
}
.doc-item {
    display: flex;
    margin-bottom: 10px;
}
.status-icon {
    width: 25px;
}
.label {
    font-size: 14px;
    font-weight: 600;
    line-height: 17px;
    color: #999;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.wallet-model .modal-body .form-control {
    border: 1px solid rgba(187, 187, 187, 0.75);
}
.progresstitle a {
    height: 40px;
}
.modal-content .btn.btn-primary:hover {
    color: gray;
}
.progresstitle a {
    height: 40px;
    padding: 15px 20px !important;
    font-size: 13px !important;
    margin-left: 3px !important;
}
.nav-item.profile-box img {
    object-fit: cover !important;
}
.non-file {
    padding-top: 40px;
}
.non-file h4 {
    margin-top: 15px;
    margin-bottom: 5px;
}
.non-file p {
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: #999;
}
.club-plan .event-title h2 {
    font-size: 20px;
    margin: 0;
}

.club-plan .modal-header {
    height: 70px;
}

.club-plan .modal-body {
    padding: 30px 20px !important;
}
.club-plan .modal-body label {
    text-transform: initial !important;
    color: #606060 !important;
    margin-bottom: 8px;
    font-weight: bold;
    text-transform: uppercase !important;
    color: #555555 !important;
}
.addthis_button_twitter,
.addthis_button_facebook {
    color: #2C2E30 !important;
}








/*27-09-2021*/

.accounts-section .linked-profiles .addnew-profile {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.accounts-section .linked-profiles .addnew-profile .edit {
    text-decoration: none;
    padding: 12px 14px;
    border-radius: 4px;
    border: 1px solid #888888;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #333333;
}

/* .accounts-section .linked-profiles .addnew-profile .edit img {
    margin-right: 5px;
} */
/* .accounts-section .linked-profiles .profile-list ul li a:before {content: "";position: absolute;right: 0;width: 1px;height: 60%;background: #E6E6E6;top: 20%;} */

.accounts-section .linked-profiles .profile-list ul li:last-child a:before {
    background: transparent;
}
.accounts-section .linked-profiles .card  .card-content.display-nowrap {
    margin: 0;
    padding-bottom: 0;
    padding-left: 0 !important;
}

.accounts-section .linked-profiles .card .card-content.display-nowrap .card-box {
    flex: 0 0 33.3%;
    max-width: 33.3%;
    padding: 0;
}

.accounts-section .linked-profiles .card .card-content.display-nowrap .card-box p.text {margin-bottom: 0;}

.accounts-section .linked-profiles .card  .sub-head {
    padding: 0 15px;
}

.accounts-section .linked-profiles .card .sub-head p {
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
/* or 144% */
    display: flex;
    align-items: center;
    color: #666666;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECECEC;
}
.accounts-section .linked-profiles .card .card-content.display-top a.edit {
    margin-left: 30px;
}
/* .accounts-section .linked-profiles .card .card-content.display-top .card-box {
    margin-right: 8px;
} */
.accounts-section .linked-profiles  .tabs-container {
    width: 100%;
    display: flex;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills {
    margin-bottom: 22px;
    position: relative;
    display: flex;
    justify-content: flex-start;
    width: 15%;
    flex-direction: row;
    margin-right: 12px;
    border: 1px solid #DBDBDB;
    background-color: #fff;
    height: 100%;
}
.accounts-section .linked-profiles .tabs-container .nav-pills__list {
    width: 100%;
}
.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock {
    width: 100%;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 0;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock a {
    border-top: 1px solid #EAEAEA;
    border-bottom: 0;
    border-right: 0 !important;
    border-left: 0 !important;
    margin-bottom: 0;
    width: 100%;
    border-radius: 0;
    text-align: left;
    color: #555555;
    font-weight: 400;
    font-size: 12px;
    display: flex;
    align-items: center;
}
.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock a:hover {
    color: #fff;
}
.accounts-section .linked-profiles .tabs-container #appendform {
    width: 85%;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li {
    margin-right: 0;
    height: 45px;
    padding: 10px 12px 15px 12px;
    background-color: #fff;
    width: 100%;
    position: relative;
}
.container-fluid-ec {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li.active,
.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li:hover {
    background-color: #ededed;
}
.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li.active:after {
    content:"";
    height: 100%;
    width: 2px;
    background-color: #F1B645;
    position: absolute;
    right: 0;
    top: 0;
}

.accounts-section .linked-profiles .tab-content .tab-pane .card-head {
    border-bottom: 1px solid #EEECEC;
    padding: 10px 12px 8px 12px;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.accounts-section .linked-profiles .tab-content .tab-pane .card-head .add a.edit {
    font-size: 14px;
    color: #555;
    font-weight: 400;
    line-height: 28px;
}

.accounts-section .linked-profiles .tab-content .tab-pane .card-head a.edit {
    font-size: 14px;
    color: #555;
}

.accounts-section .linked-profiles .tab-content .tab-pane .card-head h3 {
    font-size: 16px;
    font-weight: 600;
    color: #222222;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li a.active {
    background-color: transparent;
}

.accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li a {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    text-decoration: none;
}

/* .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills:before {content: "";position: absolute;bottom: -8px;left: 0;width: 100%;background: rgba(153, 153, 153, 0.5);height: 1px;} */

table.table.plan-table {
    /* border-collapse: separate; */
    margin: 0;
}

table.table.plan-table thead tr {
    background: #FFFFFF;
    border-radius: 4px;
}

table.table.plan-table tbody tr {
    background: #FFFFFF;
}

table.table.plan-table thead tr th {
    border: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
/* or 167% */
    color: #2C2E30;
}

/* table.table.plan-table thead tr th:first-child, table.table.plan-table tbody tr td:first-child {
    border-radius: 4px 0 0 4px;
} */

.content-wrapper.plan-bg {
    background: #FFFFFF;
}

table.table.plan-table thead tr th:last-child, table.table.plan-table tbody tr td:last-child {
    border-radius: 0 4px 4px 0;
}

table.table.plan-table tbody tr td {
    vertical-align: middle;
}

table.table.plan-table  .plan-details {}

table.table.plan-table  .plan-details p.name {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
/* or 167% */
    color: #000000;
    margin-bottom: 4px;
}

table.table.plan-table .plan-details p:last-child {
    margin: 0;
}

table.table.plan-table p.text {
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
/* or 182% */
    color: #222222;
    margin-bottom: 4px;
}

table.table.plan-table  .plan-status {
    text-align: center;
}

table.table.plan-table  p.sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
}

.s-inactive {
    color: #DC2121 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}

.s-active {
    color: #1CAF68 !important;
    font-weight: 500 !important;
    margin-bottom: 12px !important;
}

table.table.plan-table  p.text.bold {
    font-weight: bold;
    font-size: 14px;
    line-height: 46px;
/* or 329% */
    color: #222222;
}

table.table.plan-table p.text.bold.due-amount {
    color: #222222;
}

table.table.plan-table  .btn.plan-button {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
/* identical to box height, or 18px */
    letter-spacing: 0.01em;
    color: #57A978;
    padding: 8px 12px;
    border: 1px solid #57A978;
    border-radius: 4px;
    margin: 0 8px 0 0;
}

table.table.plan-table tbody tr td.bg-color {
    background: #FBFBFB;
}

table.table.plan-table tbody tr td.bg-color1 {
    background: #FBFBFB;
}

/* table.table.plan-table tbody tr td.bg-color2 {
    background: #FCFCFC;
} */

table.table.plan-table  a.btn.btn-borderonly {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0.01em;
    color: #333;
    padding: 8px 12px;
    border: 1px solid #333;
    border-radius: 4px;
    margin: 0;
}

table.table.plan-table a.btn-underline {
    color: #333333;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-decoration: underline;
}

table.table.plan-table .btn__solid-orange {
    background-color: #F1B645;
    border-radius: 4px;
    color: #333333;
    font-size: 13px;
    font-weight: 500;
    padding: 6px 9px;
    display: block;
    text-decoration: none;
    width: 80px;
    text-align: center;
    margin: 0 auto 4px auto;
}

table.table.plan-table tbody tr td .fullwidth {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 0;
    text-transform: uppercase;
}

table.table.plan-table tbody tr td .fullwidth p.text {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #999999;
    margin-bottom: 5px;
}

table.table.plan-table tbody tr td .fullwidth a {
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    color: #F1B645;
}
table.table.plan-table .plan-status p img {
    position: relative;
    top: -2px;
}

table.table.plan-table a.btn.btn-borderonly:hover {
    color: #fff;
}
.wallet-wrapper {
    margin-bottom: 62px;
}

.wallet-wrapper .view-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.wallet-wrapper .wallet-wrapper-view {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: 0 -8px;
}

.wallet-wrapper .wallet-wrapper-view.box {
    padding: 12px 15px 15px 8px;
    margin: 0;
    display: flex;
    align-items: unset;
}

.document__img-folder {
    background-image: url(../../images/icons/icon-folder.svg);
    width: 31px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    transition: 0.1s all ease;
}

.icon-cpwd,
.icon-logout {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
}

.icon-cpwd {
    background-image: url(../../images/icons/icon-change-password.svg);
    width: 12px;
    height: 12.67px;
}
.icon-logout {
    background-image: url(../../images/icons/icon-logout.svg);
    width: 16px;
    height: 16px;
}
.wallet-wrapper .wallet-wrapper-view.box .item:hover .document__img-folder {
    background-image: url(../../images/icons/icon-folder-open.svg);
    width: 31px;
    height: 23px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    transition: 0.1s all ease-in;
}

.wallet-wrapper .wallet-wrapper-view .item {
    padding: 0;
    flex: 0 0 13%;
    max-width: 13%;
    box-shadow: 0px 4px 28px rgb(0 0 0 / 8%);
    margin: 0 6px 16px 6px;
}

.wallet-wrapper .wallet-wrapper-view .item a {
    display: inline-block;
    width: 100%;
    background: #fff;
    padding: 18px 12px;
    text-decoration: none;
}

.wallet-wrapper .wallet-wrapper-view .item a span.count {
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
/* or 200% */
    display: flex;
    justify-content: flex-start;
    color: #999999;
    margin-bottom: 6px;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box .img-box img {}

.wallet-wrapper .wallet-wrapper-view .item a .img-box p.text {}

.wallet-wrapper .view-switch .add {
    flex: 1;
    text-align: right;
}

.wallet-wrapper .view-switch .add a.edit {
    text-decoration: none;
    padding: 13px 0;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    color: #333333;
}

.wallet-wrapper .view-switch button {
    border: none;
    background: transparent;
    padding: 0;
    margin-right: 16px;
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.2s ease;
}

.wallet-wrapper .view-switch button.on {
    opacity: 1;
    transition: all 0.2s ease;
}

.wallet-wrapper .wallet-wrapper-view .item a p.text {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #333333;
    margin-bottom: 5px;
    margin-top: 8px;
}

.wallet-wrapper .wallet-wrapper-view .item a .img-box img {
    max-width: 100%;
    width: auto;
}

.wallet-wrapper .wallet-wrapper-view.list {
    flex-direction: column;
}

.wallet-wrapper .wallet-wrapper-view.list .item {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    margin-bottom: 8px;
}

.wallet-wrapper .wallet-wrapper-view.list .item a {
    padding: 10px 18px;
    display: flex;
    /*flex-direction: row-reverse;*/
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .wallet-wrapper-view.list .item a .img-box {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .wallet-wrapper-view.list .item a span.count {
    display: inline-block;
    flex: 1;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
/* or 167% */
    color: #666666;
}

.wallet-wrapper .wallet-wrapper-view.list .item a p.text {
    margin-bottom: 0;
    margin-top: 0;
    margin-left: 8px;
}

.wallet-wrapper .wallet-wrapper-view.list .item a .img-box img {
    max-width: 28px;
}
.upload-modal {
}

.upload-modal .modal-dialog {
    max-width: 80%;
    margin: auto;
    margin-top: 20px;
}

.upload-modal .modal-content {}

.upload-modal .modal-header {
    /*background: #F5F5F5;
    box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.05);
    text-align: center;
    padding: 27px;
    display: flex;
    align-items: center;*/
    /*justify-content: center;*/
}

.upload-modal .modal-header h4 {
    margin: 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
}

.upload-modal .modal-header .close {
    /*position: absolute;
    right: 27px;*/
}

.upload-modal  .modal-body {
    padding: 20px 24px;
    /*background: #FDFDFD;*/
}

.upload-modal  .modal-body .upload-form {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-modal  .modal-body .dropzone {
    width: 50%;
    background: #FFFFFF;
    border: 1px dashed #BEB9B9;
    position: relative;
    padding: 18px;
    margin-bottom: 24px;
    min-height: 110px;
}

.upload-modal  .modal-body .dropzone input[type="file"] {
    opacity: 0;
    display: none;
}

.upload-modal  .modal-body .dropzone label {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0 !important;
    left: 0 !important;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upload-modal  .modal-body .dropzone label .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.upload-modal  .modal-body .dropzone label p.text {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    color: rgba(0, 0, 0, 0.51);
    margin-left: 16px;
    margin-bottom: 0;
    text-transform: initial;
}

.upload-modal .modal-body .dropzone label .item .browse-btn {
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #333333;
    padding: 12px 36px;
    background: #FFFFFF;
    border: 1px solid #BEB9B9;
    border-radius: 4px;
}

.upload-modal .modal-body .dropzone label .item p.sub {
    font-weight: 500;
    font-size: 10px;
    line-height: 12px;
    color: #999999;
    margin-top: 5px;
    text-transform: initial;
    margin-bottom: 0;
}

.upload-modal .modal-body .dropzone label .item .browse-btn span {}

.upload-modal .modal-body  .table-doclist {
    /*border-collapse: separate;
    border-spacing: 0px 10px;*/
    width: 100%;
}
.modal_sml .modal-body {padding: 16px !important;}

.upload-modal .modal-body .table-doclist thead tr th {
    font-weight: 700;
    border: none !important;
    padding: 8px 16px;
    background: #F2F2F2;
    text-align: center;
    font-weight: 700;
    font-size: 10.5px;
    line-height: 20px;
    color: #222222;
}

.upload-modal .modal-body .table-doclist tbody tr td {
    padding: 10px 16px;
    border: 1px solid #BBBBBB;
    border-right: none;
    border-left: none;
    vertical-align: middle;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control {
    font-weight: normal;
    font-size: 12px;
    line-height: 28px;
    color: #555555;
    padding: 0;
    border: none;
    border-bottom: 1px solid #BBBBBB;
    border-radius: 0;
    height: 28px;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section {}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-icon {
    margin-right: 8px;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .delete-btn {
    margin-left: 30px;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename p.name {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
    color: #000000;
    margin: 0;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename span.sub {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #999999;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress .progress-scale {
    display: inline-block;
    flex: 1;
    position: relative;
    height: 3px;
    margin-right: 12px;
    width: 100%;
}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress img {
    /* width: 18px; */
}

.progress-scale.progress-success .p-percent {
    background: #57A978;
}

.progress-scale.progress-fail .p-percent {
    background: #DC2121;
}

.upload-modal .modal-body .table-doclist tbody tr {
    background: #fff;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td {
    border: 1px solid #DC2121;
    border-right: none;
    border-left: none;
}

.upload-modal .modal-body  .modal-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    padding: 30px 0 0;
}

.upload-modal .modal-body  .modal-footer .button-block {
    display: flex;
    align-items: center;
}

.upload-modal .modal-body  .modal-footer .button-block .btn.btn-borderonly {
    margin-right: 16px;
    min-width: 120px;
    text-transform: uppercase;
}

.upload-modal .modal-body  .modal-footer .button-block .btn.btn-primary {
    font-size: 14px;
    line-height: 20px;
    display: inline-block;
    text-transform: uppercase;
    padding: 8px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
    border: 1px solid #F1B645;
    min-width: 120px;
}

.upload-modal .modal-body .table-doclist thead tr th:first-child {
    text-align: left;
}

.upload-modal .modal-body .table-doclist tbody tr td:last-child {
    /*border-right: 1px solid #BBBBBB !important;*/
}

.upload-modal .modal-body .table-doclist tbody tr td:first-child {
    /*border-left: 1px solid #BBBBBB !important;*/
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control::placeholder {
    font-size: 12px;
    line-height: 28px;
    color: rgba(85, 85, 85, 0.5);
}

.progress-scale.progress-success:before {content: "";position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: #E3E3E3;}

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress .progress-scale .p-percent {
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
}

.sub.red {
    color: #DC2121 !important;
    font-weight: normal;
    font-size: 10px !important;
    line-height: 12px !important;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td:last-child {
    border-right: 1px solid #DC2121 !important;
}

.upload-modal .modal-body .table-doclist tbody tr.row-error td:first-child {
    border-left: 1px solid #DC2121 !important;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data {}

.upload-modal .modal-body .table-doclist tbody tr.no-data td {
    border: none !important;
    text-align: center;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files {
    padding: 80px 0;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files img {
    margin-bottom: 12px;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files p.text {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
/* identical to box height */
    text-transform: uppercase;
    color: #999999;
    margin-bottom: 4px;
}

.upload-modal .modal-body .table-doclist tbody tr.no-data td .no-files p.sub {
    font-weight: normal;
    font-size: 12px;
    line-height: 15px;
/* identical to box height */
    color: #999999;
    margin: 0;
}
.upload-modal .modal-body .dropzone label:hover .browse-btn {
    transition: all 0.3s ease;
    background: #333333;
    color: #fff;
}

.upload-modal .modal-body .dropzone label .browse-btn {
    transition: all 0.3s ease;
} 
table.table.plan-table.doc-table .file-cell {
    display: flex;
    align-items: center;
}

table.table.plan-table.doc-table .file-cell p.name {
    margin: 0;
    margin-left: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #666666;
}


table.table.plan-table.doc-table tr td {
    padding: 8px;
}

table.table.plan-table.doc-table  p.text {
    font-size: 12px;
    line-height: 20px;
/* identical to box height, or 167% */
    color: #666666;
    margin: 0;
}
.wallet-wrapper .wallet-wrapper-view.mywallet.box .item {
    flex: 0 0 14.28%;
    max-width: 14.28%;
}


/*12-10-2021*/


.form-group.form-content-group .dropzone {
    max-height: 40px;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(187, 187, 187, 0.75);
    padding: 0 !important;
}

.form-group.form-content-group .dropzone .dz-default.dz-message {
    display: flex;
    margin: 0;
}

.form-group.form-content-group .dropzone .dz-default.dz-message p {
    margin: 0;
    font-size: 14px;
}

.form-group.form-content-group .dropzone .dz-default.dz-message span.doc-up-note {
    display: none;
}

.form-group.form-content-group .dropzone .dz-default.dz-message svg {
    position: relative;
    top: 2px;
    right: 8px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls {
    height: 40px;
    margin-top: 0;
    border: 1px solid rgba(187, 187, 187, 0.75);
    padding: 0 12px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls img {
    max-height: 26px !important;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

.form-group.form-content-group + .up-pic-wrap.filenameimgcls span.closethumbnailimage {
    cursor: pointer;
    position: relative;
    top: 5px;
}
.form-group.button-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form-group.button-group .btn.btn-secondary {
    margin-top: 30px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    border: 1px solid #333;
    font-size: 14px;
    text-transform: capitalize;
    flex: 1;
    margin-right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
}

.form-group.button-group .btn.btn-primary {
    margin-top: 30px;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    margin-left: 8px;
    flex: 1;
    font-size: 14px;
    text-transform: capitalize;
    border: 1px solid #F1B645;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-group.button-group .btn.btn-primary:hover {
    color: #F1B645;
}

.form-group.button-group .btn.btn-secondary:hover {
    background: #333 !important;
    color: #fff !important;
}

.form-group.form-content-group {
    margin: 0;
}

.sa-button-container button.cancel {
    background: transparent !important;
    border: 1px solid #F1B645 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 36px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #222 !important;
    transition: all 0.3s ease;
    min-width: 120px;
}

.sa-button-container button.confirm {
    background: #F1B645 !important;
    border: 1px solid #F1B645 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 11px 36px;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #222;
    transition: all 0.3s ease;
    min-width: 120px;
    box-shadow: none !important;
}

.sa-button-container button.cancel:hover,.sa-button-container button.cancel:focus {
    /*border: 1px solid #000000 !important;
    color: #fff !important;
    background: #000000 !important;*/
}

.sa-button-container button.confirm:hover,.sa-button-container button.confirm:focus {
    /*border: 1px solid #000000 !important;
    background: transparent !important;
    color: #000000 !important;*/
}




/*14-10-2021*/


.wallet-wrapper .view-switch .back {
    margin-right: 30px;
}

.wallet-wrapper .view-switch .back a {
    position: relative;
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
    letter-spacing: 0.01em;
    color: #333333;
    text-transform: uppercase;
    padding-left: 12px;
    text-decoration: none;
}

.wallet-wrapper .view-switch  .breadcrumb-list {}

.wallet-wrapper .view-switch  .breadcrumb-list ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.wallet-wrapper .view-switch  .breadcrumb-list ul li {
    list-style: none;
    padding: 0 10px;
    position: relative;
}

.wallet-wrapper .view-switch  .breadcrumb-list ul li a {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    display: flex;
    align-items: flex-end;
    color: #666666;
    opacity: 0.6;
    text-decoration: none;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li a:hover {
    opacity: 1;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li .current {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* identical to box height, or 143% */
    color: #666666;
}

.wallet-wrapper .view-switch .breadcrumb-list ul li .current img {
    margin: 0 2px 0 4px;
}

.wallet-wrapper .view-switch .back a:before {content: "";position: absolute;left: 0;top: 2px;width: 8px;height: 8px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(135deg);}

.wallet-wrapper .view-switch .breadcrumb-list ul li:before {content: " / ";position: absolute;left: 0;top: 1px;color: #666666;font-weight: bold;font-size: 18px;line-height: 20px;}

.wallet-wrapper .view-switch .breadcrumb-list ul li:first-child:before {
    content: "  " !important;
}

.membership-plans-block .titlehead h4 {
    font-weight: normal;
    font-size: 16px;
    line-height: 40px;
    color: #333333;
    margin-bottom: 8px;
}
.wallet-wrapper .view-switch button.list-view {
    margin-right: 30px;
}
.wallet-wrapper .view-switch .breadcrumb-list ul li:first-child {
    padding-left: 0;
}

 .upload-field .btn.btn-primary {
    padding: 0 12px;
    height: 40px;
    line-height: 40px;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid rgba(187, 187, 187, 0.75) !important;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    display: inline-block;
    width: 100%;
    color: #333333;
    background: transparent !important;
    text-align: left;
    text-transform: capitalize;
}

/*18-10-2021*/


.content-wrapper.empty-cart {
    min-height: calc(100vh - 360px);
}
.content-wrapper {
    min-height: calc(100vh - 360px);
}

.content-wrapper.empty-cart .fullwidth.cart-empty p {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #999999;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}

.content-wrapper.empty-cart form {
    margin: 0;
}
.membership-plans-block .plan-details .plan-content .text-row.description-text {
    display: block;
}
ul.navbar-nav.nav-right.nav-menu-right li.nav-item.active a.nav-link,ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link:hover {
    background: transparent;
    border: 1px solid #262526;
    transition: all 0.3s ease;
}

ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
    transition: all 0.3s ease;
    border: 1px solid #262526;
}
.choose-plan .card-body:hover {
    transition: all 0.2s ease;
    border: 1px solid #F1B645;
}

.choose-plan .card-body,.choose-plan .card-body * {
    transition: all 0.2s ease;
}

.choose-plan .card-body:hover p.title {
    color: #F1B645;
}
.choose-plan .card-body:hover p.amount {
    color: #F1B645;
}

.choose-plan .card-body:hover p.plan {
    color: #F1B645;
}

.choose-plan .card-body:hover p.age {
    color: #F1B645;
}

.choose-plan .card-body:hover .btn.btn-primary {background: #F1B645 !important;border: 1px solid #F1B645 !important;color: #333 !important;}

.choose-plan .card-body:hover .btn.btn-primary:hover {
    color: #F1B645 !important;
    background: transparent !important;
}
.club-plan .modal-body label.form-check-label {
    font-weight: normal;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #444444 !important;
    text-transform: capitalize !important;
}

.club-plan .modal-body  .position-relative label {
    font-weight: normal;
    font-size: 14px !important;
    line-height: 17px !important;
    color: #444444 !important;
    text-transform: capitalize !important;
}

.modal-content .modal-header .event-title {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10px;
}

div#ticketsModal .modal-header {
    padding-bottom: 20px;
    align-items: stretch;
}

.modal-content .modal-header .event-title p {
    margin: 0;
}
.registration-form .form-group {
    position: relative;
}

.registration-form .form-group a.inside-btn {
    position: absolute;
    top: 37px;
    right: 15px;
}

.registration-form .form-group a.show-btn {
    position: absolute;
    top: 37px;
    right: 15px;
}

.card-content.no-events {
    width: 100%;
}

.card-content.no-events p.text-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 80px 0;
    margin: 0;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    color: #B8B8B8;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li.page-item {}

.pagination li.page-item a.page-link {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
/* or 143% */
    text-align: center;

/* Dark Grey / 400 */
    color: #212B36;
    background: #FFFFFF;
    border: 1px solid #DFE3E8;
    box-sizing: border-box;
    border-radius: 4px;
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination li.page-item.active a.page-link,.pagination li.page-item a.page-link:hover {
    border: 1px solid #333333;
}

.pagination li.page-item:first-child a.page-link {
    width: auto;
    background: #919EAB;
    opacity: 0.5;
    border-radius: 4px;
}

.pagination li.page-item:last-child a.page-link {
    width: auto;
    background: #919EAB;
    opacity: 0.5;
    border-radius: 4px;
}

.pagination li.page-item a.page-link:hover {
    color: #212B36 !important;
}


.ticket-sec div:last-child {
    min-width: 96px;
}

.ticket-sec .ticket-price + p {
    min-width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    font-size: .875rem;
    font-weight: bold;
    color: #F1B645 !important;
}

.ticket-price {
    padding-right: 10px;
}

.ticket-title {
    flex: 1;
}


.membership-plans-block.event-listing .container-fluid > .row {
    align-items: stretch;
}


.membership-plans-block.event-listing .container-fluid > .row .col-lg-4.col-md-6.col-sm-6.col-12.mb-4 .card {
    height: 100%;
}

.membership-plans-block.event-listing .container-fluid > .row .col-lg-4.col-md-6.col-sm-6.col-12.mb-4 .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.cart-item-details .col-sm-8.col-md-8.col-lg-4.col-xl-4.mt-lg-0.mt-4 .form-group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.membership-plans-block .plan-details .plan-content .text-row p.text,.membership-plans-block .plan-details .plan-content .text-row p {
    display: block;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    margin-right: 15px;
    margin-bottom: 14px;
}
.amount-sec .alert.alert-success.d-flex {
    padding: 14px;
}

.membership .checkout-title + .cart-item-details.p-0.mt-5 {
    margin-top: 0.5rem !important;
    padding-top: 1rem !important;
}

.membership .checkout-title + .cart-item-details.p-0.mt-5 .form-group.col-sm-12.col-md-12.col-lg-12.check-2 input {
    position: relative;
    top: 2px;
    cursor: pointer;
}

.membership .checkout-title + .cart-item-details.p-0.mt-5 .form-group.col-sm-12.col-md-12.col-lg-12.check-2 label {
    cursor: pointer;
}

.order-details .progress-sec .container {
    max-width: 100%;
}
.order-header a.link {
    font-weight: 600;
    font-size: 12px;
    line-height: 150%;
/* identical to box height, or 18px */
    letter-spacing: 0.01em;
    text-decoration-line: underline;
    color: #57A978;
    background: transparent !important;
    padding: 0 12px!important;
    margin-right: 0;
    text-decoration: none;
    color: #222;
}

.filter .form-group.col-md-3 .form-control {
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    color: #555555;
    background: #fff;
    padding: 0 12px;
    height: 40px;
    margin: 0;
}
.filter .form-group.col-md-3 .form-control::placeholder {
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    color: #555555;

}
.dis-amounts .col-7 > span {
    display: inline-block;
}
.cart-item-details .row > div:last-child {
    padding-right: 4px;
}
.cart-item-details .row > div:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 95px;
}


.payment-mode .item .payment-detail {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.payment-mode .item .payment-detail .card-img {
    width: 53px;
    height: 53px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.payment-mode .item .payment-detail .card-img img {
    height: auto !important;
    width: 100%;
}

.payment-mode .item .payment-detail .payment-info {
    margin-left: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.member-two .w-auto.text-left {
    width: auto;
    margin: 0 auto;
    display: inline-block;
}
.order-header a {
    min-width: 40px;
    justify-content: center;
}
.myEvent-control div > a {
    margin: 0 5px;
}
.membership .checkout-title + .cart-item-details .row > div:first-child {
    display: block;
    min-height: initial !important;
}


.purchase-history .fullwidth.cart-empty img {
    margin-bottom: 0;
    max-width: 100px;
}

.purchase-history .fullwidth.cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    background: #fff;
}
.purchase-history {
    width: 100%;
}

.card-content.custom-content {
    width: 100%;
    min-height: 260px;
}

.card-content.custom-content p.text-center {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    color: #999999;
    margin: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
}
.upload-modal .modal-dialog {
    max-height: calc(100vh - 40px);
    overflow: hidden;
}

.upload-modal .modal-dialog .modal-body .table-responsive {
    max-height: calc(100vh - 435px);
}

::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
    border-radius: 0px;
    background-color: transparent;
}

::-webkit-scrollbar
{
    width: 6px;
    height: 4px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb
{
    border-radius: 100px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.00);
    background-color: #ddd;
}
.order-header div:last-child span {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 0.01em;
    color: #333333;
}
.ticket-dtl img {
    position: relative;
    top: -1px;
    margin-right: 4px;
}
.order-details .cart-item .row .cart-item-details.h-100.py-2 {height: 100px !important;display: table-cell;vertical-align: middle;}

.order-details .cart-item .row .cart-item-details.h-100.py-2 a.mt-0 {
    margin-bottom: 15px;
}
.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control + .error {
    position: absolute !important;
    text-transform: initial;
    bottom: -16px !important;
    top: unset !important;
    margin: 0;
    font-weight: normal;
}

.upload-modal .modal-body .table-doclist tbody tr td .field-section {
    position: relative;
}
.content-wrapper.plan-bg {
    min-height: calc(100vh - 318px);
}
.mycart-sec.myevent-sec .order-header > div {
    justify-content: center;
}
.order-details .progress-sec .col-sm-12.col-md-5.col-lg-5.col-xl-5 h5 {
    text-align: left;
}

.form-group.pass-sec {
    position: relative;
}
a.inside-btn {
    position: absolute;
    right: 12px;
    bottom: 2px;
    color: #000000;
}
a.inside-btn.pass-inside-btn {
    font-size: 14px;
    bottom: 10px;
    right: 10px;
}
.modal-body  a.show-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 13px;
    color: #000;
}
.welcome_text h1 {
    margin-bottom: 30px;
    font-weight: 600;
}

.recBox.rc-pass-sec {
    border: 1px solid #d7d7d7;
    padding: 50px 50px 30px 50px;
    border-radius: 20px;
    margin-top: 50%;
}
.custom-modal .login-form .form-group a.inside-btn {
    position: absolute;
    right: 15px;
    bottom: 8px;
    color: #000;
}

.custom-modal .login-form .form-group a.show-btn {
    position: absolute;
    right: 15px;
    bottom: 11px;
    color: #000;
}
.mycart-sec.myevent-sec .order-header > div.purchaseddate-item {
    position: relative;
    padding-right: 15px !important;
}

.mycart-sec.myevent-sec .order-header > div.purchaseddate-item span.icon {
    position: absolute;
    right: 0;
    /*top: 6px;*/
    color: #999999;
    line-height: 20px !important;
}
.mycart-sec.myevent-sec.col-md-12.order-details .order-header.justify-content-center h5 {
    text-align: center;
}
.fullwidth.cart-empty.card-bg1 {
    background: #F8F8F8;
}
section.passRecover {
    margin-bottom: 30px;
    margin-top: 100px;
}

section.passRecover .recBox.rc-pass-sec {
    margin: 0;
    max-width: 408px;
    width: 408px;
    padding: 0;
    border-radius: 8px;
    border: none;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 20%);
}

section.passRecover .col-lg-6.col-md-7.col-sm-10.col-12 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 100px);
}

section.passRecover .recBox.rc-pass-sec .welcome_text h1 {
    flex: 1;
    color: #222;
    margin: 0;
    padding: 12px 16px;
    box-shadow: 0px 2px 1px rgb(0 0 0 / 5%);
    font-size: 16px;
    font-weight: 700;
    line-height: 19px;
}

section.passRecover .recBox.rc-pass-sec > form {
    margin: 0;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox {
    padding: 16px;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox p.labelTxt01 {
    font-size: 14px;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox p.labelTxt02 {
    font-size: 14px;
    margin: 12px !important;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group {
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group label {
    flex: 1;
    position: relative !important;
    top: 0 !important;
    font-weight: 600;
    font-size: 12px !important;
    line-height: 16px !important;
    text-transform: initial;
    color: #555555;
    margin-bottom: 8px;
}
section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group label.error{
    color: red !important;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group input {
    border-bottom: 1px solid rgba(153, 153, 153, 0.5) !important;
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-weight: normal;
    font-size: 14px;
    border: 1px solid #F1F1F1;
    box-sizing: border-box;
    border-radius: 5px;
    background-image: none;
    font-family: 'Open Sans', sans-serif;
    color: #333333;
}
section.passRecover .recBox.rc-pass-sec > form .button-block {padding: 8px 16px;
    border-top: 1px solid #EDEEF1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;}

section.passRecover .recBox.rc-pass-sec > form .button-block .btn {height: 32px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: inherit;
    min-width: 72px;
    padding: 6px 12px;}

section.passRecover .recBox.rc-pass-sec > form .button-block  .btn.btn-secondary.mr-8.mb-0 {margin-right: 8px;color: #222;background: transparent !important;border: 1px solid #F1B645 !important;}

section.passRecover .recBox.rc-pass-sec > form .button-block  a.btn.btn-primary {background: #F1B645 !important;color: #222 !important;}
section.passRecover .recBox.rc-pass-sec > form .shadowBox .alert {padding: 12px;text-align: left !important;border-radius: 8px;margin: 0;}

section.passRecover .recBox.rc-pass-sec > form .shadowBox  .row.justify-content-center > .col-12 {padding: 0;}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .alert p {font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin: 0;}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group input::placeholder {
    font-size: 14px;
    line-height: 40px;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group.pass-sec {
        margin-bottom: 12px;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox .form-group.pass-sec a.inside-btn {
    top: 35px;
    right: 12px;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox p.text-muted.toggle-signin a {
    font-weight: bold;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #333333;
    text-decoration: underline;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox p.text-muted.toggle-signin {
    margin: 0;
}

section.passRecover .recBox.rc-pass-sec > form .shadowBox  a.btn.btn-primary {
    margin-bottom: 16px !important;
}
.inner-titleheader__cta {
    display: flex;
}

.form-group.select-form-group select.form-control {
    border: 1px solid rgba(187, 187, 187, 0.75);
    border-bottom: navajowhite;
    border-radius: 5px;
}

.second-logo {
    background: none !important;
    object-fit: contain;
    /* width: 70px !important; */
    margin-right: 20px !important;
}





/* responsive */
@media(max-width:1440px){
    .order-header h5{
        font-size:12px;
    }
    .order-header div{
        min-width:initial !important;
    }
}

@media(min-width: 1200px) and (max-width: 1500px){
    .choose-plan .col-sm-5.col-md-4.col-lg-3.col-xl-2.col-10 {
        flex: 0 0 20%;
        max-width: 20%;
    }
    .choose-plan .card-body p.duration {
        font-size: 14px;
    }
}


@media(max-width:1300px){
    .card-inner .btn.btn-primary {
        padding: 10px 11px;
        font-size: 13px;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img>span {
        font-size: 15px;
    }
    .first-logo {
        /*height: 50px;*/
    }
    header.dark-header ul.navbar-nav.nav-menu-left {
        margin-left: 0px;
    }
    .slide .slide__img img {
        height: 100% !important;
        object-fit: cover !important;
    }
    .slide .slide__img {
        height: 460px !important;
    }
}

.modal_sml.modal_lrg .modal-content .modal-body {padding: 12px;}
table.custom_table thead th {
    padding: 8px;
    font-weight: 700;
    font-size: 10.5px !important;
    line-height: 20px;
    color: #222222;
    background: #F8F8F8;
}

.modal-body table.table.table-bordered td {
    font-size: 14px;
    vertical-align: middle;
}
table.table.table-bordered tr td, table.table.table-bordered tr th, table.table.table-bordered tr td .btn {
    vertical-align: middle;
    font-size: 12px;
    margin: 0;
}
table.custom_table tbody td {
    padding: 4px 8px;
    font-weight: 400;
    font-size: 13px !important;
    line-height: 16px;
    color: #222222;
}
table.custom_table .btn.btn-secondary.btn_sml {
    padding: 0 !important;
    width: 24px !important;
    height: 24px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: initial !important;
}
table.custom_table .btn.btn-secondary.btn_sml:last-child {
    margin-left: 4px;
}
.first-logo {
    width: 12rem;
    height: auto;
    padding-top: 20px;
    padding-right: 10px;
}
@media(max-width:1199px){
    .card-inner .btn.btn-primary {
        padding: 10px 11px;
        font-size: 13px;
    }
    .card-inner .btn.btn-primary {
        margin-top: 20px;
        width: 140px;
        justify-content: center;
    }
    .card-inner {
        margin-top: 25px;
        flex-direction: column;
    }
    .big-sec .title-sec {
        padding: 2.3rem 2rem .1rem 2rem;
    }
    .ticket-dtl {
        display: block;
        margin-top: 6px;
    }
    .cart-item-details .event-date span {
        display: block;
        margin-top: 5px;
    }
    .cart-item-details .event-date span:nth-child(2) {
        padding-left: 0;
        border-left: none;
    }
    .cart-item-details h2 {
        font-size: 16px;
    }
    .ticket-dtl {
        font-size: 12px;
    }
    .order-header div {
        padding: 0 20px;
    }
    .order-details .cart-item {
        margin-bottom: 35px;
    }
    .order-header a {
        font-size: 11px;
    }
    .order-details .cart-header {
        padding: 0 16px;
    }
    .order-details .cart-body {
        padding: 15px 16px;
    }
    .cart-item-logo {
        width: 90px;
    }
    .order-details .order-header div {
        padding: 0 10px;
    }
    .order-details .btn.btn-primary {
        font-size: 10px;
        padding: 11px 9px;
    }

    .order-details .order-header div {
        padding: 0 20px;
    }
    .myEvent-control div {
        padding: 15px 10px;
    }
    .event-price {
        padding: 0px;
    }
    ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
        padding: 0 10px;
    }
    #dropdownMenuLink img {
        height: 30px;
    }
    .navigation {
        padding-bottom: 30px;
    }
    .navbar-brand {
        margin-right: 0;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img {
        /*margin-left: 0;
        padding-left: 10px;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img>span {
        font-size: 13px;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link {
        padding: 5px 10px;
    }
    ul.navbar-nav.nav-right.nav-menu-right {
        height: 45px;
    }
    .nav-item.profile-box img {
        height: 45px;
        width: 45px;
    }
    .cart-item-logo {
        float: initial;
    }
    .h-content-block .img-block img {
        width: 100% !important;
    }
    .slide .slide__content {
        top: 45%;
        left: auto;
        transform: inherit;
        width: 100%;
    }
    .slide .slide__content h1 {
        font-size: 30px;
        line-height: 36px;
    }
}
@media(max-width: 1099px){
    .membership-plans-block.related_Plans .row > .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media(max-width:991px){
    .card-inner {
        flex-direction: row;
    }
    .my-event-btn {
        font-size: 10px !important;
    }
    .card-inner .btn.btn-primary {
        margin-top: 0;
        width: auto;
    }
    .card-inner .btn.btn-primary {
        font-size: 12px;
    }
    .small-sec {
        height: 120px;
    }
    .big-sec h3 {
        font-size: 21px;
    }
    .big-sec h2 {
        font-size: 40px;
    }
    .big-sec .title-sec {
        padding: 2.3rem 1rem .1rem 1rem;
    }
    .titlehead h4 {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }
    ul.footer-links li a {
        font-size: 12px;
    }
    .event-date span {
        display: block;
        margin-top: 9px;
    }
    .event-details .card.price-sec {
        margin-right: 10px;
    }

    .navbar-collapse.collapse.show {
        position: fixed;
        width: 50%;
        height: 100%;
        top: 0;
        background: #000;
        right: 0;
        display: flex;
        flex-direction: column;
    }
    header.dark-header.styled-header ul.navbar-nav.nav-menu-left {
        height: auto;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item {
        /*margin-bottom: 15px;
        padding-bottom: 15px;*/
    }
    .navbar-toggler {
        position: relative;
        z-index: 99;
    }
    .cart-item-details h2 {
        font-size: 18px;
        margin: 0;
        text-align: left;
    }
    .cart-item-logo {
        margin-left: 20px;
    }
    .container-fluid {
        width: calc(100% - 60px);
    }
    .cart-item-details h3 {
        margin-bottom: 15px;
    }
    .cart-item-logo {
        float: initial;
        height: 95px;
        width: 90px;
    }
    .event-two p {
        text-align: left;
    }
    .order-details .cart-item-details h2 {
        text-align: left;
        margin-top: 10px;
    }
    .order-details .cart-item-logo {
        margin-left: 0;
        margin-bottom: 10px;
    }
    .order-details .order-header div {
        padding: 0 30px;
    }
    .order-details .cart-item {
        padding: 10px 8px;
        margin: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .navbar-nav.nav-right.nav-menu-right {
        flex-direction: row;
        margin-top: 40px;
    }
    header.dark-header ul.navbar-nav.nav-menu-left {
        /* height: 55%; */
        width: 100%;
        justify-content: center;
    }
    .collapsing{
        height: auto !important;
    }
    .nav-item.profile-box img {
        height: 50px;
        width: 50px !important;
    }
    .cart-item-details {
        padding: 20px;
    }
    .quantity-box {
       /* padding: 10px 0 !important;*/
    }
    .cart-header,
    .amount-sec .card-header {
        height: auto;
        display: block;
        padding: 15px;
    }
    .cart-header .btn {
        width: 145px;
    }
    header.dark-header nav.navbar .navbar-collapse {
        position: fixed;
        top: 58px;
        right: -250px;
        width: 250px;
        max-width: 100%;
        height: calc(100vh - 58px);
        background: #000;
        filter: drop-shadow(0px 4px 12px rgba(0, 0, 0, 0.1));
        padding-right: 0;
        transition: all 0.2s ease;
    }
    #header .navbar-collapse.collapse.show {
        transition: all 0.2s ease;
        right: 0;
        margin-top: 40px;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link {
        font-size: 13px;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link span.icon-box {
        margin-bottom: 10px;
    }
    ul.navbar-nav.nav-right.nav-menu-right:last-child {
        margin-top: 165px;
        width: 100%;
        height: auto;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    #header .navbar-toggler,
    .navbar-brand {
        z-index: 99;
    }
    #header .navbar-toggler.collapsed span {
        /*transform: rotateX(180deg);*/
    }
    #header .navbar-toggler span {
        /*transform: rotateX(45deg);*/
    }
    #header .navbar-nav.nav-right .nav-item {
        border-bottom: 1px solid #181818;
    }
    .footer-logo img {
        width: 100%;
    }
    .clubs-block a img {
        width: 100%;
        height: auto !important;
    }
    .main-footer .container-fluid {
        width: calc(100% - 20px);
    }
    header.dark-header nav.navbar .navbar-collapse {
        justify-content: flex-start;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img > span {
        line-height: 1.3;
    }
    .navbar-nav {
        flex-direction: initial;
        flex-wrap: wrap;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active a {
        padding: 0px 24px;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item {
        height: initial;
        text-align: center;
        justify-content: center;
        width: 50%;
        flex-wrap: wrap;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link:before {
        background: transparent !important;
    }
    ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
        height: auto;
        padding: 10px;
    }
    .h-category {
        padding-top: 20px;
    }
    .h-gallery {
        padding: 40px 0 0;
    }
    .h-category .row {
        margin: 40px 0 0 20px;
    }
    .h-category .row:before {
        height: 90%;
    }
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active a.nav-link, 
    header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link:hover {
        background: transparent;
        color: #d9a33e;
    }
    ul.navbar-nav.nav-right.nav-menu-right:last-child li {
        border-bottom: 0;
    }
    .mycart_wrapper.price_swap {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .mycart_wrapper.price_swap .cart-list {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        width: 100%;
    }

    .mycart_wrapper.price_swap .price-details {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 24px;
    }
    .mycart_wrapper.price_swap  .checkout_list {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }

}

@media(max-width: 767px){
    .r-tabs .r-tabs-nav {
        display: none;
    }
    .r-tabs .r-tabs-accordion-title,
    .display-mob {
        display: block;
    }
    .pd-section .row:nth-child(odd) {
        background-color: transparent;
        border-bottom: none;
    }
    .accounts-section .linked-profiles .card .card-content.display-top .card-box {
        border-bottom: 1px solid #EEECEC;
    }
    .profile-img__mobile {
        display: inline-block;
        padding: 3px;
    }
    .profile-img__mobile img {
        width: 40px;
        height: 40px;
        border-radius: 4px;
        margin-right: 7px;
        object-fit: cover;
    }
    .accounts-section .linked-profiles .tabs-container #appendform {
        width: 100%;
    }
    .accounts-section .linked-profiles .card .card-content .card-profile-pick {
        display: none;
    }
    .accounts-section .linked-profiles .tabs-container {
        flex-direction: column;
    }
    .accounts-section .linked-profiles .profile-list {
        margin-bottom: 75px;
        display: block;
        position: relative;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills {
        width: 100%;
        border: none;
        background-color: transparent;
    }
    .profile-select-arrow {
        position: absolute;
        right: 13px;
        top: 23px;
        background-image: url(../../images/icons/arrow-down.png);
        width: 16px;
        height: 12px;
        display: inline-block;
        z-index: 99;

    }
    .tab-head__arrow-left {
        background-image: url(../../images/icons/back.svg);
        width: 9px;
        height: 12px;
        margin-right: 15px;
        display: inline-block;
        margin-top: 8px;
        position: absolute;
        left: 15px;
        top: 6px;
    }
    .accounts-section .linked-profiles .profile-list ul {
        display: block;
        width: 100%;
        position: absolute;
        z-index: 9;
        border: 1px solid #e1e1e1;
        border-radius: 3px;
        max-height: 250px;
        overflow-y: auto;
    }
    .accounts-section .linked-profiles .profile-list ul li {
        display: flex;
        justify-content: flex-start;
        background-color: #fff;
        border-bottom: 1px solid #e1e1e1;
        padding: 3px 8px;
        margin: 0;
    }
    .accounts-section .linked-profiles .profile-list ul li.active {
        /* border-bottom: none; */
    }
    .accounts-section .linked-profiles .profile-list ul li.active a,
    .accounts-section .linked-profiles .profile-list ul li a {
        background-color: transparent;
        border: 0;
        color: #000;
        font-weight: 500;
        font-size: 15px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 10px;
        left: 65px;
    }
    .accounts-section .linked-profiles .profile-list ul li,
    .accounts-section .linked-profiles .profile-list ul li .profile-dropdown--spec {
        display: none;
    }
    .accounts-section .linked-profiles .profile-list ul li.active,
    .accounts-section .linked-profiles .profile-list ul li.active .profile-dropdown--spec,
    .accounts-section .linked-profiles .profile-list .js--profile-list.display-list li {
        display: block;
        position: relative;
    }
    .accounts-section .linked-profiles .profile-list ul li.active .profile-dropdown--spec,
    .accounts-section .linked-profiles .profile-list ul li .profile-dropdown--spec {
        font-size: 12px;
        position: absolute;
        z-index: 99;
        bottom: 6px;
        margin: 0;
        padding: 0 0 0px 0;
        left: 65px;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li.active {
        background-color: #fff;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li {
        border-bottom: 1px solid #DBDBDB;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li:last-child {
        /* border-bottom: none; */
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock {
        margin-top: 0;
        flex-direction: row;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock a {
        border: 1px solid #000 !important;
        border-radius: 3px;
        padding: 10px 2px;
        text-align: center;
        font-size: 14px;
        justify-content: center;
        color: #000;
    }
    .accounts-section .linked-profiles .tabs-container .nav-pills__list {
        border-radius: 3px;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li a {
        font-size: 14px;
        color: #000;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock a:first-child {
        margin-right: 5px;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .form-group.btnblock a:last-child {
        margin-left: 5px;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li:after,
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li.active:after {
        content: "";
        background-image: url(../../images/icons/arrow.png);
        width: 9px;
        height: 12px;
        margin-right: 15px;
        display: inline-block;
        background-color: transparent;
        top: 40%;
        position: absolute;
        right: 0;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .icon-cpwd,
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills .icon-logout {
        display: none;
    }
    .accounts-section .linked-profiles .profile-list select {
        width: 100%;
        padding: 15px 20px;
        border: 1px solid #DCDCDC;
        border-radius: 4px;
        margin-bottom: 25px;
        text-align: left;
        padding-right: 25px;
        background-size: 18px auto;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
        background-position: right 50%;
        background-repeat: no-repeat;
        background-image: url(../../images/icons/arrow-down-select.png);
    }
    .clubs-block a img {
        width: auto;
        height: 130px !important;
        margin-bottom: 20px;
    }
    ul.footer-links li a {
        font-size: 14px;
    }
    .h-whatwedo .img-block {
        padding: 25px 0;
    }
    .h-aboutus .h-about-img {
        padding: 25px 0;
    }
    .h-whatwedo .row .col-md-6.col-xs-12 {
        margin-bottom: 20px;
    }
    .h-category {
        padding-top: 0;
    }
    .h-upcomingevents .row .col-md-12 {
        padding: 0 0 0 10px;
    }
    .h-category .row {
        margin: 40px 0 0 0;
        padding: 40px 0 0 10px;
    }
    .h-category .container-fluid {
        width: calc(100% - 5px);
    }
    .h-aboutus .container-fluid,
    .h-upcomingevents .container-fluid,
    .h-whatwedo .container-fluid,
    .h-gallery .container-fluid,
    #membership-plans .container-fluid {
        width: calc(100% - 10px);
    }
    .h-contact .container-fluid {
        width: calc(100% - 0px);
    }
    .h-contact .col-md-4.col-xs-12 {
        margin-bottom: 15px;
    }
    .h-contact .h-address-col {
        margin-right: 5px;
        margin-left: 5px;
    }
    .h-contact .h-map-col {
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-top: 15px;
    }
    .h-aboutus {
        padding: 0 0 10px 0;
    }
    .h-whatwedo,
    .choose-plan {
        padding: 20px 0;
    }
    .events-slider .events-slider-wrap .event-item {
        width: 95%;
    }
    .footer-logo img {
        width: 100%;
    }
    .footer-logo .second-logo{
        width: 60px !important;
    }
    .second-logo {
       background: none !important;
    object-fit: contain;
    /* width: 70px !important; */
    margin-right: 20px !important;
    }
    .container-fluid {
        width: calc(100% - 15px);
    }
    .slide .slide__content h1 {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 18px;
    }
    .btn.btn-secondary,
    .btn.btn-primary {
        padding: 15px 13px;
    }
    h4.title {
        font-size: 26px;
    }
    footer.main-footer .links-section {
        padding: 20px 0 30px 0;
        text-align: center;
    }
    footer.main-footer .links-section p.title {
        border-bottom: 1px solid #1c1c1c;
        margin-top: 17px;
        font-size: 22px;
        padding-bottom: 6px;
    }
    footer.main-footer .social-icons {
        justify-content: center;
    }
    footer.main-footer .copyright-section {
        text-align: center;
    }
    footer.main-footer .copyright-section ul.footer-links {
        justify-content: center;
        margin-top: 10px;
    }
    .h-contact {
        padding: 30px 0 10px 0;
    }
    .h-gallery {
        padding: 40px 0 0;
    }
    .choose-plan p.text {
        max-width: 100%;
    }
    .choose-plan .col-sm-5.col-md-4.col-lg-3.col-xl-2.col-10 {
        max-width: 100%;
        flex: 100%;
        margin: 24px 0;
    }
    #sports p.plain-text {
        margin: 0 0 10px 0;
        line-height: 23px;
    }
    .titlehead h4 {
        font-size: 20px !important;
        padding-left: 14px !important;
    }
    .titlehead h4:before {
        width: 4px;
        height: 100%;
    }
    .wallet-wrapper .wallet-wrapper-view .item {
        margin: 0 6px 7px 6px;
    }
    table.table.plan-table p.text {
        text-align: left !important;
    }
    .accounts-section .linked-profiles .tab-content .tab-pane .card-head .view-switch {
        display: none;
    }
    .accounts-section .linked-profiles .tab-content .tab-pane .card-head {
        align-items: center;
        position: relative;
        padding: 10px 12px 8px 35px;
        justify-content: flex-start;
    }
    .accounts-section .linked-profiles .tab-content .tab-pane .card-head a.edit {
        position: absolute;
        right: 10px;
        top: 7px;
    }
    .accounts-section .inner-titlehead {
        align-items: flex-start;
        flex-direction: column;
    }
    .accounts-section .inner-titlehead h4 {
        width: 100%;
        flex: none;
        margin: 0 0 15px 0;
    }
    .accounts-section .inner-titlehead .btn.btn-secondary,
    .accounts-section .inner-titlehead .btn.btn-primary {
        min-width: 120px;
    }
    .accounts-section .inner-titlehead .inner-titleheader__cta {
        display: flex;
    }
    .accounts-section form .form-content {
        flex-direction: column-reverse;
    }
    .accounts-section form .form-content.flex-rowblock .left-flexbox {
        max-width: 100%;
        min-width: 100%;
        border-right: 0;
        padding-right: 0;
    } 
    .accounts-section form .form-content.flex-rowblock .right-flexbox {
        margin: 0 auto;
    }
    .accounts-section form .form-content.flex-rowblock .right-flexbox .upload-imgblock {
        padding-left: 0;
    }
    #purchased-plans .table.plan-table,
    #appenddoc .doc-table {
        table-layout: fixed;
    }
    
    #purchased-plans .table.plan-table tr th:nth-child(1),
    #purchased-plans .table.plan-table tr td:nth-child(1),
    #appenddoc .doc-table tr th,
    #appenddoc .doc-table tr td {
        width: 150px;
    }
    #purchased-plans .table.plan-table tr th:nth-child(2),
    #purchased-plans .table.plan-table tr td:nth-child(2),
    #purchased-plans .table.plan-table tr th:nth-child(3),
    #purchased-plans .table.plan-table tr td:nth-child(3) {
        width: 120px;
    }
    #purchased-plans .table.plan-table tr th:nth-child(4),
    #purchased-plans .table.plan-table tr td:nth-child(4),
    #purchased-plans .table.plan-table tr th:nth-child(5),
    #purchased-plans .table.plan-table tr td:nth-child(5),
    #purchased-plans .table.plan-table tr th:nth-child(6),
    #purchased-plans .table.plan-table tr td:nth-child(6) {
        width: 80px;
    } 
    #purchased-plans .table.plan-table tr th:nth-child(7),
    #purchased-plans .table.plan-table tr td:nth-child(7) {
        width: auto;
    }
    .upload-modal .modal-body .table-doclist thead tr th,
    .upload-modal .modal-body .table-doclist thead tr td {
        font-size: 11px;
    }
    #purchased-plans .table.plan-table tr td:nth-child(7) a {
        margin-bottom: 7px;
    }
    .cart-item {
        padding-top: 15px;
    }
    .accounts-section .linked-profiles .card .card-content .card-box {
        padding: 8px 0 6px 12px !important; 
    }
    .membership-plans-block {
        padding: 20px 0;
    }
    .accounts-section .card .card-content {
        padding: 0;
    }
    .accounts-section .linked-profiles .addnew-profile {
        display: none;
    }
    #purchased-plans .table.plan-table {
        display: block;
    }
    #purchased-plans .table.plan-table thead {
        display: none;
    }
    #purchased-plans .table.plan-table tbody,
    #purchased-plans .table.plan-table tbody tr,
    #purchased-plans .table.plan-table tbody tr td {
        background: #FFFFFF;
        display: block;
        width: 100%;
    }
    #purchased-plans .table.plan-table tbody tr {
        border-bottom: 1px solid #EEECEC;
    }
    #purchased-plans .table.plan-table tr td:nth-child(4),
    #purchased-plans .table.plan-table tr td:nth-child(5),
    #purchased-plans .table.plan-table tr td:nth-child(6) {
        width: 33% !important;
        float: left;
        display: flex;
        flex-direction: row;
    }
    #purchased-plans .table.plan-table tbody tr td {
        border-top: 0;
        width: 100% !important;
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(3) p.text:before {
        content: "Status"; 
        font-size: 14px;
        font-weight: 500;
        display: inline-block;
        color: #333333;
        margin-right: 6px;
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(3) {
        background-color: #F8F8F8;
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(2) p:before,
    #purchased-plans .table.plan-table tbody tr td:nth-child(4) p:before,
    #purchased-plans .table.plan-table tbody tr td:nth-child(5) p:before,
    #purchased-plans .table.plan-table tbody tr td:nth-child(6) p:before {
        font-size: 14px;
        font-weight: 500;
        display: block;
        margin: 0 0 5px 0;
        line-height: 1;
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(2) p:before {
        content: "Purchased on";
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(4) p:before {
        content: "Total";
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(5) p:before {
        content: "Paid";
    }
    #purchased-plans .table.plan-table tbody tr td:nth-child(6) p:before {
        content: "Due";
    }
    #purchased-plans .table.plan-table tr td:nth-child(7) {
        text-align: left !important;
    }
    #purchased-plans .table.plan-table tr td:nth-child(7) a {
        text-transform: uppercase;
        font-weight: 500;
    }
    .wallet-wrapper .wallet-wrapper-view.box .item {
        flex: 0 0 100%;
        max-width: 100%;
    }
    #purchased-plans .table.plan-table tr td:nth-child(2), 
    #purchased-plans .table.plan-table tr td:nth-child(3) {
        display: flex;
        width: 100%;
    }
    table.table.plan-table .plan-status {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    table.table.plan-table p.sub br {
        display: none;
    }

    .accounts-section .linked-profiles .addnew-profile.display-mob {
        display: block;
        margin: 12px 0;
        width: 100%;
    }
    .accounts-section .linked-profiles .addnew-profile.display-mob a {
        background-color: #000;
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        width: 100%;
        text-transform: none;
        padding: 10px 7px;
        text-align: center;
        border-radius: 4px;
        justify-content: center;
    }
    .accounts-section .card .card-content .card-box p.text-bold {
        padding-bottom: 5px;
    }
    .accounts-section .linked-profiles .card-content .card-loop .row:nth-child(odd) .card-box {
        background-color: transparent;
    }
    .card-box--no-border {
        border-bottom: 1px solid #DBDBDB !important;
    }
    .cart-item-logo img {
        object-fit: cover;
    }
    .order-header {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        width: 100%;
    }
    .order-details .order-header div {
        width: 100%;
    }
    .membership .member-two {
        text-align: left;
    }
    ul.navbar-nav.nav-right.nav-menu-right:last-child .nav-item.dropdown .dropdown-menu {
        position: absolute;
        top: -45px;
    }
    .number-cart.cartcount {
        top: -6px;
    }
    .styled-header ul.navbar-nav.nav-right.nav-menu-right:last-child {
        margin-top: 0;
    }
    .order-header div {
        height: auto;
    }
    .order-header a {
        margin-bottom: 2px;
    }
    .myEvent-title {
        padding-top: 10px;
    }
    .myEvent-amount span {
        line-height: 1.2;
        display: inline-block;
    }
    .modal-body label {
        color: #000 !important;
    }
    #appendqn .checkbox-block01 {
        align-items: flex-start;
        line-height: 1;
        flex-direction: column;
    }
    .plans-list {
        width: 100%;
        overflow-x: scroll;
    }
    .plans-list .list-header {
        display: none;
    }
    .plans-list .list-body .list-row {
        flex-direction: column;
        align-items: flex-start;
    }
    .plans-list .list-body .list-row .list-cell {
        padding: 10px 0;
    } 
    .plans-list .list-body .list-row .list-cell .text {
        text-align: left !important;
    }
    .plans-list .list-body .list-row .list-cell::before {
        display: block;
        width: 100%;
        margin-bottom: 6px;
        font-weight: bold;
        border-right: 0;
        position: inherit;
    }
    .plans-list .list-body .list-row .list-cell:nth-child(1)::before {
        content:"Member Plan Name";
    }
    .plans-list .list-body .list-row .list-cell:nth-child(2)::before {
        content:"Plan Code";
    }
    .plans-list .list-body .list-row .list-cell:nth-child(3)::before {
        content:"Duration";
    }
    .plans-list .list-body .list-row .list-cell:nth-child(4)::before {
        content:"Plan Amount";
    }
    .plans-list .list-body .list-row .d-flex .btn.btn-primary {
        min-width: 120px;
    }
    .plans-list .list-body .list-row .list-cell.flex-01 .d-flex {
        flex-direction: column;
        align-items: flex-start;
    }
    .plans-list .list-body .list-row .list-cell.flex-01 .d-flex a {
        margin-top: 10px;
    }
}

@media(max-width:768px){
    .card-inner {
        flex-direction: column;
    }
    .card-inner .btn.btn-primary {
        margin-top: 20px;
        width: 140px;
    }
    .container-fluid {
        width: calc(100% - 20px);
    }
    .mobile-hide{
        display:none;
    }
    .price-mob{
        display:block;
    }
    .small-sec {
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    .price-mob {
        width: 50%;
        text-align: left;
    }
    .block-sec {
        margin-bottom: 70px;
    }
    .block-sec::before {
        width: 100%;
    }
    .block-sec.bronze::before {
        width: 100%;
    }
    .bronze .big-sec hr {
        width: 100%;
        right: 0;
    }
    .big-sec hr {
        width: 100%;
    }
    .big-sec {
        min-height: 230px;
    }
    .event-banner {
        height: 245px;
    }
    .titlehead h4 , .event-details .card-inner h4  {
        font-size: 20px !important;
    }
    .big-sec h3 {
        font-size: 28px;
    }
    .navigation {
        padding-bottom: 30px;
    }
    
    .navbar-brand img {
        height: 40px;
    }
    .navbar-brand img {
       /* height: 50px;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img {
        /*margin-left: 0;
        padding-left: 10px;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img img {
        width: 40px;
        height: 40px;
    }
    .quantity-box {
        justify-content: flex-start;
    }
    .quantity-box {
        /*padding: 10px !important;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img > span {
        font-size: 14.497px;
    }
    .cart-item-logo {
        float: left;
    }
    .checkout-title span {
        display: none;
    }
    .order-details .order-header div {
        padding: 0 15px;
    }
    .order-header h5,
    .payment-mode h5 {
        font-size: 12px;
    }
    .order-header p {
        font-size: 11px;
    }
    .order-header {
        justify-content: flex-start !important;
    }
    .cart-header,
    .amount-sec .card-header {
        display: flex;
    }
    .order-details .cart-body {
        border: 1px solid #EDEDED;
        border-radius: 4px;
    }
    .wallet-title {
        padding: 10px 0;
        border-right: 0;
    }
    .wallet-title.bold h6,
    .wallet-title h6 {
        text-align: center !important;
        margin-top: 10px;
    }
    .wallet-details .order-header a {
        height: 35px;
        padding: .3rem 1rem !important;
    }
    .wallet-details .progress-sec {
        height: 50px;
        margin-top: 10px;
    }
    .wallet-control {
        margin-top: 15px;
    }
    .wallet-header{
        display: none;
    }
    .wallet-body .progress-sec{
        display: flex;
    }
    .modal-content .modal-body {
        overflow-y: scroll !important;
        height: 500px;
    }
}

@media(max-width: 667px){
    .accounts-section .titlehead {
        align-items: flex-start;
        flex-direction: column;
    }
    .titlehead h4 {
        margin-bottom: 14px !important;
    }
    .accounts-section {
        padding: 30px 0;
    }
    .accounts-section .titlehead .btn.btn-borderonly {
        margin-bottom: 10px;
    }
    .accounts-section .linked-profiles .tabs-container ul.nav.nav-pills li {
        margin-right: 15px;
    }
    .accounts-section .linked-profiles .card .card-content.display-top .card-box {
        width: 100%;
    }
    .accounts-section .linked-profiles .card .card-content.display-top a.edit {
        margin-left: 0;
        color: #f0b545;
    }
    .accounts-section .linked-profiles .card .card-content.display-nowrap .card-box,
    .wallet-wrapper .wallet-wrapper-view.mywallet.box .item {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .wallet-wrapper .wallet-wrapper-view.list .item a span.count {
        flex: initial;
    }
    .accounts-section .linked-profiles .card .card-content.display-nowrap .card-box p.text-bold {
        min-height: 35px;
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 6px;
    }
    .upload-modal .modal-body .dropzone {
        width: 100%;
    }
    .accounts-section .linked-profiles .card .card-content .img-box {
        margin-bottom: 10px;
    }
    .upload-modal .modal-body .dropzone {
        padding: 8px;
        font-size: 13px;
    }
    .h-upcomingevents .container-fluid {
        width: calc(100% - 10px);
    }
}

@media(max-width:575px){
    #header .navbar-collapse.collapse.show {
        margin-top: 0px !important;
    }
    ul.navbar-nav.nav-right.nav-menu-right:last-child {
        margin-top: 0;
        align-items: end;
        flex-direction: column;
        justify-content: end;
        margin-right: 15px;
    }
    .card-inner {
        flex-direction: row;
    }
    .card-inner .btn.btn-primary {
        margin-top: 0;
        width: auto;
    }
    .search-box .btn.btn-primary {
        font-size: 14px;
        padding: 13px 15px;
    }
    .ticket-price {
        font-size: 15px;
    }
    .btn-outline-secondary.custom-file-control::before, .btn.btn-outline-secondary {
        border: 1px solid #999999;
        padding: .46875rem 1rem;
    }
    .membership-plans-block .plan-details .titlehead {
        flex-direction: column;
        align-items: initial;
    }
    .event-details .card.price-sec {
        margin-top: 30px;
        margin-right: initial !important;
        width: auto;
    }
    .big-sec h2 {
        font-size: 30px;
    }
    .small-sec {
        height: 150px;
    }
    header.dark-header nav.navbar a.navbar-brand {
        /*align-items: baseline;
        flex-direction: column;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img {
        /*margin-left: 10px;
        padding-left: 0;*/
    }
    .navbar-brand img {
        /*height: 40px;*/
    }
    header.dark-header nav.navbar a.navbar-brand .second-img::before {
        /*left: 0;
        top: 0;
        height: 1px;
        width: 100%;
        opacity:0;*/
    }
    .first-logo {
        /*margin-top: -15px;*/
    }
    .navbar-toggler {
        padding: .25rem .55rem;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img > span {
        /*font-size: 11.497px;*/
    }
    .navbar-collapse.collapse.show {
        width: 100%;
    }
    .cart-item-logo {
        float: initial;
        margin-bottom: 15px;
    }
    .order-details .order-header div {
        padding: 15px 0;
        border-right: 0;
        border-bottom: 1px solid #999;
    }
    .order-details .order-header div:last-child {
        border-bottom: 0;
    }
    .slide__content.slide__content__center {
        width: 100%;
        padding: 0 20px;
    }
    .cart-header,
    .amount-sec .card-header {
        flex-direction: column;
        align-items: baseline;
    }
    .choose-plan .col-sm-5.col-md-4.col-lg-3.col-xl-2.col-10 {
        margin: 20px 0 20px;
    }
}

@media(max-width:390px){
    .card-inner {
        flex-direction: column;
    }
    .card-inner .btn.btn-primary {
        margin-top: 20px;
        width: 140px;
    }
    .search-icon img {
        height: 20px;
    }
    .search-box .btn.btn-primary {
        padding: 13px 9px;
    }
    .modal-content .modal-header {
        padding: 10px 10px 5px;
    }
    .modal-content .modal-body {
        padding: 20px 10px 24px;
    }
    .event-model .modal-header::before {
        width: calc(100% - 20px);
    }
    .btn-outline-secondary.custom-file-control::before, .btn.btn-outline-secondary {
        padding: .46875rem .7rem;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img img {
        width: 25px;
        height: 25px;
    }
    header.dark-header nav.navbar a.navbar-brand .second-img > span {
        font-size: 10px;
    }
    .navbar-toggler {
        padding: .25rem .25rem;
    }
    .navbar-toggler-icon {
        width: 1.3em;
        height: 1.3em;
    }
    header.dark-header {
        height: 80px;
    }
    .cart-header h3 {
        font-size: 14px;
    }
    .cart-header a {
        font-size: 11px;
    }
    .coupon-model .modal-body .form-group label {
        font-size: 11px !important;
    }
    .coupon-added b {
        line-height: 0 !important;
    }
    .coupon-added {
        font-size: 11px;
    }
    .coupon-added img {
        height: 12px;
    }
    .checkout-status.first span:nth-child(1) div::before,
    .checkout-status.second span:nth-child(1) div::before,
    .checkout-status.second span:nth-child(2) div::before,
    .checkout-status.third span:nth-child(3) div::before,
    .checkout-status.third span:nth-child(1) div::before,
    .checkout-status.third span:nth-child(2) div::before,
    .checkout-status.fourth span:nth-child(1) div::before,
    .checkout-status.fourth span:nth-child(2) div::before,
    .checkout-status.fourth span:nth-child(3) div::before {
        height: 12px;
        width: 12px;
    }
    .checkout-status span div {
        height: 20px;
        width: 20px;
    }
    .checkout-status::before {
        top: 8px;
    }
    .checkout-status span {
        font-size: 12px;
    }
    ul.navbar-nav.nav-right.nav-menu-right li.nav-item a.nav-link {
        width: 38px;
    }
    .nav-item.profile-box img {
        height: 45px !important;
        width: 38px !important;
    }
    .nav-item.profile-box .nav-link {
        width: 38px !important;
        height: 45px !important;
    }
}

footer.main-footer  .contact_option {display: flex;align-items: center;justify-content: center;margin: 16px 0;}

footer.main-footer .contact_option .item {font-weight: 400;
font-size: 14px;
line-height: 20px;
text-align: center;


color: #FFFFFF;margin: 0;padding: 0 16px;position: relative;}

footer.main-footer .contact_option .item:before {content: "";position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #fff;}

footer.main-footer .contact_option .item:last-child:before {background: transparent;}
footer.main-footer .footer-logo .second-logo {width: 120px;height: 120px;border-radius: 4px;}

footer.main-footer .footer-logo span.club_name {font-weight: 700;
font-size: 18px;
line-height: 20px;

text-align: center;
text-transform: uppercase;

color: #FFFFFF;margin-top: 12px;}
ul.pagination {margin: 24px 0 0;}

ul.pagination li.page-item.disabled {background: #919EAB;
opacity: 0.5;
border-radius: 4px;}

ul.pagination li.page-item.active {border: 1px solid #333333;border-radius: 4px;}

ul.pagination li.page-item {display: inline-block;width: 32px;height: 32px;margin: 0 4px;border-radius: 4px;border: 1px solid #DFE3E8;}

ul.pagination li.page-item .page-link {background: #FFFFFF;

box-sizing: border-box;
border-radius: 4px;font-weight: 400;
font-size: 14px;
line-height: 20px;

text-align: center;

color: #212B36;}

ul.pagination li.page-item.active .page-link {min-width: 100%;padding: 0;min-height: 100%;display: flex;align-items: center;justify-content: center;}

ul.pagination li.page-item.disabled .page-link {min-width: 32px;min-height: 32px;padding: 0;display: flex;align-items: center;justify-content: center;font-size: 20px;background: #919EAB;color: #E2E6EA;}

ul.pagination li.page-item:last-child {border: 1px solid #DFE3E8;
box-sizing: border-box;
border-radius: 4px;}

ul.pagination li.page-item:last-child .page-link {background: transparent;font-size: 20px;display: flex;align-items: center;justify-content: center;}
.wallet-wrapper .wallet-wrapper-view.list .item a .img-box .document__img-folder {width: 20px;height: 18px;}

.wallet-wrapper .wallet-wrapper-view.list .item:hover a .img-box .document__img-folder {
    background-image: url(../../images/icons/icon-folder-open.svg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    transition: 0.1s all ease-in;}
    .accounts-section .linked-profiles .profile-list ul li a > svg,ul.tab-lists li a > svg {
    margin-right: 6px;
    width: 16px !important;
}

.modal_sml.modal_medium  .payment_receiptBox .img-box {text-align: center;margin-bottom: 12px;}

.modal_sml.modal_medium  .payment_receiptBox .payment_receiptDetails {}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .text {font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;margin-bottom: 12px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent {border: 1px solid #EDEEF1;margin-bottom: 20px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead {display: flex;align-items: center;justify-content: space-between;padding: 6px 12px;background: #222222;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex {display: flex;align-items: center;justify-content: space-between;padding: 8px 12px;border-bottom: 1px solid #EBEBEB;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex .label {font-weight: 400;
font-size: 13px;
line-height: 16px;
display: flex;
align-items: center;
color: #707070;margin: 0;text-transform: inherit;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex .text {font-weight: 400;
font-size: 13px;
line-height: 16px;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text {font-weight: 400;
font-size: 12px;
line-height: 20px;
color: #FFFFFF;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text .sub_bold {font-weight: 600;margin-right: 4px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text .sub {}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails  .foot_text {font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #222222;margin-bottom: 4px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails  .club_name {font-weight: 700;
font-size: 16px;
line-height: 24px;
color: #222222;margin: 0;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .text.text_low {font-weight: 400;
font-size: 12px;
line-height: 18px;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_subHead .text:nth-child(2) {text-align: right;}

.modal_sml.modal_medium .payment_receiptBox .payment_receiptDetails .payment_receiptContent .payment_flex:last-child {border-bottom: none;}


.modal_sml.modal_medium .modal-dialog {
    max-width: 550px;
}

.modal_sml .modal-content {
    background: #FFFFFF !important;
    box-shadow: 0px 2px 6px rgb(0 0 0 / 20%);
    border-radius: 8px;
}

.modal_sml .modal-content .modal-header {
    padding: 12px 16px;
    box-shadow: inset 0px -1px 0px #edeef1;
}
.choose-plan .featured_plan:last-child {display:none;}

.col-sm-5.col-md-4.col-lg-4.col-xl-3.col-10.featured_plan {margin: 60px 0;}
.wallet-wrapper .wallet-wrapper-view.list {margin: 0;width: 100%;padding: 12px;}

.wallet-wrapper .wallet-wrapper-view.list .item {margin: 0 0 8px;width: 100%;}
.modal_sml.modal_Upload .modal-dialog {max-width: 924px;}

.modal_sml.modal_Upload .modal-dialog .dropzone {width: 100% !important;min-height: 200px !important;background: #F8F8F8 !important;
border-radius: 4px !important;border: 1px dashed #B6B6B6 !important;text-align: center;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message {margin: 30px 0 !important;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button {}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.main {font-weight: 600;
font-size: 14px;
line-height: 20px;


text-align: center;


color: #000000;margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.sub {font-weight: 400;
font-size: 14px;
line-height: 20px;color: #000000;margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button p.button {background: #000000;
        background: #F1B645 !important;
    border: 1px solid #F1B645 !important;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 7px 12px;
    min-width: 72px;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
    color: #222 !important;
    display: inline-block;
    margin-bottom: 12px;}

.modal_sml.modal_Upload .modal-dialog .dropzone .dz-message .dz-button span.doc-up-note {width: 100%;display: block;color: #222222;font-weight: 400;
font-size: 12px;
line-height: 20px;}
.modal_sml.modal_Upload .modal-dialog  .table_section.custom_Section {padding: 0;max-height: calc(100vh - 435px);margin-bottom: 8px;}

.modal_sml.modal_Upload .modal-dialog .table_section.custom_Section table.table-doclist.table.dataTable {border-left: 1px solid #DCDCDC !important;
    border: 1px solid #DCDCDC !important; margin: 0;}
.modal_sml.modal_Upload .modal-dialog form#uploadform {margin: 0;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block {padding: 0;display: flex;align-items: center;justify-content: flex-end;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-secondary {margin-right: 8px;}
.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn.btn-primary {opacity: 0.4;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn.btn-secondary {pointer-events: auto;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block.disabled .btn {pointer-events: none;}
.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control::placeholder {font-size: 13px;line-height: 24px;height: 24px;color: #888888;}

.modal_sml.modal_Upload .modal-dialog .table_section.custom_Section table.table-doclist.table.dataTable td {/* vertical-align: top; */padding: 12px 10px !important;    border-left: 1px solid #EBEBEB;}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control + .error {margin-bottom: 0 !important;font-size: 11px !important;font-weight: 500 !important;width: 100%;left: 0;}

.upload-modal .modal-body .table-doclist tbody tr td .field-section .form-control {font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #222;
    padding: 0 8px;
    
    border: 1px solid #EDEEF1;
    border-radius: 0;
    height: 24px;
    appearance: auto;
    }

.upload-modal .modal-body .table-doclist tbody tr td .upload-status .doc-filename .doc-progress img {position: relative;top: -7px;right: -14px;}
    .modal_sml .modal-footer {
        padding: 0 !important;
        border: none !important;
    }
    .modal_sml.modal_Upload .modal-dialog .modal-footer .button-block {
    padding: 8px 16px;
    border-top: 1px solid #EDEEF1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;}

    .modal_sml.modal_Upload .modal-dialog .table_section.custom_Section table.table-doclist.table.dataTable th:last-child {
    width: 300px;
}
.sweet-alert p{
    margin-bottom: 24px !important;
}
.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-primary {height: 32px;border-radius: 4px;font-size: 14px;text-transform: inherit;min-width: 72px;padding: 6px 12px;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-secondary {height: 32px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: inherit;
    min-width: 72px;padding: 6px 12px;color: #222;display: inline-block;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-secondary:hover,.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-secondary:focus {background: transparent !important;border: 1px solid #F1B645 !important;}

.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-primary:hover,.modal_sml.modal_Upload .modal-dialog .modal-footer .button-block .btn.btn-primary:focus {background: #F1B645 !important;color: #333;}
.progress-scale.progress-success .p-percent {
    background: #000;
}
.choose-plan .membership_Plan:last-child {display: none;}

.choose-plan .membership_Plan {margin: 60px 0;}

@media(max-width:991px){
    .choose-plan .membership_Plan .card-body {padding: 16px;}
}
.sweet-alert {
    padding: 0 !important;
    width: 408px !important;
    margin-left: -204px !important;
}

.sweet-alert h2 {font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #222222 !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    text-align: left !important;
    box-shadow: inset 0px -1px 0px #edeef1 !important;
}

.sweet-alert p {
    color: #222 !important;
    padding: 16px !important;
    text-align: left !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.sweet-alert .sa-button-container {padding: 8px 16px;
    border-top: 1px solid #EDEEF1;display: flex;align-items: center;justify-content: flex-end;}

.sweet-alert .sa-button-container button {padding: 7px 12px;min-width: 72px;}

.sweet-alert h2 i {font-style: initial;}

.sweet-alert .sa-button-container button.confirm {margin-right: 0;}
.modal_sml.log_Modal {}

.modal_sml .modal-dialog {max-width: 408px;}

.modal_sml.log_Modal .modal-body {}

.modal_sml .modal-body label.control-label {font-weight: 600;
font-size: 12px !important;
line-height: 16px !important;

text-transform: initial;
color: #555555 !important;    margin-bottom: 8px;}

.modal_sml .modal-body .form-control {height: 32px !important;
    line-height: 32px !important;border: 1px solid #EDEEF1;
    box-sizing: border-box;
    border-radius: 4px;
    font-size: 13px;
    }

.modal_sml .modal-body .form-control::placeholder {line-height: 32px;font-size: 13px;}

.modal_sml.log_Modal .modal-body .btn.btn-primary {font-weight: 500;
font-size: 14px;
line-height: 17px;

display: flex;
align-items: center;
text-align: center;

color: #222222;text-transform: inherit;padding: 12px !important;height: 40px;border-radius: 4px;}

.form-group.text-center {}

.modal_sml.log_Modal .modal-body form {margin: 0;}

.modal_sml.log_Modal .modal-body .form-group {}

.modal_sml.log_Modal .modal-body .form-group .flex_link {display: flex;align-items: center;justify-content: space-between;}

.modal_sml.log_Modal .modal-body .form-group .main_link {}

.modal_sml.log_Modal .modal-body .form-group .flex_link p.text {margin: 0;font-weight: 400;
font-size: 13px;
line-height: 16px;

color: #888888;}

.modal_sml.log_Modal .modal-body .form-group .flex_link p.text a {font-weight: 400;
font-size: 13px;
line-height: 16px;


text-align: right;

color: #707070;}

.modal_sml.log_Modal .modal-body .form-group .main_link p.text a {font-weight: 400;
font-size: 13px;
line-height: 16px;

text-align: right;

color: #707070;}

.modal_sml.log_Modal .modal-body .form-group .main_link p {margin: 0;text-align: center;margin-top: 12px;border-top: 1px solid #EDEEF1;padding-top: 12px;}

.modal_sml.log_Modal .modal-body .form-group .flex_link p.text.text_b a {color: #000;}
.modal_sml.modal_Upload.modal_New  .modal-dialog {max-width: 408px;}

.modal_sml.modal_Upload.modal_New .modal-dialog .modal-body p.text {color: #222 !important;
    
    text-align: left !important;
    margin: 0 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;}
    .modal_sml.log_Modal form {
    margin: 0;
}
.modal_sml.log_Modal .modal-body.pb-0 {padding-bottom: 8px !important;}

.modal_sml.log_Modal .modal-body.pb-0 .page-questions_1 {margin-bottom: 12px;margin-top: 0 !important;}
.cart-item-details a.popup-link svg {
    margin-left: 6px;
    position: relative;
    font-size: 15px;
    top: 1px;
}
.order-details .cart-item-details a svg {
    margin-left: 6px;
    position: relative;
    font-size: 15px;
    top: 1px;
}







/*mycart _ Latest*/

.mycart_wrapper {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.mycart_wrapper .cart-list {
    flex: 1;
    max-width: calc(100% - 310px);
    padding-right: 16px;
}

.mycart_wrapper .price-details {
    width: 350px;
    min-width: 310px;
    border: 1px solid #CACEDA;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
}

.mycart_wrapper .card_Wrapper {
    overflow: hidden;
}

.mycart_wrapper .card_Item {}

.mycart_wrapper .card_Item .card_Header {
    border: 1px solid #CACEDA;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 16px;
    background: #F8F8F8;
}

.mycart_wrapper .card_Item .card_Header .img-block {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    margin-right: 12px;
}

.mycart_wrapper .card_Item .card_Header .img-block img {
    max-width: 100%;
}

.mycart_wrapper .card_Item .card_Header .title_block {
    flex: 1;
    padding-right: 12px;
}

.mycart_wrapper .card_Item .card_Header .title_block .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}

.mycart_wrapper .card_Item .card_Header .title_block .sub {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
}

.mycart_wrapper .card_Item .card_Header  .right_container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.mycart_wrapper .card_Item .card_Header .right_container .link_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    text-decoration-line: underline;
    margin-right: 12px;
}

.mycart_wrapper .card_Item .card_Header .right_container .close_icon {
    color: #AB1B1B;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-decoration: underline;
}
.mycart_wrapper .card_Item .card_Header .right_container .close_icon:hover, .mycart_wrapper .card_Item .card_Header .right_container .close_icon:focus {
    color: #AB1B1B !important;
}
.mycart_wrapper .card_Item:nth-child(1) .card_Header {
    border-radius: 4px 4px 0 0;
}
.mycart_wrapper .card_Item .card_Body {
    padding: 16px;
    background: #ffffff;
    border-left: 1px solid #CACEDA;
    border-right: 1px solid #CACEDA;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_List {
    margin-right: 12px;
    flex: 0 0 40%;
    max-width: calc(40% - 12px);
}

.mycart_wrapper .card_Item .card_Body .card_contentBox {
    /*flex: 0 0 50%;
    max-width: calc(50% - 12px);*/
}

.mycart_wrapper  .label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #707070;
    margin-bottom: 4px;
    text-transform: initial;
}

.mycart_wrapper  p.text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox .content_List_item {
    display: block;
    margin-bottom: 8px;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox .content_List_item.card_Select {
    padding: 12px 8px;
    background: #F8FAFB;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    margin-bottom: 0;
}

.content_List_item.card_Select {}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox {
    margin-left: 12px;
    background: #FFFFFF;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    flex: 0 0 50%;
    max-width: calc(50% - 12px);
    padding-bottom: 8px;
}

.content_Rightbox_header {
    padding: 6px 12px;
    width: 100%;
    margin-bottom: 0;
}

.content_Rightbox_header .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    color: #222222;
    cursor: pointer;
}

.price_List_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.price_List_item .text {
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #222222 !important;
}

.price_List_item .text.bold {
    font-weight: 700 !important;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #222222 !important;
}

.price_List_item.total_Amount {
    margin: 0 12px;
    padding: 4px 0 8px !important;
    border-top: 1px solid #CACEDA;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox .content_List_item.card_Select .form-control {
    height: 28px;
    line-height: 28px;
    padding: 0px 8px;
    font-weight: 400;
    font-size: 14px;
    background: #FFFFFF;
    border-radius: 4px;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox .content_List_item.card_Select .form-control::placeholder {
    color: #888888;
    font-weight: 400;
    font-size: 14px;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .price_List_item {
    padding: 0 12px;
    margin-bottom: 8px;
}

.content_Rightbox.content_Accordion {
    padding-bottom: 0 !important;
    overflow: hidden !important;
}

.content_Rightbox.content_Accordion .content_Rightbox_header {
    margin-bottom: 0;
}

.content_Rightbox.content_Accordion .collapsed .content_Rightbox_header {
    background: #F5F5F5;
    border-top: 1px solid #CACEDA;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content_Rightbox.content_Accordion .collapsed .content_Rightbox_header .radio_icon {
    background-image: url(https://fai.projectsmt.com/myclub/public/images/icons/radio.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.content_Rightbox.content_Accordion  .content_Rightbox_header .radio_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 8px;
    background-image: url(https://fai.projectsmt.com/myclub/public/images/icons/radio_active.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50px;
}

.content_Rightbox.content_Accordion .content_Rightbox_header .title_text {
    display: flex;
    align-items: center;
}

.flexible-payment {}

.flexible-payment .head_Box {
    border-top: 1px solid #CACEDA;
    border-bottom: 1px solid #CACEDA;
    padding: 4px 0;
    text-align: center;
}

.flexible-payment .head_Box .title_text {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
}

.flexible-payment  .box_Layout {
    width: 100%;
    justify-content: space-evenly;
}

.flex_Display {
    display: flex;
    align-items: center;
}

.flexible-payment .box_Layout .flex_Payment_item {
    flex: 1;
    text-align: center;
    padding: 6px;
    border-right: 1px solid #CACEDA;
}

.flexible-payment .box_Layout .flex_Payment_item .text.bold {
    font-weight: 700;
}

.flexible-payment .box_Layout .flex_Payment_item .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
}

.flexible-payment .box_Layout .flex_Payment_item:last-child {
    border-right: none;
}
.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .panel.panel-default > div:nth-child(1) {
    pointer-events: none;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .panel.panel-default > div.collapsed {
    pointer-events: auto;
}
.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .panel.panel-default > div:nth-child(1) {
    pointer-events: none;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .panel.panel-default > div.collapsed {
    pointer-events: auto;
}

.mycart_wrapper .price-details .price-details-header {
    background: #F8F8F8;
/* Block outline */
    border-bottom: 1px solid #CACEDA;
    margin-bottom: 16px;
}

.mycart_wrapper .price-details .price_List_item {
    margin: 0 16px 4px;
}

.price_List_item.subtotal_Amount {
    margin-bottom: 12px !important;
    margin-top: 0px !important;
    padding: 8px 0 !important;
/*    border-top: 1px solid #E9E9E9;
*/    border-bottom: 1px solid #E9E9E9;
}

.mycart_wrapper .price-details .discount_Block {
    margin: 16px 16px 12px;
    background: #FFFFFF;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    overflow: hidden;
}

.mycart_wrapper .price-details .discount_Block .discount-header {
    background: #F8FAFB;
    padding: 6px 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mycart_wrapper .price-details .discount_Block .discount_Item {
    padding: 8px 12px;
    border-bottom: 1px solid #CACEDA;
}

.mycart_wrapper .price-details .discount_Block .discount_Footer {
    background: #F3F9F6;
    padding: 7px 12px;
}

.mycart_wrapper .price-details  .price_List_item.total_Amount {
    border-top: 1px solid #CACEDA;
    padding: 16px !important;
    margin: 0 !important;
}
.mycart_wrapper .price-details  .price_List_item.total_Amount.bb_none {
    margin: 0 16px 0px !important;
    padding: 8px 0 0px !important;
}
.mycart_wrapper .price-details  .btn_Block {
    margin: 16px 12px;
    width: auto;
    display: block;
}

.mycart_wrapper .price-details  .btn_Block .btn.btn-primary {
    width: 100%;
    padding: 6px 8px;
    display: block;
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #222222;
}

.btn.btn-primary {}

.mycart_wrapper .price-details .price-details-header .title_text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin: 0;
    padding: 14px 16px;
    min-height: 52px;
    display: flex;
    align-items: center;
}

.mycart_wrapper .price-details .price_List_item p.text {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

.mycart_wrapper .price-details .discount_Block .discount-header p.text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
}

.mycart_wrapper .price-details .discount_Block .discount-header a {
    /*position: relative;
    top: 2px;*/
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex p.text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex:last-child {
    margin-bottom: 0;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex .flex_Display {}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex .icon {
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex .text {
    font-weight: 500;
    font-size: 12px;
    line-height: 21px;
    color: #0C8946;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex .link {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #707070;
}

.mycart_wrapper .price-details .discount_Block .discount_Item .discount_Flex .text span {
    text-transform: uppercase;
    font-weight: 700;
}

.mycart_wrapper .price-details .discount_Block .discount_Footer .flex_Display {
    justify-content: space-between;
}

.mycart_wrapper .price-details .discount_Block .discount_Footer .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
}

.mycart_wrapper .price-details .discount_Block .discount_Footer .text.bold {
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
}

.mycart_wrapper .price-details .price_List_item.total_Amount .text.bold {
    font-weight: 600 !important;
}

.mycart_wrapper .price-details .price_List_item.total_Amount .text:nth-child(1) {
    padding-right: 16px;
}

.mycart_wrapper .price-details .price_List_item.total_Amount .text:nth-child(2) {
    min-width: 100px;
    text-align: right;
}
.price_List_item.total_Amount.bb_none {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.price_List_item.link_list {}

.price_List_item.link_list a.text_link {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1F7EB8 !important;
}

.price_List_item.link_list a.text_link svg {
    margin-left: 4px;
    position: relative;
    top: 1px;
}
.mycart_wrapper .card_Item .card_Body .card_contentBox.ticket_Content {
    margin-right: 12px;
    background: #FFFFFF;
    border: 1px solid #CACEDA;
    border-radius: 4px;
    flex: 0 0 60%;
    max-width: calc(60% - 12px);
    padding-bottom: 12px;
}

.card_contentBox.ticket_Content .table_noborder.custom_table {
    width: 100%;
}

.card_contentBox.ticket_Content .table_noborder.custom_table thead tr th {
    padding: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #707070;
}

.card_contentBox.ticket_Content .table_noborder.custom_table thead tr th:not(:first-child) {
    min-width: 85px;
}

.card_contentBox.ticket_Content .table_noborder.custom_table tbody tr td {
    padding: 4px 12px;
    width: 100%;
}

th p.text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
}

.card_contentBox.ticket_Content .table_noborder.custom_table  .quantity-box {
    padding: 0;
    background: #F9F9F9;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    width: 85px;
}

.card_contentBox.ticket_Content .table_noborder.custom_table .quantity-box button.btn {
    height: 28px !important;
    width: auto !important;
    border: none !important;
    padding: 0 9px !important;
    color: #222;
    font-size: 23px;
    background: transparent !important;
}

.card_contentBox.ticket_Content .table_noborder.custom_table .quantity-box input.form-control {
    line-height: 28px !important;
    height: 28px !important;
    padding: 0 !important;
    width: 20px;
    background: transparent !important;
    font-weight: 400;
    font-size: 14px !important;
}
.select2-dropdown .select2-results {}

.select2-dropdown .select2-results ul {    border: none !important;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 25%);
    border-radius: 0 0 8px 8px;}

.select2-dropdown .select2-results ul li.select2-results__option {font-weight: 400;
font-size: 12px;
line-height: 18px;

color: #222222;padding: 5px 8px;}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important;
    font-weight: 400 !important;
    font-size: 13px !important;
}

.select2-container .select2-selection--single {height: 32px !important;border: 1px solid #EDEEF1 !important}

.select2-container--default .select2-results__option--selected {background-color: #f8f8f8 !important;}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #c6dcff !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    right: 3px !important;
}
.select2-container {
    width: 100% !important;
}
.modal_sml .modal-dialog .modal-footer .button-block {
    padding: 8px 16px;
    border-top: 1px solid #CACEDA;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.modal_sml .modal-dialog .modal-footer .button-block .btn.btn-secondary {
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: inherit;
    min-width: 72px;
    padding: 6px 12px;
    color: #222;
    display: inline-block;
}

.modal_sml .modal-dialog .modal-footer .button-block .btn.btn-primary {
    height: 32px;
    border-radius: 4px;
    font-size: 14px;
    text-transform: inherit;
    min-width: 72px;
    padding: 6px 12px;
}

.modal_sml .modal-dialog .modal-footer .button-block .btn.btn-secondary {
    margin-right: 8px;
}

.modal_sml.modal_Upload.modal_New .modal-dialog .modal-body p.text {}

.modal_sml form {
    margin: 0;
}
.coupon_Modal {}

.coupon_Modal .modal-body {}

.form-group.checkbox01 {}

.coupon_Modal .modal-body .form-group {
    margin-bottom: 8px;
}

/*.form-group.checkbox01 input[type="radio"] {
    display: none;
}*/

.form-group.checkbox01 label {
    position: relative;
}

.coupon_Modal .modal-body .form-group.checkbox01 label {
    width: 100%;
    padding: 8px 16px;
    background: #FFFFFF;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    transition: all 0.2s ease;
}

.form-group.checkbox01 input[type="radio"] + label:before {
    content: "";
    position: absolute;
    left: 16px;
    -webkit-appearance: none;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    width: 16px;
    height: 16px;
    top: calc(50% - 8px);
    box-sizing: border-box;
    background-image: url(https://fai.projectsmt.com/myclub/public/images/icons/radio.svg);
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 50px;
    transition: all 0.2s ease;;
}

.form-group.checkbox01 input[type="radio"]:checked + label:before {
   background-image: url(https://fai.projectsmt.com/myclub/public/images/icons/radio_active.svg);
    transition: all 0.2s ease;
}

.coupon_Modal .modal-body .form-group.checkbox01 label .text_block {
    padding-left: 30px;
}

.coupon_Modal .modal-body .form-group.checkbox01 label .text_block .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 4px;
}

.coupon_Modal .modal-body .form-group.checkbox01 label .text_block .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
}

.form-group.checkbox01 input[type="radio"]:checked + label {
    border: 1px solid #222222;
    transition: all 0.2s ease;
}
.mycart_wrapper .card_Item:last-child {
    border-bottom: 1px solid #CACEDA;
}
.coupon_listing.p-0 {
    padding: 0 !important;
}

.coupon_listing .coupon_code {
    background: #F8FAFB;
    padding: 8px 16px;
}

.coupon_listing .coupon_code input.form-control {
    background: #FFFFFF;
}

.coupon_Modal .modal-body.coupon_listing .form-group.checkbox01 label {border-radius: 0;border: none !important;border-top: 1px solid #CACEDA !important;}

.coupon_Modal .modal-body.coupon_listing .form-group {
    margin: 0;
}

.coupon_Modal .modal-body .form-group.checkbox01 label .text_block .code {
    background: #F1B645;
    padding: 0 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 4px;
    display: inline-block;
}

.coupon_Modal .modal-body .form-group.checkbox01 label .text_block .sub_text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin-bottom: 4px;
}
.modal_sml.modal_lrg .modal-dialog {
    max-width: 700px;
}

.modal_sml .modal-body.schedule-wrapper {
    padding: 0 !important;
}

.schedule-wrapper .intruction {
    background: #F8FAFB;
    border-radius: 4px;
    padding: 12px 16px;
    margin-bottom: 16px;
}

.schedule-wrapper .box_Content {
    margin: 0 16px 16px;
    border: 1px solid #CACEDA;
    border-radius: 4px;
    padding: 12px;
}

.schedule-wrapper .table-section {
    margin: 0 16px 16px;
    border-radius: 4px;
    overflow-x: hidden;
    border: 1px solid #CACEDA;
    overflow-y: auto;
    max-height: 350px;
}

.schedule-wrapper  .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 4px;
}

.schedule-wrapper .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #333333;
    margin: 0;
}

.schedule-wrapper .text.bold {
    font-weight: 700;
}

.schedule-wrapper .box_Content .content_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.schedule-wrapper .box_Content .content_item span {
    margin-right: 6px;
}

.schedule-wrapper .box_Content .content_item  .icon {
    position: relative;
    top: 1px;
}

table.table.cust_Table {
    margin: 0;
    width: 100%;
}

table.table.cust_Table thead tr th {
    background: #F8F8F8;
    font-weight: 700;
    font-size: 10.5px;
    line-height: 20px;
    color: #222222;
    padding: 8px 10px;
    vertical-align: middle;
    border-right: 1px solid #E5E5E5;
}

table.table.cust_Table tbody tr td {
    padding: 8px 10px;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #222222;
    border-right: 1px solid #EBEBEB;
}
.mycart_wrapper .card_Item .card_Body .card_contentBox.ticket_Content + .card_contentBox.content_Rightbox {
    flex: 0 0 40%;
    max-width: calc(40% - 12px);
}
.mycart_wrapper .price-details .discount_Block .discount-header a.link_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.mycart_wrapper .price-details .discount_Block .discount-header a.link_text .icon {
    font-size: 20px;
    position: relative;
    top: -1px;
    color: #222222;
    opacity: 0;
    transition: all 0.2s ease;
}

.mycart_wrapper .price-details .discount_Block .discount-header a.link_text .text {
    margin-left: 3px;
    transition: all 0.2s ease;
}

.mycart_wrapper .price-details .discount_Block .discount-header a.link_text:hover {
    transition: all 0.2s ease;
    color: #222 !important;
}

.mycart_wrapper .price-details .discount_Block .discount-header a.link_text:hover .icon {
    opacity: 1;
    transition: all 0.2s ease;
}

.mycart_wrapper .card_Item .card_Header .card_Select.form-content .input-group {
    min-width: 200px;
}
.card_contentBox.content_Rightbox.content_Flexrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px !important;
}

.card_contentBox.content_Rightbox.content_Flexrow .content_Rightbox_header {
    flex: 1;
    padding: 0;
    padding-right: 16px !important;
}

.card_contentBox.content_Rightbox.content_Flexrow .price_List_item {
    padding: 0 !important;
    margin: 0 !important;
}

.card_contentBox .text_amount {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}
.mycart_wrapper .card_Item .card_Header .card_Select.form-content .input-group span.select2-selection {
    background: #FFFFFF;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    height: 28px !important;
}

.mycart_wrapper .card_Item .card_Header .card_Select.form-content .input-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 28px !important;
}

.select2-dropdown {
    border: none !important;
}

.select2-dropdown .select2-results ul {}

.card_contentBox.content_Rightbox.content_Flexrow .content_Rightbox_header .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.content_Rightbox.content_Accordion .content_Rightbox_header.content_Flexrow {
    min-height: 50px;
    display: flex;
    align-items: center;
}

.content_Rightbox.content_Accordion .content_Rightbox_header.content_Flexrow .price_List_item {
    padding: 0 !important;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
}

.mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox .price_List_item.flex_1 {
    flex: 1;
    margin: 0;
}

.content_Rightbox.content_Accordion .collapsed .content_Rightbox_header.content_Flexrow .price_List_item .text,.content_Rightbox.content_Accordion .collapsed .content_Rightbox_header.content_Flexrow .price_List_item .text_amount {
    display: none;
}
.mycart_wrapper .card_Item .card_Header .detail_Section .date {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
    text-align: right;
}

.mycart_wrapper .card_Item .card_Header .detail_Section .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin: 0;
    text-align: right;
}
.price_List_item.mb-12 {
    margin-bottom: 12px !important;
}
.price_List_item.mb-16 {
    margin-bottom: 16px !important;
}
.checkout_list {
    flex: 1;
    max-width: calc(100% - 310px);
    padding-right: 16px;
}

.checkout_list .checkout_header {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 12px;
    background: #000000;
}

.checkout_list .checkout_header .number {
    width: 16px;
    height: 16px;
    border-radius: 50px;
    background: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
    margin-right: 8px;
}

.checkout_list .checkout_header .text {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.checkout_list .form-content {padding: 20px !important;display: flex;align-items: flex-start;flex-wrap: wrap;}

.custom_fields .fieldset{
    width: 100% !important;
    max-width: 400px !important;
}

.form-content.cust_Form .fieldset {
    width: calc(100%/3);
    padding: 0 6px 12px;
    max-width: 338px;
    min-width: 338px;
}

.form-content.cust_Form {
    margin: 0 -12px;
}

.form-content.cust_Form .fieldset.fieldset_full {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}

.form-content.cust_Form .fieldset .control-label {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #555555;
    text-transform: initial;
}

.form-content.cust_Form .fieldset .form-control {
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    font-size: 13px;
    border: 1px solid #CACEDA;
    border-radius: 4px;
}

.form-content.cust_Form .fieldset .input-group.mandatory .form-control {
    box-shadow: inset 2.5px 0px 0px #EE7E7E;
}

.checkout_list .panel {
    border: 1px solid #CACEDA;
    border-radius: 4px;
    margin-bottom: 20px;
}

.checkout_list .collapsed .checkout_header .text {
    color: #888888;
}

.checkout_list .collapsed .checkout_header {
    background: transparent;
    cursor: pointer;
}

.checkout_list .collapsed .checkout_header .number {
    border: 1px solid #707070;
    color: #707070;
    background: transparent;
}

.checkout_list .collapsed {
    pointer-events: auto !important;
}

.checkout_list .panel > div {
    pointer-events: none;
}

.checkout_list .panel > div.panel-collapse {
    pointer-events: auto !important;
}

.form-content.cust_Form .fieldset .button-block {}

.form-content.cust_Form .fieldset .button-block .btn.btn-primary {
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    padding: 8px;
    text-transform: initial;
    min-width: 190px;
    border-radius: 4px;
}

.form-content.cust_Form .fieldset.fieldset_full .form-control {
    max-width: 664px;
}

.form-content.cust_Form .fieldset .form-control::placeholder {
    font-weight: 400;
    font-size: 13px;
    color: #888888;
}

.form-content.cust_Form .fieldset .select2-selection {
    border: 1px solid #CACEDA !important;
    border-radius: 4px;
}
.form-content.cust_Form.payment_Field {
    flex-direction: column;
}

.form-content.cust_Form  .fieldset_flex {
    display: flex;
    align-items: flex-start;
}

.form-content.cust_Form .fieldset_flex .fieldset.date_block {
    width: auto;
    max-width: initial;
    min-width: auto;
}

.form-content.cust_Form .fieldset_flex .fieldset.cvv {
    width: auto;
    max-width: initial;
    min-width: initial;
}

.form-content.cust_Form .fieldset_flex .fieldset.date_block .form-control {
    max-width: 184px;
}

.form-content.cust_Form .fieldset_flex .fieldset.cvv .form-control {
    max-width: 130px;
}
.price_List_item.list_block_item {
    margin: 0 !important;
    padding: 10px 16px;
    border-bottom: 1px solid #CACEDA;
}
.checkout_list  .checkout_details {
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.checkout_list  .checkout_details .item {
    display: flex;
    align-items: flex-start;
}


.checkout_list  .checkout_details .item_btn .btn.btn-secondary {
    border: 1px solid #555555;
    border-radius: 4px;
    padding: 8px;
    color: #222222;
    background: transparent !important;
    text-transform: initial;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    min-width: 72px;
}

.checkout_list .checkout_details .item .icon {
    position: relative;
    top: -2px;
    margin-right: 8px;
}

.checkout_list .checkout_details .item .details {}

.checkout_list .checkout_details .item .details .text {
    color: #888888;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 4px;
}

.checkout_list .checkout_details .item .details .content_item {
    display: block;
    padding-right: 16px;
}

.checkout_list .checkout_details .item .details .content_item .text.bold {
    font-weight: 600;
}

.checkout_list .checkout_details .item .details .content_item .text {
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.panel.disabled > div {
    pointer-events: none !important;
}
/*.checkout_list  .checkout_header {
    display: none;
}
.checkout_list  .checkout_header.show {
    display: flex;
}

.checkout_list .checkout_details {
    display: none;
}

.checkout_list .checkout_details.show {
    display: flex;
}
*/

.price-details-header.d_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.price-details-header.d_flex a.link_color {
    padding-right: 16px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    transition: all 0.2s ease;
}
.price-details-header.d_flex a.link_color:hover {
    color: #F1B645 !important;
    transition: all 0.2s ease;
}
.search-sec.form-content {}

.search-sec.form-content form {
    margin: 0;
}

.search-sec.form-content .search-icon img {
    height: auto;
    position: relative;
    top: -1px;
}

.search-sec.form-content .search-icon {
    padding: 0 14px;
}

.search-sec.form-content .search-box {
    margin-bottom: 8px;
}

.search-sec.form-content .search-box .form-control {
    height: 32px;
    line-height: 32px;
    border: none;
    font-weight: 400;
    font-size: 13px;
    padding: 0 8px 0 0;
}

.search-sec.form-content .search-box .form-control::placeholder {
    font-weight: 400;
    font-size: 13px !important;
    color: #888888;
}

.search-sec.form-content .search-box  .btn.btn-transparent {
    color: #777777;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-transform: initial;
    margin: 0;
    padding: 8px;
    min-width: 72px;
}

.search-sec.form-content  .field_Flexbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -4px;
}

.search-sec.form-content .field_Flexbox .fieldset {
    padding: 0 4px;
}

.search-sec.form-content .field_Flexbox .fieldset.event_field {
    flex: 1;
    min-width: 360px;
}

.search-sec.form-content .field_Flexbox .fieldset .select2-selection {
    border: 1px solid #CACEDA !important;
}

.search-sec.form-content .field_Flexbox .fieldset .form-control {
    height: 32px;
    line-height: 32px;
    font-weight: 400;
    font-size: 13px;
    position: relative;
    z-index: 2;
    border-radius: 4px;
    border: 1px solid #CACEDA;
}

.search-sec.form-content .field_Flexbox .fieldset  .date_group {
    position: relative;
    display: flex;
    background: #fff;
}

.search-sec.form-content .field_Flexbox .fieldset  .date_group .icon {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 0;
    border-left: 1px solid #CACEDA;
    z-index: 1;
}

.search-sec.form-content .field_Flexbox .fieldset.date_field {
    min-width: 260px;
}

.search-sec.form-content .field_Flexbox .fieldset.price_field {
    max-width: 140px;
}

.search-sec.form-content .field_Flexbox .fieldset .form-control::placeholder {
    font-weight: 400;
    font-size: 13px !important;
    color: #888888;
}
.search-sec.form-content .field_Flexbox .fieldset .select2-selection:focus-visible {
    outline: none;
}
.search-sec.form-content .field_Flexbox .fieldset .date_group .form-control {
    padding-right: 38px;
}
.event_Listnew .card {
    position: relative;
}

.event_Listnew .card .card_hover {
    position: absolute;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transform: scale(1);
    z-index: 2;
    transition: all 0.25s ease;
}

.event_Listnew .card > a {
    z-index: 2;
}

.event_Listnew .card  .card-body.event {
    z-index: 2;
}

.event_Listnew .card:hover .card_hover {
    opacity: 1;
    transition: all 0.25s ease;
    transform: scale(1);
}
.event_Listnew .card .card-thumbnail {
}

.event_Listnew .card .card-thumbnail .date_box {
    position: absolute;
    padding: 4px 8px;
    background: #FFFFFF;
    border-radius: 2px;
    left: 12px;
    top: 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.event_Listnew .card .card-thumbnail .date_box .date {
    display: block;
    font-weight: 700;
    font-size: 22px;
    line-height: 27px;
    color: #000000;
}

.event_Listnew .card .card-thumbnail .date_box .month {
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #000000;
    text-transform: capitalize;
}

.event_Listnew .card .card-thumbnail .box {
    position: absolute;
    bottom: -12px;
    right: 12px;
    background: #F1B645;
    border-radius: 4px;
    padding: 0px 8px;
    height: 24px;
    display: flex;
    align-items: center;
}

.event_Listnew .card .card-thumbnail .box .sub {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
}

.event_Listnew .card .card-thumbnail .box .text {
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    color: #222222;
}

.event_Listnew .card .card-body.event {
    padding: 24px 12px 12px;
}

.event_Listnew .card .card-body.event .location {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 4px;
    color: #555555;
    display: flex;
    align-items: center;
}

.event_Listnew .card .card-body.event > a {}

.event_Listnew .card .card-body.event > a h3 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 16px;
}

.event_Listnew .card .card-body.event  .card-inner {
    margin: 0;
}

.event_Listnew .card .card-body.event  .card-inner h4 {
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    color: #222222;
}

.event_Listnew .card .card-body.event  .card-inner h4 p {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #555555;
    margin-bottom: 4px;
}

.event_Listnew .card .card-body.event .location img {
    margin-right: 4px;
    position: relative;
    top: -1px;
}

.event_Listnew .card {height: 100%;}

.event_Listnew .card .card-thumbnail img.img-cover {
    border-radius: 4px 4px 0px 0px;
}

.event_Listnew  .col-lg-3.col-md-3 {
    padding: 0 10px 20px;
}

.event_Listnew  .row {
    margin: 0 -10px;
}

.event_Listnew .card .card_hover .img-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.event_Listnew .card .card_hover .details_list {
    position: relative;
    z-index: 3;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.event_Listnew .card .card_hover .img-box .img-cover {
    width: 100%;
    object-fit: cover;
    height: 100%;
    transition: all 3s ease;
}
.event_Listnew .card:hover .card_hover .img-box .img-cover {
    transition: all 3s ease;
    transform: scale(1.08);
}

.event_Listnew .card .card_hover:before {
    content: "";
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.event_Listnew .card .card_hover {
    border-radius: 4px;
    overflow: hidden;
    padding: 12px;
}

.event_Listnew .card .card_hover .details_list .title {
    flex: 1;
}

.event_Listnew .card .card_hover .details_list .title a {}

.event_Listnew .card .card_hover .details_list .title a h4 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    color: #FFFFFF;
}

.event_Listnew .card .card_hover .details_list .item {
    padding: 8px 12px;
    border-bottom: 1px solid #fff;
}

.event_Listnew .card .card_hover .details_list .item .icon {
    margin-right: 12px;
}

.event_Listnew .card .card_hover .details_list .item .text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #FFFFFF;
}

.event_Listnew .card .card_hover .details_list .item.align_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0;
    margin: 4px 0 12px;
    border-bottom: none;
}

.event_Listnew .card .card_hover .details_list .item.align_right .date_box {}

.event_Listnew .card .card_hover .details_list .item.align_right .date_box .sub {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #FFFFFF;
}

.event_Listnew .card .card_hover .details_list .item.align_right .date_box .text {
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
}

.event_Listnew .card .card_hover .details_list .item.button-block {
    border-bottom: none;
    padding: 0;
}

.event_Listnew .card .card_hover .details_list .item.button-block .btn.btn-primary {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
    color: #222222;
    padding: 6px 12px;
    border-radius: 4px !important;
}

.event_Listnew .card .card_hover .details_list .item.no_border {
    border-bottom: none;
}

.event_Listnew .card .card_hover .details_list .item.button-block .btn.btn-primary:hover,.event_Listnew .card .card_hover .details_list .item.button-block .btn.btn-primary:focus {
    color: #F1B645 !important;
    background: #fff !important;
    border: 1px solid #F1B645;
}
.banner_Section {
    height: 270px;
    position: relative;
    overflow: hidden;
}

.banner_Section .img-box {
    position: relative;
}

.banner_Section .banner-contentBlock {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.banner_Section .banner-Container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

.banner_Section .img-box .img-cover {
    width: 100%;
    object-fit: cover;
}

.banner_Section .img-box:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    z-index: 1;
}

.banner_Section .banner-contentBlock h4 {
    color: #FFFFFF !important;
}

.banner_Section .banner-contentBlock .event_Details {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.banner_Section .banner-contentBlock .event_Details .item {
    display: flex;
    align-items: stretch;
    height: 100%;
    padding: 0 15px;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection {
    min-width: 250px;
    padding: 16px 40px;
    border-right: 1px solid #707070;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection >  div {
    margin-bottom: 8px;
    display: flex;
    align-items: flex-start;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection .icon {
    margin-right: 8px;
    position: relative;
    top: -3px;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection .text {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF;
}

.banner_Section .banner-contentBlock .event_Details .row {
    justify-content: space-between;
    align-items: center;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection:first-child {
    padding-left: 0;
}

.banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection > div:last-child {
    margin-bottom: 0;
}

.btn.btn-primary.btn_withicon {
    padding: 8px 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
    background: #FFFFFF !important;
    border-radius: 4px;
    border: 1px solid #fff !important;
}

.btn.btn-primary.btn_withicon .icon {
    margin-right: 12px;
    position: relative;
    top: 1px;
}

.btn.btn-primary.btn_withicon .text {
    font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    color: #333333;
}

.btn.btn-primary.btn_withicon:focus {
    background: #FFFFFF !important;
}
.membership-plans-block.event_Detailcontent {
    padding: 0;
}
.membership-plans-block.event_Detailcontent .event-content .text-row {
    margin-top: 20px;
    display: block;
}

.membership-plans-block.event_Detailcontent .event-content .text-row:last-child {
    margin-bottom: 20px;
}


.membership-plans-block.related_evnts .titlehead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.membership-plans-block.related_evnts .titlehead h4 {
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 20px !important;
    color: #000000 !important;
    text-transform: initial !important;
    margin: 0 !important;
    padding: 0 !important;
}

.membership-plans-block.related_evnts .titlehead h4:before {
    background: transparent;
}

.membership-plans-block.related_evnts .titlehead ul {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.membership-plans-block.related_evnts .titlehead ul li.prev,.membership-plans-block.related_evnts .titlehead ul li.next {}

.membership-plans-block.related_evnts .titlehead ul li.disabled {}

.membership-plans-block.related_evnts .titlehead ul li a {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #555555;
    border-radius: 4px;
    color: #222;
}

.membership-plans-block.related_evnts .titlehead ul li.disabled a {
    border: 1px solid #909090;
    color:  #909090;
    pointer-events: none;
}

.membership-plans-block.related_evnts .titlehead ul li {
    list-style: none;
    margin-left: 8px;
}
.ticket_Section {
    background: #ECEEF2;
    padding: 24px 0;
}

.ticket_Section .card {
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: none;
    margin-bottom: 20px;
}

.ticket_Section .card .ticket_Cardbody {
    display: flex;
    align-items: stretch;
    padding: 12px 16px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left {
    display: flex;
    flex-direction: column;
    padding-right: 32px;
    flex: 1;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right {
    display: flex;
    flex-direction: column;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left .title_text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 14px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left .text {
    flex: 1;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left a.text {
    flex: unset !important;
    text-decoration: underline;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .amount_sec {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
    flex: 1;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .amount_sec .title_text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 14px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .amount_sec .tag_sec {
    margin-bottom: 16px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .amount_sec .tag_sec .tag {
    background: #F8FAFB;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    padding: 2px 8px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
}

.tag.grey {
    background: #F8FAFB !important;
/* Block outline */
    border: 1px solid #CACEDA !important;
    color: #222222 !important;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .quantity-box {
    padding: 0;
    background: #F9F9F9;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    width: 90px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .quantity-box .btn {
    height: 30px !important;
    width: auto !important;
    border: none !important;
    padding: 0 9px !important;
    color: #222;
    font-size: 23px;
    background: transparent !important;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .quantity-box .form-control {
    line-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    width: 20px;
    background: transparent !important;
    font-weight: 400;
    font-size: 14px !important;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .btn.btn-secondary {
    margin-left: 8px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .btn.btn-primary {
    margin-left: 8px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left a.text:hover {
    color: #F1B645;
}
.tag.red {
    color: #AB1B1B !important;
    background: rgba(171, 27, 27, 0.07) !important;
/* Base Color/Red */
    border: 1px solid #AB1B1B !important;
}

.ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .quantity-box.disabled {
    background: #EDEDED;
/* Block outline */
    border: 1px solid #CACEDA;
    pointer-events: none;
}

.btn.btn-secondary.disabled {
    color: #888888 !important;
    opacity: 1 !important;
    border: 1px solid #888888 !important;
    pointer-events: none !important;
}

.btn.btn-primary.disabled {
    background: #EDEDED !important;
    border: 1px solid  #EDEDED !important;
    color: #222222 !important;
    opacity: 1 !important;
    pointer-events: none;
}
.banner_Section .banner-contentBlock .titlehead {
    padding: 0 15px;
}
.membership-plans-block.plan_Section .details-section {
    padding: 0 15px !important;
}

.membership-plans-block.plan_Section .details-section h4 {
    margin: 0 !important;
}
.ticket_Section .card .ticket_Cardbody .carditem_Left .flex_div {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left .flex_div .item {
    display: flex;
    align-items: center;
    padding-right: 32px;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left .flex_div .item .sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    margin-right: 8px;
    display: inline-block;
}

.ticket_Section .card .ticket_Cardbody .carditem_Left .flex_div .item .text {flex: unset !important;font-weight: 400;font-size: 14px;line-height: 20px;color: #222222;}
.tag.tag_rounded {
    border-radius: 20px 4px 4px 20px !important;
    padding: 2px 8px 2px 4px !important;
}

.tag.yellow {
    background: rgba(241, 182, 69, 0.16) !important;
/* Primary */
    border: 1px solid #F1B645 !important;
    color: #222222 !important;
}

.tag.tag_rounded .icon {
    position: relative;
    top: -1px;
    left: -1px;
}

.instruction_block {}

.instruction_block .titlehead {
    margin-top: 20px;
}

.instruction_block .custom-list {
    margin-bottom: 20px;
}

.instruction_block .titlehead h4 {
    padding: 0 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-transform: initial !important;
    margin-bottom: 8px !important;
}

.instruction_block .titlehead h4:before {
    background: transparent;
}

.instruction_block .custom-list li {
   padding: 0;
   list-style-type: disc;
   margin-bottom: 6px !important;
}

.instruction_block .custom-list li div {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}
.membership-plans-block.plan_Section {}

.membership-plans-block.plan_Section .flex_Div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.membership-plans-block.plan_Section .flex_Div .sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    margin: 0;
    margin-right: 8px;
}

.membership-plans-block.plan_Section .flex_Div .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}

.membership-plans-block.plan_Section .flex_Div .link_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #1F7EB8;
}

.membership-plans-block.plan_Section .flex_Div .dropdown {}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu {
    width: 370px;
    padding: 15px 12px;
    background: #FFFFFF;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
    border-radius: 8px;
    box-shadow: none !important;
    margin-top: 10px;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .dropdown_header {
    padding-bottom: 12px;
    border-bottom: 1px solid #CACEDA;
    margin-bottom: 4px;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .flex_Div {
    margin: 0;
    padding: 6px 4px;
    justify-content: space-between;
}

.membership-plans-block.plan_Section  .price_details {
    background: #FFFFFF;
/* Block outline */
    border: 1px solid #CACEDA;
    border-radius: 4px;
    max-width: 360px;
    margin-left: auto;
}

.membership-plans-block.plan_Section .price_details .price_header {
    background: #F8F8F8;
/* Block outline */
    border: 1px solid #CACEDA;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.membership-plans-block.plan_Section .price_details .price_header .title_text {
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #222222;
    margin: 0;
}

.membership-plans-block.plan_Section .price_details  .button-block {
    display: flex;
    align-items: center;
    padding: 16px 20px;
    justify-content: center;
}

.membership-plans-block.plan_Section .price_details  .button-block .quantity-box {
    padding: 0;
    background: #F9F9F9;
    border: 1px solid #F0F0F0;
    border-radius: 4px;
    width: 90px;
}

.membership-plans-block.plan_Section .price_details .button-block .quantity-box .btn {
    height: 30px !important;
    width: auto !important;
    border: none !important;
    padding: 0 9px !important;
    color: #222;
    font-size: 23px;
    background: transparent !important;
}

.membership-plans-block.plan_Section .price_details .button-block .quantity-box .form-control {
    line-height: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    width: 20px;
    background: transparent !important;
    font-weight: 400;
    font-size: 14px !important;
}

.membership-plans-block.plan_Section .price_details .button-block .btn.btn-secondary {
    margin-left: 8px;
}

.membership-plans-block.plan_Section .price_details .button-block .btn.btn-primary {
    margin-left: 8px;
}


.membership-plans-block.plan_Section .flex_Div .tag_sec {
    margin-right: 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.membership-plans-block.plan_Section .flex_Div .link_text .icon {
    position: relative;
    top: 2px;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .dropdown_header .text {
    padding: 0 4px;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu:before {
    content: "";
    position: absolute;
    border-bottom: 10px solid #ffe;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    top: -10px;
    left: 8px;
}

.description_block {
    margin-top: 20px;
}

.description_block .title_text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 16px;
}

.description_block .text ,.description_block p {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}

.membership-plans-block.plan_Section  .align-right {
}

.membership-plans-block.related_Plans {
    background: #ECEEF2;
    padding-bottom: 0;
}
.membership-plans-block.related_Plans .row > .col-md-4{
    padding-bottom: 20px !important;
}

.membership-plans-block.related_Plans .card {
    background: #FFFFFF;
/* Shadow high */
    box-shadow: 0px 8px 48px rgba(47, 47, 47, 0.07);
    border-radius: 6px;
}

.membership-plans-block.related_Plans .plan_body {
    padding: 18px 16px;
}

.membership-plans-block.related_Plans .plan_body a h3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 22px;
}

.membership-plans-block.related_Plans .plan_body .flex_Div {
    display: flex;
    align-items: flex-start;
    margin-bottom: 6px;
}

.membership-plans-block.related_Plans .plan_body .flex_Div .sub {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #707070;
    margin: 0;
    margin-right: 8px;
}

.membership-plans-block.related_Plans .plan_body .flex_Div .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
    flex: 1;
}

.membership-plans-block.related_Plans .plan_body  .link_text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    text-decoration: underline;
}

.membership-plans-block.related_Plans .plan_body .flex_Div:last-child {
    margin-top: 24px;
    justify-content: space-between;
    margin-bottom: 0;
}

.membership-plans-block.related_Plans .plan_body .flex_Div .title_text {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #222222;
}
.membership-plans-block.related_Plans .row {
    margin: 0 -10px;
}

.membership-plans-block.related_Plans .row > .col-md-12,.membership-plans-block.related_Plans .row > .col-md-4 {
    padding: 0 10px;
}
.membership-plans-block.plan_Section .flex_Div.align_center {
    align-items: center;
}
.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .flex_Div.mb-active {
    padding-bottom: 12px;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .flex_Div.mb-0 {
    padding-bottom: 2px !important;
}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .flex_Div.mb-0 + .flex_Div {padding-top: 0;}

.membership-plans-block.plan_Section .flex_Div .dropdown .dropdown-menu .flex_Div.flex_footer {
    border-top: 1px solid #CACEDA;
    margin-top: 6px;
    padding-top: 12px;
}

.membership-plans-block.related_Plans .plan_body .flex_Div .tag_sec {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}

.tippy-content {
    padding:12px  16px;
    font-weight: 400;
    font-size: 10.5px;
    line-height: 14px;
    background: #222222;
    border-radius: 4px;
}


.dropdown.is-active .dropdown-menu {
    display: block;
    opacity: 1;
    transform: scale(1);
}
.order_Section .card {
    box-shadow: none;
    background: #FFFFFF;
    border: 1px solid #CACEDA;
    border-radius: 4px;
    margin-bottom: 12px;
}

.order_Section .card .ticket_Cardbody {
    width: 100%;
    padding: 14px 16px;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock {}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .text {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin-bottom: 4px;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 4px;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .text.amount {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #0C8946;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .link_block {
    margin-top: 8px;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .link_block .linl_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2264BA;
    position: relative;
    margin-right: 12px;
    padding-right: 12px;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex  .link {
    margin-top: 8px;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    text-decoration: underline;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .link_block .linl_text:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    height: 100%;
    background: #CACEDA;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .link_block .linl_text:last-child:before {
    background: transparent;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .link_block .linl_text:hover {
    text-decoration: underline;
}
.titlehead.flex_section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.titlehead.flex_section .right_Container {
    margin-bottom: 24px;
    display: flex;
}
.titlehead.flex_section .right_Container .btn.btn-secondary {
    margin-left: 8px;
}

.titlehead.flex_section .right_Container .select2-selection {
    border: 1px solid #CACEDA !important;
    border-radius: 4px;
}

.titlehead.flex_section .right_Container .select2-selection .select2-selection__rendered {
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    color: #222222;
}

.titlehead.flex_section .right_Container .input-group.select_group {
    min-width: 230px;
}
.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .title_text b {
    font-weight: 700;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .tag-sec {}

.tag.upcoming {
    color: #222222 !important;
    border: 1px solid #CACEDA !important;
    background: transparent !important;
}

.order_Section .card .ticket_Cardbody .ticket_Fullblock .div_Flex .tag-sec .tag {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    padding: 2px 4px;
    color: #222222;
    border: 1px solid #CACEDA;
    border-radius: 4px;
    background: transparent;
}

.tag.successfull {
    color: #0C8946 !important;
    background: rgba(12, 137, 70, 0.1) !important;
    border: 1px solid rgba(12, 137, 70, 0.16) !important;
}

.tag.failed {
    color: #AB1B1B !important;
    background: rgba(171, 27, 27, 0.1) !important;
    border: 1px solid rgba(171, 27, 27, 0.16) !important;
}

.membership-plans-block.event_Section .ticket_Cardbody {
    padding: 0;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock {
    background: #F8F8F8;
    border-bottom: 1px solid #CACEDA;
    padding: 8px 16px;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Fullblock {
    padding: 14px 16px;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .img-block {
    margin-right: 12px;
    width: 32px;
    height: 32px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .title_block {
    flex: 1;
    padding-right: 32px;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .detail_Section {}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .title_block .title_text {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin-bottom: 4px;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .title_block .right_container .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin-bottom: 0;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .detail_Section .text.bold {
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #222222;
    margin-bottom: 0;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .detail_Section .link_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #2264BA;
}

.membership-plans-block.event_Section .ticket_Cardbody .ticket_Headblock .card_Header .detail_Section .link_text:hover {
    text-decoration: underline;
}

.membership-plans-block.event_Section .card {
    overflow: hidden;
}
header.dark-header .container-fluid {
    max-width: initial;
}
header.dark-header ul.navbar-nav.nav-menu-left li.nav-item.active a.nav-link:before, header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link:hover:before {opacity: 1;transition: all 0.2s ease;}

header.dark-header ul.navbar-nav.nav-menu-left li.nav-item a.nav-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(3% + 20px);
    height: 2px;
    background: #fff;
    width: calc(94% - 40px);
    opacity: 0;
    transition: all 0.2s ease;
}
header.dark-header ul.navbar-nav.nav-menu-left.right_Container {
    margin-left: 0;
}

header.dark-header ul.navbar-nav.nav-menu-left.right_Container a.nav-link {
    padding: 6px 0 !important;
    margin: 0 12px !important;
    position: relative;
}

header.dark-header ul.navbar-nav.nav-menu-left.right_Container a.nav-link .number-cart.cartcount {
    right: -9px;
    top: 0px;
    font-weight: 500;
    font-size: 11px;
    line-height: 16px;
    color: #222222;
    width: 18px;
    height: 18px;
}


.right_Container li.nav-item {
    margin-left: 12px;
    margin-right: 12px;
}

.right_Container li.nav-item .dropdown_profile {
    position: relative;
}

.right_Container li.nav-item .dropdown_profile > a {
    width: 26px;
    height: 26px;
    overflow: hidden;
    border-radius: 6px;
    display: inline-block;
}

.right_Container li.nav-item .dropdown_profile > a img {
    width: 100%;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown {
    right: -6px !important;
    left: unset;
    width: 300px;
    top: calc(100% + 10px);
    filter: drop-shadow(0px 4px 25px rgba(0, 0, 0, 0.08));
    background: #fff;
    border-radius: 8px;
    transform-origin: top right;
    padding-bottom: 0;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown:before {
    content: "";
    position: absolute;
    border-bottom: 6px solid #ffe;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -6px;
    right: 10px;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header {
    background: #FAFAFA;
    border-bottom: 1px solid #EFEFEF;
    border-radius: 8px 8px 0px 0px;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-decoration: none;
    padding: 10px 12px;
    background: #fff;
    transition: all 0.2s ease;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item {
    padding: 12px 20px;
    background: #FAFAFA;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item .item:nth-child(1) {
    flex: 1;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_item .icon {
    display: inline-block;
    margin-right: 12px;
    position: relative;
    top: -2px;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_item .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item .item .title_text {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #222222;
    margin: 0;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item .item .title_text span {
    font-weight: 700;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item .item .sub {
    font-weight: 400;
    font-size: 10.5px;
    line-height: 13px;
    color: #222222;
    margin: 0;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_header a.dropdown_item .item .icon {}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_item:hover {
    transition: all 0.2s ease;
    background: #f4f4f4;
}

.right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown .dropdown_item:last-child {
    border-radius: 0 0 8px 8px;
}
.right_Container li.nav-item:last-child {
    margin-left: 0;
    margin-right: 0 !important;
}
header.dark-header ul.navbar-nav.nav-menu-left.right_Container > li:last-child > a {
    margin: 0 0px !important;
    padding: 6px 12px !important;
}
.right_Container li.nav-item .dropdown_profile.is-active .dropdown-menu.profile-dropdown {
    display: block;
    opacity: 1;
    transform: scale(1);
}
.order_DetailsView table {
    border-collapse: separate;
}





















@media(max-width: 1250px){
    .select2-container {
        width: 100% !important;
    }

    .mycart_wrapper .price-details {
        width: 310px;
        min-width: initial !important;
    }

    .container-fluid {
        width: calc(100% - 30px);
    }

    .card_contentBox.ticket_Content .table_noborder.custom_table thead tr th:not(:first-child) {
        min-width: 63px;
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.ticket_Content {
        margin-right: 4px;
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox {
        margin-left: 4px;
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.content_List {
        margin-right: 4px;
    }
    .mycart_wrapper .card_Item .card_Body .card_contentBox.content_List {
        max-width: calc(40% - 4px);
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.content_Rightbox {
        max-width: calc(60% - 4px);
        flex: 0 0 60%;
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.ticket_Content + .card_contentBox.content_Rightbox {
        max-width: calc(40% - 4px);
    }

    .mycart_wrapper .card_Item .card_Body .card_contentBox.ticket_Content {
        max-width: calc(60% - 4px);
    }
}
@media(max-width: 1325px){
    .mycart_wrapper .card_Item:last-child {
        border-bottom: 1px solid #CACEDA;
    }

    .flexible-payment .box_Layout {
        flex-wrap: wrap;
        justify-content: center;
    }

    .flexible-payment .box_Layout .flex_Payment_item {
        flex: unset;
        min-width: 50%;
    }
    .flexible-payment .box_Layout .flex_Payment_item:not(:last-child) {
        border-bottom: 1px solid #CACEDA;
    }

    .flexible-payment .box_Layout .flex_Payment_item:not(:first-child) {
        border-right: none;
    }
    .event_Listnew .card .card_hover .details_list .item .text {
        font-size: 13px;
    }
}
@media(min-width: 940px) and (max-width: 1199px){
    .event_Listnew .col-lg-3.col-md-3 {
        flex: 0 0 33.3%;
        max-width: 33.3%;
    }
    .ticket_Section .card .ticket_Cardbody .carditem_Left{
        padding-right: 12px;
    }
}
@media(min-width: 624px) and (max-width: 939px){
    .event_Listnew .col-lg-3.col-md-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 623px){
    .event_Listnew .col-lg-3.col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
}
@media(min-width: 768px) and (max-width: 991px){
    .search-sec.form-content .container {
        max-width: 95%;
    }

    .search-sec.form-content .field_Flexbox .fieldset.event_field {
        min-width: 200px;
    }

    .search-sec.form-content .field_Flexbox .fieldset.date_field {
        max-width: 200px;
        min-width: 200px;
    }
}
@media(min-width: 570px) and (max-width: 767px){
    .search-sec.form-content .field_Flexbox .fieldset.event_field {
        min-width: 100%;
        margin-bottom: 8px;
    }

    .search-sec.form-content .field_Flexbox .fieldset.date_field {
        min-width: 200px;
    }
}
@media(max-width: 569px){
    .search-sec.form-content .field_Flexbox .fieldset.date_field {
        min-width: 100%;
        margin-bottom: 8px;
    }

    .search-sec.form-content .field_Flexbox .fieldset.event_field {
        min-width: 100%;
        margin-bottom: 8px;
    }

    .search-sec.form-content .field_Flexbox .fieldset.price_field {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 767px){
    .ticket_Section .card .ticket_Cardbody .carditem_Left {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
    }

    .ticket_Section .card .ticket_Cardbody {
        flex-wrap: wrap;
    }

    .ticket_Section .card .ticket_Cardbody .carditem_Right {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .ticket_Section .card .ticket_Cardbody .carditem_Right .amount_sec {
        flex-direction: row-reverse;
    }

    .ticket_Section .card .ticket_Cardbody .carditem_Right .button-block {
        justify-content: flex-start;
    }

    .ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .btn.btn-secondary {
        flex: 1;
        justify-content: center;
    }

    .ticket_Section .card .ticket_Cardbody .carditem_Right .button-block .btn.btn-primary {
        flex: 1;
        justify-content: center;
    }
    .membership-plans-block.related_Plans .row > .col-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .membership-plans-block.plan_Section .price_details {
        margin-left: 0;
        margin-top: 16px;
        max-width: 100%;
    }
}
@media(max-width: 768px){
    .banner_Section .banner-contentBlock .event_Details .item {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 12px;
        flex-wrap: wrap;
        padding: 0;
    }

    .banner_Section .banner-contentBlock .event_Details .item .sub_Itemsection {
        flex: 1;
        border-right: none;
        padding: 12px;
        min-width: initial !important;
    }
    .banner_Section .banner-contentBlock .titlehead {
        padding: 0;
    }

}
@media(max-width: 680px){
    .mycart_wrapper.price_swap .card_Item .card_Body .card_contentBox.content_List {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 0;
        margin-right: 0;
    }

    .mycart_wrapper.price_swap .card_Item .card_Body {
        flex-wrap: wrap;
    }

    .mycart_wrapper.price_swap .card_Item .card_Body .card_contentBox.content_Rightbox {
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
    }

    .mycart_wrapper.price_swap .card_Item .card_Body .card_contentBox.ticket_Content {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 8px;
    }

    .mycart_wrapper.price_swap .card_Item .card_Body .card_contentBox.ticket_Content + .card_contentBox.content_Rightbox {
        max-width: 100%;
        flex: 0 0 100%;
    }
}
@media(max-width: 580px){
    .mycart_wrapper.price_swap .card_Item .card_Header {
        flex-wrap: wrap;
        align-items: center;
    }

    .mycart_wrapper.price_swap .card_Item .card_Header .card_Select.form-content {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 12px;
    }

    .mycart_wrapper.price_swap .card_Item .card_Header .card_Select.form-content .input-group.select_group {
        max-width: 250px;
    }

    .mycart_wrapper.price_swap .card_Item .card_Header .detail_Section {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 12px;
    }

    .mycart_wrapper.price_swap .card_Item .card_Header .detail_Section p {
        text-align: left;
    }
    .form-content.cust_Form .fieldset {
        max-width: 100%;
        min-width: 100%;
    }
}
/*@media (max-width: 1440px){
    .container-fluid {
        width: calc(100% - 30px);
        max-width: 898px;
    }
    .membership-plans-block.event-listing.event_Listnew.related_evnts .container-fluid {
        width: calc(100% - 80px);
        max-width: 1280px;
    }
    .membership-plans-block.event-listing.event_Listnew .container-fluid {
        width: calc(100% - 80px);
        max-width: 1280px;
    }
}*/


@media(max-width: 991px){
    .navbar-toggler {
        color: transparent !important;
        border-color: unset !important;
    }

    .navbar-toggler .navbar-toggler-icon {
        background-image: none;
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        border-radius: 6px;
        background: #fff;
        transition: all 0.2s ease;
    }

    .navbar-toggler {
        font-size: 1.25rem;
        background-color: transparent;
        border: 1px solid transparent;
        border-radius: 0.125rem;
        width: 24px;
        height: 18px;
        position: relative;
        line-height: normal !important;
        padding: 0 !important;
        cursor: pointer;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(1) {
        top: 0;
        transform: rotate(0deg);
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(2) {
        top: 7px;
        opacity: 1;
    }

    .navbar-toggler.collapsed .navbar-toggler-icon:nth-child(3) {
        bottom: 0;
        transform: rotate(0deg);
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(1) {
        top: 7px;
        transform: rotate(45deg);
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(2) {
        opacity: 0;
    }

    .navbar-toggler .navbar-toggler-icon:nth-child(3) {
        bottom: 8px;
        transform: rotate(-45deg);
    }

    .navbar-toggler.collapsed .navbar-toggler-icon {
        transition: all 0.2s ease;
    }
    header.dark-header ul.navbar-nav.nav-menu-left.right_Container.mobile_View {
        display: flex;
        position: fixed;
        right: 60px;
        top: 13px;
        margin-left: auto !important;
        margin-right: auto !important;
        width: auto;
        height: auto !important;
    }

    header.dark-header ul.navbar-nav.nav-menu-left.right_Container.mobile_View li.nav-item {
        width: auto;
        border: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    header.dark-header nav.navbar .navbar-collapse ul.navbar-nav.nav-right.nav-menu-left.right_Container {
        display: none;
    }

    header.dark-header ul.navbar-nav.nav-menu-left li.line-divider {
        display: none;
    }

    .right_Container li.nav-item .dropdown_profile .dropdown-menu.profile-dropdown {
        position: absolute;
    }
    header.dark-header nav.navbar a.navbar-brand {
        min-height: 58px;
    }


    header.dark-header nav.navbar .navbar-collapse ul.navbar-nav.nav-right.nav-menu-left {
        height: auto !important;
    }

    header.dark-header nav.navbar .navbar-collapse ul.navbar-nav.nav-right.nav-menu-left li.nav-item {
        width: 100%;
        padding: 16px 15px;
        text-align: right;
        justify-content: flex-end;
    }

    header.dark-header nav.navbar .navbar-collapse ul.navbar-nav.nav-right.nav-menu-left li.nav-item a.menu-item-with-icon.nav-link{
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between;
    }

    header.dark-header nav.navbar .navbar-collapse ul.navbar-nav.nav-right.nav-menu-left li.nav-item a.nav-link {
        padding: 0;
        margin: 0;
        display: block !important;
        font-size: 14px;
        width: 100% !important;
    }
}



@media(min-width: 992px){
    header.dark-header ul.navbar-nav.nav-menu-left.right_Container.mobile_View {
        display: none;
    }
}
@media(max-width: 510px){
    header.dark-header nav.navbar a.navbar-brand {
        width: 100%;
        max-height: 50px;
        min-height: initial;
        justify-content: center;
        border-bottom: 1px solid #707070;
    }

    header.dark-header {height: 95px;align-items: flex-start}

    header.dark-header nav.navbar {align-items: flex-start !important;justify-content: flex-start !important;}

    .navbar-toggler {
        margin-left: auto;
        margin-top: 13px;
        margin-right: 15px;
    }

    header.dark-header ul.navbar-nav.nav-menu-left.right_Container.mobile_View {
        top: 57px;
    }
    .innerpage-banner.banner__slider.main-banner {
        margin-top: 95px;
    }
    header.dark-header .container-fluid {
        padding: 0;
    }
    header.dark-header nav.navbar .navbar-collapse {
        top: 95px;
        height: calc(100vh - 95px);
    }
}

header.dark-header nav.navbar a.navbar-brand .second-img > span.img-box {
    width: auto;
    display: inline-block !important;
    white-space: normal !important;
}

.right_container label.error {
    color: #AB1B1B;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    margin: 0px 8px 0 0;
}
.video-container {
    position: relative;
    overflow: hidden;
    padding-bottom: 56.25%; /* 16:9 aspect ratio (height / width) */
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.disabled {
    pointer-events: none;
    cursor: default;
  }