@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400i,600,600i,700,700i|Montserrat:400,400i,700,700i,800,800i&display=swap");
body {
    font-family: "IBM Plex Sans", sans-serif;
    color: #181818;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 800;
}

h1 {
    font-size: 27px;
    line-height: 32px;
}

h2 {
    font-size: 20px;
    line-height: 28px;
}

h3 {
    font-size: 18px;
    line-height: 24px;
}

ol,
ul {
    margin-left: 20px;
    margin-bottom: 25px;
}

@media (min-width: 600px) {
    body {
        font-size: 20px;
        line-height: 25px;
    }
    h1 {
        font-size: 32px;
        line-height: 56px;
    }
    h2 {
        font-size: 23px;
        line-height: 44px;
    }
    h3 {
        font-size: 23px;
        line-height: 40px;
    }
    ol,
    ul {
        margin-left: 15px;
        margin-bottom: 1em;
    }
}

a {
    color: #3b84db;
    text-decoration: underline;
    -webkit-text-decoration-skip: auto;
    text-decoration-skip: auto;
}

a:hover {
    color: #e49122;
}

footer a {
    color: #addcff;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
}

main>*+* {
    margin-top: 32px;
}

article {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    padding: 25px;
}

article:first-of-type {
    padding-top: 0;
}

@media (min-width: 900px) {
    article {
        padding: 45px 60px 1em;
        border-radius: 4px;
    }
    article:first-of-type {
        margin-top: 75px;
    }
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

blockquote {
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    background-color: #e4fbd3;
    font-style: normal;
}

.blockquote__name {
    text-align: right;
    color: #6c9e26;
    font-weight: 700;
}

.blockquote__name::before {
    display: inline;
    content: ' – ';
}

button,
input[type="button"],
.btn.btn--no,
input[type="reset"],
input[type="submit"] {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 16px;
    font-weight: 700;
    padding: 0.25em 21px;
    margin-bottom: 1rem;
    border: none;
    border-radius: 4px;
    -webkit-transition: all 0.05s ease-in-out;
    transition: all 0.05s ease-in-out;
    background: #949494;
    color: #ffffff;
}

button:disabled,
input[type="button"]:disabled,
.btn.btn--no:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled {
    cursor: not-allowed;
}

button:not(:disabled),
input[type="button"]:not(:disabled),
.btn.btn--no:not(:disabled),
input[type="reset"]:not(:disabled),
input[type="submit"]:not(:disabled) {
    cursor: pointer;
}

@media (min-width: 600px) {
    button,
    input[type="button"],
    .btn.btn--no,
    input[type="reset"],
    input[type="submit"] {
        font-size: 18px;
    }
}

@media (min-width: 900px) {
    button,
    input[type="button"],
    .btn.btn--no,
    input[type="reset"],
    input[type="submit"] {
        font-size: 25px;
    }
}

a[role="button"] {
    cursor: pointer;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="file"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="datetime"],
input[type="datetime-local"],
select,
textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: 15px;
    width: 100%;
    padding: 5px;
    border: solid 1px #949494;
    border-radius: 4px;
    margin-bottom: 1rem;
}

input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
input[type="url"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
input[type="search"]::-webkit-input-placeholder,
input[type="file"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="date"]::-webkit-input-placeholder,
input[type="month"]::-webkit-input-placeholder,
input[type="week"]::-webkit-input-placeholder,
input[type="datetime"]::-webkit-input-placeholder,
input[type="datetime-local"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    font-size: 15px;
    vertical-align: baseline;
    color: #949494;
}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
input[type="url"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
input[type="search"]:-ms-input-placeholder,
input[type="file"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="date"]:-ms-input-placeholder,
input[type="month"]:-ms-input-placeholder,
input[type="week"]:-ms-input-placeholder,
input[type="datetime"]:-ms-input-placeholder,
input[type="datetime-local"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-size: 15px;
    vertical-align: baseline;
    color: #949494;
}

input[type="text"]::-ms-input-placeholder,
input[type="tel"]::-ms-input-placeholder,
input[type="email"]::-ms-input-placeholder,
input[type="url"]::-ms-input-placeholder,
input[type="password"]::-ms-input-placeholder,
input[type="search"]::-ms-input-placeholder,
input[type="file"]::-ms-input-placeholder,
input[type="number"]::-ms-input-placeholder,
input[type="date"]::-ms-input-placeholder,
input[type="month"]::-ms-input-placeholder,
input[type="week"]::-ms-input-placeholder,
input[type="datetime"]::-ms-input-placeholder,
input[type="datetime-local"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    font-size: 15px;
    vertical-align: baseline;
    color: #949494;
}

input[type="text"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="password"]::placeholder,
input[type="search"]::placeholder,
input[type="file"]::placeholder,
input[type="number"]::placeholder,
input[type="date"]::placeholder,
input[type="month"]::placeholder,
input[type="week"]::placeholder,
input[type="datetime"]::placeholder,
input[type="datetime-local"]::placeholder,
select::placeholder,
textarea::placeholder {
    font-size: 15px;
    vertical-align: baseline;
    color: #949494;
}

label~input[type="text"],
label~input[type="tel"],
label~input[type="email"],
label~input[type="url"],
label~input[type="password"],
label~input[type="search"],
label~input[type="file"],
label~input[type="number"],
label~input[type="date"],
label~input[type="month"],
label~input[type="week"],
label~input[type="datetime"],
label~input[type="datetime-local"],
label~select,
label~textarea {
    vertical-align: baseline;
}

@media (min-width: 900px) {
    input[type="text"],
    input[type="tel"],
    input[type="email"],
    input[type="url"],
    input[type="password"],
    input[type="search"],
    input[type="file"],
    input[type="number"],
    input[type="date"],
    input[type="month"],
    input[type="week"],
    input[type="datetime"],
    input[type="datetime-local"],
    select,
    textarea {
        font-size: 18px;
        padding: 12px;
    }
}

label {
    font-size: 15px;
}

@media (min-width: 900px) {
    label {
        font-size: 18px;
    }
}

select:not([multiple]) {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M11 7h-6l3-4z'%3E%3C/path%3E%3Cpath fill='%23444444' d='M5 9h6l-3 4z'%3E%3C/path%3E%3C/svg%3E"), -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff));
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23444444' d='M11 7h-6l3-4z'%3E%3C/path%3E%3Cpath fill='%23444444' d='M5 9h6l-3 4z'%3E%3C/path%3E%3C/svg%3E"), linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: 1em auto, 100%;
}

select:not([multiple])::-ms-expand {
    display: none;
}

select option {
    font-weight: normal;
}

select:required:invalid {
    color: gray;
}

option[value=""][disabled] {
    display: none;
}

option {
    color: black;
}

label+select[multiple] {
    vertical-align: middle;
}

fieldset {
    margin: 32px 0 1em;
    padding: 0 0 15px;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

fieldset> :not(legend) {
    margin: 0 15px;
}

legend {
    background-color: #949494;
    color: #ffffff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px;
    padding: calc(1em / 3) 0;
    width: 100%;
}

figure {
    margin-bottom: 1em;
}

section h1,
section h2,
section h3,
section h4,
section h5,
section h6 {
    font-family: "IBM Plex Sans", sans-serif;
    font-weight: 700;
}

ol {
    margin-left: 24px;
}

ol ul,
ol ol {
    margin-left: 16px;
}

ol ul ul,
ol ul ol,
ol ol ul,
ol ol ol {
    margin-left: 8px;
}

@media (min-width: 900px) {
    ol {
        margin-left: 36px;
        margin-bottom: 28px;
    }
    ol ul,
    ol ol {
        margin-left: 24px;
        margin-bottom: 14px;
    }
    ol ul ul,
    ol ul ol,
    ol ol ul,
    ol ol ol {
        margin-left: 12px;
        margin-bottom: 14px;
    }
}

ul {
    margin-left: 24px;
}

ul ul,
ul ol {
    margin-left: 16px;
}

ul ul ul,
ul ul ol,
ul ol ul,
ul ol ol {
    margin-left: 8px;
}

@media (min-width: 900px) {
    ul {
        margin-left: 36px;
        margin-bottom: 28px;
    }
    ul ul,
    ul ol {
        margin-left: 24px;
        margin-bottom: 14px;
    }
    ul ul ul,
    ul ul ol,
    ul ol ul,
    ul ol ol {
        margin-left: 12px;
        margin-bottom: 14px;
    }
}

mark {
    background-color: #fff145;
    border-radius: 5px;
    padding: 0 0.125em 0 0.125em;
}

q {
    font-style: italic;
}

q,
blockquote {
    quotes: "“" "”" "‘" "’";
}

.billing-terms {
    margin: 0 auto;
}

@media (min-width: 900px) {
    .billing-terms {
        width: auto;
        max-width: 790px;
    }
}

button.continue,
input.continue,
input[name="btnPaymentOptionSubmit"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#ed5537), to(#dc8209));
    background: linear-gradient(to bottom, #ed5537, #dc8209);
    display: block;
    margin: 40px auto;
    padding: .45em 55px;
}

button.continue:hover,
button.continue:active,
input.continue:hover,
input:hover[name="btnPaymentOptionSubmit"],
input.continue:active,
input:active[name="btnPaymentOptionSubmit"] {
    background: -webkit-gradient(linear, left top, left bottom, from(#e49122), to(#b76a19));
    background: linear-gradient(to bottom, #e49122, #b76a19);
}

.btn.btn--yes>*,
.btn.btn--no {
    display: block;
    margin: 1em auto;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    padding: 0.45em 20px;
}

@media (min-width: 600px) {
    .btn.btn--yes>*,
    .btn.btn--no {
        padding: 0.45em 55px;
    }
}

.btn.btn--yes>* {
    background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#009245));
    background: linear-gradient(to bottom, #39b54a, #009245);
}

.btn.btn--yes>*:hover,
.btn.btn--yes>*:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#009245), to(#02662f));
    background: linear-gradient(to bottom, #009245, #02662f);
}

.btn.btn--no {
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#33332e));
    background: linear-gradient(to bottom, #666666, #33332e);
}

.btn.btn--no:hover,
.btn.btn--no:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#33332e), to(#000000));
    background: linear-gradient(to bottom, #33332e, #000000);
}

a>.btn.btn--no {
    border-radius: 4px;
    color: #ffffff;
    font-weight: 700;
    padding: 0.45em 0;
}

.btn__group {
    margin: 40px auto;
}

.btn__group a:hover {
    text-decoration: none;
}

@media (max-width: 599px) {
    .btn__group {
        width: 75%;
    }
}

@media (min-width: 600px) {
    .btn__group {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 400px;
    }
}

.choice {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 25px 1em 25px;
    width: 100%;
    max-width: calc(100% - 50px);
}

.choice input[type="radio"] {
    margin: 0 5px;
    vertical-align: baseline;
}

.choice.choice-single {
    border: none;
}

@media (min-width: 900px) {
    .choice {
        margin: 0 auto 1em;
        max-width: 790px;
    }
}

.choice__box .choice__title {
    padding: 5px 15px 5px 45px;
    margin-left: -45px;
    color: #ffffff;
}

.choice__box .choice__selection {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-line-pack: center;
    align-content: center;
}

.choice__box .choice__selection input[type="radio"] {
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    margin-right: 10px;
}

.choice__box .choice__name,
.choice__box .choice__price {
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    margin-top: 0;
}

@media (min-width: 900px) {
    .choice__box .choice__name,
    .choice__box .choice__price {
        font-size: 20px;
        line-height: 28px;
    }
}

.choice__box .choice__name {
    display: inline;
    margin-bottom: 0;
}

.choice__box .choice__copy {
    font-size: 15px;
    line-height: 20px;
}

@media (min-width: 600px) {
    .choice__box .choice__copy {
        font-size: inherit;
        line-height: inherit;
    }
}

.choice-single .choice__title {
    color: inherit;
}

.choice.choice-premium header {
    background: #d56e32;
}

.choice.choice-standard header {
    background: #086ab1;
}

.choice.choice-basic header {
    background: #0a2a4e;
}

@media (min-width: 600px) {
    .choice--best {
        position: relative;
    }
    .choice--best .choice__price {
        margin-right: 50px;
    }
    .choice--best::after {
        position: absolute;
        content: "";
        background-image: url(https://s3.amazonaws.com/assets.oxfordclub.com/templates/img/best-deal-starburst.svg);
        width: 5em;
        height: 5em;
        background-size: 5em 5em;
        right: -2.5em;
        top: -1em;
    }
}

.countdown {
    /*color: #ffffff;*/
    font-weight: 700;
}

.expired {
    font-weight: 700;
}

.clock--body {
    text-align: center;
}

.clock--body .countdown,
.clock--body .expired {
    color: #e49122;
}

.disclaimer {
    padding: 0 25px;
}

@media (min-width: 600px) {
    .disclaimer p {
        font-size: 13px;
    }
}

.feature-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e4fbd3;
    width: 100%;
    border-radius: 4px;
}

@media (min-width: 600px) {
    .feature-box {
        margin: 0 auto 1em;
    }
}

.feature__heading {
    background-color: #8ac336;
    color: #ffffff;
    font-family: "IBM Plex Sans", sans-serif;
    font-size: 15px;
    text-align: center;
    margin-top: 0;
    padding: 0.5em 0;
}

@media (min-width: 600px) {
    .feature__heading {
        font-size: 20px;
    }
}

.feature__copy,
.receipt__copy {
    font-size: 15px;
    padding: 0.5em 25px;
}

@media (min-width: 600px) {
    .feature__copy,
    .receipt__copy {
        font-size: inherit;
        line-height: inherit;
        padding: 0.5em 30px;
    }
}

.form-group {
    margin: 0 25px 20px;
}

@media (min-width: 600px) {
    .form-group {
        max-width: calc(100% - 50px);
        margin: 0 auto 20px;
    }
}

@media (min-width: 900px) {
    .form-group {
        max-width: 790px;
    }
}

.form-group .control-label,
.form-group input {
    display: block;
}

.form-group input,
.form-group div,
.form-group span,
.form-group select {
    width: 100%;
    margin: unset;
}

@media (min-width: 900px) {
    .form-group input,
    .form-group div,
    .form-group span,
    .form-group select {
        max-width: 590px;
    }
}

.form-group div,
.form-group span {
    max-width: 590px;
}

.form-notes {
    margin: 0 25px 20px;
}

.form-notes p {
    margin-top: 0;
}

.form-check label {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 590px;
    text-indent: -2.2em;
    padding-left: 2.2em;
}

@media (min-width: 600px) {
    .form-check label {
        text-indent: -1.5em;
        padding-left: 1.5em;
    }
}

.form-check label input {
    display: inline;
    width: auto;
    margin-right: 1em;
    margin-left: 0;
}

.form-help {
    width: 100%;
    max-width: 590px;
    margin: 0.5em 0 0;
}

@media (min-width: 900px) {
    .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .form-group .control-label {
        margin-right: 1em;
    }
}

.eyebrow,
.eyebrow--conf {
    font-family: "Montserrat", sans-serif;
    margin-bottom: 6px;
}

@media (min-width: 600px) {
    .eyebrow,
    .eyebrow--conf {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 15px;
    }
}

.eyebrow--conf {
    font-style: italic;
}

.headline {
    color: #20c40e;
    margin-bottom: 6px;
}

.headline--conf {
    line-height: 1.1;
}

h1.headline {
    color: #20c40e;
    font-family: "Roboto", sans-serif;
}

.subtitle {
    color: #181818;
}



@media (min-width: 900px) {
    .headline {
        line-height: 1.2;
        font-size: 45px;
    }

    h3.subtitle {
        font-size: 30px;
    }

    .headline--conf {
        font-size: 42px;
    }
}

.subhead,
.subhead--conf {
    text-align: center;
    margin-top: 25px;
    margin-bottom: 25px;
    line-height: 1.2;
}

h2.subhead {
    color: #20c40e;
    font-family:  "Roboto", sans-serif;
}

@media (min-width: 900px) {
    .subhead,
    .subhead--conf {
        margin-top: 45px;
        margin-bottom: 45px;
    }
}

.subhead--conf {
    font-family: "Montserrat", sans-serif;
    font-weight: normal;
    font-style: italic;
}

.headline-group {
    text-align: center;
    margin-bottom: 30px;
}

.headline-group>* {
    margin-top: unset;
}

@media (min-width: 900px) {
    .headline-group {
        margin-bottom: 40px;
    }
}

ul.checkmarks li {
    list-style: none;
}

ul.checkmarks li:before {
    content: '\25B6\0020';
    display: inline-block;
    font-size: 14px;
    color: #3b84db;
    margin-right: 0.5em;
}

.logo {
    width: 100%;
    /*max-width: 280px;*/
    max-width: 480px;
    height: auto;
    display: block;
    margin: 0 auto 12px;
}

/*@media (min-width: 600px) {
    .logo {
        display: initial;
        margin: unset;
    }
}*/

.logo-center {
    width: auto;
    height: 70px;
    display: block;
    margin: 0 auto 12px;
}

@media (min-width: 600px) {
    .logo-center {
        height: 95px;
        margin-bottom: 27px;
    }
}

   .masthead {
    background-color: #ffff;
    /* -webkit-margin-after: 45px; */
    /* margin-block-end: 45px; */
    -webkit-margin-start: -25px;
    margin-inline-start: -25px;
    -webkit-margin-end: -25px;
    margin-inline-end: -25px;
    padding: 15px;
   }

@media (min-width: 900px) {
    .masthead {
        -webkit-margin-start: -60px;
        margin-inline-start: -60px;
        -webkit-margin-end: -60px;
        margin-inline-end: -60px;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
}

.meta-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    background-color: #20c40e;
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    margin-top: 32px;
    font-size: 13px;
}

.meta-info p {
    margin: 10px auto;
}

@media (min-width: 600px) {
    .meta-info {
        font-size: 18px;
        bottom: 1em;
    }
    .meta-info p {
        margin: 13px auto;
    }
}

@media (min-width: 900px) {
    .meta-info {
        border-radius: 4px;
    }
    .meta-info.constrained-width {
        max-width: 825px;
    }
}

.meta__section {
    text-align: center;
    font-weight: 700;
    /*color: #addcff;*/
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
}

.meta__section:not(:first-child) {
    border-left: solid 2px #ffffff;
}

/*.meta__section .meta__callout,
.meta__section .expired,
.meta__section .codes {
    color: #ffffff;
}*/

.meta__callout a{
      color:black;
      text-decoration: none;
    }
    .meta__callout a:hover{
      color:black;
      text-decoration: underline;
    }

.modal {
    display: none;
    position: fixed;
    z-index: 1;
    margin: 0;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6);
}

.modal__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1em;
}

.modal__header h2 {
    margin: 0;
}

.modal__content {
    background-color: #ffffff;
    width: 100%;
    max-width: 850px;
    margin: auto;
    padding: 20px;
    border: solid 1px #949494;
}

.close {
    color: #949494;
    font-size: 28px;
    font-weight: bold;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.close:hover,
.close:focus {
    color: #3b84db;
    text-decoration: none;
    cursor: pointer;
}

.receipt-box {
    padding: 0 0 0.5em;
}

.receipt-box ul {
    list-style: none;
    padding: 0;
    margin-left: 0;
}

.receipt__heading {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    line-height: inherit;
    text-align: center;
    color: #ffffff;
    padding: calc(1em / 3) 0;
}

.receipt__copy {
    padding: 0 25px;
}

@media (min-width: 600px) {
    .receipt__copy {
        padding: 0 30px;
    }
}

.receipt__footer {
    font-weight: 700;
    padding: 0 30px;
}

.receipt__subtotal {
    padding: 0.5em 0;
}

.selected-choice li {
    font-weight: 700;
}

.selected-choice__name,
.shoppingCartShippingType,
.selected-choice__price,
p.shippingPrice {
    font-weight: 700;
}

.selected-choice__price,
p.shippingPrice {
    color: #0a2a4e;
}

.user-credentials {
    color: #181818;
}

.customer-info {
    margin-bottom: 32px;
}

.step {
    background-color: #ffffff;
}

@media (min-width: 900px) {
    .step {
        border-radius: 4px;
    }
}

.step__header,
.receipt__heading {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    background-color: #20c40e;
    margin-bottom: 40px;
}

@media (min-width: 900px) {
    .step__header,
    .receipt__heading {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
}

.text-suppressed,
.form-notes,
.form-check label,
.form-help {
    font-size: 11px;
    line-height: 14px;
    color: #ffffff;
}

@media (min-width: 600px) {
    .text-suppressed,
    .form-notes,
    .form-check label,
    .form-help {
        font-size: 15px;
        line-height: 20px;
    }
}

fieldset .text-suppressed,
fieldset .form-notes,
fieldset .form-check label,
.form-check fieldset label,
fieldset .form-help,
section .text-suppressed,
section .form-notes,
section .form-check label,
.form-check section label,
section .form-help,
article .text-suppressed,
article .form-notes,
article .form-check label,
.form-check article label,
article .form-help {
    color: #181818;
}

.testimonials {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 1em;
    justify-items: stretch;
}

@media (min-width: 600px) {
    .testimonials {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
}

.testimonial {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: unset;
    border-radius: 4px;
    background-color: #dfebf5;
    padding: .75em 1.25em;
}

.testimonial.single {
    margin-bottom: 1em;
}

.testimonial p {
    font-weight: 400;
    font-size: 1.1em;
    color: black;
    margin: .5em 0 0;
}

@media (min-width: 600px) {
    .testimonial p {
        font-size: inherit;
    }
}

.testimonial .testimonial__name {
    display: block;
    font-style: normal;
    font-weight: 600;
    position: relative;
    padding-left: 1.5em;
    margin: .5em 0;
}

.testimonial .testimonial__name::before {
    content: '';
    position: absolute;
    left: 0;
    width: 1.2em;
    height: 1.2em;
    background-size: 1.2em 1.2em;
}

.testimonial:nth-of-type(3n+0) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/bishop-teal.svg);
}

.testimonial:nth-of-type(3n+1) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/king-orange.svg);
}

.testimonial:nth-of-type(3n+2) .testimonial__name::before {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/promos/war-overnight/icons/rook-yellow.svg);
}

.ta-left {
    text-align: left;
}

.ta-center {
    text-align: center;
}

.ta-right {
    text-align: right;
}

.img-center,
.img-right {
    display: block;
    margin: 27px auto;
    width: 100%;
    max-width: 575px;
}

figure.img-center,
figure.img-right,
figure.img-center img,
figure.img-right img {
    margin: 0 auto;
    width: 100%;
    max-width: 575px;
    text-align: center;
}

@media (min-width: 600px) {
    .img-right {
        display: inline;
        float: right;
        margin: 0 0 20px 20px;
        width: unset;
        max-width: 280px;
    }
    figure.img-right img {
        display: block;
        margin: 0 auto;
        width: unset;
        max-width: unset;
    }
}

@media (min-width: 900px) {
    .img-right {
        max-width: 320px;
    }
}

body {
    background-image: url("https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/logos/neo-matrix-bg-of.jpg");
    background-color: #000000;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    /*background: #0a2a4e;*/
    /*background: linear-gradient(145deg, #086ab1 25%, #0a2a4e 25%, #0a2a4e 100%);*/

}

article,
#main {
    background: #ffffff;
}

.color-brand {
    color: #0a2a4e;
}

.color-callout {
    color: #3b84db;
}

.color-callout-primary {
    color: #e49122;
}

.color-callout-secondary {
    color: #b6f558;
}


/*
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *  contenteditable attribute is included anywhere else in the document.
 *  Otherwise it causes space to appear at the top and bottom of elements
 *  that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 * `:before` to contain the top-margins of child elements.
 */

.cf:before,
.cf:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.cf:after {
    clear: both;
}

.constrained-width {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    max-width: 880px;
}

.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.center-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.text-xxs {
    font-size: xx-small;
}

.text-xs {
    font-size: x-small;
}

.text-sm {
    font-size: small;
}

.text-lg {
    font-size: large;
}

.text-xl {
    font-size: x-large;
}

.text-xxl {
    font-size: xx-large;
}

.nowrap {
    white-space: nowrap;
}

.visually-hidden,
.sr-only {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

.hide,
.d-none {
    display: none;
}

@media (min-width: 600px) {
    .d-md-none {
        display: none;
    }
}

@media (min-width: 900px) {
    .d-lg-none {
        display: none;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none;
    }
}

.d-block {
    display: block;
}

@media (min-width: 600px) {
    .d-md-block {
        display: block;
    }
}

@media (min-width: 900px) {
    .d-lg-block {
        display: block;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block;
    }
}

.d-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 600px) {
    .d-md-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 900px) {
    .d-lg-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 1200px) {
    .d-xl-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.d-inline {
    display: inline;
}

@media (min-width: 600px) {
    .d-md-inline {
        display: inline;
    }
}

@media (min-width: 900px) {
    .d-lg-inline {
        display: inline;
    }
}

@media (min-width: 1200px) {
    .d-xl-inline {
        display: inline;
    }
}

.promoCodes {
    font-weight: 700;
    color: #ffffff;
}

p.promoCodes {
    display: inline-block;
    padding: 0 0.5em;
    margin-right: -0.5em;
}

p.promoCodes .codes {
    color: #181818;
}

.codes {
    font-weight: 700;
    color: #20c40e;
}

.warning,
.alertMessage {
    color: #c10000;
    background-color: #ffbaba;
}

.info {
    color: #3b84db;
    background-color: #dfebf5;
}

.warning__message,
.info__message {
    padding: 0 0.5em;
}

.shadow,
button.continue,
input.continue,
input[name="btnPaymentOptionSubmit"],
.testimonial {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22), 0 2px 2px rgba(0, 0, 0, 0.22), 0 4px 4px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.22), 0 2px 2px rgba(0, 0, 0, 0.22), 0 4px 4px rgba(0, 0, 0, 0.22), 0 6px 6px rgba(0, 0, 0, 0.12);
}

#Confirmation .masthead {
    -webkit-margin-after: 0;
    margin-block-end: 0;
}

#Confirmation .headline-group {
    background-color: #8ac336;
    -webkit-margin-start: -25px;
    margin-inline-start: -25px;
    -webkit-margin-end: -25px;
    margin-inline-end: -25px;
    padding: 12px;
}

@media (min-width: 600px) {
    #Confirmation .headline-group {
        -webkit-margin-start: -60px;
        margin-inline-start: -60px;
        -webkit-margin-end: -60px;
        margin-inline-end: -60px;
    }
}

#Confirmation .headline,
#Confirmation .subtitle {
    color: #ffffff;
    margin: 0;
}

#Confirmation .subtitle {
    font-weight: normal;
}

#mainContainer {
    margin-top: 0;
}

#mainContainer> :last-child {
    margin-bottom: 32px;
}

#Upsell>*+*,
#NoUpsell>*+* {
    margin-top: 32px;
}

#Upsell> :last-child,
#NoUpsell> :last-child {
    margin-bottom: 32px;
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.btn__group a {
    text-decoration: none;
}

.autorenewMessage,
.premiumMessage,
.priceOption,
.itemQuantity,
.buttonsArea,
.sectionTitle,
.sectionDescription {
    display: none;
}

@media (min-width: 900px) {
    .form-control.auto-cardtype {
        padding-left: 85px !important;
    }
}

.form-group .form-group {
    max-width: unset;
    margin: 0 0 20px;
}

.alertMessage {
    display: block;
}

.form-group .alertMessage {
    width: 100%;
    max-width: 590px;
    font-size: small;
    padding: 0.25em 1em;
}

.shoppingCartShippingType {
    float: left;
    margin-top: 0;
    font-size: 15px;
    line-height: 20px;
    font-family: "IBM Plex Sans", sans-serif;
}

@media (min-width: 900px) {
    .shoppingCartShippingType {
        font-size: 20px;
        line-height: 27px;
    }
}

p.shoppingCartShippingLocation {
    display: none;
}

p.shippingPrice {
    float: right;
    margin-top: 0;
}

.receipt__footer {
    clear: both;
}

[id*="CountrySelect"]~input.form-control {
    display: none;
}

.auto-cardtype.Visa {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/cc/visa.svg) !important;
}

.auto-cardtype.MasterCard {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/cc/mastercard.svg) !important;
}

.auto-cardtype.AmericanExpress {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/cc/amex.svg) !important;
}

.auto-cardtype.Discover {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/cc/discover.svg) !important;
}

.auto-cardtype.UKMaestro {
    background-image: url(https://s3.amazonaws.com/assets.monumenttradersalliance.com/templates/img/cc/maestro.svg) !important;
}