@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Source+Sans+Pro:400,400i,700,700i&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@700;900&display=swap');

/*BRK Fool specific*/
.main-container{
  margin:0 auto;
  padding:0 20px;
  max-width: 1024px;
}

#power-of-investing .top-bottom-padding{
  padding-top:20px;
  padding-bottom:20px;
}
#power-of-investing .subhead{
  margin-bottom:0;
}
.top-bottom-padding{
  padding-top:20px;
  padding-bottom:20px;
}
.sm-top-bottom-padding{
  padding-top:20px;
  padding-bottom:20px;
}
#main-mission .joinNow{
  display:none;
}

#mobile-join-button{
  display:block;
  position: sticky;
  top: 0;
  z-index: 1;
}





#mobile-join-button .joinNow{
  padding:20px;
  margin-top: 0;
}
#main-mission .top-bottom-padding{
  padding-bottom:0;
}
#main-mission p{
  margin-bottom:0;
}


@media (max-width:599px){
  .red-background-fixed{
    background-image: linear-gradient(#851A21, #541014);
    background-attachment: fixed;
  }
}

@media (min-width:600px){
  #main-mission .top-bottom-padding{
    padding-bottom:80px;
  }
  #main-mission .joinNow{
    display:flex;
  }
  #main-mission{
    background-image: linear-gradient(#851A21, #541014);
  }
  #mobile-join-button{
    display:none;
  }
  #power-of-investing .top-bottom-padding{
    padding-top:50px;
    padding-bottom:50px;
  }
  .top-bottom-padding{
    padding-top:80px;
    padding-bottom:50px;
  }
  .sm-top-bottom-padding{
    padding-top:40px;
    padding-bottom:40px;
  }
}

.red-eyebrow{
  color:#77171D;
  font-weight:700;
  text-align:center;
  margin-top:0;
  font-size:24px;
}


.copyText{
  max-width:722px;
}
.green-background{
  background-image: linear-gradient(#851A21, #541014);
}
.light-gray-background{
  background-color:#E2E2E2;
}
.light-blue-background{
  background-color:#D2F1FF;
}
.white-text{
  color:#fff;
}
.arrow-background{
  background-repeat: no-repeat;
  background-size: 788px;
  background-position: right bottom;
  background-position: 105% 100%;
  background-image: none;
}

.center{
  margin-left:auto;
  margin-right:auto;
}
.grid-parent{
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  grid-gap:0;
}
#how-it-works .grid-parent{
  grid-gap:1rem;
}
.editor-grid-parent{
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  grid-gap:1rem;
}

.alexSection{
  align-self:end;
}
.alexImage{
  max-width:100%;
  margin-bottom:-6px;
}

.alexRectangle{
  background-color:#283B16;
  height:44px;
  font-weight:700;
  font-size:20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-width{
  max-width:100%;
}
.bundle-width{
  max-width:100%;
}

@media (min-width: 600px){



  #how-it-works .grid-parent{
    grid-gap:3rem;
  }
  .grid-parent{
    grid-gap:3rem;
  }
  .alexImage{
    max-width:262px;
  }
  .alexRectangle{
    font-size:25px;
  }
  .bundle-width{
    max-width:500px;
  }
  .arrow-background{
    background-image: url("https://s3.amazonaws.com/assets.oxfordclub.com/promo/brk/fool/arrows.png");
  }

}


.editor-padding-top{
  padding-top:20px;
}
.editor-padding-bottom{
  padding-bottom:0px;
}

@media (min-width:600px){
  .editor-padding-top{
    padding-top:60px;
  }
}
@media (min-width:1198px){
  .grid-parent{
    grid-template-columns: 50% 50%;
    justify-items: start;
  }
  #track-record .grid-parent{
    grid-template-columns: 60% 40%;
    align-items: center;
    justify-items: start;
  }

  .editor-grid-parent{
    grid-template-columns: 70% 50%;
    justify-items: start;
  }
  .editor-padding-bottom{
    padding-bottom:60px;
  }
  .editor-grid-parent{
    grid-gap:3rem;
  }

}

@media (max-width:1198px){
  .editor-grid-parent div p{
    max-width:722px;
  }
}

.joinNow {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top:20px;
}

.joinNow a {
	box-shadow: 3px 1px 10px -1px #000;
	background-color:#ffda46;
	border-radius:7px;
	border:1px solid #f5ce42;
	cursor:pointer;
	color:#000000;
	font-size:23px;
	font-weight:bold;
	padding:12px 47px;
	text-decoration:none !important;
}
.joinNow a:hover {
	background-color:#f5ce42;
}
.joinNow a:active {
	position:relative;
	top:1px;
}



@media (min-width:600px){
  .header__info .joinNow{
    display:inline-block;
  }
  .joinNow{
    justify-content: left;
    align-items: center;
  }

}


.logo-parent {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items:baseline;
  gap: 20px;
  padding:0;
  margin:0;
}

.logo-item img {
  max-width: 111px;
  height: 45px;
  object-fit: contain;

}

.horz-logo img{
  max-width:200px;
}

.forbesLogo{
  height:60px !important;
}


@media (min-width:400px){
  .logo-parent {
    gap: 40px;
  }
  .logo-item img {
    max-width: 150px;
    height: 45px;
    object-fit: contain;
  }
  .horz-logo img{
    max-width:250px;
  }
}










.subhead.text-alignment{
  text-align:center;
}



@media (min-width: 1198px) {
  /*
    .subhead,
    .subhead--conf {
        margin-bottom: 45px;
    }
    */
    .subhead.text-alignment{
     text-align:left;
  }
}

.discountRect {
	box-shadow: 3px 2px 10px 1px #3e3e3e;
	background-color:#FFDE61;
	border-radius:7px;
	display:inline-block;
	color:#000000;
	font-size:44px;
	font-weight:bold;
	padding:25px 30px;
  margin:20px;
	text-decoration:none !important;
}
@media (min-width:600px){
  .discountRect{
    margin:0;
  }
}


.strikeout{
  position:relative;
}
.strikeout:before{
  position: absolute;
    content: "";
    left: 14px;
    top: 50%;
    right: -10px;
    border-top: 6px solid;
    border-color: #C30606;
    -webkit-transform: rotate(
-48deg
);
    -moz-transform: rotate(-48deg);
    -ms-transform: rotate(-48deg);
    -o-transform: rotate(-48deg);
    transform: rotate(
-48deg
);
}

.marketFont{
  font-size:16px;
}

#marketCountdown{
  display:inline-block;
  margin-right:20px;
  vertical-align: middle;
  font-weight:700;
}

#hours, #minutes, #seconds, #milliseconds{
  display: inline-block;
  position:relative;
          background: #EFEFEF;
          border-radius: 80%;
          height: 36px;
          width: 45px;
          text-align: center;
          padding-top: 6px;
          margin-right: 12px;
          vertical-align: top;
}

#milliseconds{
  margin-right:0;
}



#hours:after{
  display: inline-block;
              position: absolute;
              right: -12px;
              top: 7px;
              content: ':';
              color: #575757;
              font-size: 25px;
}
#minutes:after{
  display: inline-block;
              position: absolute;
              right: -12px;
              top: 7px;
              content: ':';
              color: #575757;
              font-size: 25px;
}
#seconds:after{
  display: inline-block;
              position: absolute;
              right: -12px;
              top: 7px;
              content: ':';
              color: #575757;
              font-size: 25px;
}

@media (max-width:1005px) {

}





body {
    font-family: "Source Sans Pro", sans-serif;
    color: #333333;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 28px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Source Serif Pro', serif;
}

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

h2 {
    font-size: 24px;
    line-height: 28px;
    font-weight:700;
    margin-top:0;
    margin-bottom:0;
}

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

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

ol {
  margin:0 auto;
  padding-left:10px;
}

@media (min-width: 600px) {
    body {
        font-size: 20px;
        line-height: 27px;
    }
    h1 {
        font-size: 40px;
        line-height: 56px;
    }
    h2 {
        font-size: 32px;
        line-height: 44px;
        margin-bottom:25px;
    }
    h3 {
        font-size: 24px;
        line-height: 40px;
    }
    /*
    ol,
    ul {
        margin-left: 36px;
        margin-bottom: 28px;
    }
    */
}

a {
    color: #0071bc;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    -webkit-text-decoration-skip: auto;
    text-decoration-skip: auto;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    margin: 0;
}

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

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

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

@media (min-width: 900px) {
  /*
    main {
        margin-top: 40px;
    }*/
    /*article {
        padding: 40px 45px 1em;
    }*/
}

blockquote {
    margin-left: 75px;
    font-style: italic;
}

button,
.button,
input[type="button"],
.btn.btn--no,
input[type="reset"],
input[type="submit"] {
    font-family: "Source Sans Pro", 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: #808080;
    color: #ffffff;
}

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

button:not(:disabled),
.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,
    .button,
    input[type="button"],
    .btn.btn--no,
    input[type="reset"],
    input[type="submit"] {
        font-size: 18px;
    }
}

@media (min-width: 900px) {
    button,
    .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 #b3b3b3;
    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: #b3b3b3;
}

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: #b3b3b3;
}

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: #b3b3b3;
}

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: #b3b3b3;
}

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: 19px;
        padding: 12px;
    }
}

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: #808080;
    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: "Source Serif Pro", 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::before,
q::after {
    content: '';
}

.billing-terms {
    margin: 0 auto;
    padding: 0 25px;
}

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

.button.button--block {
    display: block;
    text-align: center;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding-left: 45px;
    padding-right: 45px;
    padding-inline: 45px;
    margin-left: auto;
    margin-right: auto;
    margin-inline: auto;
}

.button:hover {
    background: #676767;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    text-decoration: none;
}

.button.button--success {
    background: -webkit-gradient(linear, left top, left bottom, from(#39b54a), to(#009245));
    background: linear-gradient(to bottom, #39b54a, #009245);
}

.button.button--success:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#009245), to(#02662f));
    background: linear-gradient(to bottom, #009245, #02662f);
}

.button.button--continue {
    background: -webkit-gradient(linear, left top, left bottom, from(#cb1817), to(#891206));
    background: linear-gradient(to bottom, #cb1817, #891206);
}

.button.button--continue:hover {
    background: -webkit-gradient(linear, left top, left bottom, from(#a1150f), to(#5e1206));
    background: linear-gradient(to bottom, #a1150f, #5e1206);
}

button.continue,
.continue.button,
input.continue,
input[name="btnPaymentOptionSubmit"] {
  box-shadow: 3px 2px 10px 1px #3e3e3e;
  background-color:#ffda46;
  border-radius:7px;
  border:1px solid #f5ce42;
  color:#000000;
  font-size:23px;
  font-weight:bold;
  padding:12px 47px;
  text-decoration:none !important;
}

button.continue:hover,
.continue.button:hover,
button.continue:active,
.continue.button:active,
input.continue:hover,
input:hover[name="btnPaymentOptionSubmit"],
input.continue:active,
input:active[name="btnPaymentOptionSubmit"] {
  background-color:#f5ce42;
}

.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);
}

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

.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);
}

.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;
    border: solid 1px #808080;
    width: 100%;
    max-width: calc(100% - 50px);
    background: #ffffff;
}

.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 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #808080;
    padding: 0 15px 0 5px;
}

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

.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 {
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    line-height: 1.83;
    margin: 0;
    font-weight: 700;
    margin-top: 0;
}

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

.choice__box .choice__name {
    display: inline;
}

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

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

.choice.choice-premium {
    border-color: #a01102;
}

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

.choice.choice-standard {
    border-color: #0071bc;
}

.choice.choice-standard header {
    background: #0071bc;
}

.choice.choice-basic {
    border-color: #808080;
}

.choice.choice-basic header {
    background: #808080;
}

.choice-single .choice__title {
    background: transparent;
}

.choice-single .choice__title .choice__name {
    display: block;
    width: 100%;
    text-align: center;
    color: #a01102;
}

.choice--discounted {
    display: none;
}

@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,
.expired {
    font-size: 19px;
    color: #c10000;
    text-transform: uppercase;
    font-weight: 700;
}

@media (min-width: 900px) {
    .countdown,
    .expired {
        font-size: 21px;
    }
}

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

.colophon {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 58px;
}

.coupon-code {
    background: #c4dbe9;
    display: -ms-grid;
    display: grid;
    padding: 1em;
    gap: 1em;
    grid-template-areas: "label" "input" "submit" "message";
}

@media (min-width: 600px) {
    .coupon-code {
        grid-template-areas: "label ." "input submit" "message message";
        -ms-grid-columns: 2fr 1fr;
        grid-template-columns: 2fr 1fr;
    }
}

.coupon-code__label {
    font-weight: 700;
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: label;
}

.coupon-code__input {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: input;
    margin: unset !important;
}

.coupon-code__submit {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: submit;
    border-radius: 4px;
    cursor: pointer;
    padding: 0.5em;
    background: -webkit-gradient(linear, left bottom, left top, from(#2e3992), to(#1672b3));
    background: linear-gradient(to top, #2e3992, #1672b3);
    text-align: center;
    font-weight: 700;
    color: #ffffff;
}

.coupon-code__submit:hover,
.coupon-code__submit:active {
    background: -webkit-gradient(linear, left top, left bottom, from(#2e3992), to(#1672b3));
    background: linear-gradient(to bottom, #2e3992, #1672b3);
    text-decoration: none;
}

.coupon-code__message {
    text-align: center;
    font-weight: 700;
    -ms-grid-row: 4;
    -ms-grid-column: 1;
    grid-area: message;
}

.disclaimer {
    padding: 0 25px;
}

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

.faq {
    max-width: calc(100% - 50px);
    margin: 0 auto 20px;
}

.faq-toggle {
    display: none;
}

.faq-question {
    display: block;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    padding-bottom: 1rem;
    font-weight: 700;
    cursor: pointer;
}

.faq-question::before {
    content: "";
    vertical-align: middle;
    display: inline-block;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition: -webkit-transform 0.2s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    margin-right: 10px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #0071bc;
}

.faq-content .faq-answer {
    padding: 0 calc(1rem + 10px);
}

.faq-answer p {
    margin-top: unset;
}

.faq-content {
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in-out;
    transition: max-height 0.2s ease-in-out;
    max-height: 0px;
}

.faq:not(:last-child) .faq-content {
    border-bottom: 1px solid #b3b3b3;
}

.faq-toggle:checked+.faq-question+.faq-content {
    max-height: 100vh;
}

.faq-toggle:checked+.faq-question {
    padding-bottom: 0;
}

.faq-toggle:checked+.faq-question::before {
    -webkit-transform: rotate(90deg) translateX(-3px);
    transform: rotate(90deg) translateX(-3px);
}

.feature-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px #913324;
    width: 100%;
}

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

.feature-box.feature-box--borderless {
    border-color: transparent;
}

.feature__heading,
.receipt__heading {
    background-color: #913324;
    color: #ffffff;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 15px;
    text-align: center;
    margin-top: 0;
    padding: 0.5em 0;
}

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

.feature-box--borderless>.feature__heading,
.feature-box--borderless>.receipt__heading {
    background-color: unset;
    color: #913324;
    font-weight: 700;
}

.feature__copy,
.receipt__copy {
    font-size: 15px;
    line-height: 20px;
    padding: 0 25px;
}

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

.feature__copy .img-right,
.receipt__copy .img-right {
    max-width: 200px;
}

.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;
    }
}

.header {
    background-color: #ffffff;
    padding: 20px 0 0px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 1;
    flex-flow: row wrap;
    justify-content: center;
}

@media (min-width: 600px) {

    .header {
      padding: 20px 0 20px;
      position: -webkit-sticky;
      position: sticky;
      top: 0;
      z-index:999;
    }
}
@media (min-width:1010px){
  .header{
    justify-content: space-between;
    padding: 15px 25px;
  }

}

.header__info {
    display:none;
    text-align: center;
    background: #f2f2f2;
    padding: 1em 0;
}

.header__info p {
    font-size: 15px;
    line-height: 20px;
    margin: unset;
}

@media (min-width:1010px){
  .header__info{
    flex-flow: row wrap;
    margin-top:10px;
  }

}

@media (min-width: 600px) {
    .header__info {
        display:block;
        background: unset;
        text-align: right;
        padding: initial;
    }
    .header__info p {
        font-size: 17px;
        line-height: 21px;
    }
}

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

@media (min-width: 600px) {
    .eyebrow,
    .eyebrow--conf {
        font-size: 24px;
    }
}

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

.headline {
    margin-bottom: 6px;
    margin-top:0;
    max-width:800px;
}

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

@media (min-width: 900px) {
    .headline,
    .eyebrow,
    .eyebrow--conf {
        margin-bottom: 27px;
    }
    .headline {
        line-height: 1.2;
    }
    .headline--conf {
        font-size: 42px;
    }
}

.subhead,
.subhead--conf {
    text-align: center;
}





.subhead--conf {
    font-family: "PT Serif", 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;
    }
}

.subtitle{
  font-family:'Source Sans Pro', sans-serif;
  text-align:center;
  color:#74161C;
  font-weight: 700;
  margin-top:0;
}

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

ul.checkmarks li:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
    margin-bottom: -0.2em;
    margin-left: -1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://s3.amazonaws.com/assets.oxfordclub.com/templates/img/check-mark.svg);
}

ul.checkmarks2 li:before {
    content: '';
    display: inline-block;
    height: 1em;
    width: 1em;
    margin-right: 0.5em;
    margin-bottom: -0.2em;
    margin-left: -1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(https://s3.amazonaws.com/assets.oxfordclub.com/templates/img/check-mark-alt.svg);
}

.logo {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 12px;
}
@media (min-width: 500px) {
    .logo{
      width: auto;
      height: 58px;
    }
}
@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;
    }
}

.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.4);
}

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

.close {
    color: #808080;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

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

.receipt-box {
    padding: 0;
}

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

.receipt__heading {
    background-color: #333333;
    font-weight: 700;
}

.receipt__copy {
    padding: 0 25px;
}

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

.receipt__footer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    text-align: right;
    background-color: #913324;
    color: #ffffff;
    font-weight: 700;
    padding: 0 30px;
}

.receipt__subtotal {
    padding: 0.5em 0;
}

.selected-choice li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

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

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

.user-credentials {
    color: #666666;
}

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

#Renewal {
    padding-top: 0;
}

.renewal-banner * {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;
    text-align: center;
}

.renewal__eyebrow {
    font-size: 0.8em;
    background: #a01102;
    color: #ffffff;
    margin: 1em -25px;
    padding: 0.5em 1em;
    text-align: center;
}

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

@media (min-width: 900px) {
    .renewal__eyebrow {
        margin: 1em -45px;
    }
}

.renewal__headline {
    font-size: 3em;
    margin: 15px auto 20px;
    color: #a01102;
    text-transform: uppercase;
}

@media (min-width: 600px) {
    .renewal__headline {
        font-size: 4em;
    }
}

@media (min-width: 900px) {
    .renewal__headline {
        font-size: 6em;
        margin: 35px auto 40px;
    }
}

.renewal__subhead {
    font-size: 0.8em;
    background: #0071bc;
    color: #ffffff;
    margin: 1em -25px;
}

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

@media (min-width: 900px) {
    .renewal__subhead {
        margin: 1em -45px;
    }
}

.step {
    background-color: #ffffff;
}

.step__header {
    background-color: #333333;
    margin-bottom: 40px;
}

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

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

main .text-suppressed,
main .form-notes,
main .form-check label,
.form-check main label,
main .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: #666666;
}

.testimonial,
blockquote.testimonial {
    margin-right: auto;
    margin-left: auto;
    padding: 25px;
    background-color: #fff;
    font-style: normal;
    color:#000;
    box-shadow:0 3px 6px 0 rgb(43 65 98 / 80%);
    border-radius:8px;
    text-align:center;
}
blockquote.testimonial p{
  margin-top:0;
}

.testimonial__name {
    color: #74161C;
    font-weight: 700;
    margin-bottom:0
}

.testimonial__name::before {
    display: inline;
    content: ' – ';
    color:#74161C;
}

#TwoColumn {
    display: -ms-grid;
    display: grid;
    grid-template-areas: "copy" "form";
    gap: 30px;
}

@media (min-width: 900px) {
    #TwoColumn {
        grid-template-areas: "copy form";
        -ms-grid-columns: minmax(min-content, 760px) minmax(min-content, 460px);
        grid-template-columns: minmax(-webkit-min-content, 760px) minmax(-webkit-min-content, 460px);
        grid-template-columns: minmax(min-content, 760px) minmax(min-content, 460px);
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        margin-right: auto;
        margin-left: auto;
        -webkit-margin-start: auto;
        margin-inline-start: auto;
        -webkit-margin-end: auto;
        margin-inline-end: auto;
    }
    #TwoColumn>*+* {
        margin-top: initial;
    }
    #TwoColumn fieldset:first-of-type {
        margin-top: 0;
    }
    #TwoColumn .step__header {
        margin-bottom: 20px;
    }
    #TwoColumn .form-group {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding-right: 20px;
        padding-left: 20px;
        -webkit-padding-start: 20px;
        padding-inline-start: 20px;
        -webkit-padding-end: 20px;
        padding-inline-end: 20px;
    }
}

#TwoColumn #Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: copy;
}

#TwoColumn #OrderFormStart {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: form;
}

@-webkit-keyframes fade-in-up {
    0% {
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-up {
    0% {
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@media (min-width: 900px) {
    .video.stuck {
        position: fixed;
        bottom: 20px;
        right: 20px;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        width: 340px;
        -webkit-animation: fade-in-up 0.25s ease forwards;
        animation: fade-in-up 0.25s ease forwards;
        z-index: 100;
    }
}

.eop-spacer {
    height: 200px;
}

.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: 700px;
}

.img-center.img--large,
.img-right.img--large {
    max-width: 700px;
}

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;
}

figure.img-center.img--large,
figure.img-right.img--large,
figure.img-center img.img--large,
figure.img-right img.img--large {
    max-width: 700px;
}

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

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

html,
body {
    background: #f2f2f2;
}

.color-brand {
    color: #913324;
}

.color-callout {
    color: #0071bc;
}

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

.color-callout-secondary {
    color: #0071bc;
}


/*
 * 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;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.cf {
    zoom: 1;
}

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


.center-block {
    display: block;
    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;
}

@media (min-width: 600px) {
    .nowrap-md {
        white-space: nowrap;
    }
}

@media (min-width: 900px) {
    .nowrap-lg {
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .nowrap-xl {
        white-space: nowrap;
    }
}

.wrap {
    white-space: normal;
}

@media (min-width: 600px) {
    .wrap-md {
        white-space: normal;
    }
}

@media (min-width: 900px) {
    .wrap-lg {
        white-space: normal;
    }
}

@media (min-width: 1200px) {
    .wrap-xl {
        white-space: normal;
    }
}

.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;
    }
}

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

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

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

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

.info,
p.promoCodes {
    color: #0071bc;
    background-color: #d4eef9;
}

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

.error {
    color: #c10000;
}

.success {
    color: #009245;
}

@media (min-width: 600px) {
    .shadow {
        -webkit-box-shadow: 0 1px 1px rgba(128, 128, 128, 0.12), 0 2px 2px rgba(128, 128, 128, 0.12), 0 4px 4px rgba(128, 128, 128, 0.12);
        box-shadow: 0 1px 1px rgba(128, 128, 128, 0.12), 0 2px 2px rgba(128, 128, 128, 0.12), 0 4px 4px rgba(128, 128, 128, 0.12);
    }
}

.flex-direction-nav a::before {
    font-size: 2em;
    padding-top: 0.2em;
}

.flex-direction-nav a {
    width: 2em;
    height: 2em;
    margin: -1em 0 0;
}

#mainContainer {
    margin-top: 0;
}

/*
#mainContainer>*+* {
    margin-top: 32px;
}
*/
#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;
}

.autorenewMessage,
.premiumMessage,
.priceOption,
.itemQuantity {
    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: "Source Sans Pro", 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;
}

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

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

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

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

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

#autoRenewAuth .form-group {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#autoRenewAuth .form-check label {
    max-width: 790px;
}

p.password1 {
    display: inline-block;
    color: #0071BC;
    font-size: 15px;
    padding: 0;
    width: 100%;
    max-width: 590px;
    line-height: 18px;
}