@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html, body {
  height: 100%; }

body {
  font-family: Helvetica, Arial, sans-serif;
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

*, *:before, *:after, button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: inherit; }

button {
  border: 0; }

a, a:hover, a:visited, a:visited:hover {
  text-decoration: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* ======= clearfix ======*/
.clearfix {
  zoom: 1; }

.clearfix:after {
  content: '';
  clear: both;
  display: table; }

/*============================================
VARS
============================================*/
.how-membership-works .benefits .books {
  background: url("/images/myg/hiw-books.png") no-repeat center; }

.enroll-cart .modal-body .upgrade-terms .imageContainer.fs {
  background-image: url("/images/myg/FeaturedSelections.svg"); }

.enroll-cart .modal-body .upgrade-terms .imageContainer.credits {
  background-image: url("/images/myg/MemberCredits.svg"); }

.enroll-cart .modal-body .upgrade-terms .imageContainer.skip {
  background-image: url("/images/myg/SkipAnyMonth.svg"); }

.commerce-bar.enrollment-commerce .half-col.left.active {
  text-align: left;
  background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-heroes/myg/promo-loggedout.jpg"); }
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h4 {
    letter-spacing: 0;
    display: inline-block;
    padding-right: 20px;
    margin: 5px 0 15px 0; }
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2 {
    letter-spacing: 0;
    margin-bottom: 0; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2 span.no-wrap {
      font-weight: 300; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2.alt {
      font-weight: 600;
      line-height: 140%; }
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h1 {
    font-size: 42px;
    font-weight: 100;
    margin: 10px 0 5px; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h1.alt {
      margin: 5px 0 5px;
      font-size: 50px; }

.commerce-bar .half-col.slide-1 {
  background: #ffffff url("https://s3.amazonaws.com/bookspan-media/excelsior-heroes/myg/promo-first.jpg") no-repeat center center; }

.commerce-bar .half-col.slide-2 {
  background: #ffffff url("https://s3.amazonaws.com/bookspan-media/excelsior-heroes/myg/promo-second.jpg") no-repeat center center; }

.commerce-bar .half-col.slide-3 {
  background: #ffffff url("https://s3.amazonaws.com/bookspan-media/excelsior-heroes/myg/promo-third.jpg") no-repeat center center; }

.commerce-bar .carouselBullets .li.active {
  background-color: #cf2041; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 800px) {
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h4 {
    font-size: 14px;
    padding-right: 0; } }

@media screen and (max-width: 700px) {
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h4 {
    display: none; }
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2 {
    font-size: 24px; }
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h1 {
    font-size: 40px; } }

@media screen and (max-width: 600px) {
  .commerce-bar.enrollment-commerce .half-col.left.active {
    min-height: 170px; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo {
      padding: 10px 20px; }
      .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2 {
        font-size: 22px; }
      .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h1 {
        font-size: 36px;
        margin: 5px 0; } }

@media screen and (max-width: 400px) {
  .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo {
    padding: 10px 20px; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h2 {
      font-size: 22px; }
    .commerce-bar.enrollment-commerce .half-col.left.active .nmpromo h1 {
      font-size: 34px;
      margin: 5px 0; } }

@media screen and (max-width: 374px) {
  .commerce-bar.enrollment-commerce .half-col.left.active {
    min-height: 130px; } }

/*============================================
TYPOGRAPHY
font-family:'Roboto';
family=Roboto:400,700,300
============================================*/
/* latin-ext */
/* latin */
body, * {
  font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased; }

h1 {
  font-size: 40px;
  font-weight: 300; }

h2 {
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 1.5px;
  margin-bottom: 20px; }
  h2.center {
    margin-bottom: 30px; }

h3 {
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: 300; }
  h3.alt {
    border-bottom: 1px solid;
    padding-bottom: 10px;
    margin-bottom: 20px; }

h4 {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  margin-bottom: 10px; }
  h4.alt {
    font-weight: 700;
    border-bottom: 1px solid;
    padding-bottom: 10px; }
  h4.alt2 {
    font-weight: 700; }

.bordered-box h4.alt {
  text-align: center;
  font-size: 22px;
  margin-bottom: 20px; }

h5 {
  font-size: 14px;
  font-weight: 400; }
  h5.alt {
    font-weight: 700; }

h6, .header-link {
  font-size: 12px;
  font-weight: 700;
  margin-bottom: 10px;
  letter-spacing: .5px;
  text-transform: uppercase; }

h7 {
  font-size: 11px;
  font-weight: 400px;
  margin-bottom: 6.66667px;
  letter-spacing: .5px;
  text-transform: uppercase;
  display: block; }

p, .cart-item td,
.nm-cart-item td {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: .5px;
  margin-bottom: 16px; }

p.no-margin {
  margin-bottom: 0; }

.small-text {
  font-size: 12px;
  line-height: 18px;
  letter-spacing: .5px; }

address {
  font-size: 12px;
  line-height: 14px;
  font-weight: 400; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

blockquote {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  text-align: left;
  position: relative;
  padding-left: 26px; }

blockquote:before {
  display: block;
  content: "\201C";
  font-size: 112px;
  position: absolute;
  left: -20px;
  top: -50px; }

q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

q:before {
  content: open-quote;
  font-size: 30px;
  font-weight: 700;
  vertical-align: middle;
  padding-right: 2px; }

q:after {
  content: close-quote;
  font-size: 30px;
  font-weight: 700;
  vertical-align: middle; }

blockquote cite {
  font-weight: 700;
  display: block;
  margin-top: 5px; }

blockquote cite span {
  font-weight: 400;
  padding-left: 6px; }

blockquote cite em {
  font-weight: 400; }

blockquote cite:before {
  content: "\2014   \4009"; }

dl {
  margin-bottom: 40px; }

dt {
  margin: 40px 0 6px 0; }

dd {
  font-size: 16px;
  line-height: 22px; }

th {
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 1px;
  font-weight: 700; }

sup {
  display: inline-block;
  font-size: 13px; }

.strikethrough {
  text-decoration: line-through; }

.price {
  font-size: 14px; }

.price-flag {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: .5px; }

.offer-header {
  margin-bottom: 0px;
  line-height: 12px; }

.offer {
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.2px; }

.message {
  font-weight: 700;
  letter-spacing: -0.2px;
  line-height: 18px;
  padding: 5px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 550px) {
  h2 {
    font-size: 22px; }
  h3 {
    font-size: 16px; }
  .message {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 0;
    padding: 0; } }

button, .button {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: inline-block;
  cursor: pointer;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  background-image: none; }
  button.fat, .button.fat {
    padding: 12px 16px; }

.btn-primary {
  margin: 10px 0; }
  .btn-primary.checkout {
    z-index: 50; }

.remove {
  display: inline-block;
  cursor: pointer;
  width: 18px;
  height: 18px;
  text-align: center;
  font-size: 20px;
  line-height: 15px;
  font-weight: 700; }
  .remove svg {
    width: 100%; }
  .remove.inline {
    display: block;
    position: absolute;
    top: -6px;
    right: -6px;
    z-index: 50; }
    .remove.inline.hidden {
      display: none; }

button:disabled, button.disabled,
.button:disabled,
.button.disabled {
  cursor: default; }

.credit-btn {
  width: 100px;
  padding: 10px;
  font-size: 11px;
  line-height: 12px; }
  .credit-btn .icon {
    width: 22px;
    height: 22px;
    margin: 0 auto 5px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 3px solid;
    padding-top: 2px; }

.formatContainer .icon {
  width: 22px;
  height: 22px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid;
  display: inline-block;
  margin: 5px;
  position: relative;
  background-color: #fff; }
  .formatContainer .icon svg {
    position: absolute;
    top: 4px;
    left: 3px; }

.disappear {
  visibility: hidden; }

.pd-actions .formatContainer .text.unselected {
  color: #ffffff; }

.btn-header {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 14px;
  padding: 10px;
  border: 1px solid;
  text-transform: uppercase; }

.modal-closer {
  font-size: 26px;
  height: 28px;
  line-height: 14px;
  padding: 0 8px; }

button.wishlist svg {
  margin-top: 2px; }

.actions-wrapper button:first-of-type {
  margin-right: 10px; }

.radio-icon {
  display: inline-block;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 4px solid #fff;
  background-color: #fafafa;
  margin-right: 5px; }

.btn-icon {
  display: inline-block;
  background-color: #ffffff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  color: #333;
  margin-right: 10px;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  line-height: 16px;
  padding-left: 1px; }

form {
  text-align: left; }

label {
  display: block;
  cursor: pointer; }
  label input[type="checkbox"] {
    margin: 4px 10px 0 0; }
    label input[type="checkbox"] + span, label input[type="checkbox"] + span + a {
      line-height: 18px; }

select {
  width: 100%;
  background: none; }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000; }

select.quantity {
  background-color: white; }

.select-wrapper {
  position: relative;
  background-color: pink;
  background: url("data:image/svg+xml;base64,ICA8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KICAgd2lkdGg9IjEwcHgiIGhlaWdodD0iNXB4IiB2aWV3Qm94PSIwIDAgMTAgNSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjUuMTg2LDQuOTY5IDAuMzcxLDAuMTU1IDEwLDAuMTU0ICIvPg0KPC9zdmc+") no-repeat center right 10px;
  height: 40px; }
  .select-wrapper .mask {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 25px;
    padding: 17px 0;
    text-align: center;
    border-left: 1px solid; }
  .select-wrapper select {
    height: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer; }

.select-wrapper.small {
  height: 30px;
  padding: 0px 10px; }

.select-wrapper,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.braintree-input {
  font-size: 16px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid;
  padding: 10px; }

textarea {
  height: 200px; }

input[type="submit"] {
  border: none;
  border-radius: 4px; }

.braintree-input {
  height: 30px;
  font-size: 24px; }

input.error, .select-wrapper.error {
  border: 1px solid red !important;
  color: red !important; }

a {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer; }

.tipButton {
  background-color: transparent;
  text-transform: lowercase;
  vertical-align: top;
  margin-top: 6px; }

.help-link, .edit-link {
  font-size: 12px;
  cursor: pointer; }
  .help-link:hover, .edit-link:hover {
    text-decoration: underline; }

.edit-link:not(.tipButton):before {
  content: '';
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 3.33333px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjAxcHgiIGhlaWdodD0iMTUuMzIzcHgiIHZpZXdCb3g9IjAgMCAxNS4wMSAxNS4zMjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjAxIDE1LjMyMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTMuNjc2LDEuNTcyQzEyLjI5NSwwLjE5LDEwLjgyLDAsMTAuODIsMEwwLjAyMywxMC4zNjJ2NC45NTdsNC43MjksMC4wMDRMMTUuMDEsNC43MDcKICAgICAgICAgICAgICAgICAgQzE1LjAxLDQuNzA3LDE1LjA1OSwyLjk1NCwxMy42NzYsMS41NzJ6IE0zLjk4MywxNC40MDNsLTEuMjM1LDAuMDA4Yy0wLjE0OS0wLjI4MS0wLjQxNS0wLjgzNC0wLjc0Ny0xLjE2NAogICAgICAgICAgICAgICAgICBjLTAuMzMtMC4zMzEtMC43NDItMC41MzMtMS4wMjItMC42ODRsLTAuMDQ0LTEuNTAybDAuODg4LTAuNzY1YzAsMCwxLjEzLDAuMTI4LDIuMDg1LDEuMDgzYzAuOTU1LDAuOTU0LDEuMDQsMi4xMDQsMS4wNCwyLjEwNAogICAgICAgICAgICAgICAgICBMMy45ODMsMTQuNDAzeiIvPgogICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9zdmc+") no-repeat top left;
  background-size: contain; }

#braintree-dropin-modal-frame {
  width: 100%;
  height: 100%;
  max-width: 600px;
  max-height: 500px;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  -webkit-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  -moz-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  -o-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  border: 1px solid #d0d8dc; }

#braintree-dropin-frame .payment-method-item.card-label {
  border-top: none !important;
  border-bottom: none !important;
  margin: 0;
  padding: 0; }

.enroll-cart input[type="text"] {
  height: 40px; }

/*============================================
For Mobile
==============================================*/
@media all and (max-width: 750px) {
  #braintree-dropin-modal-frame {
    max-width: 80%; } }

@media all and (max-width: 420px) {
  .btn-header {
    padding: 2px 10px; } }

.bordered-box {
  display: inline-block;
  width: 100%;
  margin: 0 auto 20px;
  border: 1px solid #d0d8dc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  padding: 40px;
  position: relative; }
  .bordered-box button {
    margin: 0; }

.bottom-line {
  padding-bottom: 5px;
  border-bottom: 1px solid; }

hr {
  border: 0;
  height: 1px;
  margin: 20px 0; }

select.quantity {
  width: 40px; }

.icon-holder {
  display: inline-block;
  height: 24px;
  width: 24px;
  position: relative;
  index: 2; }
  .icon-holder .round-counter {
    display: inline-block;
    height: 18px;
    width: 18px;
    line-height: 18px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -ms-border-radius: 9px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    right: 4px;
    top: 0; }

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Likely future */ }

.no-wrap {
  white-space: nowrap; }

.hidden {
  display: none; }
  .hidden.showing {
    display: block; }

.message-box {
  text-align: center;
  display: none;
  padding: 20px; }
  .message-box.showing {
    display: block; }

.info-edit-form {
  display: none; }
  .info-edit-form.showing {
    display: block; }
  .info-edit-form button, .info-edit-form .button {
    width: 100%;
    margin-bottom: 10px; }

.arrow {
  display: inline-block;
  margin: 0; }
  .arrow.up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #000; }
  .arrow.down {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000; }

.list {
  line-height: 20px; }
  .list li {
    display: block;
    margin-bottom: 5px; }
  .list li:last-of-type {
    margin-bottom: 10px; }

.list-header {
  font-weight: 400;
  margin-bottom: 5px; }

.ruled-list {
  clear: both;
  overflow: hidden;
  border-top: 1px solid; }

.checklist {
  margin: 20px 0 20px 50px;
  position: relative; }
  .checklist li {
    display: block;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px; }
    .checklist li:before {
      content: '';
      display: inline-block;
      width: 16px;
      height: 16px;
      margin: 5px 10px 0 0;
      background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTYuNjI1cHgiIHZpZXdCb3g9IjAgMCAxOCAxNi42MjUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE4IDE2LjYyNSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8cG9seWdvbiBmaWxsPSIjMjMxRjIwIiBwb2ludHM9IjcuMjg2LDE2LjYyNSAwLDkuMzE4IDEuNDE2LDcuOTA2IDcuMDMzLDEzLjUzOSAxNi4zNzMsMC4xMTYgMTgsMS4yNzggIi8+DQo8L3N2Zz4NCg==") no-repeat top left;
      background-size: contain;
      position: absolute;
      left: -30px; }
  .checklist li:last-of-type {
    margin-bottom: 34px; }

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

.fixed {
  position: fixed; }

.number-steps {
  display: inline-block;
  width: 26px;
  height: 26px;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }

ol {
  margin: 0 0 20px 20px;
  list-style-position: outside; }
  ol li {
    padding-bottom: 10px; }

.mobile-nav-toggler {
  text-align: left;
  display: none;
  float: left;
  width: 100%;
  border: 1px solid;
  padding: 10px;
  cursor: pointer; }
  .mobile-nav-toggler.active {
    border-bottom: none; }
  .mobile-nav-toggler h6 {
    float: left;
    margin-bottom: 0; }
  .mobile-nav-toggler .arrow {
    float: right;
    margin-top: 5px; }
    .mobile-nav-toggler .arrow.down {
      border-top: 6px solid #a1b3b7; }

.loader {
  display: none;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 100%;
  height: 100%;
  z-index: 60;
  background-color: rgba(255, 255, 255, 0.9); }
  .loader.showing {
    display: block; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 600px) {
  .bordered-box {
    padding: 15px; }
  .fixed {
    position: static; } }

@media screen and (max-width: 460px) {
  .checklist {
    margin: 10px 0 20px 30px; } }

.product-list {
  margin-top: 20px; }
  .product-list ul {
    width: 100%; }
  .product-list li {
    position: relative;
    display: inline-block; }
    .product-list li button {
      width: 100%; }
    .product-list li img {
      cursor: pointer; }
    .product-list li .onhover-actions {
      display: none;
      cursor: pointer; }
    .product-list li:hover img {
      opacity: 0.5; }
    .product-list li:hover .onhover-actions {
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 20; }
      .product-list li:hover .onhover-actions .button-group {
        position: absolute;
        width: 100%;
        bottom: 10px;
        padding: 10px;
        z-index: 25; }
        .product-list li:hover .onhover-actions .button-group a {
          width: 100%;
          margin-bottom: 10px; }
        .product-list li:hover .onhover-actions .button-group .btn-primary.fat {
          margin-top: 0; }

@media screen and (max-width: 550px) {
  .product-list li {
    margin: 0 2.5% 20px 2.5%;
    width: 45%;
    padding-bottom: 65.3%; } }

@media screen and (min-width: 551px) and (max-width: 850px) {
  .product-list li {
    margin: 0 2.5% 20px 2.5%;
    width: 20%;
    padding-bottom: 32.7%; } }

@media screen and (min-width: 851px) {
  .product-list li {
    margin: 0 2.5% 20px 2.5%;
    width: 15%;
    padding-bottom: 24.5%; } }

/*============================================
Product Images
============================================*/
.product-scaled-wrapper {
  position: relative;
  padding-bottom: 150%;
  width: 100%; }

.product-scaled {
  width: 100%;
  min-height: 50px;
  position: absolute;
  left: 0; }

header {
  width: 100%; }

.top-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: block;
  height: 60px;
  line-height: 60px;
  z-index: 60; }
  .top-nav .content-max-width {
    position: relative; }
  .top-nav .logo {
    display: inline-block;
    width: 34%;
    margin: 0 auto; }
    .top-nav .logo .reg-logo img {
      width: 100%;
      height: auto;
      min-width: 150px;
      vertical-align: middle;
      margin-top: -4px; }
    .top-nav .logo .mobile-logo {
      display: none; }
      .top-nav .logo .mobile-logo img {
        height: 90%; }
  .top-nav.collapsed {
    height: 45px;
    line-height: 45px; }
    .top-nav.collapsed .logo .reg-logo img {
      width: 60%; }
  .top-nav .header-offer {
    position: relative;
    margin-top: 14px; }
    .top-nav .header-offer h4 {
      line-height: 34px;
      display: inline-block; }

.message-bar {
  position: fixed;
  margin-top: 60px;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 5px;
  z-index: 30; }
  .message-bar.second-bar {
    margin-top: 98px; }
  .message-bar p {
    text-transform: none;
    font-weight: 400; }
  .message-bar h4 {
    margin-bottom: 0; }

.credits-box {
  position: absolute;
  z-index: 90;
  top: 66px;
  right: -10px;
  width: 100%;
  max-width: 400px;
  padding: 20px;
  text-align: center;
  -webkit-box-shadow: 2px 1px 6px 4px rgba(68, 68, 68, 0.2);
  -moz-box-shadow: 2px 1px 6px 4px rgba(68, 68, 68, 0.2);
  -o-box-shadow: 2px 1px 6px 4px rgba(68, 68, 68, 0.2);
  box-shadow: 2px 1px 6px 4px rgba(68, 68, 68, 0.2);
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease; }
  .credits-box .marker-arrow {
    position: absolute;
    top: -10px;
    right: 138px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    width: 20px; }
  .credits-box .help-link {
    margin-top: 10px; }
  .credits-box h4 {
    line-height: 20px;
    margin-bottom: 20px; }
    .credits-box h4.alt2 {
      margin-bottom: 10px; }
  .credits-box h6 {
    line-height: 18px; }
  .credits-box button.fat {
    padding: 12px; }
  .credits-box a.button.fat {
    padding: 20px; }
  .credits-box .button.btn-secondary {
    padding: 10px;
    font-size: 12px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 1092px) {
  .top-nav {
    padding: 0 10px; }
  .credits-box {
    right: -5px; }
    .credits-box .marker-arrow {
      right: 133px; } }

@media screen and (max-width: 850px) {
  .header-offer {
    display: none; } }

@media screen and (max-width: 600px) {
  .top-nav {
    height: 45px;
    line-height: 45px;
    padding: 0 10px; }
    .top-nav.collapsed {
      height: 45px;
      line-height: 45px; }
  .message-bar {
    position: fixed;
    left: 0;
    padding: 8px 5px;
    bottom: 90px; }
    .message-bar .message {
      font-size: 16px; }
  .credits-box {
    top: 48px;
    left: -5px;
    max-width: 90%; }
    .credits-box .marker-arrow {
      left: 20px; } }

@media screen and (max-width: 480px) {
  .top-nav {
    padding: 0 5px;
    line-height: 42px; }
    .top-nav .logo {
      width: 20%; }
      .top-nav .logo .reg-logo {
        display: none; }
      .top-nav .logo .mobile-logo {
        display: inline-block;
        height: 36px;
        margin-top: 4px;
        width: 100%;
        text-align: center; }
  .credits-box {
    left: 5px;
    max-width: 97%; }
    .credits-box .marker-arrow {
      left: 5px; } }

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

body {
  height: 100%; }

#app {
  height: 100%; }

.table-cell {
  display: table-cell; }

.float-left {
  float: left; }

.float-right {
  float: right; }

.content-on-screen {
  position: relative;
  height: 100%; }

.not-the-footer {
  padding-bottom: 132px;
  min-height: 100%;
  width: 100%; }

.content-max-width {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1085px; }
  .content-max-width.cms {
    margin-top: 80px;
    padding: 20px 10px; }
    .content-max-width.cms .modal-body {
      padding: 40px; }
    .content-max-width.cms h2 {
      margin-bottom: 10px; }
    .content-max-width.cms .btn-secondary {
      margin-top: -5px; }

.desk-iframe-wrapper {
  position: relative;
  padding-bottom: 1200px;
  height: 0;
  width: 100%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch; }
  .desk-iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%; }

.content-container {
  padding: 20px;
  border: 1px solid #d0d8dc;
  border-top: none;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px; }

.full-width {
  width: 100%; }

.toggled-content {
  display: none; }

.half-col {
  display: inline-block;
  width: 50%; }
  .half-col.left {
    padding-right: 20px; }

.col-3 {
  display: inline-block;
  width: 33%;
  padding-left: 20px; }

.col-70 {
  width: 70%;
  display: inline-block; }

.col-60 {
  width: 60%;
  display: inline-block; }

.col-40 {
  width: 40%;
  display: inline-block;
  padding-left: 20px; }

.col-30 {
  width: 30%;
  display: inline-block;
  padding-left: 20px; }

.col-45 {
  width: 45%;
  display: inline-block; }

.col-10 {
  width: 10%;
  display: inline-block; }

.center {
  text-align: center;
  margin: 0 auto; }

/*============================================
MODAL STYLES
============================================*/
.modal-wrapper {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 90; }
  .modal-wrapper.showing {
    display: block; }

.modal-window {
  position: fixed;
  width: 80%;
  max-width: 720px;
  max-height: 600px;
  overflow: auto;
  padding: 20px;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 1px solid #d0d8dc;
  text-align: left;
  background: #fff;
  z-index: 100;
  -webkit-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  -moz-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  -o-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
  box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4); }
  .modal-window h3 {
    margin-bottom: 20px; }
  .modal-window p {
    text-align: left;
    margin: 20px auto; }
  .modal-window button {
    margin: 0 auto; }
  .modal-window.full-width {
    width: 96%;
    max-width: 1000px; }
  .modal-window.header-info {
    position: absolute;
    display: block;
    width: 180%;
    padding: 10px 0px 5px;
    max-width: 610px;
    color: #000;
    top: 40px;
    left: 130px;
    overflow: visible;
    text-transform: none;
    transform: none; }
    .modal-window.header-info:before {
      content: ' ';
      height: 0;
      position: absolute;
      width: 0;
      top: -25px;
      left: 118px;
      border: 14px solid transparent;
      border-bottom-color: white; }
    .modal-window.header-info .modal-close {
      top: -10px; }
    .modal-window.header-info p {
      text-align: center;
      margin: 10px 20px 10px 5px; }
  .modal-window.featured-selection {
    border: none;
    box-shadow: none; }
    .modal-window.featured-selection .content-container.content-max-width {
      border: none; }
    .modal-window.featured-selection .pointer {
      position: absolute;
      top: 50%;
      margin-top: -17px;
      z-index: 50;
      cursor: pointer; }
      .modal-window.featured-selection .pointer.right {
        right: 10px; }
      .modal-window.featured-selection .pointer.left {
        left: 10px; }

.modal-window .bordered-box {
  padding: 10px; }

.modal-window .message {
  width: 70%;
  margin-left: 20px; }

.page-modal {
  top: 60px;
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 40;
  max-height: 0;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease; }
  .page-modal.when-header-collapsed {
    top: 45px; }
  .page-modal.showing {
    display: block;
    max-height: 100%;
    -webkit-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
    -moz-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
    -o-box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4);
    box-shadow: 3px 3px 5px 6px rgba(68, 68, 68, 0.4); }
  .page-modal .modal-header {
    width: 100%;
    height: 50px;
    text-align: center;
    padding: 20px 0; }
    .page-modal .modal-header h2 {
      text-align: left;
      margin: 0 0 0 20px;
      line-height: 19px; }
    .page-modal .modal-header .button-wrapper {
      float: right;
      margin: -10px 0 0 10px; }
      .page-modal .modal-header .button-wrapper .btn-primary {
        margin: 0 0 0 10px; }
  .page-modal .modal-body {
    height: 100%;
    width: 100%;
    padding: 20px;
    margin-bottom: 100px; }

.modal-close {
  position: absolute;
  top: 5px;
  right: 14px;
  cursor: pointer;
  font-size: 26px;
  font-weight: 400; }

.login {
  width: 94%;
  max-width: 400px; }
  .login h2, .login button {
    margin: 10px 0 20px; }
  .login h4 {
    margin-bottom: 10px; }

/*============================================
Feedback
============================================*/
.feedback-wrapper {
  max-height: 0;
  position: fixed;
  left: 0;
  bottom: -40px;
  width: 100%;
  overflow: auto;
  padding: 10px;
  text-align: center;
  border: 4px solid #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: -1px -1px 3px 4px rgba(68, 68, 68, 0.2);
  -moz-box-shadow: -1px -1px 3px 4px rgba(68, 68, 68, 0.2);
  -o-box-shadow: -1px -1px 3px 4px rgba(68, 68, 68, 0.2);
  box-shadow: -1px -1px 3px 4px rgba(68, 68, 68, 0.2);
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  z-index: 100; }
  .feedback-wrapper h4 {
    font-weight: 400; }
  .feedback-wrapper.show {
    display: block;
    max-height: 100%;
    bottom: 0; }

/*============================================
For Mobile
==============================================*/
.for-mobile,
.mobile-420-show {
  display: none; }

@media screen and (max-width: 1092px) {
  .content-main {
    padding-left: 10px;
    padding-right: 10px; }
  .page-modal .content-max-width {
    width: 98%; } }

@media screen and (max-width: 750px) {
  .page-modal .modal-body > .half-col {
    width: 100%;
    padding: 0; }
    .page-modal .modal-body > .half-col.left {
      padding: 0; } }

@media screen and (max-width: 600px) {
  .modal-window {
    width: 90%;
    max-height: 98%; }
  .content-max-width.cms {
    margin-top: 40px; }
    .content-max-width.cms .modal-body {
      padding: 20px; }
  .content-container {
    padding: 10px; }
  .page-modal {
    padding: 0 5px;
    top: 40px; }
    .page-modal .modal-body {
      padding: 10px; } }

@media screen and (max-width: 550px) {
  .content-main {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 420px) {
  .page-modal .modal-header {
    height: auto;
    padding: 0;
    min-height: 20px; }
    .page-modal .modal-header h2 {
      margin: 10px; }
    .page-modal .modal-header .button-wrapper {
      margin: -1px 0 0 0; }
      .page-modal .modal-header .button-wrapper button {
        font-size: 12px; }
        .page-modal .modal-header .button-wrapper button.modal-closer {
          font-size: 26px; }
  .mobile-420-hide {
    display: none; }
  .mobile-420-show {
    display: block; } }

.header-menu {
  width: 33%; }
  .header-menu ul {
    margin-top: 6px; }
  .header-menu.right {
    float: right;
    text-align: right; }
  .header-menu.left {
    float: left;
    text-align: left; }
    .header-menu.left .for-mobile {
      display: none; }
  .header-menu li {
    display: inline-block;
    line-height: 0;
    text-align: center; }
    .header-menu li .icon-holder {
      width: 55px; }
      .header-menu li .icon-holder:hover {
        cursor: pointer; }
      .header-menu li .icon-holder img, .header-menu li .icon-holder svg {
        width: 26px;
        margin-bottom: 5px; }
      .header-menu li .icon-holder .menu-nav-text {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 10px; }
  .header-menu a {
    padding-bottom: 5px; }
    .header-menu a.active {
      border-bottom: 3px solid; }

/*============================================
For Mobile
==============================================*/
@media all and (max-width: 850px) {
  .header-menu {
    width: 50%; } }

@media all and (max-width: 600px) {
  .header-menu {
    width: 33%; }
    .header-menu ul {
      margin-top: 0; }
    .header-menu.right .wishlist {
      display: none; }
    .header-menu.right .credit {
      display: none; }
    .header-menu.left .for-mobile {
      display: inline-block; }
    .header-menu li {
      width: auto;
      margin: 0 5px; }
      .header-menu li .icon-holder {
        width: auto; }
        .header-menu li .icon-holder svg {
          width: 20px;
          margin-bottom: 0; }
    .header-menu li ~ li {
      margin-left: 5px;
      margin-right: 0; }
    .header-menu .round-counter {
      top: 2px;
      right: 0; } }

@media all and (max-width: 480px) {
  .header-menu {
    width: 40%; } }

.commerce-bar-wrapper {
  padding-top: 10px; }
  .commerce-bar-wrapper.hidden {
    display: none; }

.commerce-bar {
  position: relative;
  display: table;
  padding: 0;
  font-size: 0;
  width: 100%;
  z-index: 15;
  margin-top: 90px;
  -webkit-transition: height 0.1s ease;
  -moz-transition: height 0.1s ease;
  -ms-transition: height 0.1s ease;
  -o-transition: height 0.1s ease;
  transition: height 0.1s ease; }
  .commerce-bar.member-commerce .half-col.active {
    border-bottom: none; }
  .commerce-bar .half-col {
    display: table-cell;
    position: relative;
    padding: 10px 20px 0;
    background-clip: border-box;
    -webkit-border-radius: 0 4px 0 0;
    -moz-border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-left: 1px solid; }
    .commerce-bar .half-col.right {
      background-size: cover; }
    .commerce-bar .half-col .overlayLink {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      margin: -10px -20px;
      cursor: pointer;
      z-index: 40;
      background-color: transparent;
      border: 1px solid;
      border-bottom: none; }
      .commerce-bar .half-col .overlayLink:hover {
        border: 1px solid; }
    .commerce-bar .half-col.active {
      border: 1px solid;
      -webkit-border-radius: 4px 4px 0 0;
      -moz-border-radius: 4px 4px 0 0;
      -ms-border-radius: 4px 4px 0 0;
      border-radius: 4px 4px 0 0;
      z-index: 10; }
    .commerce-bar .half-col .header-link {
      display: block;
      padding-bottom: 10px;
      border-bottom: 1px solid;
      text-align: center; }
    .commerce-bar .half-col .inner-wrapper {
      position: relative;
      width: 100%;
      max-width: 493px; }
      .commerce-bar .half-col .inner-wrapper.right {
        float: right;
        padding-right: 20px; }
      .commerce-bar .half-col .inner-wrapper.left {
        float: left;
        padding-left: 20px; }
  .commerce-bar .cart-items-wrapper {
    display: inline-block; }
    .commerce-bar .cart-items-wrapper .item-wrapper:first-of-type {
      margin-right: 10%; }
  .commerce-bar .checkout-action-wrapper {
    display: inline-block;
    width: 30%;
    text-align: right;
    z-index: 50; }
    .commerce-bar .checkout-action-wrapper button {
      margin-top: 20px;
      padding: 6px 24px; }
  .commerce-bar .item-wrapper {
    display: inline-block;
    text-align: center;
    position: relative;
    margin-bottom: 5px; }
    .commerce-bar .item-wrapper a .product-scaled-wrapper {
      z-index: 50; }
    .commerce-bar .item-wrapper .price-flag {
      position: absolute;
      padding: 1px 5px;
      top: 0;
      left: 0;
      z-index: 60;
      text-decoration: line-through; }
      .commerce-bar .item-wrapper .price-flag.bundle-pricing {
        text-decoration: none; }
    .commerce-bar .item-wrapper .product-scaled-wrapper {
      width: 80px;
      margin-bottom: 5px; }
    .commerce-bar .item-wrapper .product-scaled {
      max-height: 124px; }
    .commerce-bar .item-wrapper .item-holder {
      width: 80px;
      height: 120px;
      border: 2px dashed #d0d8dc;
      margin-bottom: 5px;
      background: #ffffff url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNzhweCIgaGVpZ2h0PSI3OHB4IiB2aWV3Qm94PSIwIDAgNzggNzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc4IDc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkxheWVyXzFfMV8iPgo8L2c+CjxnIGlkPSJMYXllcl8yIj4KCTxnPgoJCTxwYXRoIGZpbGw9IiNEMEQ5REIiIGQ9Ik0zOC44NzUsMC4wODRjLTIxLjM5LDAtMzguNzkyLDE3LjQwMS0zOC43OTIsMzguNzljMCwyMS4zOSwxNy40MDIsMzguNzkyLDM4Ljc5MiwzOC43OTIKCQkJYzIxLjM5MSwwLDM4Ljc5MS0xNy40LDM4Ljc5MS0zOC43OTJDNzcuNjY2LDE3LjQ4Niw2MC4yNjYsMC4wODQsMzguODc1LDAuMDg0eiBNMzguODc1LDcyLjY2NgoJCQljLTE4LjYzMywwLTMzLjc5Mi0xNS4xNTktMzMuNzkyLTMzLjc5MmMwLTE4LjYzMiwxNS4xNTktMzMuNzksMzMuNzkyLTMzLjc5czMzLjc5MSwxNS4xNTgsMzMuNzkxLDMzLjc5CgkJCUM3Mi42NjYsNTcuNTA3LDU3LjUwOCw3Mi42NjYsMzguODc1LDcyLjY2NnoiLz4KCQk8cG9seWdvbiBmaWxsPSIjRDBEOURCIiBwb2ludHM9IjQyLjU4NCwxNy44MzMgMzQuOTE3LDE3LjgzMyAzNC45MTcsMzUgMTcuNzUsMzUgMTcuNzUsNDIuNjY3IDM0LjkxNyw0Mi42NjcgMzQuOTE3LDU5LjgzNCAKCQkJNDIuNTg0LDU5LjgzNCA0Mi41ODQsNDIuNjY3IDU5Ljc1LDQyLjY2NyA1OS43NSwzNSA0Mi41ODQsMzUgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=") no-repeat center center;
      background-size: 50%; }
    .commerce-bar .item-wrapper .price {
      display: block;
      margin-top: 10px;
      font-weight: 400; }
      .commerce-bar .item-wrapper .price.bundle-pricing {
        text-decoration: line-through; }
  .commerce-bar .CommerceHeroes .carouselSlides {
    position: relative; }
    .commerce-bar .CommerceHeroes .carouselSlides li.slide {
      -webkit-transition: opacity 0.45s ease-in;
      -moz-transition: opacity 0.45s ease-in;
      -ms-transition: opacity 0.45s ease-in;
      -o-transition: opacity 0.45s ease-in;
      transition: opacity 0.45s ease-in;
      overflow: hidden;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity";
      filter: alpha(opacity=0);
      -khtml-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      z-index: 1;
      background-repeat: no-repeat;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      max-width: 100%; }
      .commerce-bar .CommerceHeroes .carouselSlides li.slide .block {
        vertical-align: middle;
        /*display: table-cell;
          height: 495px;*/ }
      .commerce-bar .CommerceHeroes .carouselSlides li.slide .innerWrapper {
        position: relative; }
      .commerce-bar .CommerceHeroes .carouselSlides li.slide img {
        width: 100%; }
      .commerce-bar .CommerceHeroes .carouselSlides li.slide.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity";
        filter: alpha(opacity=1);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        z-index: 2; }
    .commerce-bar .CommerceHeroes .carouselSlides .button {
      min-width: 230px; }
  .commerce-bar .CommerceHeroes .carouselBullets {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
    left: 0;
    z-index: 100; }
    .commerce-bar .CommerceHeroes .carouselBullets li {
      margin: 0 5px;
      cursor: pointer;
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: #ffffff;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity";
      filter: alpha(opacity=0.7);
      -khtml-opacity: 0.7;
      -moz-opacity: 0.7;
      opacity: 0.7; }
      .commerce-bar .CommerceHeroes .carouselBullets li.active {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=$opacity";
        filter: alpha(opacity=1);
        -khtml-opacity: 1;
        -moz-opacity: 1;
        opacity: 1; }
  .commerce-bar .CommerceHeroes .pointer {
    position: absolute;
    top: 50%;
    margin-top: -17px;
    z-index: 50;
    cursor: pointer; }
    .commerce-bar .CommerceHeroes .pointer.left {
      left: 20px; }
    .commerce-bar .CommerceHeroes .pointer.right {
      right: 20px; }
  .commerce-bar .feature-selections-wrapper {
    position: relative;
    display: block;
    margin: 20px auto 0 auto; }
    .commerce-bar .feature-selections-wrapper ul {
      margin: 0 auto;
      display: table;
      width: auto;
      min-width: 70%;
      position: relative; }
      .commerce-bar .feature-selections-wrapper ul li:first-child {
        clear: left; }
      .commerce-bar .feature-selections-wrapper ul li {
        position: relative;
        max-width: 33%;
        display: inline-block;
        padding: 4%;
        border-bottom: 5px solid transparent; }
        .commerce-bar .feature-selections-wrapper ul li:active, .commerce-bar .feature-selections-wrapper ul li.active {
          border-bottom: 5px solid; }
        .commerce-bar .feature-selections-wrapper ul li .product-scaled-wrapper {
          width: 80px;
          display: block; }
      .commerce-bar .feature-selections-wrapper ul .shiny-hover:hover, .commerce-bar .feature-selections-wrapper ul .shiny-hover.active {
        background-color: rgba(232, 237, 240, 0.6);
        border-bottom: 5px solid; }
  .commerce-bar .feature-selections-wrapper.negative-option {
    margin: 0 auto; }
  .commerce-bar .feature-selections-wrapper.negative-option ul {
    min-width: 80%;
    border-spacing: 15px 0; }
    .commerce-bar .feature-selections-wrapper.negative-option ul .shiny-hover:hover {
      cursor: pointer; }
    .commerce-bar .feature-selections-wrapper.negative-option ul li {
      display: table-cell; }
    .commerce-bar .feature-selections-wrapper.negative-option ul li:not(.decline) {
      margin-right: 15px;
      padding: 15px; }
    .commerce-bar .feature-selections-wrapper.negative-option ul li > .product-scaled-wrapper {
      width: 80px;
      padding-bottom: calc(130%); }
    .commerce-bar .feature-selections-wrapper.negative-option ul li.decline {
      padding: 5px 0 0 15px;
      text-align: center; }
      .commerce-bar .feature-selections-wrapper.negative-option ul li.decline:active {
        border-color: transparent; }
      .commerce-bar .feature-selections-wrapper.negative-option ul li.decline div > div {
        width: 150px;
        height: 140px;
        font-size: 14px;
        margin: 0 auto;
        font-weight: 500;
        line-height: 16px;
        letter-spacing: 0.5px;
        border: 1px solid #d0d8dc;
        background: #fff;
        padding: 15px 10px; }
        .commerce-bar .feature-selections-wrapper.negative-option ul li.decline div > div.action {
          height: 100px; }
      .commerce-bar .feature-selections-wrapper.negative-option ul li.decline div button {
        display: block;
        width: 150px;
        margin: 7px auto;
        font-weight: 700;
        line-height: 1em;
        padding: 5px 0 2px; }
  .commerce-bar .fs-item-wrapper {
    float: right; }
    .commerce-bar .fs-item-wrapper .item-wrapper {
      z-index: 1; }
      .commerce-bar .fs-item-wrapper .item-wrapper .price-flag {
        text-decoration: none; }
      .commerce-bar .fs-item-wrapper .item-wrapper .price.bundle-pricing.no-credit {
        text-decoration: none; }
      .commerce-bar .fs-item-wrapper .item-wrapper .price.use-credit {
        text-decoration: line-through; }
      .commerce-bar .fs-item-wrapper .item-wrapper .item-holder {
        background: #ffffff url("/images/myg/fs-medallion.svg") no-repeat center center;
        background-size: 80%; }
  .commerce-bar.enrollment-commerce .half-col.left {
    background-size: cover;
    border-right: none;
    border: 1px solid;
    text-align: center; }
    .commerce-bar.enrollment-commerce .half-col.left img {
      width: 100%;
      max-width: 540px; }
  .commerce-bar.enrollment-commerce .cart-items-wrapper {
    width: 26%; }

/*============================================
For Mobile
==============================================*/
.commerce-bar-mobile {
  display: none; }

.commerce-bar .mobile-tab {
  display: none;
  text-align: center;
  width: 50%;
  padding: 12px 0; }
  .commerce-bar .mobile-tab.left {
    -webkit-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    -moz-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    -o-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8); }
  .commerce-bar .mobile-tab.right {
    -webkit-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    -moz-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    -o-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8); }
  .commerce-bar .mobile-tab.active {
    -webkit-box-shadow: inset -9px -9px 8px -9px rgba(255, 255, 255, 0);
    -moz-box-shadow: inset -9px -9px 8px -9px rgba(255, 255, 255, 0);
    -o-box-shadow: inset -9px -9px 8px -9px rgba(255, 255, 255, 0);
    box-shadow: inset -9px -9px 8px -9px rgba(255, 255, 255, 0);
    background-color: #fff; }

@media screen and (max-width: 1090px) {
  .commerce-bar-wrapper {
    padding: 10px 10px 0; }
  .commerce-bar.enrollment-commerce .half-col .inner-wrapper.left {
    padding-left: 0; } }

@media screen and (max-width: 950px) {
  .commerce-bar.member-commerce .feature-selections-wrapper ul {
    min-width: 100%; } }

@media screen and (max-width: 880px) {
  .commerce-bar.member-commerce .fs-item-wrapper {
    margin-left: 20px -5; }
  .commerce-bar.member-commerce .feature-selections-wrapper {
    float: none;
    width: auto; }
    .commerce-bar.member-commerce .feature-selections-wrapper ul li {
      padding: 3%; }
      .commerce-bar.member-commerce .feature-selections-wrapper ul li .product-scaled-wrapper {
        width: 65px; }
  .commerce-bar .half-col .inner-wrapper.left {
    padding-left: 0; }
  .commerce-bar .checkout-action-wrapper {
    right: 30px; } }

@media screen and (max-width: 800px) {
  .commerce-bar .item-wrapper .item-holder {
    width: 55px;
    height: 83px;
    margin: 0; }
  .commerce-bar .item-wrapper .product-scaled-wrapper {
    width: 58px; } }

@media screen and (max-width: 750px) {
  .commerce-bar.enrollment-commerce .half-col.right .center {
    text-align: left; } }

@media screen and (max-width: 700px) {
  .commerce-bar .checkout-action-wrapper {
    right: 44px; }
  .commerce-bar .half-col .inner-wrapper.right {
    padding-right: 0; }
  .commerce-bar .half-col .inner-wrapper.left {
    padding-left: 0; }
  .commerce-bar h4 {
    font-size: 14px;
    line-height: 20px; }
  .commerce-bar .feature-selections-wrapper li img {
    width: 45px;
    height: 65px; } }

@media screen and (max-width: 600px) {
  .commerce-bar-wrapper {
    padding: 0; }
  .commerce-bar {
    margin-top: 45px; }
    .commerce-bar .half-col {
      display: none;
      border-top: transparent;
      padding: 0; }
      .commerce-bar .half-col.active {
        display: block;
        float: left;
        width: 100%;
        border-top: transparent;
        border-bottom: 1px solid; }
        .commerce-bar .half-col.active.right {
          padding-bottom: 0;
          border-bottom: none;
          background-image: none; }
      .commerce-bar .half-col.right {
        text-align: right; }
      .commerce-bar .half-col .inner-wrapper {
        max-width: 550px; }
        .commerce-bar .half-col .inner-wrapper h6 {
          display: none; }
        .commerce-bar .half-col .inner-wrapper.right, .commerce-bar .half-col .inner-wrapper.left {
          float: none; }
      .commerce-bar .half-col .header-link {
        border-bottom: none; }
      .commerce-bar .half-col .feature-selections-wrapper {
        text-align: center;
        margin: 0; }
        .commerce-bar .half-col .feature-selections-wrapper ul {
          margin: 4px 0 0 0; }
          .commerce-bar .half-col .feature-selections-wrapper ul li {
            padding: 10px 10px 0; }
            .commerce-bar .half-col .feature-selections-wrapper ul li ~ li {
              margin-left: 10px; }
            .commerce-bar .half-col .feature-selections-wrapper ul li .product-scaled-wrapper {
              width: 47px; }
      .commerce-bar .half-col .fs-item-wrapper,
      .commerce-bar .half-col .cart-items-wrapper,
      .commerce-bar .half-col .checkout-action-wrapper {
        display: none; }
    .commerce-bar .mobile-tab {
      display: inline-block;
      float: left;
      margin-bottom: 0; }
    .commerce-bar.enrollment-commerce {
      padding: 0 10px; }
  .CommerceHeroes {
    display: none; }
  .commerce-bar-mobile.non-bundle .fs-item-wrapper-mobile {
    border-right: none;
    margin: 0; }
    .commerce-bar-mobile.non-bundle .fs-item-wrapper-mobile .item-wrapper {
      width: 40px;
      margin: 5px 10px 0 10px; }
  .commerce-bar-mobile {
    position: fixed;
    display: block;
    left: 1px;
    bottom: 0;
    height: 90px;
    padding: 5px;
    width: 100%;
    z-index: 60; }
    .commerce-bar-mobile .btn-primary.checkout {
      margin: 0;
      height: 100%;
      float: right; }
    .commerce-bar-mobile .fs-item-wrapper-mobile {
      display: inline-block;
      margin: 0 20px;
      border-right: 1px solid; }
      .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper {
        width: 60px; }
        .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper .remove.inline {
          right: -2px; }
        .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper .price-flag {
          left: 8px; }
          .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper .price-flag.use-credit {
            display: inline-block;
            text-decoration: none;
            background-color: transparent; }
        .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper .price.use-credit {
          display: none; }
        .commerce-bar-mobile .fs-item-wrapper-mobile .item-wrapper .price.bundle-pricing.no-credit {
          display: block;
          text-decoration: none; }
      .commerce-bar-mobile .fs-item-wrapper-mobile .item-holder {
        background: #ffffff url("/images/myg/fs-medallion.svg") no-repeat center center;
        background-size: 80%; }
    .commerce-bar-mobile .cart-items-wrapper-mobile {
      display: inline-block; }
    .commerce-bar-mobile .item-wrapper {
      margin: 5px 10px 0 0;
      width: 40px; }
      .commerce-bar-mobile .item-wrapper .item-holder {
        width: 36px;
        height: 52px;
        margin: 0 auto; }
      .commerce-bar-mobile .item-wrapper .price-flag {
        display: none;
        top: 57px;
        left: 2px;
        font-size: 12px;
        padding: 0; }
        .commerce-bar-mobile .item-wrapper .price-flag.bundle-pricing {
          display: inline-block;
          background-color: transparent; }
      .commerce-bar-mobile .item-wrapper .price {
        font-size: 12px;
        font-weight: 700; }
        .commerce-bar-mobile .item-wrapper .price.bundle-pricing {
          display: none; }
      .commerce-bar-mobile .item-wrapper .product-scaled-wrapper {
        width: 36px;
        height: 52px;
        max-height: 52px;
        padding-bottom: 0;
        margin: 0 auto; }
    .commerce-bar-mobile .remove {
      font-size: 16px;
      height: 19px;
      line-height: 13px;
      width: 19px; } }

@media screen and (max-width: 550px) {
  .commerce-bar.enrollment-commerce {
    padding: 0;
    border: none; } }

@media screen and (max-width: 400px) {
  .commerce-bar-mobile.non-bundle .item-wrapper,
  .commerce-bar-mobile.non-bundle .fs-item-wrapper-mobile .item-wrapper {
    margin: 5px 10px 0 0; }
  .commerce-bar-mobile.has-bundle .fs-item-wrapper-mobile {
    margin: 0 10px 0 -5px; }
    .commerce-bar-mobile.has-bundle .fs-item-wrapper-mobile .item-wrapper {
      margin: 5px 5px 0 0;
      width: 56px; }
  .commerce-bar-mobile.has-bundle .btn-primary.checkout {
    font-size: 12px;
    padding: 8px 5px; } }

.page-modal.cart.showing:not(.order-success) {
  overflow: scroll; }

.page-modal.cart .price-old {
  text-decoration: line-through; }

.page-modal.cart .price-new {
  color: #009a4c; }

.page-modal.cart .price-credit {
  color: #79848a;
  text-decoration: line-through; }

.page-modal.cart .promo-desc {
  font-weight: normal;
  font-style: italic;
  color: #009a4c; }

.page-modal.cart .member-cart .modal-body {
  position: relative; }

.page-modal.cart .member-cart .modal-header .cart-header {
  text-align: left;
  width: 30%; }

.page-modal.cart .member-cart .col-70 {
  border-right: 1px solid;
  padding-right: 20px; }

.page-modal.cart .member-cart .cart-order-items {
  width: 100%; }
  .page-modal.cart .member-cart .cart-order-items th {
    vertical-align: bottom;
    line-height: 18px;
    padding-bottom: 10px; }
    .page-modal.cart .member-cart .cart-order-items th.col-second {
      text-align: left; }
    .page-modal.cart .member-cart .cart-order-items th.col-fourth + .col-fifth {
      padding-left: 30px; }
    .page-modal.cart .member-cart .cart-order-items th.col-fourth {
      width: 12%;
      padding-left: 10px;
      padding-right: 30px;
      text-align: center;
      border-right-style: solid;
      border-right-width: 1px; }
    .page-modal.cart .member-cart .cart-order-items th.col-fourth2 {
      padding-left: 30px; }
  .page-modal.cart .member-cart .cart-order-items tr {
    width: 100%;
    border-bottom: 1px solid; }
  .page-modal.cart .member-cart .cart-order-items td {
    padding: 10px;
    vertical-align: middle; }
    .page-modal.cart .member-cart .cart-order-items td.col-first {
      vertical-align: top;
      width: 10%; }
    .page-modal.cart .member-cart .cart-order-items td.col-second {
      width: 50px;
      position: relative; }
      .page-modal.cart .member-cart .cart-order-items td.col-second .title, .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion {
        display: inline-block; }
      .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion {
        width: 10%;
        min-width: 50px;
        top: 50%;
        -moz-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        position: absolute;
        right: 0px;
        float: right; }
        .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion.less {
          top: 15px; }
        .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion img {
          width: 100%; }
      .page-modal.cart .member-cart .cart-order-items td.col-second .title {
        height: auto;
        position: relative; }
    .page-modal.cart .member-cart .cart-order-items td.col-third, .page-modal.cart .member-cart .cart-order-items td.col-fourth, .page-modal.cart .member-cart .cart-order-items td.col-fifth, .page-modal.cart .member-cart .cart-order-items td.col-fourth2 {
      width: 10%; }
    .page-modal.cart .member-cart .cart-order-items td.col-third, .page-modal.cart .member-cart .cart-order-items td.col-fifth {
      text-align: center; }
    .page-modal.cart .member-cart .cart-order-items td.col-fourth + .col-fifth {
      padding-left: 30px; }
    .page-modal.cart .member-cart .cart-order-items td.col-fourth {
      padding-right: 30px;
      border-right-style: solid;
      border-right-width: 1px; }
    .page-modal.cart .member-cart .cart-order-items td.col-fourth2 {
      padding-left: 30px; }
      .page-modal.cart .member-cart .cart-order-items td.col-fourth2 .select-wrapper {
        background-color: white;
        margin-bottom: 8px; }
    .page-modal.cart .member-cart .cart-order-items td .select-wrapper {
      display: block;
      width: 50px;
      margin: 0 auto; }
    .page-modal.cart .member-cart .cart-order-items td .product-scaled-wrapper {
      position: relative;
      width: 45px;
      height: 60px;
      padding-bottom: 0; }
  .page-modal.cart .member-cart .cart-order-items tr.cart-subtotal {
    border-bottom: none; }
  .page-modal.cart .member-cart .cart-order-items .title {
    font-weight: 700; }

.page-modal.cart .member-cart .cart-order-summary .btn-primary {
  margin-top: 20px;
  padding: 10px; }

.page-modal.cart .member-cart .cart-order-summary h4.alt {
  margin-bottom: 10px; }

.page-modal.cart .member-cart .cart-order-summary .section .clearfix {
  margin: 10px; }

.page-modal.cart .member-cart .cart-order-summary .section .total {
  border-top: 1px solid;
  margin-top: 10px;
  padding-top: 10px; }

.page-modal.cart .member-cart .info-edit-form .col-70 {
  border-right: none;
  padding: 0 0 20px 0; }

.page-modal.cart .member-cart .info-edit-form .col-30 {
  text-align: right; }

.page-modal.cart .member-cart .cart-account-info .section {
  margin-bottom: 30px; }

.page-modal.cart .member-cart .creditsDashboard {
  margin-bottom: 30px; }
  .page-modal.cart .member-cart .creditsDashboard .half-col.left {
    border-right: 1px solid #d0dadc; }
  .page-modal.cart .member-cart .creditsDashboard h2 {
    margin-bottom: 5px; }

.page-modal.order-success .col-30 {
  border-left: 1px solid;
  padding-left: 20px; }
  .page-modal.order-success .col-30 h3.alt {
    margin-bottom: 20px; }
  .page-modal.order-success .col-30 .cart-order-items {
    width: 100%;
    margin-bottom: 20px; }
    .page-modal.order-success .col-30 .cart-order-items tr:not(:last-of-type) td {
      padding-bottom: 20px; }
    .page-modal.order-success .col-30 .cart-order-items td.col-1 {
      width: 10%;
      margin-right: 10px;
      display: inline-block; }
    .page-modal.order-success .col-30 .cart-order-items td.col-2 {
      width: 70%; }
    .page-modal.order-success .col-30 .cart-order-items td.col-3 {
      width: 100%;
      position: relative;
      text-align: right;
      display: table-cell; }
    .page-modal.order-success .col-30 .cart-order-items .select-wrapper {
      width: 30px;
      background: white;
      margin: 10px 0 0 auto; }
    .page-modal.order-success .col-30 .cart-order-items .price-new, .page-modal.order-success .col-30 .cart-order-items .promo-desc {
      margin-top: 5px; }
  .page-modal.order-success .col-30 .section {
    margin-bottom: 20px; }
    .page-modal.order-success .col-30 .section h4.alt {
      font-size: 14px; }
  .page-modal.order-success .col-30 #cart-totals div {
    margin-bottom: 4px; }

.page-modal.order-success .edit-link {
  display: none; }

.page-modal.order-success .cart-item img {
  width: 35px;
  margin: 0 5px 5px 0; }

.page-modal.order-success .thanks-wrapper {
  width: 100%;
  max-width: 600px;
  margin: 20px auto;
  text-align: center; }
  .page-modal.order-success .thanks-wrapper h2 {
    margin-top: 70px; }
  .page-modal.order-success .thanks-wrapper p {
    padding: 0 40px;
    margin-bottom: 20px; }
  .page-modal.order-success .thanks-wrapper .logo-icon-wrapper {
    margin-top: 40px; }

.section#cart-promo {
  background-color: #f7f7f7;
  padding: 15px;
  border: 1px solid #d3dbdf; }
  .section#cart-promo h4.alt {
    border: 0;
    padding: 0; }
  .section#cart-promo form {
    position: relative; }
  .section#cart-promo input[name="promo-enter"] {
    display: inline-block;
    width: 65%;
    border-color: #d3dbdf;
    color: #638993;
    letter-spacing: 0.05em; }
    .section#cart-promo input[name="promo-enter"]:disabled {
      width: 100%; }
    .section#cart-promo input[name="promo-enter"]:webkit-autofill {
      -webkit-box-shadow: 0 0 0px 1000px white inset; }
  .section#cart-promo.error input[name="promo-enter"] {
    border-color: #e40000;
    color: #e40000; }
  .section#cart-promo.success input[name="promo-enter"] {
    color: #009a4c !important; }
  .section#cart-promo button[type="submit"]:not(.hidden) {
    display: inline-block;
    background-color: #638993;
    width: 30%;
    margin-left: 10px;
    padding: 7px 10px; }
  .section#cart-promo button[type="reset"]:not(.hidden) {
    position: absolute;
    right: 5px;
    top: 8px;
    display: inline-block;
    padding: 0;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
    line-height: 20px;
    font-size: 15px; }
  .section#cart-promo .errorMessage p {
    color: #e40000; }
  .section#cart-promo .successMessage p {
    color: #009a4c; }
  .section#cart-promo .errorMessage p, .section#cart-promo .successMessage p {
    margin-bottom: 0;
    font-size: 12px; }

.page-modal.mini-cart {
  overflow: hidden;
  left: auto;
  right: auto;
  position: relative;
  top: 18px;
  width: 320px;
  float: right;
  min-width: 320px; }
  .page-modal.mini-cart .col-first {
    padding-right: 15px;
    position: relative; }
  .page-modal.mini-cart .col-second {
    width: 75%; }
    .page-modal.mini-cart .col-second p {
      margin-bottom: 5px; }
  .page-modal.mini-cart .col-third {
    position: relative; }
  .page-modal.mini-cart .modal-header {
    height: 60px;
    width: 300px;
    padding: 10px 0 0 10px; }
    .page-modal.mini-cart .modal-header h2 {
      float: left;
      margin: 0;
      font-size: 15px;
      line-height: 40px;
      font-weight: 600;
      letter-spacing: 1px;
      text-transform: uppercase; }
    .page-modal.mini-cart .modal-header .button-wrapper {
      margin: 0; }
  .page-modal.mini-cart .cart-item .price.price-old {
    text-decoration: line-through; }
  .page-modal.mini-cart .cart-item .price.price-new {
    color: #009a4c; }
  .page-modal.mini-cart .cart-item .select-wrapper {
    bottom: 11px;
    right: 0px;
    background: white;
    position: absolute;
    width: 30px; }
  .page-modal.mini-cart .btn-primary, .page-modal.mini-cart .btn-secondary {
    margin: 0;
    padding: 10px 20px;
    height: 40px;
    font-weight: 700; }
  .page-modal.mini-cart .btn-secondary {
    margin: 0 10px 30px 0;
    float: right; }
  .page-modal.mini-cart .member-cart .modal-body {
    width: 300px;
    margin-bottom: 10px; }
  .page-modal.mini-cart thead {
    display: none; }
  .page-modal.mini-cart .cart-order-items {
    width: 100%;
    margin-bottom: 0; }
  .page-modal.mini-cart .cart-item td img {
    width: 100%; }
  .page-modal.mini-cart td.col-first {
    width: 25%;
    padding-right: 0; }
  .page-modal.mini-cart .col-second {
    padding: 0 0 15px 15px; }
  .page-modal.mini-cart .cart-item:only-of-type .col-second {
    padding-bottom: 0; }
  .page-modal.mini-cart .lp-medalion {
    position: absolute;
    width: 6%;
    min-width: 50px;
    z-index: 10;
    top: -15px;
    left: -25px; }
    .page-modal.mini-cart .lp-medalion img {
      width: 100%;
      height: auto; }
  .page-modal.mini-cart .col-third .remove:after {
    content: '\2716';
    font-size: 18px;
    font-weight: 200; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 840px) {
  .page-modal.cart .member-cart .cart-order-items td.col-fourth, .page-modal.cart .member-cart .cart-order-items th.col-fourth {
    padding-right: 0; }
  .page-modal.cart .member-cart .cart-order-items td.col-fourth2, .page-modal.cart .member-cart .cart-order-items th.col-fourth2 {
    padding-left: 0; } }

@media screen and (max-width: 840px) {
  .page-modal.cart .member-cart .cart-order-items td.col-fourth, .page-modal.cart .member-cart .cart-order-items th.col-fourth {
    padding-right: 30px; }
  .page-modal.cart .member-cart .cart-order-items td.col-fourth2, .page-modal.cart .member-cart .cart-order-items th.col-fourth2 {
    padding-left: 30px; }
  .page-modal.cart .member-cart .col-70,
  .page-modal.cart .member-cart .col-30,
  .page-modal.cart .member-cart .cart-order-items, .page-modal.cart.order-success .col-70,
  .page-modal.cart.order-success .col-30,
  .page-modal.cart.order-success .cart-order-items {
    width: 100%;
    border-right: none; }
  .page-modal.cart .member-cart .col-70, .page-modal.cart.order-success .col-70 {
    margin-bottom: 40px;
    padding: 0; }
  .page-modal.cart .member-cart .col-30, .page-modal.cart.order-success .col-30 {
    padding: 0;
    border-left: none; }
    .page-modal.cart .member-cart .col-30 .section, .page-modal.cart.order-success .col-30 .section {
      width: 100%; }
  .page-modal.cart .member-cart .modal-header .cart-header, .page-modal.cart.order-success .modal-header .cart-header {
    width: 55%; } }

@media screen and (max-width: 600px) {
  .page-modal.mini-cart {
    display: none; }
  .page-modal.cart .member-cart .cart-order-items td.col-fourth {
    padding-right: 7px; }
  .page-modal.cart .member-cart .cart-order-items td.col-fourth2 {
    padding-left: 10px; } }

@media screen and (max-width: 545px) {
  .page-modal.cart .member-cart .for-mobile {
    display: inline-block; }
  .page-modal.cart .member-cart .cart-order-summary .section .clearfix {
    margin: 10px 0; }
  .page-modal.cart .member-cart .col-70 {
    margin-top: 30px; }
    .page-modal.cart .member-cart .col-70 .info-edit-form .half-col {
      width: 100%; }
    .page-modal.cart .member-cart .col-70 .info-edit-form.left {
      padding-right: 0; }
    .page-modal.cart .member-cart .col-70 > h6 {
      padding-top: 10px; }
  .page-modal.cart .member-cart .cart-order-items {
    float: left; }
    .page-modal.cart .member-cart .cart-order-items .credit-btn {
      width: 100%;
      text-align: left;
      height: auto; }
      .page-modal.cart .member-cart .cart-order-items .credit-btn .icon {
        display: none; }
    .page-modal.cart .member-cart .cart-order-items tr {
      float: left;
      width: 100%;
      margin-bottom: 20px; }
    .page-modal.cart .member-cart .cart-order-items .cart-header {
      display: none; }
    .page-modal.cart .member-cart .cart-order-items td.for-desktop {
      display: none; }
    .page-modal.cart .member-cart .cart-order-items td {
      float: none;
      display: inline-block;
      border-bottom: none;
      margin-bottom: 0;
      padding: 5px; }
      .page-modal.cart .member-cart .cart-order-items td.col-second {
        width: 78%; }
        .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion {
          top: -5px;
          right: -40px;
          -moz-transform: none;
          -o-transform: none;
          -ms-transform: none;
          -webkit-transform: none;
          transform: none; }
      .page-modal.cart .member-cart .cart-order-items td.col-first {
        width: auto; }
      .page-modal.cart .member-cart .cart-order-items td.col-third {
        text-align: left;
        padding-left: 60px;
        min-width: 120px;
        display: table-cell; }
      .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile {
        width: 100%;
        padding-left: 60px; }
        .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile .select-wrapper, .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile span {
          display: inline-block;
          vertical-align: middle; }
        .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile .select-wrapper {
          margin-left: 88px;
          vertical-align: middle;
          margin-right: 10px;
          margin-bottom: 0; }
      .page-modal.cart .member-cart .cart-order-items td.col-fourth {
        white-space: nowrap;
        display: table-cell;
        border-right: none; }
        .page-modal.cart .member-cart .cart-order-items td.col-fourth div.for-mobile {
          margin: 3px 15px 0px 10px; }
        .page-modal.cart .member-cart .cart-order-items td.col-fourth .select-wrapper {
          display: inline-block;
          margin: 0;
          vertical-align: bottom; }
      .page-modal.cart .member-cart .cart-order-items td.col-fifth {
        display: table-cell;
        width: 100%;
        text-align: right; }
  .page-modal.cart .member-cart .creditsDashboard {
    height: 40px;
    left: 0;
    margin-bottom: 0;
    padding-left: 10px;
    position: absolute;
    top: 5px;
    width: 100%; }
    .page-modal.cart .member-cart .creditsDashboard h4.alt {
      display: inline-block;
      width: 60%;
      font-size: 14px;
      margin: 10px 0 0 0;
      border: none; }
    .page-modal.cart .member-cart .creditsDashboard .half-col {
      width: 15%;
      display: inline-block;
      margin-right: 10px; }
      .page-modal.cart .member-cart .creditsDashboard .half-col h2 {
        font-size: 14px;
        line-height: 22px;
        font-weight: 400;
        margin-bottom: 0; }
      .page-modal.cart .member-cart .creditsDashboard .half-col span {
        font-size: 12px; }
  .page-modal.order-success .thanks-wrapper {
    margin: 10px auto; }
    .page-modal.order-success .thanks-wrapper h2.center {
      margin: 20px 0; }
    .page-modal.order-success .thanks-wrapper p {
      padding: 0 20px; }
    .page-modal.order-success .thanks-wrapper .logo-icon-wrapper {
      margin-top: 20px; } }

@media screen and (max-width: 480px) {
  .page-modal.cart .member-cart .col-30 .list, .page-modal.order-success .col-30 .list {
    display: block;
    width: 100%; }
  .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion, .page-modal.order-success .cart-order-items td.col-second .lp-medalion {
    right: -25px; } }

@media screen and (max-width: 460px) {
  .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile span {
    text-align: center;
    display: block;
    margin: 10px auto 0 auto; } }

@media screen and (max-width: 420px) {
  .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion {
    right: -10px; }
  .page-modal.cart.order-success .modal-header .button-wrapper {
    display: none; } }

@media screen and (max-width: 360px) {
  .page-modal.cart .member-cart .cart-order-items td.col-third {
    min-width: 60px; }
    .page-modal.cart .member-cart .cart-order-items td.col-third div {
      padding: 0 5px 0 10px; }
  .page-modal.cart .member-cart .cart-order-items td.col-third, .page-modal.cart .member-cart .cart-order-items td.col-fourth2.for-mobile {
    padding-left: 0; } }

@media screen and (max-width: 315px) {
  .page-modal.cart .member-cart .cart-order-items td.col-second {
    width: 75%; }
    .page-modal.cart .member-cart .cart-order-items td.col-second .lp-medalion {
      right: 0px; } }

@media screen and (max-width: 285px) {
  .page-modal.cart .member-cart .cart-order-items td.col-second {
    width: 100%; } }

.nav-bar {
  position: relative;
  height: 35px;
  z-index: 1; }
  .nav-bar.nav-up {
    margin-top: -35px; }
  .nav-bar ul a {
    width: 100%;
    display: inline-block; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 800px) {
  .nav-bar {
    display: none; } }

@media screen and (min-width: 801px) {
  .nav-menu-toggler {
    display: none; }
  .nav-bar ul, .nav-bar ul li, .nav-bar .search-box {
    display: inline-block; }
  .nav-bar ul {
    font-size: 14px; }
    .nav-bar ul a {
      text-align: center;
      height: 100%;
      -webkit-border-radius: 15px;
      -moz-border-radius: 15px;
      -ms-border-radius: 15px;
      border-radius: 15px;
      padding: 10px 15px; } }

.preorder-purchase .braintreeObj .noPaymentMethod, .preorder-purchase .braintreeObj .selectedPayment {
  padding-top: 5px;
  position: relative; }
  .preorder-purchase .braintreeObj .noPaymentMethod div, .preorder-purchase .braintreeObj .noPaymentMethod p, .preorder-purchase .braintreeObj .selectedPayment div, .preorder-purchase .braintreeObj .selectedPayment p {
    font-size: 12px !important;
    margin-top: 0px;
    line-height: 130% !important; }
  .preorder-purchase .braintreeObj .noPaymentMethod li, .preorder-purchase .braintreeObj .selectedPayment li {
    margin-bottom: 5px; }
  .preorder-purchase .braintreeObj .noPaymentMethod .edit-link, .preorder-purchase .braintreeObj .selectedPayment .edit-link {
    margin-top: 5px;
    display: inline-block;
    margin-bottom: 15px; }
  .preorder-purchase .braintreeObj .noPaymentMethod button, .preorder-purchase .braintreeObj .selectedPayment button {
    margin-bottom: 0px;
    margin-top: 95px !important; }

.preorder-purchase .braintreeObj .noPaymentMethod {
  padding-bottom: 5px;
  margin-bottom: -140px; }

.preorder-purchase .braintreeObj .selectedPayment {
  margin-bottom: -135px; }

.preorder-purchase.extra-space .braintreeObj .noPaymentMethod {
  margin-bottom: -190px; }
  .preorder-purchase.extra-space .braintreeObj .noPaymentMethod button {
    margin-top: 150px !important; }

.preorder-purchase.extra-space .braintreeObj .selectedPayment {
  margin-bottom: -185px; }
  .preorder-purchase.extra-space .braintreeObj .selectedPayment button {
    margin-top: 145px !important; }

.braintreeObj li {
  margin: 5px 0 10px;
  list-style: none; }
  .braintreeObj li.loading {
    opacity: 0.3; }

.braintreeObj button.fat {
  margin: 5px 0 20px 0; }

.braintreeObj button.btn-tertiary {
  float: right; }

.braintreeObj h2 {
  text-align: center; }

.braintreeObj h4 {
  margin-bottom: 40px; }

.braintreeObj .selectedPayment {
  position: relative; }
  .braintreeObj .selectedPayment .btn-primary {
    margin-top: 20px; }
  .braintreeObj .selectedPayment .selectedObj {
    min-height: 340px; }

.braintreeObj .hostedFieldForm label {
  margin-bottom: 10px; }

.braintreeObj .hostedFieldForm .hostedFieldInput {
  height: 40px;
  border: 1px solid #d0d8dc;
  padding: 10px;
  width: 100%; }
  .braintreeObj .hostedFieldForm .hostedFieldInput.braintree-hosted-fields-invalid {
    border-color: red; }

.braintreeObj .hostedFieldForm .bt-paypal-button {
  height: 40px;
  width: 100%;
  background: #009CDE;
  border-radius: 4px;
  margin-bottom: 20px; }
  .braintreeObj .hostedFieldForm .bt-paypal-button img {
    width: 100px;
    display: block;
    margin: 0 auto; }

.braintreeObj .paymentMethodList li {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  padding: 10px;
  width: 100%; }
  .braintreeObj .paymentMethodList li span {
    font-size: 16px;
    line-height: 16px;
    font-weight: 400; }
    .braintreeObj .paymentMethodList li span.text-small {
      font-size: 12px;
      float: right;
      margin-left: 40px; }
  .braintreeObj .paymentMethodList li.button {
    text-align: left; }

.braintreeObj .paymentMethodList .actionButtons {
  float: right; }

.braintreeObj .paymentMethodList.editable li {
  color: #333;
  cursor: default;
  float: left;
  width: 100%; }
  .braintreeObj .paymentMethodList.editable li span {
    line-height: 24px; }
    .braintreeObj .paymentMethodList.editable li span.text-small {
      float: none;
      margin: 0 10px 0 0; }
  .braintreeObj .paymentMethodList.editable li .btn-icon {
    margin-top: 2px; }
  .braintreeObj .paymentMethodList.editable li .btn-tertiary {
    margin-left: 5px;
    font-size: 12px;
    letter-spacing: .5px; }

.braintreeObj .editPaymentMethod input {
  margin-bottom: 10px;
  border: 1px solid;
  padding: 10px;
  border-color: #d0d8dc;
  width: 100%; }

.braintreeObj .editPaymentMethod .editInput.braintree-hosted-fields-invalid {
  border-color: red; }

.braintreeObj .comfirmDelete button {
  width: 48%; }
  .braintreeObj .comfirmDelete button.btn-primary {
    margin-right: 4px; }

.braintreeObj .deleteDefault h4, .braintreeObj .comfirmDelete h4 {
  margin-bottom: 20px; }

.braintreeObj .help-link {
  display: none; }

.braintreeObj div.center {
  margin-top: 20px;
  margin-bottom: 20px; }

.braintreeObj .terms-box {
  margin: 5px 0 20px -100%;
  width: 200%; }
  .braintreeObj .terms-box.extra-spacing {
    margin-top: 115px; }
  .braintreeObj .terms-box.extra-big-spacing {
    margin-top: 215px; }

.braintreeObj .selectedPayment div.terms-box.extra-big-spacing {
  margin-top: 255px; }

.braintreeObj .selectedPayment div.terms-of-membership-box.extra-big-spacing {
  margin-top: 255px; }

.braintreeObj div.terms-of-membership-box.extra-spacing {
  margin-top: 100px; }

.braintreeObj div.terms-of-membership-box.extra-big-spacing {
  margin-top: 215px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 640px) {
  .braintreeObj .terms-box {
    margin: 5px 0 20px 0;
    width: 100%; } }

@media screen and (max-width: 600px) {
  .braintreeObj .modal-window .modal-close {
    display: none; }
  .braintreeObj .modal-window .paymentMethodList .btn-icon {
    display: none; }
  .braintreeObj .modal-window .paymentMethodList .actionButtons {
    float: none; }
  .braintreeObj .modal-window .paymentMethodList.editable li .btn-tertiary {
    margin: 5px 5px 0 0;
    padding: 4px;
    font-size: 12px; } }

@media screen and (max-width: 420px) {
  .braintreeObj .modal-window .paymentMethodList li .text-small {
    display: none; } }

.order-history-list .left-spacing {
  margin-left: 30px; }

.order-history-list > li {
  width: 100%;
  border-bottom: 1px solid; }
  .order-history-list > li:first-of-type {
    border-top: 1px solid; }

.order-header {
  cursor: pointer;
  padding: 20px;
  line-height: 0;
  border-bottom: 1px solid; }
  .order-header div {
    float: left; }
  .order-header .arrow {
    float: right; }
  .order-header ul li {
    margin-right: 20px; }

.credit-order-header {
  cursor: default;
  padding: 10px; }
  .credit-order-header .half-col.Credits,
  .credit-order-header .half-col.text-right {
    margin-bottom: 0; }
  .credit-order-header div span {
    display: inline-block; }
  .credit-order-header div svg {
    margin-right: 10px; }

.order-details div, .order-details div.col-30 {
  padding: 10px; }

.order-details .ruled-list .col-30 {
  margin-bottom: 0; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 420px) {
  .credit-order-header {
    padding: 10px 0; }
    .credit-order-header svg {
      display: none; }
    .credit-order-header .half-col.Credits {
      padding: 0; } }

.modal-wrapper.product-detail .content-container {
  border: none;
  margin: 0 auto; }

.wrapper-product-view {
  position: relative; }
  .wrapper-product-view .fs-medalion {
    position: absolute;
    width: 6%;
    min-width: 50px;
    z-index: 10;
    top: -13px;
    left: -13px; }
    .wrapper-product-view .fs-medalion img {
      width: 100%;
      height: auto; }
  .wrapper-product-view .lp-medalion {
    position: absolute;
    width: 6%;
    min-width: 50px;
    z-index: 10;
    top: 195px;
    left: -13px; }
    .wrapper-product-view .lp-medalion img {
      width: 100%;
      height: auto; }

.product-detail-container {
  overflow: hidden;
  margin-top: 20px; }
  .product-detail-container.fs-detail .product-scaled-wrapper {
    float: left;
    padding-bottom: 26%; }
  .product-detail-container .pd-image {
    float: left;
    width: 16%; }
    .product-detail-container .pd-image img {
      width: 100%;
      max-width: 165px;
      height: auto; }
  .product-detail-container .pd-details {
    float: left;
    width: 53%;
    padding-left: 20px;
    margin-bottom: 20px; }
    .product-detail-container .pd-details h2 {
      margin-bottom: 10px; }
    .product-detail-container .pd-details h5 {
      display: inline-block;
      line-height: 12px;
      margin: 10px 10px 10px 0; }
    .product-detail-container .pd-details h5 ~ h5 {
      border-left: 1px solid;
      padding-left: 10px; }
    .product-detail-container .pd-details ul {
      margin: 5px 0; }
  .product-detail-container .pd-actions {
    float: right;
    position: relative;
    text-align: center;
    width: 30%;
    padding-left: 20px; }
    .product-detail-container .pd-actions .col-40 {
      padding-left: 0; }
    .product-detail-container .pd-actions .col-60 {
      margin-bottom: 20px; }
    .product-detail-container .pd-actions .right {
      text-align: right; }
    .product-detail-container .pd-actions .left {
      text-align: left; }
    .product-detail-container .pd-actions .select-wrapper {
      float: right; }
    .product-detail-container .pd-actions .save-subtext {
      width: 125%;
      margin: -25px 0 25px -25%; }
    .product-detail-container .pd-actions .extra-spacing {
      margin-bottom: 25px; }
    .product-detail-container .pd-actions .some-spacing {
      margin-bottom: 15px; }
    .product-detail-container .pd-actions .tiny-spacing {
      margin-bottom: 5px; }
    .product-detail-container .pd-actions .no-spacing {
      margin-bottom: 0px; }
    .product-detail-container .pd-actions h7.alt {
      text-transform: none;
      line-height: 130%;
      font-size: 12px; }
    .product-detail-container .pd-actions .message-box.preorder-success h4 {
      margin-top: 10px;
      font-size: 14px; }
    .product-detail-container .pd-actions .message-box.preorder-purchase {
      padding-bottom: 70px;
      position: relative;
      display: inline-block;
      width: 100%; }
    .product-detail-container .pd-actions p {
      margin: 10px 0; }
    .product-detail-container .pd-actions a.primary-color {
      font-weight: 400;
      margin-top: 10px;
      display: block; }
    .product-detail-container .pd-actions button {
      width: 100%;
      margin-bottom: 10px; }
    .product-detail-container .pd-actions .bordered-box {
      padding: 20px;
      margin-top: 20px;
      line-height: 20px; }
    .product-detail-container .pd-actions .message-box {
      margin-bottom: 20px; }
      .product-detail-container .pd-actions .message-box li {
        display: inline-block;
        margin-right: 10px; }
      .product-detail-container .pd-actions .message-box button {
        margin-top: 10px; }
      .product-detail-container .pd-actions .message-box .download {
        margin-bottom: 10px; }
        .product-detail-container .pd-actions .message-box .download svg {
          width: 70%; }
  .product-detail-container .pd-text {
    float: left;
    width: 52%;
    padding-left: 20px; }
    .product-detail-container .pd-text .details td {
      padding: 0 20px 10px 0; }
      .product-detail-container .pd-text .details td.collaspsed {
        padding: 0;
        font-size: 0; }

.formatContainer {
  position: relative;
  z-index: 10;
  width: 100%;
  margin: 10px 0px;
  display: table;
  background: #ffffff;
  border: 1px solid #000000;
  border-radius: 5px; }
  .formatContainer > div {
    padding: 6px 6px;
    display: table-cell;
    background: #ffffff;
    color: #000000;
    border-radius: 10px;
    text-transform: uppercase;
    text-align: center;
    width: 50%; }
    .formatContainer > div .text {
      display: inline-block;
      width: 76%; }
    .formatContainer > div.disabled {
      border-radius: 0px; }
    .formatContainer > div.active {
      background: #000000;
      border-radius: 0;
      color: #ffffff; }

.modal-window .formatContainer > div {
  padding: 6px 12px; }

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 1040px) {
  .formatContainer > div {
    padding: 6px 3px; }
    .formatContainer > div .icon {
      margin: 7px -5px -10px 0px; } }

@media screen and (max-width: 990px) {
  .wrapper-product-view .lp-medalion {
    top: 170px; }
  .formatContainer > div {
    padding: 6px 0px; }
    .formatContainer > div .text {
      font-size: 12px;
      width: 70%; }
    .formatContainer > div .icon {
      margin: 7px 0px -10px 3px; } }

@media screen and (max-width: 850px) {
  .fs-medalion, .lp-medalion {
    width: 8%; }
  .wrapper-product-view .lp-medalion {
    top: 215px; }
  .product-detail-container {
    overflow: visible; }
    .product-detail-container .pd-image {
      width: 25%; }
    .product-detail-container .pd-details {
      width: 75%; }
    .product-detail-container .pd-actions {
      float: left;
      width: 75%;
      text-align: left; }
      .product-detail-container .pd-actions .message-box {
        width: 81%; }
        .product-detail-container .pd-actions .message-box button {
          width: 100%; }
        .product-detail-container .pd-actions .message-box.showing {
          display: inline-block; }
    .product-detail-container .pd-text {
      clear: both;
      float: none;
      width: 100%;
      padding: 20px 0; }
  .formatContainer > div {
    padding: 6px; }
    .formatContainer > div .icon {
      margin: -1px 0px 0px 3px; }
    .formatContainer > div .text {
      font-size: 14px;
      width: 65%; } }

@media screen and (max-width: 690px) {
  .wrapper-product-view .lp-medalion {
    top: 195px; } }

@media screen and (max-width: 650px) {
  .formatContainer > div .text {
    width: 80%; } }

@media screen and (max-width: 630px) {
  .wrapper-product-view .lp-medalion {
    top: 175px; } }

@media screen and (max-width: 550px) {
  .wrapper-product-view .lp-medalion {
    top: 215px; }
  .product-detail-container .pd-image {
    width: 35%; }
  .product-detail-container .pd-details {
    width: 65%; }
    .product-detail-container .pd-details ul {
      margin: 0; }
      .product-detail-container .pd-details ul.details li {
        padding: 0 0 5px;
        display: block;
        border-left: none; }
  .product-detail-container .pd-actions {
    width: 100%;
    padding-left: 0; }
    .product-detail-container .pd-actions .btn-primary,
    .product-detail-container .pd-actions .btn-secondary,
    .product-detail-container .pd-actions .btn-tertiary,
    .product-detail-container .pd-actions .message-box {
      width: 100%; } }

@media screen and (max-width: 470px) {
  .wrapper-product-view .lp-medalion {
    top: 195px; } }

@media screen and (max-width: 430px) {
  .wrapper-product-view .lp-medalion {
    top: 175px; }
  .modal-window .formatContainer > div {
    padding: 6px 24px; } }

@media screen and (max-width: 390px) {
  .wrapper-product-view .lp-medalion {
    top: 150px; }
  .formatContainer > div {
    padding: 6px 0; }
    .formatContainer > div .icon {
      margin: 7px 3px -10px 5px; }
    .formatContainer > div .text {
      width: 59%; } }

@media screen and (max-width: 350px) {
  .wrapper-product-view .lp-medalion {
    top: 125px; } }

.page-modal.wishlist .product-list li {
  padding-bottom: 20px; }
  .page-modal.wishlist .product-list li.full-width {
    width: 100%; }
  .page-modal.wishlist .product-list li .lp-medalion {
    position: absolute;
    width: 33%;
    min-width: 50px;
    z-index: 10;
    top: -13px;
    left: -13px; }
    .page-modal.wishlist .product-list li .lp-medalion img {
      width: 130%;
      height: auto; }

.email-capture-wrapper {
  width: 96%;
  max-width: 550px;
  padding: 20px; }
  .email-capture-wrapper .enroll-header {
    display: block;
    padding: 15px 0;
    text-align: center;
    vertical-align: middle; }
    .email-capture-wrapper .enroll-header .fs-medalion {
      display: inline-block;
      width: 14%; }
      .email-capture-wrapper .enroll-header .fs-medalion img {
        width: 100%;
        height: auto; }
    .email-capture-wrapper .enroll-header .offer {
      display: inline-block;
      width: 75%;
      text-align: left;
      color: #fff;
      padding-left: 20px; }
      .email-capture-wrapper .enroll-header .offer h1 {
        font-weight: 700;
        font-size: 32px;
        line-height: 32px;
        text-transform: uppercase;
        letter-spacing: -0.5px; }
      .email-capture-wrapper .enroll-header .offer h2 {
        font-size: 23px;
        line-height: 23px;
        font-weight: 400;
        letter-spacing: 0.5px;
        margin-bottom: 0; }
  .email-capture-wrapper .email-capture {
    text-align: left;
    padding: 30px; }
    .email-capture-wrapper .email-capture .right {
      text-align: right; }
    .email-capture-wrapper .email-capture section:first-of-type {
      margin-bottom: 20px; }
    .email-capture-wrapper .email-capture h4 {
      text-align: center; }
    .email-capture-wrapper .email-capture form {
      text-align: center; }
      .email-capture-wrapper .email-capture form input {
        margin-bottom: 20px;
        padding: 10px;
        padding-left: 35px; }
        .email-capture-wrapper .email-capture form input[name="firstName"] {
          background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE1LjAxcHgiIGhlaWdodD0iMTUuMzIzcHgiIHZpZXdCb3g9IjAgMCAxNS4wMSAxNS4zMjMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjAxIDE1LjMyMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgICAgPGc+CiAgICAgICAgICAgICAgICA8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMTMuNjc2LDEuNTcyQzEyLjI5NSwwLjE5LDEwLjgyLDAsMTAuODIsMEwwLjAyMywxMC4zNjJ2NC45NTdsNC43MjksMC4wMDRMMTUuMDEsNC43MDcKICAgICAgICAgICAgICAgICAgQzE1LjAxLDQuNzA3LDE1LjA1OSwyLjk1NCwxMy42NzYsMS41NzJ6IE0zLjk4MywxNC40MDNsLTEuMjM1LDAuMDA4Yy0wLjE0OS0wLjI4MS0wLjQxNS0wLjgzNC0wLjc0Ny0xLjE2NAogICAgICAgICAgICAgICAgICBjLTAuMzMtMC4zMzEtMC43NDItMC41MzMtMS4wMjItMC42ODRsLTAuMDQ0LTEuNTAybDAuODg4LTAuNzY1YzAsMCwxLjEzLDAuMTI4LDIuMDg1LDEuMDgzYzAuOTU1LDAuOTU0LDEuMDQsMi4xMDQsMS4wNCwyLjEwNAogICAgICAgICAgICAgICAgICBMMy45ODMsMTQuNDAzeiIvPgogICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9zdmc+") no-repeat 10px center #f4f7f8; }
        .email-capture-wrapper .email-capture form input[name="email"] {
          background: url("data:image/svg+xml; base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iMTYuMDFweCIgaGVpZ2h0PSIxMC44NzRweCIgdmlld0JveD0iMCAwIDE2LjAxIDEwLjg3NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTYuMDEgMTAuODc0IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjQ0NDQ0NDIiBkPSJNMC41NDgsMS4xNjRDMSwxLjQwNiw3LjAxNiw0Ljc1OSw3LjI0OSw0Ljg4NHMwLjUzNCwwLjE4NSwwLjgzNywwLjE4NWMwLjMwNCwwLDAuNjA0LTAuMDYsMC44MzctMC4xODUKCQlzNi4wODgtMy40NzgsNi41MzktMy43MjFDMTUuOTEzLDAuOTIxLDE2LjMzOSwwLDE1LjUxLDBIMC40OTlDLTAuMzI5LDAsMC4wOTgsMC45MjEsMC41NDgsMS4xNjR6IE0xNS42NTMsMy4wMTEKCQljLTAuNTEzLDAuMjY3LTYuNDE3LDMuNTU3LTYuNzMsMy43MkM4LjYwOSw2Ljg5NSw4LjM4OSw2LjkxNyw4LjA4NSw2LjkxN2MtMC4zMDMsMC0wLjUyMy0wLjAyMS0wLjgzNy0wLjE4NgoJCUM2LjkzNSw2LjU2OCwwLjg3LDMuMjc4LDAuMzU3LDMuMDExQy0wLjAwMywyLjgyMywwLDMuMDQzLDAsMy4yMTNjMCwwLjE3LDAsNi43NzQsMCw2Ljc3NGMwLDAuMzg4LDAuNTE2LDAuODg2LDAuOTE2LDAuODg2aDE0LjE3OAoJCWMwLjQsMCwwLjkxNi0wLjQ5OCwwLjkxNi0wLjg4NmMwLDAsMC02LjYwNCwwLTYuNzc0QzE2LjAxLDMuMDQzLDE2LjAxMywyLjgyMywxNS42NTMsMy4wMTF6Ii8+CjwvZz4KPC9zdmc+") no-repeat 10px center #f4f7f8; }
    .email-capture-wrapper .email-capture button {
      width: 100%; }
      .email-capture-wrapper .email-capture button.btn-primary {
        margin-bottom: 10px; }

/*============================================
For Enroll Cart
==============================================*/
.enroll-cart .modal-body {
  float: left;
  padding-top: 40px; }
  .enroll-cart .modal-body .col-70 {
    float: left;
    border-right: 1px solid;
    padding-right: 20px; }
  .enroll-cart .modal-body .col-30 {
    float: right; }
    .enroll-cart .modal-body .col-30 h4.alt {
      text-align: left; }
  .enroll-cart .modal-body .cart-order-summary .section .clearfix {
    margin: 10px; }
  .enroll-cart .modal-body .cart-order-items {
    width: 100%; }
    .enroll-cart .modal-body .cart-order-items tr {
      width: 100%;
      border-bottom: 1px solid; }
    .enroll-cart .modal-body .cart-order-items td {
      padding: 10px; }
    .enroll-cart .modal-body .cart-order-items .title {
      font-weight: 700; }
  .enroll-cart .modal-body .upgrade-terms {
    border-right: none;
    float: none;
    padding: none;
    margin: 0 auto; }
    .enroll-cart .modal-body .upgrade-terms h2 {
      margin: 10px 0 40px 0; }
    .enroll-cart .modal-body .upgrade-terms h3 {
      font-weight: 400; }
    .enroll-cart .modal-body .upgrade-terms h4 {
      font-weight: 400; }
    .enroll-cart .modal-body .upgrade-terms .col-20, .enroll-cart .modal-body .upgrade-terms .col-80 {
      float: left;
      position: relative;
      display: inline-block; }
    .enroll-cart .modal-body .upgrade-terms .col-20 {
      width: 100px;
      clear: left;
      margin: 0 20px 20px 0; }
    .enroll-cart .modal-body .upgrade-terms .col-80 {
      width: 75%;
      text-align: left;
      margin-bottom: 25px; }
    .enroll-cart .modal-body .upgrade-terms .imageContainer {
      border-width: 1px;
      border-style: solid;
      border-radius: 100%;
      width: 100px;
      height: 100px;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center; }
      .enroll-cart .modal-body .upgrade-terms .imageContainer.credits {
        background-size: 42%;
        background-position: 32px 18px; }
      .enroll-cart .modal-body .upgrade-terms .imageContainer.skip {
        background-size: 150%; }

.enroll-cart .how-membership-works .benefits {
  display: none; }

.enroll-cart .braintreeObj {
  margin: 0; }
  .enroll-cart .braintreeObj .modal-close {
    display: none; }

.enroll-cart .cartItemMessageBox {
  padding: 10px;
  text-align: left; }
  .enroll-cart .cartItemMessageBox h5 {
    line-height: 18px;
    font-weight: bold;
    font-size: 13px; }
    .enroll-cart .cartItemMessageBox h5 a {
      text-decoration: underline; }

.nm-cart-item-wrapper {
  position: relative; }
  .nm-cart-item-wrapper.empty {
    width: 50px;
    height: 76px;
    border: 2px dashed #ccc;
    background: #ffffff url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB3aWR0aD0iNzhweCIgaGVpZ2h0PSI3OHB4IiB2aWV3Qm94PSIwIDAgNzggNzgiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDc4IDc4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGcgaWQ9IkxheWVyXzFfMV8iPgo8L2c+CjxnIGlkPSJMYXllcl8yIj4KCTxnPgoJCTxwYXRoIGZpbGw9IiNEMEQ5REIiIGQ9Ik0zOC44NzUsMC4wODRjLTIxLjM5LDAtMzguNzkyLDE3LjQwMS0zOC43OTIsMzguNzljMCwyMS4zOSwxNy40MDIsMzguNzkyLDM4Ljc5MiwzOC43OTIKCQkJYzIxLjM5MSwwLDM4Ljc5MS0xNy40LDM4Ljc5MS0zOC43OTJDNzcuNjY2LDE3LjQ4Niw2MC4yNjYsMC4wODQsMzguODc1LDAuMDg0eiBNMzguODc1LDcyLjY2NgoJCQljLTE4LjYzMywwLTMzLjc5Mi0xNS4xNTktMzMuNzkyLTMzLjc5MmMwLTE4LjYzMiwxNS4xNTktMzMuNzksMzMuNzkyLTMzLjc5czMzLjc5MSwxNS4xNTgsMzMuNzkxLDMzLjc5CgkJCUM3Mi42NjYsNTcuNTA3LDU3LjUwOCw3Mi42NjYsMzguODc1LDcyLjY2NnoiLz4KCQk8cG9seWdvbiBmaWxsPSIjRDBEOURCIiBwb2ludHM9IjQyLjU4NCwxNy44MzMgMzQuOTE3LDE3LjgzMyAzNC45MTcsMzUgMTcuNzUsMzUgMTcuNzUsNDIuNjY3IDM0LjkxNyw0Mi42NjcgMzQuOTE3LDU5LjgzNCAKCQkJNDIuNTg0LDU5LjgzNCA0Mi41ODQsNDIuNjY3IDU5Ljc1LDQyLjY2NyA1OS43NSwzNSA0Mi41ODQsMzUgCQkiLz4KCTwvZz4KPC9nPgo8L3N2Zz4=") no-repeat center center;
    background-size: 50%; }

.nm-cart-item td.col-1 {
  width: 10%; }

.nm-cart-item td.col-2 {
  width: 70%;
  text-align: left; }

.nm-cart-item td.col-3 {
  width: 100%;
  text-align: right; }

.page-modal .modal-header.enroll-steps {
  padding: 16px 0 10px;
  height: auto; }
  .page-modal .modal-header.enroll-steps .button-wrapper {
    margin: 0; }

.enroll-cart-header {
  text-align: left; }
  .enroll-cart-header hr {
    display: none; }
  .enroll-cart-header li {
    display: inline-block;
    cursor: pointer;
    margin-right: 10%;
    text-align: left; }
    .enroll-cart-header li:last-of-type {
      margin-right: 0; }
    .enroll-cart-header li h4 {
      display: inline-block;
      font-weight: 700;
      line-height: 29px;
      margin-bottom: 0; }

.enroll-cart {
  text-align: center; }
  .enroll-cart h4.alt {
    border-bottom: none;
    text-align: left; }
  .enroll-cart .bordered-box {
    padding: 20px;
    background-color: #f5fafd;
    margin-bottom: 10px; }
    .enroll-cart .bordered-box .list {
      font-size: 16px;
      margin-bottom: 10px; }
      .enroll-cart .bordered-box .list li {
        margin-bottom: 15px; }
        .enroll-cart .bordered-box .list li strong {
          padding-right: 5px; }
  .enroll-cart .cart-order-summary .total {
    border-top: 1px solid;
    padding: 10px 0 0; }
  .enroll-cart label {
    margin: 10px 0;
    text-align: left; }
  .enroll-cart .bordered-box label {
    line-height: 19px; }
  .enroll-cart .how-membership-works .hiw {
    max-width: 75%;
    margin: 0 auto; }
    .enroll-cart .how-membership-works .hiw h4 {
      margin: 0 0 20px; }
  .enroll-cart .how-membership-works h4 {
    font-size: 24px;
    font-weight: 300;
    margin: 30px 0 5px 0; }
    .enroll-cart .how-membership-works h4.alt {
      border-bottom: none; }
  .enroll-cart .how-membership-works h5 {
    font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px; }
  .enroll-cart .how-membership-works hr {
    width: 20%;
    min-width: 60px;
    margin: 0 auto 20px auto;
    color: #d0d8dc;
    background-color: #d0d8dc;
    border-color: #d0d8dc; }

.terms-of-membership-box {
  height: 150px;
  overflow: auto;
  width: 200%;
  border: 1px solid #d0d8dc;
  padding: 10px 0;
  margin: 20px 0 0 -100%;
  text-align: left; }
  .terms-of-membership-box .btn-secondary {
    display: none; }
  .terms-of-membership-box .content-max-width.cms {
    margin-top: 0;
    padding-top: 0; }
    .terms-of-membership-box .content-max-width.cms .modal-body {
      padding: 5px; }
    .terms-of-membership-box .content-max-width.cms h2 {
      font-size: 16px;
      font-weight: 700;
      margin: 10px 0 0 15px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 1080px) {
  .enrollWrapper .how-membership-works .hiw {
    max-width: 90%; }
  .enroll-cart .modal-body .half-col.upgrade-terms {
    width: 70%; }
    .enroll-cart .modal-body .half-col.upgrade-terms .col-80 {
      width: 70%; } }

@media screen and (max-width: 800px) {
  .email-capture-wrapper {
    display: block;
    width: 96%;
    padding: 20px; }
    .email-capture-wrapper .half-col {
      display: block;
      width: 100%;
      text-align: center; }
    .email-capture-wrapper .email-capture {
      padding: 0; }
      .email-capture-wrapper .email-capture button.btn-secondary {
        margin: 0 0 0 0; }
      .email-capture-wrapper .email-capture form {
        text-align: center;
        margin-bottom: 10px; }
      .email-capture-wrapper .email-capture section:first-of-type {
        margin-bottom: 20px; }
  .enroll-header {
    display: block;
    padding: 10px 0;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: middle; }
    .enroll-header .offer {
      text-transform: uppercase; }
  .enroll-cart .modal-body {
    padding-top: 20px; }
    .enroll-cart .modal-body .col-70 {
      float: none;
      border-right: none;
      padding-right: 0;
      width: 100%; }
    .enroll-cart .modal-body .col-30 {
      display: none; }
      .enroll-cart .modal-body .col-30.mobile-show {
        float: none;
        display: block;
        width: 100%;
        border-bottom: 1px solid #d0dadc;
        margin-bottom: 20px;
        padding: 0 0 20px 0; }
    .enroll-cart .modal-body .half-col.upgrade-terms .col-80 {
      width: 75%; } }

@media screen and (max-width: 760px) {
  .page-modal .modal-header.enroll-steps {
    padding: 10px 0; }
  .enroll-cart .modal-body .half-col.upgrade-terms {
    width: 100%; }
  .enroll-cart-header li {
    margin-right: 5%; }
  .enroll-cart-header .number-steps {
    width: 20px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    margin-top: 5px; } }

@media screen and (max-width: 640px) {
  .enroll-cart-header .centerLine {
    margin-right: 23%;
    margin-left: 13%; }
  .enroll-cart-header hr {
    height: 2px;
    width: 100%;
    margin: 0 auto;
    padding-right: 24px;
    display: block; }
  .enroll-cart-header .active .number-steps {
    border-color: #262b2e; }
  .enroll-cart-header .number-steps {
    border-radius: 30px;
    border: 2px solid;
    width: 10px;
    display: block;
    height: 10px;
    margin: -6px auto 0px auto; }
    .enroll-cart-header .number-steps span {
      display: none; }
  .enroll-cart-header li {
    width: 31%;
    margin-right: 0; }
    .enroll-cart-header li h4 {
      margin-top: 5px;
      line-height: 16px;
      width: 100%;
      text-align: center; }
  .enroll-cart-header li:not(:last-child) {
    padding-right: 5%; }
  .enrollWrapper .how-membership-works .hiw {
    max-width: 100%; }
    .enrollWrapper .how-membership-works .hiw h4 {
      margin: 0 0 20px; }
  .enroll-cart .modal-body .info-edit-form .half-col {
    width: 100%;
    padding: 0;
    margin-bottom: 20px; }
  .enroll-cart .modal-body .half-col.upgrade-terms .col-80 {
    width: 70%; }
  .terms-of-membership-box {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 550px) {
  .email-capture-wrapper {
    padding: 10px; }
    .email-capture-wrapper .enroll-header .fs-medalion {
      margin-bottom: 10px;
      width: 20%; }
    .email-capture-wrapper .enroll-header .offer {
      display: block;
      width: 100%;
      padding: 0 10px;
      text-align: center; }
    .email-capture-wrapper .email-capture section:first-of-type {
      margin-bottom: 0; }
    .email-capture-wrapper .email-capture form {
      margin-bottom: 0; }
    .email-capture-wrapper .email-capture button.btn-primary {
      margin-bottom: 5px; }
    .email-capture-wrapper .email-capture h4 {
      margin: 10px 0; }
    .email-capture-wrapper .enroll-cart .modal-body .half-col.upgrade-terms h2 {
      font-size: 28px; }
    .email-capture-wrapper .enroll-cart .modal-body .half-col.upgrade-terms h3 {
      font-size: 22px; }
  .enroll-cart-header .centerLine {
    margin-right: 24%; }
  .enroll-cart-header li {
    width: 30%; }
    .enroll-cart-header li h4 {
      font-size: 12px;
      line-height: 12px; }
  .enroll-cart-header li:not(:last-child) {
    padding-right: 3%; }
  .enrollWrapper .how-membership-works .hiw h4 {
    font-size: 20px;
    margin-bottom: 10px; }
  .enroll-cart .modal-body .half-col.upgrade-terms .col-80 {
    width: 100%;
    text-align: center; }
  .enroll-cart .modal-body .half-col.upgrade-terms .col-20 {
    display: none; } }

@media screen and (max-width: 400px) {
  .enroll-cart-header .centerLine {
    margin-right: 26%; }
  .enroll-cart-header li {
    width: 29%; }
  .enroll-cart-header li:not(:last-child) {
    padding-right: 1%; } }

@media screen and (max-width: 300px) {
  .enroll-cart-header .centerLine {
    margin-right: 31%; }
  .enroll-cart-header li {
    width: 27.5%; }
    .enroll-cart-header li h4 {
      font-size: 10px; } }

@media screen and (max-width: 251px) {
  .enroll-cart-header li {
    width: 26.5%; }
    .enroll-cart-header li h4 {
      font-size: 8px; } }

.modal-window.itemremoval {
  width: 94%;
  padding: 40px 40px 0 40px;
  max-width: 500px;
  text-align: center;
  line-height: 1.4em;
  font-size: 16px; }
  .modal-window.itemremoval ul.list li {
    text-align: left;
    padding: 25px 30px; }
  .modal-window.itemremoval ul.list li + li {
    border-top: 1px solid #d0d8dc; }
  .modal-window.itemremoval p {
    text-align: center;
    padding: 0 20px; }
  .modal-window.itemremoval p.nobottom {
    margin-bottom: 0; }
  .modal-window.itemremoval p.notop {
    margin-top: 0; }
  .modal-window.itemremoval .removedImage,
  .modal-window.itemremoval .removedInfo {
    display: inline-block;
    text-align: left;
    vertical-align: middle; }
  .modal-window.itemremoval .removedImage {
    position: relative;
    width: 20%; }
    .modal-window.itemremoval .removedImage img {
      width: 100%; }
    .modal-window.itemremoval .removedImage .removedImage-LP {
      position: absolute;
      width: 50px;
      bottom: -10px;
      right: -20px; }
  .modal-window.itemremoval .removedInfo {
    margin-left: 10%;
    width: 70%; }
  .modal-window.itemremoval .removedInfo-author,
  .modal-window.itemremoval .removedInfo-title {
    display: block; }
  .modal-window.itemremoval .btn-primary {
    display: block;
    margin: 25px auto 30px auto;
    width: 150px; }

.modal-customer .half-col {
  margin-bottom: 20px; }

.modal-customer .col-30 {
  margin-bottom: 40px; }

.modal-customer .col-70 .balance-box {
  margin-bottom: 40px; }

.modal-customer .col-70 h5 {
  margin-bottom: 10px; }

.modal-customer label {
  margin-bottom: 10px; }

.modal-customer .how-membership-works {
  margin-top: 20px; }
  .modal-customer .how-membership-works h4.alt {
    display: none; }
  .modal-customer .how-membership-works .benefits {
    display: none; }
  .modal-customer .how-membership-works .col-30 {
    margin-bottom: 0;
    width: 100%;
    text-align: center; }
    .modal-customer .how-membership-works .col-30.join, .modal-customer .how-membership-works .col-30.featured, .modal-customer .how-membership-works .col-30.choose {
      display: none; }

.order-history-list .order-details .half-col {
  margin-bottom: 10px; }

.order-history-list .order-details .tracking {
  margin: 10px 0; }

.list.shipping {
  margin-bottom: 20px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 820px) {
  .modal-customer .modal-body > .col-70, .modal-customer .modal-body > .col-30 {
    width: 100%; }
  .modal-customer .col-30 {
    padding: 0; } }

@media screen and (max-width: 700px) {
  .history-wrapper {
    margin-top: 40px; }
    .history-wrapper > .half-col {
      width: 100%;
      padding-right: 0; } }

@media screen and (max-width: 550px) {
  .modal-body .col-70 > .half-col {
    width: 100%;
    display: block; }
    .modal-body .col-70 > .half-col.left {
      padding-right: 0; }
  .order-details .half-col {
    width: 50%; }
  .modal-customer .half-col {
    margin-bottom: 20px; } }

@media screen and (max-width: 420px) {
  .button.logout {
    margin: -4px 0 0 0;
    font-size: 12px; }
  .order-details .half-col {
    width: 100%; } }

.content-max-width.cms.hiw-wrapper,
.content-max-width.cms.upgrade-flow {
  margin-top: 60px;
  text-align: center; }
  .content-max-width.cms.hiw-wrapper .content-max-width a,
  .content-max-width.cms.upgrade-flow .content-max-width a {
    margin: 10px; }
  .content-max-width.cms.hiw-wrapper .modal-body,
  .content-max-width.cms.upgrade-flow .modal-body {
    width: 100%; }
    .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper,
    .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper {
      max-width: 600px;
      margin: 0 auto; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h2,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper h2 {
        font-size: 32px;
        margin: 30px 0 20px 0; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper h4 {
        line-height: 27px;
        position: relative; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4 p,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper h4 p {
          width: 40%;
          margin: auto; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper > h4:before, .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper > h4:after,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper > h4:before,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper > h4:after {
        border-top: 1px solid #d0d8dc;
        content: '';
        position: absolute;
        width: 25%;
        top: 50%; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper > h4:before,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper > h4:before {
        left: 0;
        margin-left: 20px; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper > h4:after,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper > h4:after {
        right: 0;
        margin-right: 20px; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper a,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper a {
        margin: 20px 0; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits:after,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits:after {
        content: "";
        display: block;
        clear: both; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col {
        width: 70%; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(odd),
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(odd) {
          margin-right: -20%;
          float: right; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(even),
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(even) {
          margin-left: -22%;
          float: left; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col img,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col img {
          max-width: 100%; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .check-list,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .check-list {
        text-align: left; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .check-list ul,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .check-list ul {
          list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABWWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS40LjAiPgogICA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogICAgICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIgogICAgICAgICAgICB4bWxuczp0aWZmPSJodHRwOi8vbnMuYWRvYmUuY29tL3RpZmYvMS4wLyI+CiAgICAgICAgIDx0aWZmOk9yaWVudGF0aW9uPjE8L3RpZmY6T3JpZW50YXRpb24+CiAgICAgIDwvcmRmOkRlc2NyaXB0aW9uPgogICA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgpMwidZAAABsElEQVQ4EZ1TzysEYRj+3tm1i2STw8bF5mJjvh0zs6FcHJSSg9RKcZIDJYqL/8JRSfaEooj8Ay4OMru23Ulc5CRObNJi7ef5tmYbW5vdfeuZ7/31PL3fOzOM1Wnh8EC7qg4GJZ3q1CBVM87A1QVTppR6RNSIuQ7eBNDqZd+vNU8SiRhDBWIXEPAR0Wz6xtqvaRLOedsPsQMpwEjsSAH4zCsfVRoJpWEXo4eIke3z0KrDq1pE1fRlkCaBD+ERMctKfDgiVe2Ec8MUCrsEyQfCfDqViDsC8vxXxDTNwGdeJNDbDexlUok5SXRbcbGh0EhjLBbzuAuOD4Ft+FLgTuQ/F528+5Q7oZZANn57n5V3XACE04DvYQnhNOKcoMKMbdvvTs19elTViDCFbSIZDQY7Ol+en85lQ68W1YnEIVwvE7Rip5LFvKyVW3EnvD86LkThGEU/3v9Wzu/baMx9XyHuAY6wBzlNRSsttk8zxhCcoLMJeAS6cNMHv5fplmW9VVRAoSQim7iuj4oCncJtBr6YIoYzyeS1rNVkan90BH/oO9f0tZqI5c2cmxy5P1OW97jjX6vSdOUl1ESTAAAAAElFTkSuQmCC");
          list-style-position: outside;
          padding-left: 1em; }
          .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .check-list ul li,
          .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .check-list ul li {
            margin-bottom: .5em;
            font-size: 16px;
            line-height: 1.5em; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .books,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .books {
        height: 160px;
        background-size: contain; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h4,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h4 {
        margin: 40px 0 20px; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h3,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h3 {
        font-size: 30px;
        font-weight: 300;
        margin-bottom: 10px; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h3:before,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h3:before {
          display: block;
          margin: auto; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h3#member-credits:before,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h3#member-credits:before {
          content: url("data:image/png;base64,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"); }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h3#skip-month:before,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h3#skip-month:before {
          content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEwAAABUCAYAAAAoEtHdAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAABmJLR0QA/wD/AP+gvaeTAAATs0lEQVR42tWce5Ac1XWHv35Md897d2e1u1qtnqwkjMESNgYsC7DLThmcFFT5geMyyCmD7cgEsEPKFTuOjQHHBlcSG8VFHBePAHYIkFQgcXCBQyIhTGwUWEkYtNJKrLTSarXv3Xn19Ex354/eGfX09MzOY4XwqZqa7nNv38evzzn33nPPbWFg8BBnkbqAdwAbgHVAAogCYcACUkAaGAeOAK8Dh4Dps9Vg+S2u7wJgK3AZ8H5gVZPlvA68AOwGngdG36oOCG+BhF0KXAl8EjjvDNUxADwJ/Bvw2zPZmaYB27Shv2b63oNDNwHbgIvPZAd86FfAjzdt6H94kfY1VfiSq+Teg0NfAa4D3r1o5ZKEqiioSgA1EECSJCRRQBREbMCyLCzbolAwMfIFdMMglzcwTatWsVuALXsPDm0HHty0of8flrJ/SwbY3oND1wHbFxrsS5IkEQ+HiYSDhINBFLm56nXDIJXJkspkSGayWJYvgJcCl+49OPRR4N5NG/qfX4p+tqySew8OhYDvAF/2rUAQiIVDtMdixMIhBEFYinaXyLIs5lJpZuaTJDOZWllv37Sh/9vFm7OiknsPDl0PfAs4x5smCgId8RhdHe0EmpSkekgURdpjUdpjUXTDYGJ6hplkCtu2KwDbe3DoQ8CXN23of6XZ+loZJb8NfNMvobMtTneiA1mSzhhQtcjI5zk5OcVsMlUtyy3AjmbKbhawx4BPeZkhTaWvq4ugpp4VoLyUzGQ4MT5Bzsj7Jd8HfKnRMhsFTAT+HfhoWSFAd6KD7kTH2caogmzb5sT4JFNzc37JjwLXN1JeI8ZFAn4OfKSsAFlidU8PkVDwbGPjS4Ig0Ne9jEgoyPFT45jlI+p1QBD4RL3liQ3U/ZQXrKCqsmHVyrctWG5qi0boX9nnNwB9HPhZveXUC9jPgN93MyLBIP0rV5zREXCpSVMV+lf2oSoBb9KngR/VU0Y9gN25UGCJIqEga/t6EcVGBPTtQUpApn9lH5qieJO+hDN61qTFenw98A03I6iqrOldjrjEE9C3kmRJYl1fr592/BB4T61nawEWwZlrlSggy6xdsRzpd1CyvBSQZdat8NWSH9R6rlbP/wpYW7wRgFXLu3+nbNZipKkKq7q7vOytwF9We6YaYNcDN7sZ3Z0JIsG3/2jYKMWjERJtcS/7DuCDfvmrAVY2Aw5pGt0d7We7bxVkWhapTJaJ6VmGT4xx4tRkU+X0diZQAhUj53a/vH76dRuOawRwVLGve9nZxoaCaZLVc2T0HJmsTjaXw8gXyvKoisKKJsoWRZG+7mUcOV7m6f4k8Bngp4sB9hn3TaItTlB9a9eG+UKhBE56AZxCwVz0OSOfx7btplxI0VCIeCTMXCrtZm9fDLBbgAuLN6IonvH1oZHPl6Qmo+fI5nKLeVSrkm3b6Dmj6cV/TyLhBez9OCuBf6kG2HXum0Q8tqQuGt0wHMnJ5sjoOtmcUc1b2jRl9FzTgGmq4idlH6gG2IeA9xZvBEFgWXtbUxXbgF60N7oDjp4z/Jx6S04ZXSdBrOnnuzo6/NTyB8BhL2Blw2hbJNLwnGtscprZZAo9Z5xRUIrA+9mqjJ5rqeyQphLWNNK6XmRJOGp5D5RPK8ocgu3xaMOVZbL6koNl23aFZAZkCSUQ8JVYXc/Rqhx3xCsk9GPFiyJg5wGljUZZloiEQg1XFI2EWwAGXwACARnZJem27Yzc61b2+tpXG8i1+NLikYhXei8BOtyAlaljLBSmmaV1qE5j6yc1oigQCMhl0mHZNss7E6xftYL2eBRRFCkUCqiKQlBVCGoqllUJcua0OjVFkiQSDmpe9uVuwLa6U5p1CAZVpa58siQhSaetgWXZdMSjrO7tIR4+LdkOOAE0VWFlTxdt0QiCKJDOZAEIBTXfUbZVOwYQDVdo2FY4bfQvWwrARFFECcgVM/DyPALLOuLIkszE9CzZnAECdMSjhINBbNvGKBRIZ3REQSSZzhAJBREFgZ5EO7Zlk9Z1bNsmrGnY+ElY64D5rJsvA0fC1sDpFYUSkFvySAQ1rWqabdsICERCIdpjEWRZwrIsQpqKIIiYpnPd2R7HxhkFi+qVTGfIGXl6uxKENA3dMAgFVd+RcikMf1CtKPtiICAC73JzNaW1ZVC4ph0TsLFJZbKIoui8GAEEBNRAgJn5JLPJFO2xKLGIs0ue1Y0S2MdOjWPb0NPZgSQ4z/uFG1i2jeG/tVY3CYLTJg9tFIH1bo6Pv7shCgWrS5ggOKNcNmcgCAIBWXbsmezYtKnZeY6PTSAsqF9AFtENA9MyUZUApmkxfHIMQQBloZ2apmLZS2/4q2CxQcQT1NZsgEiRFluW2LZdWiSrSgBBOC2VXYl2NqzpQxQEYpEwsWgE27bJ6jkCskxQVZianePk+BRG3pGgsKb6G/5s63bMx+WzRga63Ry5RcCkBVXLF8oNf9GLYNs2+bwTvqSpCiCgKkoJwPl0mpn5FJ1tMXoSHWT1HMl0lkgohKooBOQAU3PzFEwTRQmQymR9XeZLIWFS5TwvIePElJZIFFvf3AhqCvnUacAEwZmASoJMvpDHNAsUTBNRFNHUALIkYhRMhk+MlSTHsiy6E+0EVYWZ+ZTjLMxmkUUBBIG5VBpRFKu6c/Sc4QwcLfRDrnwRHTLOZocLsNY3OEKaxnzKHXok0BGL0d3ZwdjEFAXTctRrbp5CwUJVFLK6jp7LOZ0XBKbnkqUyjHyB6dl5x1YtgFOU1mpkWhaFfIFAoAWNqXwRkgyUrSOWwqPgNfy2Dcl0lng0x/JlCUzTYnouyfj0LAXTZGRsHCOfRxCEkrQUbV0RHKuJdmV0nXgg0vBzrpZXMGSc0O4S+S01GgaswvDbZHSdwyOjCDigOJNbR51SmayvarUafJfWc8SjzQPmg0VSBJLlmSpHnML0PJMP/SeZVwbrqkiWJN+FsWlaFExzQXLKAXJfW5aFZVkENc1ZXzYp9Zls/YY/P1q5gZKfr4gvS4nATHmnTEZu28HBD9+KcXQMgANbvsjRL9zNG5d+gdSL+wGYevgZ9vdfS2avf+hjremFW/X80tpiETauXcW6vh6CqtKUOoIz3/OjqYefwZw9Dcbs0y+wb83HGb7huyXe6J0Pknr0Oe+jsyJwrKySIycY3/EkyV0DjPypE6RnZU6/qblnXsI4Osbwjd/DOHaqVIlxdIzhG75buq/Xc+GlaDjE2hXLnQmtKCGLctMjnWmaFMzyzZPM3iGGb/we+9dfy+zTLwAwfu+TJeCKQjL71G5YVbHJe0j645tvWYYr2CTQESdqgT54lI2/vBdRU1D6ukj9aj/aOStY99gdSG2OXTCGT7Lup7cT6Olg5LYdTD3yC7L7hujcdhVCNFwrZNKXnNm/RDKTIZnK0BGPks0ZpBtQLS8VHn6Wmfv/A6ktirqmh5nH/4v5Z3+DncvT950vIrVFaLv6MtK/fp1VP/ozQpsct2D4kncy3RbE0so8MN8UBgYPrWPBXw3O7PYda1djzqZKwFR9g648xtEx9q//FInrr2TlX9/M/CuDvHnr32IPjiC9uAOi9Tskiwvy/jUrSaYynDg1Qb5QaG4Q+OifYx6fIHr5Zjb88ocAJHcOYBw9SWLbVVUfs22b/YcOe8fJgIxz6OkECx4LI58nXygQaFt8dHEDqqzuYfP4z0s8NRHHHhxxKn/+VYRr3l93HwVBoGBaGIaBqgSQJak07ViM7OdfhWgI4b0bnTZech4k95DYdmUpT/SKzcDmmuVkchUej/8FCsVZ3QvAHxZTUpks7bHGffpuAEOb+pE//B6sd693Gj86if38q9jJDOL2axYty7JtdCNPPBRClqW63TXWl//OAX371Yjbr0G883Nc8E93NNyXdDbrZe2G0x7X3e6UVCZbR5GLU+dDX0e47vegtxP7wAjWPY9h3/c0JGseQCjN4nM5A0mWHDdLPdL18ulpj3DRuYCzi242sfeZTFe08QU47XH9H3fKfCbd8joMIBzUmCjeFG1YbwL7xCTCubVP/tm2TTZnYOTzWLZVNYDPPnAMklmEFQmE925E2nc/9suDCOeuLOXJ6rmGvMimafkNNLuhPOz8EK6do3P6VrQc7Jsz8rxx5Kh/R596EXt0EuGic0v2xkui6PjMCqaFafrHVlifuwd7z2BJBf2od1mCrkT90UfTc/OMnBp3s36Ds3NUti/5z2UPzc+3BBY4DriqkvHUi9j3PY2950DV5y3LiZUoFKrvESym3gDz6cXzeAHzkG+owE7gL4o3s8kUvcs6W46tCGpqS/OoxUZG8Ynba9evKn5bZlUpm8u5d70BzGqAPQfsAS4Cx4ZMzszS05loCbBQFcDEB756+mZ0Eno76yrPPnAM+57HIJlB+OqnS+osCgKaqhDSNEJBlZCmLTgoG6OJmVkv6z5c81Svs+inRcAAJmfnWNbe5ud5rB+woAYzczXzWN94wLFDV29BvOuGmnmFWAhrjzMatscitPX2ENLUlvciAHKGwex80st+wX3jBWwH8HkWzmablsXY9AwrltX39v2ontAj+8DCcnZFZT2yJKEtqFVI0wies4bhyzcT3NRPW1ucaKwVf1c5nZyc8s73XgIerwWYCTzEQqQKwNTsHB2xaNNRiJqiLOodFX94MwweQz5vLeFImJCmEgpqBFXFd4+0uMRZSkplst4wJ4AfexnVTrP9Gtfh9nBQo39lX9ONGXxzhGyufBdHCQQcYFzgkMyS3PUqbVdfVlHGyG07SO4coHPblXTd8sklBcuybQaHj5U8vAv0JE6caxlVc3j/yA1YOqszPj1DV5OR1NFIyDHIC8Y4qCq+ewezu17l8Ce+gRQPc96eB1BW95TSkjsHyO4bIrlzYMkBOzkx6QULfKSrFmAPLwB2U5ExNjlFOBhsaIguUu+y+kba2aecFZoUj5SBBdB2zVbU1T20XbO1rrLqpblUisnZikHpduCXfvlrHTCNAfuA1UVGQJZZv6rvjJ4GKTr1/NRyqUnPGQyNHPeuNV/EE83kplp7avN4jpDkCwWGR8eWPJDXTW1XX0b08gtLnk9zNsXonQ+S3DmwpPU4fTnptzC/r9Zzi4nKIzgfE/pakZHRdd4cPcnaFb1n7ETbqR1PcPLOh0hcfyXJna9iHDtF6vIBolcszehYME2OnBglV2m3voInLt9L9ezafh3PXCSVyfLmidEzJmnj9z4BOF7cxGevarE0D1gFk8MjJ/xice9jkZNs0Ngh+WdwPjpUoqCmsq63F1le2s8tGEfHGL3jQRLbriK0qZ/M3qEFL2lrlDMMjpw46TciPo7PVxJaBSyA80WBsnPfAVlm9fJuwm/zk25zqRQjY+N+NutfccLK66JGAinywB/gSNppZqHA4eOjjE/PNFDU4mTOpnjj4hvZt/pjVfc+6yHnMwwTDI+O+YH1RCNgQfMf+ngcn1lwOKixsrsLVWncS+ClA1u3k/7N6wBo567mnfsebriMdFbn+KlxdMN3Q/cnwBcaLbPZUJ1rcU7sVjRw8OgIoxOTFRuojVLsI85CQ4qGWPvINxt61sgXGDk1ztDI8WpgfaUZsKCFb+8Uzr8B+bX7twF3ASu96aIokojH6GyLNz3Rze4dQlnds+j+aJFy+Tzj0zPM+n+sCBzvw62F8294WX7t/qbaVBdgmzeurzrh2r3nlbZINHo3jluosgJBIBYO0x6LEA2FysKZFqPUr5w4jsiWCyrKLJJl28yn0swkk6TSmVrbcXdv3rj+a9USBwYP1bWT5wtYLYCKz3n+2fPbNz4rSdKfCIJwYbWHJEkkEgwSCQYJaWpN9/fxm/6GmX90xpfld2+n86bScR+MfJ70wim5VFavOR+0bfsl0zT//qJ3vqM4IbU9/w0BWAZYFaAEH4CEamkvDey7VVXVT4uiuGkR0JFEEWUhklqWRMSFqB5REJj/1gNYeh4bkC9Yi3ztB5zd8Dr3GS3TfFnP5R7ZcuGmnxRZNQCzXb+awJUA84AlLPIrDhaih1fK8+yu3Z9v7+i4NhAIbF60d0tI+Xx+z9TExKNXfvCKR10gWJ5rPLxqvwrQhIHBQ26wvKAUryUXz/uTavCku+75/oXv2rz58u6e5R9RVXXNmQApp+sHx8ZOPrd7165nv/+duwZxPMfmAijunx/PdqX5AWy7QXOrFK4OF8FxgyF5fn684k/2y/tHN35+/SXv27Jp1Zo153d2dp6valpTB8ozmczx8VOnXhs+cnj/z59++v+e+8UzYy4w8gv/BRdw3p9VhecG1QseA4OHbK8NqiopVYCQffiyh+++Ft15L770fZ2XbNmyavWatb2dyzo7Q+FwVFVVTVEUDUDXc9m8YWSTyeT81OTExPCbb47u+u/nh1/bt2/G09mC67/gw/P793u+miTWDZgbLBF/0PyAkeq8FiiXYrd9xKMyXtXydrwaIHkX36rynBukamrLwOAhWx4YPGQv2DCvUXSTvdCRYroXxDzVVdb9L3vSvUC5X557NPMDrpaqFfMU8FfDxQByA1U2Snqn4NZCw90NdA8CIpWS6LV31SS1Wj73QAPlNtUNmvvnZ8i9fJvqdsnv3q5SD0Xp8jbO71rwuW5kuoGH504TfeqoRdUkDp9/v5GunimE9wV56/ZtaC2enxQIDdwLVfLUqtuuwrOrXPvlqQVCrZl/Ba/Wm63nrQsN3vulNbIxUM+yxm7wvp4yGgKlFi3lLkitspb6kypNl3c2PmS4lHWe+W/TeOj/AVBUUjGK86LuAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTAyLTIzVDE3OjQ0OjAxKzAwOjAwfvEY6QAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wMi0yM1QxNzo0NDowMSswMDowMA+soFUAAAAASUVORK5CYII="); }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw h3#cancel-anytime:before,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw h3#cancel-anytime:before {
          content: url("data:image/png;base64,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"); }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .hiw.neg-op h3,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .hiw.neg-op h3 {
        font-size: 20px;
        font-weight: 700; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works h4,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works h4 {
        font-size: 24px;
        font-weight: 300;
        margin: 30px 0 5px 0; }
        .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works h4.alt,
        .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works h4.alt {
          border-bottom: none; }
      .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .button,
      .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .button {
        padding: 12px 30px;
        font-size: 16px; }

/*============================================
For Mobile
==============================================*/
@media all and (max-width: 840px) {
  .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col,
  .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col, .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col,
  .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
    .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(odd),
    .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(odd), .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(odd),
    .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(odd) {
      margin-left: auto;
      margin-right: auto; }
    .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(even),
    .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(even), .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(even),
    .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col.half-col:nth-of-type(even) {
      margin-left: auto;
      margin-right: auto; } }

@media all and (max-width: 690px) {
  .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4:before, .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4:after {
    width: 20%; } }

@media all and (max-width: 650px) {
  .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col,
  .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col, .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col,
  .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col {
    width: 100%;
    display: block; }
    .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(odd), .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(even),
    .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col:nth-of-type(odd),
    .content-max-width.cms.hiw-wrapper .enrollWrapper .how-membership-works .benefits .half-col:nth-of-type(even), .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(odd), .content-max-width.cms.upgrade-flow .modal-body .inner-wrapper .how-membership-works .benefits .half-col:nth-of-type(even),
    .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col:nth-of-type(odd),
    .content-max-width.cms.upgrade-flow .enrollWrapper .how-membership-works .benefits .half-col:nth-of-type(even) {
      float: none; } }

@media all and (max-width: 530px) {
  .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4:before, .content-max-width.cms.hiw-wrapper .modal-body .inner-wrapper h4:after {
    border-top: none; } }

.price-guide {
  padding: 40px; }
  .price-guide p {
    text-align: center;
    margin: 10px 20px; }
  .price-guide section {
    border-top: 1px solid;
    margin-bottom: 20px;
    padding: 20px 0; }
    .price-guide section:last-of-type {
      margin-bottom: 0;
      padding-bottom: 0; }
  .price-guide h2 {
    display: block;
    text-align: center; }
  .price-guide h4, .price-guide h5 {
    text-align: center; }
  .price-guide .button {
    padding: 5px 20px;
    margin-top: 20px; }
  .price-guide .half-col {
    margin-top: 20px; }
  .price-guide.non-bundle .half-col {
    margin: 20px auto;
    display: block; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 610px) {
  .price-guide {
    width: 90%;
    padding: 20px; }
    .price-guide p {
      margin: 0 0 5px 0; }
    .price-guide h2 {
      font-size: 22px; }
    .price-guide .half-col {
      display: block;
      width: 100%;
      margin: 20px 0 30px 0; }
    .price-guide section {
      margin-bottom: 0;
      padding: 20px 0 0 0; } }

footer {
  float: left;
  width: 100%;
  padding: 20px;
  font-size: 14px;
  margin-top: -112px;
  min-height: 112px; }
  footer ul li {
    display: inline-block; }
  footer .footer-list-left {
    float: left;
    margin-right: 20px; }
    footer .footer-list-left li ~ li {
      margin-left: 20px; }
  footer .footer-list-right {
    float: right;
    margin-left: 20px; }
    footer .footer-list-right li ~ li {
      margin-left: 5px; }
  footer p {
    clear: both;
    float: left;
    margin-top: 20px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 820px) {
  footer {
    font-size: 16px;
    text-align: center; }
    footer .content-max-width {
      padding: 0; }
    footer .footer-list-left {
      margin-right: 0;
      width: 100%; }
      footer .footer-list-left li {
        padding: 10px; }
      footer .footer-list-left li ~ li {
        margin-left: 0; }
    footer .footer-list-right {
      width: 100%;
      text-align: center;
      margin-top: 10px; } }

@media screen and (max-width: 600px) {
  footer {
    min-height: 400px;
    margin-top: -100px; } }

.category-bar {
  position: relative;
  border-bottom: 1px solid; }
  .category-bar .search-box {
    margin-top: -5px; }
  .category-bar .desktop-gift {
    display: inline-block; }
  .category-bar .mobile-gift {
    display: none; }

.category-nav-main {
  display: inline-block;
  vertical-align: bottom; }
  .category-nav-main > li {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-right: 30px; }
    .category-nav-main > li > a {
      display: block;
      height: 100%;
      padding-bottom: 10px;
      border-bottom: 5px solid; }
      .category-nav-main > li > a.gift-icon:before {
        display: inline-block;
        width: 1em;
        margin-right: 10px;
        content: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTNweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTMgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEzIDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsPSIjQzRBRTc2IiBwb2ludHM9IjguMDQyLDUgMTEuNDA2LDMuMzEyIDkuMzU0LDEuMjEyIDYuODY5LDQuNjQ0IDguMDQzLDAgDQoJNC45MDgsMCA1Ljk0Miw0LjUzNSAzLjU0LDEuMjIgMS40ODgsMy4zMTIgNC44NTMsNSAwLDUgMCwxNiAxMywxNiAxMyw1ICIvPg0KPC9zdmc+DQo="); }

.category-nav-secondary, .sort-by-box, .order-by-box {
  position: relative;
  height: 29px;
  margin-right: 0 !important; }
  .category-nav-secondary .arrow, .sort-by-box .arrow, .order-by-box .arrow {
    margin: 4px 10px; }
  .category-nav-secondary ul, .sort-by-box ul, .order-by-box ul {
    display: none;
    z-index: 60;
    position: absolute;
    top: 29px;
    left: -20px;
    background-color: #fff;
    border: 1px solid;
    border-top: none;
    padding-bottom: 20px; }
    .category-nav-secondary ul li, .sort-by-box ul li, .order-by-box ul li {
      padding: 10px 20px 0;
      white-space: nowrap; }
  .category-nav-secondary:hover ul, .sort-by-box:hover ul, .order-by-box:hover ul {
    display: block; }

.category-body .gift-shop-logo {
  display: block;
  min-height: 210px;
  background: url("/images/shared/TheGiftShopLogo.svg") no-repeat center top;
  background-size: contain; }

.category-body .gift-shop, .category-body .gift-genre {
  margin-top: 15px; }

.category-body .gift-shop {
  background: #005811 url("/images/shared/SnowBg.svg") repeat;
  padding: 0px 3.25% 10px;
  text-align: center; }
  .category-body .gift-shop .gift-shop-logo {
    margin: 0px auto -10px auto; }
  .category-body .gift-shop .genre {
    width: 270px;
    cursor: pointer;
    max-width: 30%;
    height: 340px;
    display: inline-block;
    margin: 0px 10px -15px 10px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat; }
    .category-body .gift-shop .genre.genre1 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box1.svg"); }
    .category-body .gift-shop .genre.genre2 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box2.svg"); }
    .category-body .gift-shop .genre.genre3 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box3.svg"); }
    .category-body .gift-shop .genre.genre4 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box4.svg"); }
    .category-body .gift-shop .genre.genre5 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box5.svg"); }
    .category-body .gift-shop .genre.genre6 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/box6.svg"); }
  .category-body .gift-shop .bottom-banner-container {
    margin-top: 65px; }
    .category-body .gift-shop .bottom-banner-container hr {
      width: 29%;
      background-color: #c4ae76; }
    .category-body .gift-shop .bottom-banner-container hr, .category-body .gift-shop .bottom-banner-container .bottom-banner {
      display: inline-block;
      position: relative; }
    .category-body .gift-shop .bottom-banner-container .bottom-banner {
      width: 252px;
      min-height: 50px;
      margin-top: -5px;
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/bottom_banner.svg");
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }
  .category-body .gift-shop .bottom-genre {
    padding-top: 35px;
    position: relative;
    display: block; }
    .category-body .gift-shop .bottom-genre .pointer {
      position: absolute;
      top: 50%;
      margin-top: -17px;
      z-index: 50;
      cursor: pointer; }
      .category-body .gift-shop .bottom-genre .pointer.left {
        left: 40px; }
      .category-body .gift-shop .bottom-genre .pointer.right {
        right: 40px; }
      .category-body .gift-shop .bottom-genre .pointer svg polygon {
        fill: #c4ae76; }
    .category-body .gift-shop .bottom-genre .product-list li {
      margin: 0 1% 20px 1%; }

.category-body .gift-genre .gift-header {
  background: #005811 url("/images/shared/SnowBg.svg") repeat;
  height: 120px;
  margin-bottom: 35px;
  display: block;
  position: relative; }
  .category-body .gift-genre .gift-header .gift-shop-logo {
    float: left;
    cursor: pointer;
    background-position: 25px center;
    width: 312px;
    min-height: 110px; }
  .category-body .gift-genre .gift-header .gift-shop-logo, .category-body .gift-genre .gift-header .gift-shop-header {
    display: inline-block; }
  .category-body .gift-genre .gift-header .gift-shop-header {
    height: 120px;
    right: 0;
    width: 452px;
    position: absolute;
    background-position: right 25px center;
    background-repeat: no-repeat; }
    .category-body .gift-genre .gift-header .gift-shop-header.header1 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header1.svg"); }
    .category-body .gift-genre .gift-header .gift-shop-header.header2 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header2.svg"); }
    .category-body .gift-genre .gift-header .gift-shop-header.header3 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header3.svg"); }
    .category-body .gift-genre .gift-header .gift-shop-header.header4 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header4.svg"); }
    .category-body .gift-genre .gift-header .gift-shop-header.header5 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header5.svg"); }
    .category-body .gift-genre .gift-header .gift-shop-header.header6 {
      background-image: url("https://s3.amazonaws.com/bookspan-media/excelsior-gift/header6.svg"); }

.category-body .gift-genre .desktopSort {
  display: block; }

.category-body .gift-genre .mobileSort {
  display: none; }

.category-body .gift-genre .sort-wrap {
  margin-top: -30px; }

.category-body .sort-wrap {
  width: 340px;
  margin-left: -340px;
  float: right; }
  .category-body .sort-wrap .order-by-box, .category-body .sort-wrap .sort-by-box {
    float: right; }
    .category-body .sort-wrap .order-by-box.hidden, .category-body .sort-wrap .sort-by-box.hidden {
      display: block; }

.category-body .content-container {
  border: transparent;
  padding: 0; }

.category-body h1, .category-body h5 {
  text-align: center; }

.category-body h1 {
  margin: 20px 0; }

.category-body .wrapper-product-details ul {
  margin-bottom: 10px; }
  .category-body .wrapper-product-details ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 28px;
    padding-right: 10px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 1050px) {
  .category-bar .search-box {
    padding-left: 0;
    width: 100px; }
    .category-bar .search-box input {
      width: 60px; } }

@media screen and (max-width: 900px) {
  .category-body .gift-shop .genre {
    height: 285px; }
  .category-body .gift-genre {
    margin-top: 30px; }
    .category-body .gift-genre .gift-header {
      margin-top: 12px; }
    .category-body .gift-genre .desktopSort {
      display: none; }
    .category-body .gift-genre .mobileSort {
      display: block; }
  .category-body .sort-wrap {
    width: 100%;
    float: none;
    margin: 0;
    position: relative;
    padding-bottom: 30px; }
    .category-body .sort-wrap .sort-by-box, .category-body .sort-wrap .order-by-box {
      display: none;
      width: 100%;
      background-color: #fff;
      position: absolute;
      top: 35px;
      left: 0;
      z-index: 39;
      height: auto;
      line-height: 36px;
      border: 1px solid #e8edf0;
      border-top: none;
      border-bottom: none;
      float: none; }
      .category-body .sort-wrap .sort-by-box > div, .category-body .sort-wrap .order-by-box > div {
        display: none; }
      .category-body .sort-wrap .sort-by-box.has-sub, .category-body .sort-wrap .order-by-box.has-sub {
        border: none; }
      .category-body .sort-wrap .sort-by-box.showing, .category-body .sort-wrap .order-by-box.showing {
        display: block; }
      .category-body .sort-wrap .sort-by-box.hidden, .category-body .sort-wrap .order-by-box.hidden {
        display: none; }
      .category-body .sort-wrap .sort-by-box ul, .category-body .sort-wrap .order-by-box ul {
        display: none;
        top: 0;
        left: 0;
        position: absolute;
        width: 100%; }
        .category-body .sort-wrap .sort-by-box ul li, .category-body .sort-wrap .order-by-box ul li {
          float: left;
          width: 100%; }
          .category-body .sort-wrap .sort-by-box ul li a, .category-body .sort-wrap .order-by-box ul li a {
            float: left; }
      .category-body .sort-wrap .sort-by-box.has-sub > ul, .category-body .sort-wrap .order-by-box.has-sub > ul {
        border: none; }
      .category-body .sort-wrap .sort-by-box.showing > ul, .category-body .sort-wrap .order-by-box.showing > ul {
        display: block; }
      .category-body .sort-wrap .sort-by-box.hidden > ul, .category-body .sort-wrap .order-by-box.hidden > ul {
        display: none; }
    .category-body .sort-wrap .mobile-nav-wrapper {
      display: block;
      width: 100%; }
      .category-body .sort-wrap .mobile-nav-wrapper .mobile-nav-toggler {
        width: 50%;
        display: block;
        margin-bottom: 10px; }
        .category-body .sort-wrap .mobile-nav-wrapper .mobile-nav-toggler.left {
          border-right: none; }
        .category-body .sort-wrap .mobile-nav-wrapper .mobile-nav-toggler.active h6 {
          color: #333; }
        .category-body .sort-wrap .mobile-nav-wrapper .mobile-nav-toggler.active .arrow {
          display: none; }
  .category-bar {
    border-bottom: none; }
    .category-bar .search-box {
      float: none;
      width: 100%;
      padding: 3px 3px 3px 10px;
      padding-left: 10px;
      margin-bottom: 10px; }
      .category-bar .search-box input {
        width: 90%; } }

@media screen and (max-width: 970px) {
  .category-nav-secondary ul {
    left: -90px; } }

@media screen and (max-width: 960px) {
  .category-nav-main .category-body h1 {
    font-size: 36px; }
  .category-nav-main li {
    margin-right: 20px; } }

@media screen and (max-width: 850px) {
  .category-body .gift-shop .bottom-genre .product-list li {
    margin: 0 1.5% 20px 1.5%; }
  .category-body .gift-shop .bottom-genre .pointer.right {
    right: 0px; }
  .category-body .gift-shop .bottom-genre .pointer.left {
    left: 0px; } }

@media screen and (max-width: 835px) {
  .category-body .gift-genre .gift-header {
    height: 190px;
    text-align: center; }
    .category-body .gift-genre .gift-header .gift-shop-logo, .category-body .gift-genre .gift-header .gift-shop-header {
      margin: 0 auto;
      position: relative;
      background-size: contain; }
    .category-body .gift-genre .gift-header .gift-shop-header {
      background-position: center center;
      height: 50px;
      margin-top: 0;
      margin-bottom: auto;
      right: initial;
      width: 80%; }
    .category-body .gift-genre .gift-header .gift-shop-logo {
      background-position: top center;
      float: none;
      width: 90%;
      display: block;
      height: 135px;
      min-height: auto; } }

@media screen and (max-width: 780px) {
  .category-body h1 {
    font-size: 26px;
    margin: 0 10px 10px;
    line-height: 30px; }
  .category-body .gift-shop {
    padding: 0 30px 10px; }
    .category-body .gift-shop .genre {
      max-width: 44%;
      height: 325px; }
    .category-body .gift-shop .bottom-banner-container hr {
      width: 18%; }
  .category-bar {
    border-bottom: none; }
    .category-bar .desktop-gift {
      display: none; }
    .category-bar .mobile-gift {
      display: block; }
    .category-bar .search-box input[placeholder], .category-bar .search-box [placeholder], .category-bar .search-box *[placeholder] {
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: .5px;
      font-size: 12px; }
    .category-bar .category-nav-main {
      display: none;
      width: 100%;
      background-color: #fff;
      position: absolute;
      top: 35px;
      left: 0;
      z-index: 40;
      height: auto;
      line-height: 36px;
      border: 1px solid #e8edf0;
      border-top: none;
      border-bottom: none; }
      .category-bar .category-nav-main.has-sub {
        border: none; }
      .category-bar .category-nav-main.showing {
        display: block; }
      .category-bar .category-nav-main.hidden {
        display: none; }
      .category-bar .category-nav-main li {
        display: block;
        height: auto;
        margin-right: 0;
        padding: 0; }
        .category-bar .category-nav-main li a {
          width: 100%;
          padding: 0 0 0 10px;
          border-bottom: 1px solid #e8edf0; }
          .category-bar .category-nav-main li a:hover {
            border-bottom: 1px solid #e8edf0; }
          .category-bar .category-nav-main li a.active {
            border-bottom: 1px solid; }
    .category-bar .category-nav-secondary > div {
      display: none; }
    .category-bar .category-nav-secondary ul {
      display: block;
      top: 0;
      left: 0;
      position: absolute;
      width: 100%; }
      .category-bar .category-nav-secondary ul li {
        width: 100%; }
        .category-bar .category-nav-secondary ul li a {
          float: left; }
    .category-bar .mobile-nav-wrapper {
      display: block;
      width: 100%; }
      .category-bar .mobile-nav-wrapper .mobile-nav-toggler {
        width: 50%;
        display: block;
        margin-bottom: 10px; }
        .category-bar .mobile-nav-wrapper .mobile-nav-toggler.left {
          border-right: none; }
        .category-bar .mobile-nav-wrapper .mobile-nav-toggler.active h6 {
          color: #333; }
        .category-bar .mobile-nav-wrapper .mobile-nav-toggler.active .arrow {
          display: none; } }

@media screen and (max-width: 650px) {
  .category-body .gift-shop {
    padding: 0 20px 10px; }
    .category-body .gift-shop .genre {
      width: 46%;
      height: 270px; } }

@media screen and (max-width: 550px) {
  .category-body .gift-shop .bottom-genre .product-list li {
    width: 40%;
    margin: 0 1.5% 20px 1.5%; }
  .category-body .gift-shop .bottom-genre .pointer.right {
    right: 5px; }
  .category-body .gift-shop .bottom-genre .pointer.left {
    left: 5px; } }

@media screen and (max-width: 500px) {
  .category-body .gift-shop {
    padding: 0 5px 10px; }
    .category-body .gift-shop .gift-shop-logo {
      min-height: 185px; }
    .category-body .gift-shop .bottom-banner-container hr {
      display: none; }
    .category-body .gift-shop .genre {
      margin-bottom: 0px;
      height: 240px; } }

@media screen and (max-width: 420px) {
  .category-body .gift-shop .gift-shop-logo {
    min-height: 140px; }
  .category-body .gift-shop .genre {
    height: 220px;
    margin: 0px 5px -15px 5px; } }

@media screen and (max-width: 370px) {
  .category-body .gift-genre .gift-header {
    height: 180px; }
    .category-body .gift-genre .gift-header .gift-shop-logo {
      height: 120px; }
  .category-body .gift-shop .gift-shop-logo {
    height: 80px; }
  .category-body .gift-shop .genre {
    height: 185px; }
  .category-body .gift-shop .bottom-genre .pointer.right {
    right: 0px; }
  .category-body .gift-shop .bottom-genre .pointer.left {
    left: 0px; } }

@media screen and (max-width: 340px) {
  .category-body .gift-genre .gift-header {
    height: 160px; }
    .category-body .gift-genre .gift-header .gift-shop-logo {
      height: 100px; } }

.search-box {
  display: inline-block;
  position: relative;
  float: right;
  width: 185px;
  border: 1px solid;
  padding-left: 5px; }
  .search-box input {
    display: inline-block;
    width: 150px;
    border: transparent;
    margin: 0;
    padding: 5px;
    outline: none; }
  .search-box button {
    display: inline-block;
    background-color: transparent;
    padding: 0;
    vertical-align: middle;
    margin-top: 2px; }

.search-wrapper h1 {
  margin: 10px 0; }

.search-wrapper h4 {
  margin-bottom: 0;
  line-height: 37px; }

.search-suggestions {
  display: none;
  position: absolute;
  top: 26px;
  left: 20px;
  min-width: 120px;
  z-index: 60;
  border: 1px solid;
  border-top: none;
  background-color: #fff;
  padding: 10px; }
  .search-suggestions.active {
    display: block; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 500px) {
  .search-wrapper .bottom-line {
    padding-bottom: 0;
    border-bottom: none; }
  .search-wrapper .half-col {
    width: 100%; }
    .search-wrapper .half-col .search-box {
      float: left;
      width: 100%; } }

.upgrade-flow .modal-body {
  height: 100%;
  width: 100%;
  padding: 20px;
  margin-bottom: 100px; }
  .upgrade-flow .modal-body .how-membership-works {
    margin: 40px 0; }
  .upgrade-flow .modal-body .bordered-box {
    padding: 20px;
    background-color: #f5fafd; }
    .upgrade-flow .modal-body .bordered-box .help-link {
      text-align: center; }
    .upgrade-flow .modal-body .bordered-box h5 {
      line-height: 20px;
      margin-bottom: 20px; }
    .upgrade-flow .modal-body .bordered-box button.fat, .upgrade-flow .modal-body .bordered-box .button.fat {
      width: 270px;
      display: inline-block;
      margin: 20px 5px; }
      .upgrade-flow .modal-body .bordered-box button.fat.full-width, .upgrade-flow .modal-body .bordered-box .button.fat.full-width {
        width: 100%; }
    .upgrade-flow .modal-body .bordered-box .btn-secondary {
      margin: 10px 0 10px 10px; }

.content-max-width.cms.upgrade-flow .modal-body .inner-wrapper h2 {
  font-size: 20px;
  margin: 0 0 20px 0; }

/*============================================
For Mobile
==============================================*/
@media all and (max-width: 1090px) {
  .content-max-width.cms.upgrade-flow {
    margin-top: 60px; } }

@media all and (max-width: 800px) {
  .upgrade-flow .modal-body .bordered-box .help-link {
    text-align: center; }
  .upgrade-flow .modal-body .bordered-box button.fat,
  .upgrade-flow .modal-body .bordered-box .button.fat {
    width: 100%;
    margin: 10px 0; }
  .upgrade-flow .modal-body .bordered-box .button.btn-secondary {
    margin-top: 0; } }

@media all and (max-width: 600px) {
  .header-menu .btn-primary {
    margin: 0; }
  .content-max-width.cms.upgrade-flow {
    margin-top: 33px; } }

@media all and (max-width: 460px) {
  .upgrade-flow .modal-body {
    text-align: center; } }

.onetime-payment h4.alt {
  margin-bottom: 20px; }

.onetime-payment-login .half-col.left {
  border-right: 1px solid; }

.onetime-payment-login .half-col.right {
  padding-left: 20px; }

.form-otp-container {
  margin: 0 0 10px 0;
  text-align: left; }
  .form-otp-container input[type=radio], .form-otp-container input[type=text], .form-otp-container label {
    display: inline-block;
    vertical-align: middle; }
  .form-otp-container input[type=radio] {
    margin-right: 10px; }
  .form-otp-container input[type=text] {
    width: 70px;
    padding: 4px; }
  .form-otp-container label {
    margin-right: 2px; }

.modal-body.onetime-payment .selectedPayment button.btn-primary {
  padding: 12px 16px;
  width: 200%;
  margin-left: -100%;
  margin-top: 40px;
  margin-bottom: 10px; }

/*============================================
For Mobile
==============================================*/
@media screen and (max-width: 740px) {
  .modal-body.onetime-payment .half-col {
    display: block;
    width: 100%; }
    .modal-body.onetime-payment .half-col.left {
      padding-right: 0;
      margin-bottom: 40px; }
    .modal-body.onetime-payment .half-col .form-otp-container {
      margin: 0 0 10px 0; }
  .modal-body.onetime-payment .selectedPayment button.btn-primary {
    width: 100%;
    margin-left: 0; } }

@media screen and (max-width: 720px) {
  .form-otp .half-col {
    display: block;
    width: 100%; }
    .form-otp .half-col.right {
      padding-right: 0; }
  .form-otp .bordered-box {
    padding: 0;
    margin: 0;
    border: none; }
  .onetime-payment-login .half-col {
    display: block;
    width: 100%; }
    .onetime-payment-login .half-col.left {
      border-right: none;
      padding-right: 0; }
    .onetime-payment-login .half-col.right {
      padding-left: 0;
      margin-top: 40px; } }

#support-main {
  width: 100%;
  max-width: 706px;
  background: #ffffff !important;
  border: 1px solid #ccccc4;
  border-radius: 6px;
  margin-bottom: 40px;
  display: inline-block; }
  #support-main .content {
    overflow: hidden;
    padding: 20px; }
  #support-main h3 {
    border-bottom: 1px solid #ccccc4;
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-weight: 300;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }

#support-side {
  margin: 0 0 0 20px;
  width: 100%;
  max-width: 175px;
  display: inline-block; }
  #support-side .content {
    margin: 0 0 40px; }
  #support-side h3 {
    border-bottom: 1px solid #ccccc4;
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-weight: 300;
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; }

/*
 * Background color groupings
*/
.cart-modal,
.category-browse-menu,
.catalog-items-view .catalog-item-details,
.commerce-bar-item .graphic,
.commerce-bar .half-col.active,
.content-container,
.credit-btn .icon,
.featured-selections-details,
.item-wrapper .item-holder,
.modal-body,
.nav-menu-interactive-submenu,
.notification-center .message,
.search-box, .cart-modal,
.commerce-bar .half-col.active,
.credit-btn .icon, .terms-of-membership-box,
.select-wrapper .mask, .credits-box {
  background-color: #ffffff; }

.burger-icon:before, .burger-icon:after,
.top-nav-wrapper,
.featured-selections-menu img.cover-fs,
footer, .enroll-header,
.nav-menu,
.product-thumb,
.top-nav,
.btn-secondary, .btn-header,
.active .number-steps {
  background-color: #262b2e; }

.pd-actions .centerLine hr {
  background-color: #d0d8dc; }

.btn-secondary:hover, hr,
button:disabled, button.disabled,
.button:disabled, .button.disabled,
button:disabled:hover, button.disabled:hover,
.button:disabled:hover,
.button.disabled:hover {
  background-color: #79848a; }

.paymentMethodList.editable li,
.paymentMethodList.editable li:hover {
  background-color: #f1f4f5; }

.btn-secondary:hover {
  background-color: #000; }

.icon-placeholder,
.nav-bar,
.nav-bar .search-menu,
.paymentMethodList li .radio-icon {
  background-color: #e8edf0; }

.commerce-bar .item-wrapper .price-flag,
.number-steps {
  background-color: #d0dadc; }

body,
.commerce-bar .half-col,
.commerce-bar .half-col .mobile-tab,
.commerce-bar-wrapper, .credit-btn, .commerce-bar-mobile,
.btn-tertiary:hover, .message-box, .order-header {
  background-color: #e8edf0; }

.btn-tertiary, .page-modal, .btn-header:hover,
.feedback-wrapper, .paymentMethodList li,
.paymentMethodList li.button {
  background-color: #a1b3b7; }

.btn-tertiary:hover,
.paymentMethodList li:hover,
.paymentMethodList li:hover .radio-icon,
.paymentMethodList li.button:hover,
.paymentMethodList li.default .radio-icon,
.paymentMethodList li.default {
  background-color: #638992; }

.btn-primary,
.burger-icon,
.commerce-bar-item.featured .graphic,
.nav-menu a.active,
.nav-menu-button-large,
.notification-center .box-icon,
.notification-center .box-icon-mobile,
.round-counter, .credit-btn.active,
.message-bar, .cartItemMessageBox {
  background-color: #cf2041; }

.btn-primary:hover, .btn-primary:active,
.nav-menu a:hover, .nav-menu a:active,
.nav-menu-button-large:hover {
  background-color: #b40f2e; }

.remove svg path,
.remove svg polygon,
.credit-btn:hover path,
.search-box button:hover path,
.download svg path {
  fill: #a1b3b7; }

.search-box svg path,
.formatContainer .active.format .icon svg path,
.formatContainer .active.format:hover .icon svg path {
  fill: #000; }

button.wishlist path,
.credit-btn path,
.remove svg path#bgFill,
.formatContainer .format .icon svg path,
.remove:hover svg polygon {
  fill: #ffffff; }

.remove:hover svg #bgFill,
.credit-btn.active path {
  fill: #cf2041; }

/*
 * Text color groupings
*/
.primary-color,
.nav-menu-interactive-strong-text,
.nav-menu-interactive-toggler,
.price-flag.bundle-pricing, .category-nav-main a.active,
.header-link:hover, .header-link.active, .header-link.active a, .item-wrapper .price,
.price.bundle-pricing.no-credit, .fs-item-wrapper .item-wrapper .price-flag,
.fs-item-wrapper-mobile .item-wrapper .price-flag.use-credit,
.category-nav-secondary ul li a:hover,
.enrollment-commerce h6.header-link,
.sort-wrap ul li a:hover,
.page-modal.mini-cart .cart-item p.title,
.sort-wrap ul li a.active {
  color: #cf2041; }

.nav-menu-interactive-toggler:hover, .pd-actions a:hover {
  color: #ec8498; }

.btn-primary,
.btn-secondary,
.btn-tertiary,
header, .header-menu a,
footer, footer a, footer a:visited,
.logo, .nav-menu, .nav-menu a,
.nav-menu a:active, .nav-menu a:hover,
.nav-menu a.active,
.nav-menu-button-large,
.round-counter, .credit-btn.active,
.top-nav .commercebar-toggler li a,
.btn-header, .message-bar,
.feedback-wrapper, .number-steps,
a.button, .paymentMethodList li,
.paymentMethodList.paymentMethodList.editable li.button,
.cartItemMessageBox, .cartItemMessageBox a {
  color: #ffffff; }

a.button:visited, a.button:hover {
  color: #ffffff; }

.seconadry-text-color,
.enroll-cart-header h4 {
  color: #d0dadc; }

.pd-details li, .menu-nav-text,
.offer-header, .modal-close, .credit-btn, .mobile-nav-wrapper h6,
.paymentMethodList li .btn-icon {
  color: #a1b3b7; }

[placeholder], *[placeholder] {
  color: #638992; }

a, a:visited, .help-link, .edit-link,
.paymentMethodList li:hover .btn-icon,
.paymentMethodList li.button:hover .btn-icon {
  color: #638992; }

button:disabled, button.disabled,
.button:disabled, .button.disabled,
.cart-modal,
.commerce-bar,
.nav-bar, .nav-bar a,
.nav-menu-interactive-submenu,
.price.-disabled,
.header-link a, .help-link:hover,
.modal-window, .enroll-cart-header .active h4,
.message-bar .confirmation-wrapper {
  color: #262b2e; }

footer .small-text, .price-flag,
.item-wrapper .price.bundle-pricing,
.page-modal.mini-cart .cart-item p.price,
.page-modal.mini-cart .col-third .remove:after,
.fs-item-wrapper .item-wrapper .price.use-credit {
  color: #79848a; }

.category-nav-main a, .credits-box,
.search-box input[placeholder] {
  color: #000; }

.highlight-color {
  color: #bd9e34; }

.errorMessage {
  color: red; }

.category-nav-secondary ul li a.gift-icon,
.category-nav-main a.gift-icon {
  color: #005811; }

/*
 * Border color groupings
*/
.nav-menu li, .modal-close, .details li,
.credit-btn .icon, .category-nav-main > li a:hover {
  border-color: #a1b3b7; }

.btn-header, .category-nav-main > li a {
  border-color: #ffffff; }

.page-modal.cart .member-cart .col-70,
.page-modal.cart .col-70,
.page-modal.order-success .col-30,
.page-modal.cart .member-cart .cart-order-items tr,
.page-modal.cart .cart-order-items tr,
.page-modal.cart .cart-order-items .col-fourth,
.page-modal.cart .member-cart .cart-order-summary .section .total,
.page-modal.cart .cart-order-summary .section .total,
.category-bar, .category-bar .search-menu, .category-nav-secondary ul, .sort-wrap ul,
.category-browse-menu, .search-suggestions,
.ruled-list, .mobile-nav-toggler, .bottom-line {
  border-color: #e8edf0; }

.order-history-list > li, .commerce-bar-mobile .fs-item-wrapper-mobile,
.order-history-list > li:first-of-type, .order-header,
h4.alt, h3.alt, .price-guide section {
  border-color: #d0dadc; }

.credit-btn.active .icon,
.credit-btn.active:hover .icon {
  border-color: #b40f2e; }

.category-nav-main > li a.active,
.commerce-bar .feature-selections-wrapper ul li:active,
.commerce-bar .feature-selections-wrapper ul li.active,
.header-menu a.active, .commerce-bar .half-col .header-link.active,
.commerce-bar .feature-selections-wrapper ul .shiny-hover.active,
.commerce-bar .half-col .overlayLink:hover {
  border-color: #cf2041; }

.commerce-bar .feature-selections-wrapper ul .shiny-hover:hover {
  border-color: #ec8498; }

.cart-modal .cart-order-items .table-row,
.commerce-bar,
.commerce-bar-item.featured,
header, .product-detail-container.fs-detail {
  border-color: #262b2e; }

.formatContainer .format .icon {
  border-color: #79848a; }

.search-box {
  border-color: #000; }

.braintree-input,
.commerce-bar .half-col,
.commerce-bar .half-col.active,
.commerce-bar .half-col .overlayLink,
.commerce-bar.enrollment-commerce .half-col.left,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
.select-wrapper,
.select-wrapper .mask,
.braintreeObj .hostedFieldForm .hostedFieldInput {
  border-color: #d0d8dc; }

.commerce-bar .half-col, .commerce-bar .half-col.active {
  border-color: #d0d8dc; }

.commerce-bar .half-col {
  border-top-color: #e8edf0; }

/*
 * Other
*/
.commerce-bar .half-col {
  background-color: #d6dfe4;
  background-color: -moz-linear-gradient(top, #d6dfe4 74%, #cad1d3 74%, #cad1d3 80%, #dee6e8 100%);
  background-color: -webkit-linear-gradient(top, #d6dfe4 74%, #cad1d3 74%, #cad1d3 80%, #dee6e8 100%);
  background-color: linear-gradient(to bottom, #d6dfe4 74%, #cad1d3 74%, #cad1d3 80%, #dee6e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6dfe4', endColorstr='#dee6e8',GradientType=0 ); }
  .commerce-bar .half-col.right {
    -webkit-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    -moz-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    -o-box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8);
    box-shadow: inset 9px -9px 8px -8px rgba(180, 190, 192, 0.8); }
    .commerce-bar .half-col.right .overlayLink {
      -webkit-border-radius: 0 4px 0 0;
      -moz-border-radius: 0 4px 0 0;
      -ms-border-radius: 0 4px 0 0;
      border-radius: 0 4px 0 0; }
  .commerce-bar .half-col.left {
    -webkit-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    -moz-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    -o-box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8);
    box-shadow: inset -9px -9px 8px -9px rgba(180, 190, 192, 0.8); }
    .commerce-bar .half-col.left .overlayLink {
      -webkit-border-radius: 4px 0 0;
      -moz-border-radius: 4px 0 0;
      -ms-border-radius: 4px 0 0;
      border-radius: 4px 0 0; }
  .commerce-bar .half-col.active {
    background-color: #ffffff;
    background-color: -moz-linear-gradient(top, #ffffff 74%, #c5d7dc 74%, #c5d7dc 80%, #d9e6ea 100%);
    background-color: -webkit-linear-gradient(top, #ffffff 74%, #c5d7dc 74%, #c5d7dc 80%, #d9e6ea 100%);
    background-color: linear-gradient(to bottom, #ffffff 74%, #c5d7dc 74%, #c5d7dc 80%, #d9e6ea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9e6ea',GradientType=0 );
    -webkit-box-shadow: inset 7px -8px 6px -8px transparent;
    -moz-box-shadow: inset 7px -8px 6px -8px transparent;
    -o-box-shadow: inset 7px -8px 6px -8px transparent;
    box-shadow: inset 7px -8px 6px -8px transparent; }

.commerce-bar.enrollment-commerce .half-col.left {
  background-color: #ffffff;
  -webkit-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -moz-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0);
  -o-box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0);
  box-shadow: inset 0px 0px 0px 0px rgba(255, 255, 255, 0); }

.commerce-bar.enrollment-commerce .half-col.right {
  border-left: none; }

.modal-window.featured-selection .pointer polygon, .modal-window.featured-selection .modal-close {
  fill: #cf2041;
  color: #cf2041; }

.modal-window.featured-selection .pointer:hover polygon, .modal-window.featured-selection .modal-close {
  fill: #b40f2e;
  color: #b40f2e; }

@media all and (max-width: 780px) {
  .search-box {
    border-color: #e8edf0; }
  .search-box svg path {
    fill: #a1b3b7; } }

/*# sourceMappingURL=myg.css.map*/