@charset "UTF-8";@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 200;
    src: url(fonts/f53e5775-ed10-4b0d-bae1-efc8fb73f320.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 400;
    src: url(fonts/1d2142cb-3e68-48df-b188-f1ac45a47a8b.woff2) format("woff2")
}

@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 700;
    src: url(fonts/c24b7456-b9fe-40ab-94af-ba8d3025fada.woff2) format("woff2")
}
/*
@font-face {
    font-display: swap;
    font-family: NHaas;
    font-style: normal;
    font-weight: 800;
    src: url(fonts/f53e5775-ed10-4b0d-bae1-efc8fb73f320.woff2) format("woff2")
}
*/

body {
    font: 400 10px/1.5 NHaas,Georgia,Times,Times New Roman,serif;
    color: #151212;
    font-size: 15px;
    margin-top: 20px;
}
@media (max-width: 992px) {
    body {
        margin-top: 20px !important;
    }
}
.header-fixed {
    margin-top: 20px;
}
.form-control {
    border-radius: 5px;
}

.lottery-logo {
    width: 100%;
    max-width: 333px;
}
h1.title {
    display: none;
}

.hpanel > .panel-heading {
    font-weight: 800;
    font-style: normal;
    color: #000;
}
.hpanel.hblue .panel-body {
    border: none;
    border-top: 3px solid #dd2211;
    box-shadow: 0px 4px 20px 0px #aeaeae1f;
    border-radius: 0px 0px 8px 8px;
}

.hpanel.hbgblue .panel-body {
    background: #d21;
    color: #fff;
}
.hpanel.hbgblue .panel-body .grand_total {
    font-size: 3.3em;
}

.countdown-wrapper {
    height: auto;
    transition: all 0.1s;
    font-size: 1.5em;
    margin: 10px 0px;
    float: right;
}
.countdown-wrapper-march-money {
    display: block;
    float: none;
    margin: 0px 0px 20px;
}
.countdown-wrapper .countdown {
    font-size: 1.1em;
    margin-bottom: -5px;
    display: flex;
    justify-content: center;
}
.countdown-wrapper .countdown-info {
    font-size: 0.7em;
    line-height: 1em;
    padding: 5px 0px 5px;
    color: #000;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0px;
}
.countdown-to-digits > div {
    width: 65px;
    height: 45px;
}
.countdown-to-digits > div + div {
    border-left: 1px dashed #000;
}
.countdown-to-digits .digit {
    background: transparent;
    border-radius: 0px;
    color: #dd2211;
    text-align: center;
    font-size: 150%;
    line-height: 20px;
    height: 40px;
    padding-top: 5px;
}
.countdown-to-digits .seconds {
    display: none;
}
.countdown-to-digits .weeks .digit {
    border-left: none;
}
.countdown-to-digits .digit-label {
    color: #000000;
    text-align: center;
    font-size: 50%;
    line-height: 1em;
    display: block;
    top: -5px;
    position: relative;
    /* font-weight: normal; */
}

@media (max-width: 992px) {
    .countdown-wrapper {
        /* float: right; */
        height: auto;
        margin: 5px 0px !important;
        width: auto;
    }
}
@media (max-width: 380px) {
    .countdown-wrapper {
        display: block;
        float: none;
    }
    .countdown-to-digits > div {
        width: 50px;
    }
    .countdown-to-digits .digit {
        font-size: 120%;
    }
    .countdown-to-digits .digit-label {
        font-size: 50%;
    }

}

.header-red-bar {
    background: #d21;
    color: #fff;
    text-align: left;
    padding: 10px 20px;
    border-radius: 0px;
    border: none;
}
.header-red-bar h2 {
    font-weight: bold;
    font-size: 24px;
}

.jackpot-container, .jackpot-payout-container {
    font-size: 1em;
    /* margin-top: 35px; */
    max-width: 300px;
}
.jackpot-payout {
    color: #0d7898;
    font-size: 1em;
    margin: 0px;
    display: inline;
}
.jackpot-payout-info {
    font-size: 1em;
    text-transform: none;
    display: inline;
    /* max-width: 262px; */
}
@media (max-width: 480px) {
  .jackpot-payout {
    /* font-size: 2.5em; */
  }
}

.btn {
    border-radius: 25px;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .02em;
    padding: 11px 28px;
    text-decoration: none;
    transition: border-color .3s, background-color .3s, color .3s;
    border-width: 2px;
}
.btn:hover {
    /* border: 2px solid #d21; */
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-primary, .btn-success, .btn-info {
    border-color: #d21;
    background-color: #d21;
    border: 2px solid #d21;
    color: #fff;
}
.btn-primary:hover, .btn-success:hover {
    background-color: #c41d0e;
    border-color: #c41d0e;
    text-decoration: none;
}

.donation-amount-button {
    padding: 6px 12px;
    margin-right: 15px;
}
.donation-amount-button.active {
    border: 2px solid #d21;
}

#place-order-button {
    text-transform: uppercase;
}
a.lottery-header-order-button {
    margin: 20px 0px;
    float: right;
    display: none;
    width: auto;
}

@media (min-width: 992px) {
    .footer-banner {
        font-size: 3.4rem;
    }
}

@media (min-width: 768px) {
    .footer-banner {
        font-size: 2.8rem;
        height: 8.5rem;
    }
}
.footer-banner {
    align-items: center;
    background-color: #fff;
    display: flex;
    font-size: 2.2rem;
    height: 6.7rem;
    justify-content: center;
    line-height: 1;
    box-shadow: 0px -2px 20px 0px #aeaeae1f;
    margin-top: 80px;
}
.footer-banner__title {
    color: #d21;
    font-weight: 900;
}
@media (min-width: 576px) {
    .footer-banner__text--large {
        display: block;
    }
}

.footer-banner__text--large {
    display: none;
}
.footer-banner__text {
    margin-left: 1rem;
}
@media (min-width: 576px) {
    .footer-banner__text--mobile {
        display: none;
    }
}

.footer-banner__text--mobile {
    display: block;
}
.footer-banner__text {
    margin-left: 1rem;
}

.form-group.required .control-label:before {
    content: "*";
}
.form-group.required .control-label:after {
    content: "";
}
.form-group .control-label {
    font-weight: bold;
}
.form-group.required .checkbox b {
    font-weight: normal;
}


.donation-amount-dropdown {
    font-size: 1.8em;
    font-weight: bold;
    padding: 1px 3px;
    text-align: center;
    width: 186px !important;
    height: auto;
    border-radius: 5px !important;
}
.donation-amount-dropdown option {
    font-size: 80%;
}

.popular-choice {
    background: #ececec;
    margin-top: -10px;
    margin-bottom: 5px;
    display: block;
    clear: both;
    /* color: #fff; */
    position: relative;
    overflow: hidden;
    border-radius: 0px;
    padding: 15px 0px;
}

.popular-choice:after {
    content: "Popular Choice!" !important;
    display: block !important;
    background: #ee3224;
    width: 280px;
    text-align: center;
    position: absolute;
    z-index: 10;
    padding: 2px 100px;
    right: 0px;
    transform: translate(45%, -15%) rotate(-60deg);
    color: #fff;
    height: 100px;
    line-height: 1.2em;
}
.popular-choice-small {
    padding: 30px 0px 5px;
}
.popular-choice-small:after {
    width: 100%;
    padding: 2px 20px;
    transform: translate(0%, 0%) rotate(0deg);
    top: 0px;
    border-radius: 0px;
    height: auto;
}

.popular-choice .input-group-addon {
    border-color: #000000 !important;
}
.popular-choice .form-control {
    border-color: #000000 !important;
}
@media (max-width: 1200px) {
    .popular-choice:after {
        transform: translate(45%, -15%) rotate(-60deg);
    }
    .popular-choice-small:after {
        transform: translate(0%, 0%) rotate(0deg);
        height: auto;
    }
}
@media (max-width: 992px) {
    .popular-choice-small {
        padding: 15px 0px;
    }
    .popular-choice-small:after {
        transform: translate(45%, -15%) rotate(-60deg);
        width: 280px;
        padding: 2px 100px;
        right: 0px;
        top: auto;
        height: 100px;
    }
}
@media (max-width: 767px) {
    .popular-choice:after {
        width: auto;
        padding: 5px 20px;
        transform: translate(0%, 0%) rotate(0deg);
        top: 0px;
        /* border-radius: 0px 0px 0px 5px; */
        height: auto;
    }
}


#nexus-raffle-logo-wrapper {
    margin: 40px auto 0px auto;
    max-width: 175px;
}
#nexus-raffle-logo-wrapper p {
    font-size: 10px;
}
#nexus-raffle-logo-wrapper > div > a {
    height: 60px;
}
#nexus-raffle-logo-wrapper.nexus-logo-dark > div > a {
    background-image: url(/images/raffle-logo-light-350x85.png);
}

.page-status  h3.pull-right.m-l-sm {
    font-weight: normal;
}
.tickets-list {
    display: grid;
    gap: 0px 15px;
    justify-items: center;
}
h3.tickets-list span {
    margin-right: 0px;
}
@media (min-width: 600px) {
    .tickets-list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 599px) {
    .tickets-list {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-top-right-radius: 25px;
        border-bottom-right-radius: 25px;
    }
    .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
        border-radius: 25px;
    }
    .btn-group > .btn, .btn-group-vertical > .btn {
        margin: 0px 10px 10px 0px;
    }
}

@media (max-width: 520px) {
    #checkoutForm > .btn {
        display: block;
        margin: 50px auto 20px;
        float: none !important;
        width: fit-content;
    }
    #checkoutForm > .btn:not(#place-order-button) {
        border: none;
    }
    #place-order-button {
        margin-bottom: 65px !important;
    }
}

#order-status-info .panel-body .text-center {
    display: none;
}
#order-status-info .panel-body hr:last-of-type {
    display: none;
}
.countdown-wrapper {
    display: none;
}
.cellular-phone-form-group{
    margin-bottom: 0px;
}
.issued-electronically-only-form-group {
    display: none;
}

.page-winners .col-sm-5 .input-group input {
    border-color: #dd2211;
    border-radius: 25px 0px 0px 25px;
}
.page-winners .col-sm-5 .input-group .input-group-btn button {
    height: 34px;
    padding: 0px 15px;
}

.page-winners form {
    /*display: none;*/
}
.page-draw-pending {
    display: none;
}

.day-phone-form-group .checkbox {
    display: none;
}

#ticket-packs > div:nth-child(1) .panel-heading {
    color: #dd2211;
}
#ticket-packs > div:nth-child(1) .panel-body {
    border-top: 3px solid #dd2211;
}

#ticket-packs > div:nth-child(2) .panel-heading {
    color: #0d7898;
}
#ticket-packs > div:nth-child(2) .panel-body {
    border-top: 3px solid #0d7898;
}
#ticket-packs > div:nth-child(2) .popular-choice:after {
    background: #0d7898;
}

#ticket-packs > div:nth-child(3) .panel-heading {
    color: #078f92;
}
#ticket-packs > div:nth-child(3) .panel-body {
    border-top: 3px solid #078f92;
}
#ticket-packs > div:nth-child(3) .popular-choice:after {
    background: #078f92;
}

.tpg-logo-wrapper-1 img {
    display: block;
    float: left;
    width: 100px;
    height: auto;
    margin: 25px 10px 25px 10px;
}
.tpg-logo-wrapper-1 h2 {
    float: left;
    width: calc(100% - 85px);
    max-width: 185px;
    margin-top: 33px;
    padding: 0px 0px 0px 10px;
    text-align: left;
    font-weight: 700;
    font-size: 24.56px;
}

.tpg-logo-wrapper-2 {
    text-align: center;
    padding-top: 18px;
}
.tpg-logo-wrapper-2 img {
    display: inline-block;
    width: 100%;
    height: auto;
    margin: -20px auto 27px;
    vertical-align: top;
}
.tpg-logo-wrapper-2 > div {
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    font-weight: 700;
    font-size: 27px;
    max-width: calc(100% - 210px);
    line-height: 0.9em;
}

.tpg-logo-wrapper-3 {
    text-align: center;
}
.tpg-logo-wrapper-3 img {
    position: relative;
    top: -10px;
    display: inline-block;
    width: 100%;
    max-width: 115px;
    height: auto;
    margin: 0px auto 15px;
}
.tpg-logo-wrapper-3 h2 {
    display: inline-block;
    margin-left: 20px;
    text-align: left;
    font-weight: 700;
    font-size: 27px;
    max-width: 262px;
    line-height: 0.9em;
    padding-top: 0px;
}

@media (max-width: 1200px) {
    .tpg-logo-wrapper-1 img {
        margin: 25px 0px 25px -15px;
    }
    .tpg-logo-wrapper-2 > div {
        max-width: calc(100% - 120px);
    }
}
@media (max-width: 992px) {
    #ticket-packs > .col-md-12 .panel-body .col-md-4,
    #ticket-packs > .col-md-12 .panel-body .col-md-8 {
        padding-right: 0px;
        padding-left: 0px;
    }
    .tpg-logo-wrapper-1, .tpg-logo-wrapper-2, .tpg-logo-wrapper-3 {
        width: 100%;
        max-width: 400px !important;
        text-align: left !important;
        margin: 0px auto !important;
    }
    .tpg-logo-wrapper-1 {
         margin-top: -25px !important;
    }
    .tpg-logo-wrapper-1 img {
        margin: 25px 10px 25px 0px;
    }
    .tpg-logo-wrapper-1 {
        display: block;
        max-width: 340px;
        margin: -25px auto 0px;
        text-align: center;
        padding: 0px;
    }
}

@media (max-width: 490px) {
    .tpg-logo-wrapper-1 img {
        width: 80px;
    }
    .tpg-logo-wrapper-2 img {
        display: inline-block;
        margin: -10px auto 10px;
        max-width: 80px !important;!i;!;!i;!;!o;!;
    }
    .tpg-logo-wrapper-2 > div {
        display: inline-block;
        margin-left: 20px;
        text-align: left;
        max-width: 100%;
        font-size: 24.56px;
        max-width: 235px;
    }
    .tpg-logo-wrapper-3 img {
        /* margin: 0px auto -10px; */
        max-width: 80px !important;!i;!;
    }
    .tpg-logo-wrapper-3 h2 {
        font-size: 24.56px;
        max-width: 180px;
    }
}

@media (max-width: 420px) {
    .tpg-logo-wrapper-1 img {
        margin: 20px 0px 20px -10px;
        float: none;
        display: inline-block;
        vertical-align: top;
    }
    .tpg-logo-wrapper-1 h2 {
        font-size: 20.56px;
        margin-top: 25px;
        max-width: calc(100% - 130px);
        float: none;
        display: inline-block;
        width: 100%;
    }
    .tpg-logo-wrapper-2 > div {
        font-size: 20.56px;
        max-width: 125px;
        margin-left: 10px;
        margin-top: -10px;
    }
    .tpg-logo-wrapper-3 img {
        margin: 0px auto 0px;
    }
    .tpg-logo-wrapper-3 h2 {
        font-size: 20.56px;
        max-width: 145px;
        margin-left: 10px;
    }
}
@media (max-width: 300px) {
    .tpg-logo-wrapper-1 img {
        margin: 25px auto 0px auto;
        display: block;
    }
    .tpg-logo-wrapper-2 img,
    .tpg-logo-wrapper-3 img {
        margin: 0px auto 0px auto;
        display: block;
    }
    .tpg-logo-wrapper-2 {
        padding-top: 0px;
    }
    .tpg-logo-wrapper-1 h2 {
        margin-top: 10px;
        max-width: 100%;
        text-align: center;
    }
    .tpg-logo-wrapper-2 > div {
        max-width: 100%;
        margin-top: 5px;
        text-align: center;
    }
    .tpg-logo-wrapper-3 h2 {
        margin-top: 5px;
        max-width: 100%;
        text-align: center;
    }
}

.address-autocomplete-wrapper {
    border-top: none;
    border-bottom: none;
}
.address-autocomplete-fields-wrapper {
    border-bottom: none;
}
.radio label, .checkbox label {
    padding-left: 20px;
}

#winners-table-wrapper a[href$='5050'],
#winners-table-wrapper a[href$='filter/july-money'] {
    display: none;
}
/*
.page-resend .btn-lg.btn-default {
    background-color: #3498db;
    border-color: #3498db;
    color: #FFFFFF;
}
*/
/*.page-winners form {
    display: none;
}*/