@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&family=Oswald:wght@300;400;500;600;700&display=swap');


h3.thank-you-text{
    color: #cc0001;
    font-weight: 500;
}

select.selected-year {
    background-color: #FFF !important;
    border: 1px solid #999 !important;
    margin-bottom: 1px ! IMPORTANT;
}

.mobile-sidebar ul.uk-list li a {
    text-align: center;
    display: block;
    padding: 10px 0;
    font-size: 16px;
}

.custom-short-description *{
    color: #fff;
}

.custom-short-description{
    color: #fff;
}

p.event-addon-info {
    font-size: 19px !important;
}
.remove-addon-player{
    cursor:pointer;
}

.custom-top-margin{
    margin-top: 40px !important;
}

.clover-field {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    padding-top: 6px;
}

.checkout-form iframe {
    height: 18px !IMPORTANT;
}

.event-addon-section {
    background: #f8f8f8;
    padding-top: 20px;
    padding-bottom: 25px;
}

html {
    color:#000;    
}

img.event-image{
    max-width: 250px;
}

img.coin-logo{
    max-width: 150px;
}

body, p, span ,a{
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

#card-element {
    border:1px solid #CCC;
    padding:10px;
}

#card-element-display {
    border: 1px solid #CCC;
    padding: 10px;
}

.header-section a.switch-location{
    color: #1d89cb !important;
    margin-left: 5px;
}

.uk-add-player label {
    height: 40px;
    display: inline-block !IMPORTANT;
    border: 0px;
    font-size: 14px !important;
}

.disabled-continue-button{
    cursor: not-allowed !important;
}

th.highlight-info {
    background: #000 !IMPORTANT;
    border-color: #000 !important;
}
td.highlight-info {
    background: #F2F2F2 !important;
    font-weight: bold !important;
}

.thank-you h4 {
    font-size: 25px;
    font-weight: 500;
}

.thank-you p{
   font-size: 18px; 
}

.thank-you table{
    border: 1px solid #ccc;
}

.thank-you .billing-address-section{
    border: 1px solid #ccc;
    padding: 10px 20px;
}

.thank-you .dotted-border{
    border-right: 2px dotted #ccc;
}

a.eye-icon{
    text-decoration: none !important;
}

.thank-you b{
    color: #000;
}

.thank-you table th{
    background: #cc0001;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #cc0001;
}

.wavier-text-box {
    height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px 20px;
    margin-top: 17px;
    background: #FFF;
}

.review-order-modal p.modal-bottom {
    margin: 30px 0px !important;
    color: #cc0001 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    border: 2px solid #cc0001;
    display: inline-block;
    padding: 13px;
    margin-top: 0px !IMPORTANT;
    margin-bottom: 0px !IMPORTANT;
}

.review-order-modal h3 {
    color: #000;
    font-weight: 600;
    font-size: 18px;
    margin: 0;
}

.credit-btn {
    position: relative;
    display: inline-flex; /* works better with button */
    align-items: center;
    justify-content: center;
    min-height: 90px;
    padding: 18px 20px !important;
    border: 2px solid var(--card-color) !important;
    border-radius: 16px !important;
    text-align: center;
    text-decoration: none;
    transition: all 0.25s ease;
    cursor: pointer;
    box-sizing: border-box;
}

/* text */
.credit-btn {
    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: var(--card-color) !important;
    background: color-mix(in srgb, var(--card-color) 15%, white) !important;
}

/* ACTIVE like screenshot */
.credit-btn.active {
    border: 2px solid var(--card-color) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    transform: translateY(-2px);
}

/* top-right tick */
.credit-btn.active::after {
    content: "✓";
    position: absolute;
    top: -10px;
    right: -10px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--card-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    font-weight: bold;
    box-shadow: 0 2px 8px rgba(0,0,0,.15);
    z-index: 2;
}

/* hover */
.credit-btn:hover {
    text-decoration: none;
    transform: translateY(-2px);
}

.auth-tab{
    margin-left: 0;
}

.auth-tab li.uikit-tab{
    padding: 0;
    width: 50%;
}


.auth-tab li.uikit-tab.uk-active a {
    background: #b22328;
    color: #FFF !important;
    border-bottom: 0px !important;
    padding: 15px 20px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.auth-tab li.uikit-tab a {
    background: #F2F2F2;
    color: #000;
    border-bottom: 0px !important;
    font-weight:500;
    padding: 15px 20px;
    text-align: center;
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.review-order-modal .uk-modal-body a{
    text-decoration: none;
}

.public-private a.red-bg{
    background: #cc0001 !important;
    border: 1px solid #cc0001 !important;
    color: #fff !important;
}

.review-order-modal .uk-modal-body .auth-form a i{
    color: #ccc;
    font-size: 18px;
    margin-top: 0;
}

.review-order-modal .uk-modal-body .register-form a i{
    color: #ccc;
    font-size: 18px;
    margin-top: 0;
}

.thank-you-page{
    background: rgb(163, 0, 1);
}

.thank-you-page .thank-you-background{
    background: #300e0d;
    display: inline-block;
    width: 50%;
    padding: 35px 10px;
}

.thank-you-page h1{
    color: #fff;
    text-transform: uppercase;
    font-size: 75px;
    font-family: 'Oswald', 'sans-serif';
    font-weight: 700;
}

.thank-you-page h4{
    color: #fff;
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
}

.thank-you-page p{
    color: #fff;
    font-weight: 600;    
}

img.auth-logo {
    max-width: 320px;
}
.add-player-container {
    border: 1px solid #cc0001;
}
table.uk-table.team-list th {
    color: #FFF;
    font-weight: 600;
    padding-bottom: 0px !important;
    background: #cc0001;
    padding-top: 5px;
    padding-bottom: 5px !important;
}
table.uk-table.team-list td {
    padding-bottom: 8px !IMPORTANT;
    padding-top: 8px !important;
    color: #000 !important;
}
table.uk-table.team-list {
    border: 1px solid #cc0001;
}
.add-player-container h3 {
    background: #cc0001;
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    padding: 8px;
    margin-bottom: 0px !IMPORTANT;
}
.add-player-container table.uk-add-player {
    margin-top: 0px !IMPORTANT;
    padding-top: 0px !IMPORTANT;
}
.add-player-container table.uk-add-player th {
    font-weight: 600;
    color: #000;
    margin-bottom: 0px;
    padding-bottom: 0px !important;
}
.add-player-container table.uk-add-player td {
    padding-bottom: 5px !important;
    padding-top: 0px !important;
}
.add-player-container button.save-new-player {
    background: #32d296 !important;
    border-radius: 39px;
}

button.update-player{
    background: #32d296 !important;
    border-radius: 39px;
}

.jconfirm .jconfirm-holder {
    max-height: 100%;
    padding: 50px 0;
    padding-left: 35% !important;
    padding-right: 35% !important;
}

.uk-button-primary{
    background: #b22328 !important;
}

.auth-form{
    padding: 30px;
    border: 1px solid #ccc;
}

.register-form{
    padding: 30px;
}

.padding-vertical{
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.auth-form h3{
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 700;
}

.register-form h3{
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    font-weight: 700;
}

.register-form h4{
    font-family: 'Oswald', sans-serif;
    font-size: 20px;
}

/* Header CSS */

.home-logo{
    max-width: 230px;
    margin: 5px 0px;
}

.header-section{
    background: #fff;
}

.header-section ul.uk-navbar-nav li a {
    color: #000;
    font-size: 17px;
    font-weight: 500;
	text-align: center;
}

.header-section ul.uk-navbar-nav li a i{
    color: #cc0001;
}

.header-section .uk-navbar-item {
    padding: 0 20px;
    color: #666;
}

.header-section .uk-navbar-item li a{
    background: #cc0001;
    color: #fff !important;
    padding: 14px 25px;
    border-radius: 30px;
    text-decoration: none;
}

/* Body CSS */

.session-page .hero-section{
    background-image: url(/images/hockey-sticks-and-skates-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.session-page .session-sessions{
    margin-top: 40px;
}

.session-page .session-sessions .uk-alert-primary{
    font-size: 18px !important;
}

.session-page h2{
    font-size: 35px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 52px;
    position: relative;
    display: inline-block;
}

.session-page h2::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;      /* small line width */
    height: 4px;      /* line thickness */
    background: #6c63ff;
    border-radius: 2px;
}

.hero-section h1 span{
    padding: 15px 50px;
    background: #300e0d;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.session-page .session-sessions p{
    font-size: 17px;
    font-weight: 500;
    color: #1a1a1a;
}

.session-page .session-sessions span{
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.session-page .session-sessions .credits-needed{
    padding: 10px 16px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    /*background: #eee;*/
    /*display:flex; */
    /*justify-content:center; */
    /*align-items:center;*/
}

.coupon-section {
    background: #f9cbcb;
    border: 1px solid #cba3a3;
    border-radius: 7px;
    padding: 18px 30px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.coupon-section input, .coupon-section a {
    border-radius: 7px;
}

.session-page .session-sessions .credits-number {
    padding: 5px 26px;
    background: #cc0001;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.session-page .session-sessions .credits-number span{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.session-page .session-sessions .current-credits-number {
    padding: 5px 28px;
    background: #1a1a1a;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    display:flex; 
    justify-content:center; 
    align-items:center;
    
    background: linear-gradient(135deg, var(--card-color), rgb(0 0 0 / 78%))
}

.session-page .session-sessions .current-credits-number span{
    font-size: 65px;
    color: #fff;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.session-page .session-sessions a.buy-credit{
    background: #cc0001 !important;
    padding: 5px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
}

.session-page .session-sessions hr{
    border: 1px solid #ddd;
}

.session-page .booking-section .booking-location{
    background: #cc0001;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.session-page .booking-section .booking-location p{
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

.session-page .booking-section .booking-times a.uk-button-primary span {
    font-size: 13px;
    vertical-align: middle;
    display: inline-block;
    font-weight: 600;
    margin-left: 5px;
}

.session-page .booking-section .location-details{
    padding: 20px;
    padding-bottom: 35px !important;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.session-page .booking-section .location-details a.switch-location {
    background: #1a1a1a;
    padding: 13px 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
}

.session-page .booking-section .location-details h3{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 0;
}

.session-page .booking-section .location-details p{
    margin: 0;
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 500;
}

.session-page .booking-section .location-details p.company-name{
    font-size: 16px;
    font-weight: 700;
    color: #1a1a1a;
    margin: 15px 0px;
}

.session-page .booking-section .booking-openings{
    background: #1a1a1a;
    padding: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.session-page .booking-section .booking-openings p{
    color: #fff;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
}

.session-page .booking-people{
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.session-page .booking-people label {
    color: #000;
    font-size: 15px;
    font-weight: 700;
    margin-top: 7px;
}

.session-page .booking-section .booking-times{
    padding: 20px;
    border: 1px solid #ccc;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.session-page .booking-section .booking-times p{
    color: #1a1a1a;
    font-weight: 700;
}

.session-page .booking-section .booking-times a.uk-button-primary{
    background: #00a652 !IMPORTANT;
    padding: 5px 10px;
    border-radius: 30px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    line-height: 28px;
}

.session-page .booking-section .booking-times a.not-left{
    background: #d7d7d7 !IMPORTANT;
}

.session-page .booking-section .booking-times a.one-left{
    background: #707070 !IMPORTANT;
}

.session-page .accordion ul li a.uk-accordion-title{
    background: #f2f2f2;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 18px;
    color: #1a1a1a;
    font-weight: 700;
}

.session-page .accordion ul li div.uk-accordion-content p{
   padding: 0px 30px;
}
.uk-accordion-content {
    padding: 20px;
    background: #f2f2f2;
    margin-top: 0;
    border-radius: 0 0 3px 3px;
}
ul.uk-accordion li.uk-open a.uk-accordion-title {
    border-radius: 3px 3px 0 0 !important;
}
.session-page .training-events h2{
    font-size: 60px;
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    color: #fff;
    margin-bottom: 40px;
}

.session-page .training-events p{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 40px;
}

.session-page .training-events a{
    background: #cc0001 !important;
    color: #fff;
    text-decoration: none;
    padding: 5px 30px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 500;
}

.session-page .training-events img{
    display: inline-block;
}
.session-page img.team-logo {
    max-width: 50px;
}

.session-page .testimonial-title{
    text-transform: uppercase;
}

.session-page .red {
    color: #cc0000;
}

h4 span.red {
    color: #cc0000;
}

.session-page .testimonial-box h1{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 66px;
    line-height: 76px;    
}

.session-page .testimonial-box span{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 66px;
    line-height: 76px;
}

.session-page .testimonial-box p {
    font-size: 18px;
    font-weight: 500;
    color: #1a1a1a;
    margin: 0;
}

.session-page .testimonial-box .next-previous-btn a.next{
    font-size: 30px;
    color: #1a1a1a;
}

.session-page .testimonial-box .next-previous-btn a.previous{
    font-size: 30px;
    color: #1a1a1a;
}

.session-page .contact-us h2{
    color: #fff;
    font-size: 50px;
}

.session-page .contact-us p{
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 30px;
}

.session-page .contact-us .contact-img{
    background-image: url(/images/hockey-players-fighting-for-the-puck.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    height: 100%;
    width: 100%;
}

.session-page .contact-us input.uk-input, .session-page .contact-us textarea.uk-textarea{
    background: none;
    border-radius: 5px;
    border-color: #fff;
    color: #fff;
}

.session-page .contact-us input.uk-input::placeholder, .session-page .contact-us textarea.uk-textarea::placeholder{
    color: #fff;
    font-size: 16px;
}

.session-page .contact-us .uk-button-primary{
    background: #fff !important;
    color: #cc0001;
    border-radius: 30px;
    padding: 5px 30px;
    font-size: 18px;
    font-weight: 600;
}

.session-page .contact-us .contact-details h3{
    color: #1a1a1a;
    font-size: 35px;
}

.session-page .contact-us .contact-details p{
    color: #1a1a1a;
}

.session-page .contact-us .social-icons {
    margin-top: 30px;
}

.session-page .contact-us .contact-details .social-icons a{
    background: #1a1a1a;
    border-radius: 50px;
    font-size: 20px;
    color: #fff;
}

.session-page .contact-us .contact-details p a{
    color: #1a1a1a;
    text-decoration: none;
}

.session-page .contact-us .contact-details h4{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
}

.session-page .contact-us .contact-details h4 span{
    font-family: 'Oswald', sans-serif;
    font-size: 30px;
    font-weight: 700;
}

.session-page .contact-us .social-icons a:hover{
    background: #cc0001;
    color: #fff;
}

.session-page .contact-us .social-icons a.facebook{
    padding: 6px 14px;
}

.session-page .contact-us .social-icons a.twitter{
    padding: 6px 10px;
    margin: 0 20px;
}

.session-page .contact-us .social-icons a.instagram{
    padding: 6px 12px;
}

.team-modal .uk-modal-dialog{
    border-radius: 4px;
}

.team-modal .bg-header{
    background: #1a1a1a;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.team-modal .bg-header a{
    font-weight: 500;
    color: #fff;
    font-size: 14px;    
    text-decoration: none;
}

.team-modal .bg-header h2{
    font-family: 'Oswald', 'sans-serif';
    color: #fff;
    font-weight: 600;    
}

.team-modal .bg-header p{
    color: #fff;
    font-size: 14px;
}

.team-modal .bg-header i.header-icons{
    background: #fff;
    font-size: 18px;
    padding: 8px 10px;
    color: #cc0001;
    border-radius: 5px;
    margin-right: 5px;
}

.team-modal .bg-header span{
    font-weight: 700;
    color: #fff;
}

.team-modal .uk-modal-body{
    padding: 15px 30px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.team-modal .uk-modal-body p{
    color: #1a1a1a;
    font-weight: 500;
}

.team-modal .uk-modal-body h2{
    font-family: 'Oswald', 'sans-serif';
    font-weight: 600;
    color: #cc0001;    
}

.team-modal .uk-modal-body a.add-player{
    color: #1a1a1a;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
}

.team-modal .uk-modal-body a.continue{
    background: #cc0001 !important;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 30px;
}

.review-order-modal a.credit-btn, 
.review-order-modal a.buy-buddy-credit,
.review-order-modal a.buy-public-credit {
    margin:5px;
}

a.uk-button.uk-button-primary.buy-buddy-credit.buddy-green {
    background: #4abd1a !important;
}

.review-order-modal .submit-credit{
    background: #cc0001 !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
}

.review-order-modal .uk-modal-dialog{
    border-radius: 4px;
}

.review-order-modal .bg-header{
    background: #cc0001;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.review-order-modal .bg-header a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-decoration: none;
}

.review-order-modal .bg-header h2 {
    font-family: 'Oswald', 'sans-serif';
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 35px;
    margin-top: 0px !IMPORTANT;
    padding-top: 0px !IMPORTANT;
}

.review-order-modal .grey-background{
    background: #f2f2f2;
    padding: 15px 25px;
}

.review-order-modal h3{
    color: #000;
    font-weight: 700;
    font-size: 22px;    
    margin: 0;
}

.review-order-modal .uk-modal-body a i{
    color: #cc0001;
    font-size: 24px;    
    margin-top: 5px;
}

.review-order-modal .small-padding{
    padding: 15px 21px;
}

.review-order-modal a.final-book{
    background: #707070 !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 25px;    
}

.review-order-modal #finalize_booking_submit{
    background: #b22328 !important;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    padding: 5px 25px;    
}

.review-order-modal p.modal-bottom {
    margin: 15px 0px !important;
    color: #cc0001 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.review-order-modal p.modal-bottom a.purchase-more{
    color: #29935a !important;
}

.checkbox-more-credits{
    font-size: 19px;
    font-weight: 700;
    color: #252525;
}

.review-order-modal a.final-book i{
    color: #fff !important;
    margin-top: 0px;
    font-size: 20px;
}

.review-order-modal .icon-style{
    background: #fff;
    font-size: 18px;
    padding: 8px 10px;
    color: #cc0001;
    border-radius: 5px;
    margin-right: 5px;
    border: 1px solid #ccc;
}

.review-order-modal .green{
    color: #29935a !important;
}
.review-order-modal .uk-modal-body p{
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1a1a1a;
}

.review-order-modal .red-background{
    background: #cc0001;
}

.review-order-modal .your-credits{
    padding: 15px 10px;
    background: #ffff;
    color: #000;
    font-size: 24px;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-weight: 700;
}

.review-order-modal .credits-number{
    background: #000;
    font-size: 36px;
    text-align: center;
    font-weight: 700;
    padding: 0;
    border-top-right-radius: 5px;
    font-family: 'Oswald', 'sans-serif';
    border-bottom-right-radius: 5px;
    color: #fff;   
    padding: 5px;
}

.review-order-modal .uk-modal-body .credits-needed p{
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.review-order-modal .uk-modal-body .credits-needed span {
    font-size: 30px;
    font-weight: 600;
    font-family: 'Oswald', 'sans-serif';
}

.public-private .credits-needed{
    padding: 5px 16px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background: #eee;
}

.public-private .credits-number {
    padding: 5px 26px;
    background: #cc0001;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.public-private .credits-number span{
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.public-private span{
    font-size: 20px;
    font-weight: 700;
    color: #1a1a1a;
}

.review-order-modal .uk-modal-body .cancellation-policy h3{
   font-family: 'Oswald';
    font-size: 32px;
    margin-bottom: 10px;
}

.review-order-modal .uk-modal-body .cancellation-policy p{
    margin: 20px 0px 
}

.review-order-modal .uk-modal-body .red-background h3{
    color: #fff;
}

.review-order-modal .white{
    color: #fff !important;
}

.review-order-modal .uk-modal-body .grey-background label{
    font-size: 18px;
    color: #1a1a1a;
}

.review-order-modal a.buy-credit{
    background: #fff !important;
    color: #cc0001;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
}

.review-order-modal a.buy-credit i{
    margin-top: 0;
    font-size: 20px;
}

.review-order-modal a.find-out{
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

.review-order-modal a.find-out i{
    color: #fff !important;
    font-size: 20px;
}

.review-order-modal .training-event{
    background: #29935a;
    text-align: center;
    padding: 20px 10px;
}

.review-order-modal .training-event h2{
    color: #fff;
    font-family: 'Oswald', 'sans-serif';
    font-weight: 600;
    font-size: 35px;    
}

.review-order-modal .training-event a.uk-button-primary{
    background: #fff !important;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 15px;
    border-radius: 30px;
    padding: 2px 20px;
}

.review-order-modal .training-event a.uk-button-primary i{
    font-size: 18px;
    color: #000;
    margin-top: 0;
}

.review-order-modal .grand-total-box{
    width: 400px;
    box-sizing: border-box ! IMPORTANT;
    color: #000;
}

.review-order-modal .grand-total-box .total-bottom {
    margin-top: 50px !important;
    font-size: 23px;
    border-top: 1px solid #ccc;
    padding-top: 15px;
    margin-bottom: 0px;
    font-weight: 700;
}

.review-order-modal .grand-total-box .total-bottom .grand-total{
    font-size: 27px;
    color: #cc0001;
    font-weight: 700;
}

.review-order-modal .total-bottom {
    margin-top: auto;
}

.review-order-modal #card-element {
    border:none !important;
    padding: 0px !important;
}

.review-order-modal .grand-total-box span.total {
    float: right;
    margin-right: 10px;
}

.review-order-modal .grand-total-box span.gst-total {
    float: right;
    margin-right: 10px;
}

.review-order-modal .grand-total-box span.pst-total {
    float: right;
    margin-right: 10px;
}

.review-order-modal .grand-total-box span.coupon-total {
    float: right;
    margin-right: 10px;
}

.review-order-modal .grand-total-box span.fee-total {
    float: right;
    margin-right: 10px;
}

.review-order-modal .grand-total-box span.grand-total{
    float: right;
    margin-right: 10px;
}

.review-order-modal .place-order {
    background: #eee;
    padding: 20px 30px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.review-order-modal .place-order p a.green{
    color: #29935a;
}

.review-order-modal .place-order label{
    color: #000;
    font-weight: 600;
}

.review-order-modal .place-order a.uk-button-primary{
    background: #cc0001 !important;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 30px;   
}

.review-order-modal .place-order a.uk-button-primary i {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
}

.review-order-modal .place-order button.uk-button-primary{
    background: #cc0001 !important;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 700;
    padding: 6px 30px;   
}

.review-order-modal .place-order button.uk-button-primary i {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
}


div#pick-time .uk-select {
    min-width: 80px;
}
.edit-player-table button.cancel-update-player {
    border-radius: 40px;
    margin-left: 10px;
    margin-top: 10px;
}
table.uk-table.team-list tr.edit-team-tr td {
    padding: 0px !IMPORTANT;
    padding-left: 10px !IMPORTANT;
    padding-right: 10px !IMPORTANT;
}
table.uk-table.team-list .uk-checkbox {
    border: 1px solid #000;
}
button.update-player {
    background: #32d296 !important;
    border-radius: 40px;
}
.add-player-container button.cancel-new-player {
    border-radius: 30px;
    margin-left: 10px;
}
.team-modal .uk-modal-body a.add-player i {
    margin-left: 5px;
    font-size: 30px;
    color: #cc0001;
    position: relative;
    top: 5px;
}
table.uk-table.team-list td.edit-team-section {
    padding: 0px !IMPORTANT;
}
table.uk-table.team-list .uk-checkbox:checked, 
table.uk-table.team-list .uk-checkbox:indeterminate, 
table.uk-table.team-list .uk-radio:checked {
    background-color: #000;
    border-color: transparent;
}

table.uk-table.edit-player-table td {
    padding-bottom: 0px !IMPORTANT;
    padding-top: 0px !IMPORTANT;
}

table.uk-table.edit-player-table th {
    background: transparent !IMPORTANT;
    color: #000 !IMPORTANT;
}

/* Calendar CSS */

.calendar-header .uk-label{
    font-weight: 600;
    padding: 3px 15px;
    font-size: 15px;
    border-radius: 0;
    background: #000;
    text-decoration: none;
    color: #fff;
    margin-top: 10px;
}

.calendar-header .selected-year{
    margin-top: 10px;
}

.calendar-header select.uk-select{
    background: #eee;
    border: none;
}

.calendar-header .next-month{
    background: #eee;
}

.calendar-header .next-month a {
    margin-top: 10px !IMPORTANT;
    display: inline-block;
    margin-right: 10px;
    color: #000;
    text-decoration: none;
}

table.calendar		{ border-left:1px solid #999;width: 100%; }
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head {
    background: #f2f2f2;
    font-weight: normal;
    text-align: center;
    padding: 5px;
    border-bottom: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    color: #000;
    font-size: 14px !IMPORTANT;
}


a.day-number.date-not-available {
    background: #f2f2f2;
    cursor: not-allowed !important;
    color: #CCC;
}

a.day-number {
    padding: 8px;
    color: #fff;
    font-weight: 600;
    float: left;
    margin: 0px;
    width: 100%;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    box-sizing: border-box;
    background: #00a652;
}

a.selected-day {
    background: #abd5bf !important;
}

td.calendar-day, td.calendar-day-np {
    padding: 0px;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    background: #FFF;
}

.calendar-container span.mobile {
    display: none;
}

/* Event Page*/

.event-hero-section {
    background-image: url(/images/hockey-player-training-banner.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0px;
}

.event-hero-section h1 span {
    padding: 15px 50px;
    background: #300e0d;
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}

.event-filter{
    padding: 20px;
    background: #eee;
    border-radius: 5px;  
    padding-bottom: 7px;
}

.event-filter p{
    color: #1a1a1a;
    font-size: 16px;
    font-weight: 700;
}

.event-filter a.apply-btn{
    background: #2ca850 !important;
    border-radius: 50px;
    padding: 5px 10px;
    font-size: 16px;
    font-weight: 600;
}

img.ccm-logo{
    margin-top: 60px; 
    filter: brightness(0); 
}

span.green{
    color: #2ca850;
    font-weight: 700;
}

.event-filter select.uk-select{
    border-radius: 5px;    
    border: 1px solid #ccc;
}

.filter-section .filter-btn {
    background: #eee;
    padding: 8px 20px;
    border-radius: 20px;
    margin-right: 15px;
    text-decoration: none;
    color: #1a1a1a;
    font-weight: 600;
}

.filter-section .filter-btn i{
    margin-left: 30px;
    cursor: pointer;
}

.filter-section .event-timings{
    border: 1px solid #ccc;
    border-radius: 5px;
}

.filter-section .event-timings .event-title{
    background: url(/images/ice-texture-red.jpg);
    background-position: center;
    padding: 15px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.filter-section .event-timings .event-body{
    padding: 15px 15px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.filter-section .event-timings .event-title h5 {
    color: #fff;
    font-family: 'Oswald';
    font-weight: 700;
    font-size: 20px;
    margin: 0px;
}

.filter-section .event-timings .event-body p{
    font-weight: 700;
}

.filter-section .event-timings .event-body h6{
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    font-family: 'Oswald';
    color: #1a1a1a;
}

.filter-section .event-timings .event-body i{
    color: #cc0001;
}

.filter-section .event-timings .event-body span{
    font-size: 30px;
    font-family: 'Oswald';
    font-weight: 600;
}

.filter-section .event-timings .event-body a.select-option-btn{
    background: #cc0001 !important;
    padding: 5px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
}

.filter-section .event-timings .event-body a.coming-soon-btn{
    background: transparent !important;
    color: #cc0001 !important;
    padding: 5px 40px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 500;
    opacity: 0.8;
}

.session-trainer-program{
    padding: 100px 0px;
    background: url('/images/session-trainer-program.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
}

.session-trainer-program h2{
    color: #fff;
    font-size: 60px;
}

.session-trainer-program h3 a{
    color: #fff;
    font-size: 45px;
    font-weight: 800;
    border-bottom: 2px solid #fff;
    text-decoration: none;
}

.session-trainer-program h3{
    color: #fff;
    font-size: 45px;
    font-weight: 800;
}

.session-trainer-program a.book-session-btn i{
    font-size: 24px;
}

.session-trainer-program a.book-session-btn{
    padding: 20px 30px;
    color: #1a1a1a;
    background: #fff;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
}

/* Location Page */

.location-hero-section {
    background-image: url('/images/vancouver-skyline-at-night.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 50px 0px;
}

.location-hero-section h1 span {
    padding: 15px 50px;
    background: rgb(231 0 0 / 70%);
    color: #fff;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    font-weight: 700;
    text-transform: uppercase;
}   

.trained-hockey h2{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 66px;
    line-height: 76px;
    margin: 0;
}

.trained-hockey .card-header{
    border-radius: 10px 10px 0 0;
    padding: 10px;
    background: #000;
}
.trained-hockey .card-header p{
    color: #fff;
    font-size: 18px;
}

.trained-hockey .card-body p{
    line-height: 32px;
    font-size: 17px;
}


.trained-hockey .card-body h6{
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 800;
    margin: 10px 0px;    
}

.trained-hockey .card-body{
    border-radius: 0 0 10px 10px;
    padding: 30px;
    background: #f5f5f5;
}
    
.trained-hockey h3{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 76px;
    margin: 0;
    color: #fff !important;
}  

.trained-hockey h3 span{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 56px;
    line-height: 76px;
    margin: 0;
} 

.location-section{
    margin-top: -200px;
}


.location-section .event-timings .event-title {
    background: #cc0001;
    padding: 15px 20px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.location-section .event-timings .event-title h5 {
    color: #fff;
    font-family: 'Oswald';
    font-weight: 700;
    font-size: 20px;
    margin: 0px;
}

.location-section .event-timings .event-body {
    padding: 15px 20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 1px solid #000;
    border-top: none;
    background: #fff;
}

.location-section .event-timings .event-body p {
    font-size: 20px;
    font-weight: 600;
    color:#000;
}

.location-section .event-timings .event-body h6 {
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    font-family: 'Oswald';
    color: #1a1a1a;
}

.location-section .event-timings .event-body span {
    font-size: 22px;
    font-family: 'Oswald';
    font-weight: 600;
    color: #343434;
}

.location-section .event-timings .event-body a.select-option-btn {
    background: #cc0001 !important;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 5px;
    color: #fff;
}

.location-section .event-timings .event-body a.coming-soon-btn {
    background: #cc0001 !important;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
    padding: 10px 5px;
    color: #fff;
    opacity: 0.8;
}

.location-section .event-timings .event-body i{
    color: #cc0001;
}


/* Event Modal*/

#event-modal .uk-modal-dialog{
    border-radius: 5px;
}

#event-modal .bg-header{
    background: url('/images/event-select-ice-gray-banner.jpg');
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}    

#event-modal .bg-header a{
    color: #fff;
    text-decoration: none;
}

#event-modal .bg-header h2{
    color: #fff;
    font-family: 'Oswald';
    font-weight: 600;
}

#event-modal .red {
    color: #cc0001 !important;
}

.quick-details2 {
    font-size: 18px;
    background: url(/images/ice-texture-red.jpg);
    background-repeat: no-repeat;
    padding: 20px;
    background-size: cover;
    color: #fff;
    margin-top: 40px;
}
.quick-details2 h2, .quick-details2 p, .quick-details2 h4 {
    color: #fff;
}
.quick-details2 i{
    font-size: 24px;
    border: 1px solid #fff;
    padding: 8px 10px;
    border-radius: 5px;
}
#event-modal .quick-details span{
    font-size: 20px;
    color: #252525;
}

#event-modal h2.book-this-event{
    font-family: 'Oswald';
    font-weight: 600;
}

#event-modal .quick-details i{
    font-size: 24px;
    border: 1px solid #ccc;
    padding: 8px 10px;
    border-radius: 5px;
}

#event-modal .quick-details h4{
    color: #1a1a1a;
    font-size: 20px;
    font-weight: 700;
}

#event-modal .quick-details p{
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 24px;
}

#event-modal .quick-details h3{
    font-family: 'Oswald';
    font-weight: 600;
    color: #1a1a1a;
    font-size: 28px;
    margin-bottom: 15px;
}

#event-modal .quick-details .quick-detail-text{
    font-size: 16px;
    text-align: justify;
    margin: 0;
}

#event-modal .quick-details {
    font-size: 18px;
}

#event-modal .skating-notes{
    padding: 20px;
    background: #f5f5f5;
}

#event-modal .skating-notes p{
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin: 0;
}
#event-modal .event-team-information {
    padding: 30px;
    padding-top:0px;
}
ul.event-important-list li {
    width: 50%;
    float: left;
    display: inline-block;
    border: 0px;
    list-style: none !IMPORTANT;
    padding-left: 0px !IMPORTANT;
    vertical-align: top !IMPORTANT;
    margin-top: 0px !IMPORTANT;
    line-height: 18px;
    margin-bottom: 15px !IMPORTANT;
}
table.event-age-table td {
    padding-left: 0px !IMPORTANT;
    padding-bottom: 5px !IMPORTANT;
}
.event-cards .event-age-details {
    min-height: 80px;
    font-size: 18px;
    font-weight: bold;
}

#event-modal .special-offer {
    background: url(/images/ice-texture-red.jpg);
    background-repeat: no-repeat;
    padding: 30px 0px 5px 0px;
    background-size: cover;
}

#event-modal .special-offer h3{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
    font-family: 'Oswald';
    margin-top: 15px;
}

#event-modal .special-offer .special-offer-btn{
    color: #cc0001;
    text-decoration: none;
    background: #fff;
    padding: 5px 10px;
    font-weight: 700;
}

.event-timming{
    color: #cc0001;
    font-size: 16px !important;;
}

#event-modal .session-package{
    background: #F5F5F5;
    padding: 30px;
}

#event-modal .session-package h4{
    color: #000;
    font-size: 30px;
    font-family: 'Oswald';
    font-weight: 600;
}

#event-modal .session-package span{
    font-size: 30px;
    font-family: 'Oswald';
    font-weight: 600;
}


#event-modal .session-package span.circle-price{
    margin-left: 30px;
    padding: 10px;
    text-align: center;
    height: 100px;
    width: 100px;
    background-color: #cc0001;
    border-radius: 50%;
    display: inline-block;
    color: #fff;
    position: relative;
    bottom: 40px;    
}

#event-modal .session-package-btn {
    background: #2ca850;
    padding: 15px 30px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

#event-modal .session-package-added {
    background: #bbcbc0 !important;
    cursor: no-drop;
}

#event-modal .book-event{
    padding: 30px;
}

#event-modal .book-event h2 {
    font-size: 35px;
    color: #000;
    font-weight: 800;
    font-family: 'Oswald';
}

#event-modal .book-event .select-player{
    background: #cc0001;
    color: #fff;
    padding: 4px 29px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
}

#event-modal .book-event .select-player i{
    padding-left: 16px;
}

#event-modal .book-event h4{
    margin: 0px 0px 10px 0px;
    color: #000;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

#event-modal .book-event select.uk-select{
    background: #eee;
    border: none;
}

#event-modal a.add-player{
    text-decoration: none;
    color: #000;
}

#event-modal a.add-player i {
    margin-left: 5px;
    font-size: 30px;
    color: #cc0001;
    position: relative;
    top: 5px;
}

#event-modal h4.team-heading{
    color: #cc0001;
    font-weight: 700;
    font-family: 'Oswald';
    font-size: 30px;
}

#event-modal .add-player-container, #pick-time .add-player-container{
    border: none;
    background: #f5f5f5;
    padding-bottom: 10px;
}
#event-modal .add-player-container h3, #pick-time .add-player-container h3{
    padding: 8px 15px;
}

#event-modal a.continue {
    background: #cc0001 !important;
    border-radius: 30px;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 30px;
}

#event-modal table.uk-table.team-list{
    border: none;
}

.uk-alert-primary p{
    color: #1e87f0 !important;
}

/* Footer CSS */

.footer-section{
    background: #cc0001;
    padding: 50px 0px;
}

.footer-section img.footer-logo{
    max-width: 250px;
}

.footer-section h1{
    font-family: 'Oswald', sans-serif;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.footer-section img.ccm-image {
    margin-top: 10px;
}

.footer-section a{
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    text-decoration: none;
}

.footer-section .social-icons {
    margin-top: 30px;
}

.footer-section .social-icons a{
    background: #1a1a1a;
    border-radius: 50px;
    font-size: 20px;
}

.footer-section .social-icons a:hover{
    background: #fff;
    color: #cc0001;
}

.footer-section .social-icons a.facebook{
    padding: 6px 14px;
}

.footer-section .social-icons a.twitter{
    padding: 6px 10px;
    margin: 0 20px;
}

.footer-section .social-icons a.instagram{
    padding: 6px 12px;
}

.footer-bottom{
    background: #1a1a1a;
    color: #fff;
    padding: 10px 0;
}

.footer-bottom p{
    margin-bottom: 0px;
}

.footer-bottom a{
    color: #fff;
    text-decoration: none;
}

.event-session-display a{
    background: #d7d7d7 !important;
    font-size: 16px;
    font-weight: 500;
    border-radius: 30px;
    margin-left:5px;
    margin-right:5px;
}

.event-session-display h4{
    color: #fff;
    font-weight: 500;
    margin: 10px;
    font-size: 20px;
}

.event-session-display a.red-bg{
    background: #cc0001 !important;
}

.buy-credit-total {
    padding: 12px 25px;
    margin-top: 27px;
    border-radius: 7px;
    background: #f9cbcb;
    color: #000;
    border: 1px solid #cba3a3;
}

.buy-credit-total h1{
    font-size: 37px;
    margin: 0px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.buy-credit-total h4{
    font-size: 27px;
    margin: 0px;
    margin-bottom: 12px;
    color: #000;
    font-family: 'Oswald', sans-serif;
}

.buy-credit-total span {
    font-size: 17px;
    font-weight: 400;
}

.buy-credit-total h2 {
    margin: 0px;
    font-size: 40px;
    color: #fff;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    margin-bottom: 11px;
} 

.buy-credit-total p {
    color: #000 !important;
    margin-bottom: 20px !important;
    font-size: 15px !important;
}
    
.buy-credit-total .right-credit-total {
    margin-top: auto;
    margin-bottom: auto;
    border-left: 2px solid #e98484;
    padding-left: 40px;
}

.buy-credit-total .your-total-text{
    text-align: center;
}

.buy-credit-total .your-total-text span{
    font-size: 30px;
    color: #1a1a1a;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

.buy-credit-total .your-total-amount {
    text-align: center;
}

.buy-credit-total .your-total-amount span{
    font-size: 50px;
    color: #cc0001;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
}

/*Code By Richard (Start)*/
.authorize-card-section ul.card-option-tab li a {
    border: 1px solid #ccc;
    border-bottom: none;
}
.authorize-card-section ul.card-option-tab li.uk-active a {
    background-color: #cc0001;
}

.custom-credit-btn {
    color: #fff !important;
    border-radius: 5px;
    background: linear-gradient(135deg, var(--card-color), rgb(0 0 0 / 60%));
}

/*.credit-label {*/
/*    display: inline-block;*/
/*    background: #00800040;*/
/*    color: green;*/
/*    padding: 6px 13px;*/
/*    border-radius: 5px;*/
/*    font-weight: 700;*/
/*}*/
/*Code By Richard (End)*/

@media only screen and (min-width:320px) and (max-width: 767px){
	.session-credits a {
		margin: 5px;
		display: block;
	}
}

@media only screen and (max-width: 800px) {
    .uk-add-player label {
        height: auto;
        font-size: 14px !important;
        margin-top: 10px !IMPORTANT;
    }
    #event-modal .special-offer h3 {
        color: #fff;
        font-size: 25px;
    }
    .review-order-modal .uk-modal-body .cancellation-policy h3 {
        font-size: 20px;
    }
    table.uk-table.uk-add-player td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box !IMPORTANT;
    }
    .hero-section h1 span {
        padding: 15px 30px;
        font-size: 32px;
    }
    .session-trainer-program h2 {
        font-size: 30px;
    }
    .session-trainer-program h3 {
        font-size: 30px;
        font-weight: 800;
        margin-top: 0px !IMPORTANT;
    }
    .session-trainer-program h3 a {
        font-size: 25px;
        vertical-align: top !important;
        margin-top: 6px !important;
    }
    .session-trainer-program h3 {
        font-size: 20px;
    }
    .event-hero-section h1 span {
    padding: 15px 15px;
    font-size: 25px;
    background: none;
    line-height: 46px;
    }
    .session-page .hero-section {
        padding: 20px 0px;
    }
    .session-page .training-events h2 {
        font-size: 40px;
        margin-bottom: 0px;
    }
    .buy-credit-total h1 {
        font-size: 24px;
    }
    .buy-credit-total h4 {
        font-size: 21px;
    }
    .buy-credit-total .your-total-amount span {
        font-size: 40px;
    }
    .buy-credit-total .your-total-text span {
        font-size: 30px;
    }
    
    .jconfirm .jconfirm-holder {
        max-height: 100%;
        padding: 50px 0;
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    
    .calendar-header span {
        font-size: 12px;
    }
    
    .calendar-container span.mobile {
        display: initial;
    }
    
    .calendar-container span.desktop {
        display: none;
    }
    
    .mobile-menu{
        padding: 10px 0px;
    }
    .mobile-menu img.home-logo{
        max-width: 250px;
    }
     
    .mobile-menu .mobile-bars a{
        color: #cc0001;
        font-size: 26px;
    }
    
    img.coin-logo{
        max-width: 150px;    
    }
    
    img.ccm-logo{
        margin-top: 10px;
    }
    
    .review-order-modal a.credit-btn, 
    .review-order-modal a.buy-buddy-credit,
    .review-order-modal a.buy-public-credit {
        width: 100%;
    }
    
    .buy-credit-total .right-credit-total {
        border-left: 0;
        padding-left: 0px;
    }
    
    .review-order-modal .grand-total-box {
        width: auto;
    }

}