html, body { height: 100%; min-height: 100%; }body{min-height: 100%;margin: 0px;background: #fff;font: 18px 'Montserrat', Arial, sans-serif;line-height: 1.5em;color: #fff;}img, input[type=image] { border: 0px; vertical-align: middle; }a:link, a:visited, a:active { color: #1394da; }a:focus {outline: 0; }a:hover { opacity: 0.8; text-decoration: underline;}form { margin: 0px; padding: 0px; }.container.smalltext {max-width: 920px;}h1,h2,h3,h4,h5,h6 { font-family: 'Montserrat', Arial, sans-serif; font-weight: 900; }.clear{ clear: both; height: 0px; margin: 0px; overflow: hidden; }.form-group { border-radius: 4px; position: relative; text-align: left; border: 1px solid #fff; background: rgba(255,255,255,0.1); padding-right: 5px; }.form-control { border-radius: 0; box-shadow:unset !important; font-size: 16px;line-height: 1em; height: auto; padding: 18px 15px; border: 0px solid #ddd; border-radius: 0px; background: transparent; color: #fff;}.form-control:focus { box-shadow: unset !important; border: 0; -webkit-box-shadow: unset;}.form-control::placeholder { color: #eee; }.form-control.active { padding: 25px 15px 11px;}select.form-control { padding: 0 15px; height: 40px; margin-top: 15px; }label { display:block; position: absolute; top: 10px; left:15px; font-size: 12px; font-weight: bold; line-height: 1em; text-transform: uppercase; color: #fff; }.checkbox, .radio { margin-top: 0; }.checkbox label, .radio label { position: static; color: #000; font-size: 14px; line-height: 1.5em; display: inline-block;}input:-internal-autofill-selected { background: rgba(255,255,255,0.1) !important; color: #fff !important; }input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active {transition: color 5000s ease-in-out 0s, background-color 5000s ease-in-out 0s;}.small-padding { margin-left: -5px; margin-right: -5px; }.small-padding .col-sm-1, .small-padding .col-sm-2, .small-padding .col-sm-3, .small-padding .col-sm-4, .small-padding .col-sm-5, .small-padding .col-sm-6, .small-padding .col-sm-7, .small-padding .col-sm-8, .small-padding .col-sm-9, .small-padding .col-sm-10, .small-padding .col-sm-11, .small-padding .col-sm-12,.small-padding .col-xs-1, .small-padding .col-xs-2, .small-padding .col-xs-3, .small-padding .col-xs-4, .small-padding .col-xs-5, .small-padding .col-xs-6, .small-padding .col-xs-7, .small-padding .col-xs-8, .small-padding .col-xs-9, .small-padding .col-xs-10, .small-padding .col-xs-11, .small-padding .col-xs-12 { padding: 0 5px; }.medium-padding { margin-left: -10px; margin-right: -10px; }.medium-padding .col-sm-1, .medium-padding .col-sm-2, .medium-padding .col-sm-3, .medium-padding .col-sm-4, .medium-padding .col-sm-5, .medium-padding .col-sm-6, .medium-padding .col-sm-7, .medium-padding .col-sm-8, .medium-padding .col-sm-9, .medium-padding .col-sm-10, .medium-padding .col-sm-11, .medium-padding .col-sm-12,.medium-padding .col-xs-1, .medium-padding .col-xs-2, .medium-padding .col-xs-3, .medium-padding .col-xs-4, .medium-padding .col-xs-5, .medium-padding .col-xs-6, .medium-padding .col-xs-7, .medium-padding .col-xs-8, .medium-padding .col-xs-9, .medium-padding .col-xs-10, .medium-padding .col-xs-11, .medium-padding .col-xs-12 { padding: 0 10px; }.btn-primary, a.btn-primary { text-transform: uppercase; background-color: #1394da; font-weight: 700; border: 0; padding: 16px 45px; color: #fff; border: 0px solid #1B1464; border-radius: 4px; }.btn-primary:hover, .btn-primary:active .btn-primary:focus, a.btn-primary:hover, a.btn-primary:active a.btn-primary:focus{ border-color: #8800d6; background: #1fa700; color: #fff; }.flex-row { display: flex; align-items: stretch; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; }.caption { font-size: 0.8em; text-transform:uppercase; opacity: 0.8; margin-bottom: 15px;}.form-section { margin: 20px auto;}.logo { margin-bottom: 0.5em; font-size: 1.5em; line-height: 1.1em; font-weight: bold; text-transform: uppercase; letter-spacing: 1px; text-align: center; color: #fff !important; }.logo .img-responsive { max-height: 185px; margin: 0 auto 1em;}..logo a { color: #fff; }.page { height: 100%; background: linear-gradient(#222, #000);}.page .flex-row { height: 100%; position: relative; }.page .content { flex-basis: 40%; display: flex; align-items: center; justify-content: center; padding: 15px; overflow: auto;}.page .content.fullpage { flex-basis: 100%; }.page .content .wrap { width: 400px; max-width: 100%; margin: auto; }.page .cart .wrap { width: 600px; margin: auto; }.page h4 { font-size: 24px; line-height: 1.3em; text-align: center; text-transform: uppercase; margin: 0 0 30px;}.btn-area { display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap; }.back-btn, .submit-btn { flex-basis: 50%;}.back-btn a { color: #BBB; font-size: 14px; line-height: 1.2em;}.back-btn a:hover { text-decoration: none; opacity: 0.8;}.forgot-btn { flex-basis: 50%; text-align: center;}.forgot-btn a { color: #BBB; font-size: 14px; line-height: 1.2em;}.forgot-btn a:hover { text-decoration: none; opacity: 0.8;}.page .graphic { flex-basis: 60%; display: flex; align-items: center; }.page .graphic .graphic-img { position: relative; width: 90%; height: 90%; border-radius: 10%; margin: auto; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; }.page .cart { flex-basis: 60%; display: flex; align-items: center; justify-content: center; padding: 30px 15px; background-color: #eee; overflow: auto; position: relative; }.login-bx { padding: 15px; background: #eee; color: #000; border-radius: 4px; text-align: center; margin: 15px auto; font-size:16px; line-height: 1.3em;}.errorbx { background: #AA0000; color: #fff; margin: 0px auto 30px; padding: 15px; font-weight: normal; border-radius: 4px; }.errorbx a { color: #fff; text-decoration: underline; }.errorbx h6 { display: block; margin: 0px 0 15px; border:0; padding-bottom: 4px; text-transform: uppercase; font-size: 18px; font-weight: bold; }.errorbx ul { margin: 0px; list-style: none; padding-left: 15px;}.errorbx li { display:block; padding: 3px 0px; }.errorbx li:before { width: 1.25em; margin-right: 4px; display: inline-block; content: '\f057'; color: #fff; font-family: "Font Awesome 6 Free"; font-style: normal; line-height: 1.5em; text-align: center; }.updatebx { background: #fffada; color: #333; border-radius: 4px;animation-name: greentoyellow; animation-iteration-count: 1; animation-duration: 6s;padding: 15px; margin: 0px auto 30px; font-weight: bold; text-align: center; }.updatebx h3 { display: block; margin: 0px; padding-bottom: 4px; font-size: 18px; font-weight: bold; }.updatebx a { color: #333; text-decoration: underline; }.updatebx ul { list-style: none; margin: 0; padding: 0; }.updatebx ul li { display: block; padding: 0;}.migration-message { background: #fffada; color: #000; border-radius: 4px; padding: 15px; margin: 0px auto; font-weight: bold; text-align: center; font-size: 14px; line-height: 1.2em;}.migration-message a { color: #000; text-decoration: underline; }.migration-message ul { list-style: none; margin: 0; padding: 0; }.migration-message ul li { display: block; padding: 0;}@keyframes greentoyellow {0% { background: #b6e564; }100% { background: #fffada; }}#overview-panel { margin-bottom: 30px; border-radius:4px; border:0px solid #ddd; padding: 0px;}#overview-panel .flex-row { align-items: center; justify-content: flex-start; }#overview-panel .player-details { flex-basis: 65%; display: flex; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; justify-content: center; margin-left: 15px;text-align: left; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; line-height: 1em; }#overview-panel .player span { display:block; font-size: 3em;line-height:1em; margin-bottom: 15px; font-weight: 900; color: #2c76ff; }#overview-panel.member-photo { width:90px; height:90px;margin:0; background-color: #739eff; box-shadow: 0 0 8px rgba(0,0,0,0.1); background-image:url('../images/male.svg');background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 100%; overflow: hidden;}#overview-panel.member-name { margin:5px 0 0; font-size: 1.3em; line-height: 1.1em; color:#000; font-weight: bold; text-transform: uppercase; }#overview-panel.member-email { margin-bottom:10px; color:#666; text-transform: uppercase; }.registration-for { padding: 15px; background: #eee; border-radius: 4px; text-align: center; text-transform: uppercase; margin: 15px auto 30px; font-size: 0.8em; line-height: 1.5em; }.registration-for .title { margin:0 auto; font-size: 1.4em; line-height: 1.1em; color:#000; font-weight: bold; text-transform: uppercase; }#program-details { margin: 30px auto;}#program-details ul { list-style: none; padding: 0; margin: 0 0 0 15px; border-left: 4px solid #eee;}#program-details li { display: block; padding: 5px 0 5px 15px; font-size: 0.9em; text-transform: uppercase; line-height: 1.5em; }#page-register .content, #page-register .cart { align-items: flex-start;}#page-register .wrap { margin: 30px auto 0 !important;}#page-register h4 { margin: 0 0 15px; font-weight: bold; font-size:20px; line-height: 1.2em; text-align: left;}#page-register hr { border-color: #ddd; }.registration-types { background: #f3f3f3; border: 1px solid #ddd; border-radius: 4px; padding: 15px 15px 5px; margin-bottom: 15px;}.registration-types .option-title { font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color: #666; margin-bottom: 5px;}a.register-option, .register-option { display:block; text-decoration: none; background: #fff; color:#000; border: 1px solid #ddd; border-radius: 4px; padding: 10px 15px; margin-bottom: 10px; font-size: 0.8em; text-transform: uppercase; }.register-option span.icon { display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #fff; background-color: #739eff; border-radius: 100%; margin-right: 10px;}.register-option input { display: none; }.register-option.active { background: #73cb60 !important;}.register-option.inactive { opacity: 0.5;}#balance-due { margin-bottom: 15px; font-size: 16px; text-transform: uppercase; font-weight: bold;}#amount-due { float: right; margin-left: 5px;}.ccformat { letter-spacing: 1px; }.waiver { background: #fff; color: #000; text-transform: uppercase; font-size: 14px; line-height: 1.3em; padding: 15px; border-radius: 4px; margin-bottom: 15px;}.summary { display: none; font-size: 14px; line-height: 1.3em; text-transform: uppercase;}.summary .choice { margin-bottom: 5px; }.summary .choice span.icon { display: inline-block; width: 2em; height: 2em; line-height: 2em; text-align: center; color: #fff; background-color: #333; border-radius: 100%; margin-right: 5px;}.summary ul { list-style: none; padding: 0 0 0 22px; margin-left:12px;border-left: 2px solid #ccc; }.summary li { display: block; line-height: 2em; }.hideonload { display: none;}.alert { background: #fff0c9; border-radius: 4px; padding: 15px; font-size: 14px;color: #000; line-height: 1.5em; }.alert span { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}.alert span .fa-solid { color: #c28d00;}.error-message { background: #ff746d; border-radius: 4px; padding: 15px; font-size: 14px;color: #000; line-height: 1.5em; margin-bottom: 10px;}.error-message span { display: block; font-weight: bold; text-transform: uppercase; margin-bottom: 5px;}.error-message span .fa-solid { color: #d00a00;}.billing .invoice-details { margin: 0px auto 15px; border-radius:4px; border:1px solid #ddd; padding: 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; line-height: 1em;}.billing .program-title { line-height: 1.1em; color:#000; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd;}.billing .flex-row { align-items: stretch; justify-content: space-between; }.billing .player, .billing .billing-amount { display: flex; flex-wrap: nowrap; flex-direction: column; align-items: center; justify-content: center; margin: 5px; border-radius:4px; border:1px solid #ddd; padding: 30px 15px; text-align: center; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; line-height: 1em; }.billing .player span { display:block; font-size: 3em;line-height:1em; margin-bottom: 15px; font-weight: 900; color: #2c76ff; }.billing .member-name { margin-top: 8px; margin-bottom:8px; font-size: 1.5em; line-height: 1.2em; color:#000; font-weight: bold; text-transform: uppercase; }.billing .address { line-height: 1.5em;}.billing .amount { font-size: 2em; line-height: 1.8em; color:#000; font-weight: bold; text-transform: uppercase;}.billing .paid-tag { display:inline-block; background: #AA0000; color:#fff;font-size: 12px; text-transform: uppercase; line-height: 1em; padding: 4px; border-radius: 4px; }.billing .paid-tag.paid-yes { background: #1fa700; }.under-construction { font-size: 0.7em; line-height: 1.3em; letter-spacing: 1px;text-align: center; text-transform: uppercase; background: #000; border-radius: 15px; padding: 15px; color: #fff; }.under-construction h4 { font-size: 1.3em; margin: 0 0 5px; padding-bottom: 5px; border-bottom: 1px solid #fff; color: #fff; }.under-construction a { color: #fff; }@media all AND (max-width: 991px) {.page .wrap { width: 100% !important;}}@media all AND (max-width: 767px) {.hide-mobile { display: none !important;}.break-mobile { display: block; }.flex-row { flex-wrap: wrap; }.page .content { flex-basis: 100%; padding: 30px 15px; min-height: 100%; }.page .graphic { flex-basis: 100%; height: 60%;}.page .cart { flex-basis: 100%; overflow: unset;}#page-register .content { min-height: 0; }.btn-area { flex-wrap: wrap; }.back-btn, .submit-btn { flex-basis: 100%; margin-bottom: 15px;}.back-btn { order:2; }}