.flex { display: flex; }
.right { text-align: right !important; }
.line { margin: 6rem 0; width: 100%; height: 1px; background-color: #e0e0e0; }

.span-all-rows {
  grid-row: 1 / -1;
  margin: 1rem auto;
  width: 100%;
  display: block;
  text-align: center;
}

.ma-bt-md { margin-bottom: 2.5rem !important; }
.ma-bt-lg { margin-bottom: 3.5rem !important; }
.ma-bt-terms { display: flex; justify-content: left; align-items: baseline; }

.heading-secondary {
  font-size: 2.25rem;
  font-weight: 700;
  color: #171717;
  letter-spacing: 0.1rem;
  line-height: 1.3;
  display: inline-block;
}

.heading-primary {
  color: #fff;
  font-weight: 400;
  font-size: 2.5rem;
  text-align: left;
}
.heading-primary span {
  padding: 0.5rem 1rem;
  line-height: 1;
  box-decoration-break: clone;
  color: #171717;
}

.btn--small { padding: 1.25rem 3rem; font-size: 1.4rem; }

.btn--smaller {
  padding: 0.1rem 0.5rem !important;
  font-size: 1.2rem !important;
  text-transform: capitalize !important;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-cta1 .cta-for-bid { margin: 2rem 1rem; }
.section-cta1 .cta-for-bid svg,
.section-cta1 .cta-for-bid img {
  fill: #002af7;
  margin-right: 0.5rem;
  color: #002af7;
}
.section-cta1 .cta-for-bid > div {
  font-size: 1.8rem;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
.section-cta1 .cta-for-bid .current-bid-container { display: flex; flex-direction: column; }
.section-cta1 .cta-for-bid .bidders-container { display: flex; align-items: center; }
.section-cta1 .cta-for-bid .current-bid,
.section-cta1 .cta-for-bid .cta__content-raise,
.section-cta1 .cta-for-bid .cta__content-raise input {
  font-size: 3rem;
  font-weight: bold;
  margin: 1rem 0;
}
.section-cta1 .cta-for-bid .cta__content-raise input { border: 0.2rem solid #002af7; }
.section-cta1 .cta-for-bid > div > p > .btn--blue { margin-left: 1rem; padding: 1rem; }
.section-cta1 .cta-for-bid .heading-secondary { margin-bottom: 2rem; }
.section-cta1 .cta-for-bid a.cta__content-raise { display: block; width: 100%; }

.cta__content-raise {
  padding-top: 1rem;
  justify-content: space-around;
  text-decoration: none;
}
.cta__content-raise > .btn { padding: 1.4rem; margin: 0.5rem; }

div.donate-section { font-size: 2rem; margin-top: 5rem; }
div.donate-section p.qr-code { text-align: center; }

.reco { display: flex; justify-content: space-between; }
.reco .card { min-width: 15rem; max-width: 20rem; }

.nav__user-img { height: 3.5rem; width: 3.5rem; border-radius: 50%; margin-right: 1rem; }
.side-nav { list-style: none; }

.cards__navigation-panel {
  display: flex;
  justify-content: space-between;
  font-size: 2rem;
  margin-bottom: 2rem;
}

.content-container {
  max-width: 1440px;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 3rem;
}

.card {
  color: #171717;
  overflow: hidden;
  box-shadow: 0 1.5rem 4rem rgba(0, 0, 0, 0.1);
  background-color: #fff;
  width: 50%;
  max-width: 35rem;
  margin: 1rem 0;
}

.card__footer-value { font-weight: 400; }
.card__footer-text { color: #999; }

.content-page { font-size: 1.6rem; }
.content-page ol.list-dots li { list-style-type: lower-roman; }
.content-page .list-dots li { list-style: inside; }
.content-page p,
.content-page ul { margin: 1rem 0; list-style-position: inside; }
.content-page p::before { content: ''; }

.error__title { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; }
.error__emoji { font-size: 3.75rem; margin-left: 1rem; }
.error__msg {
  font-size: 2rem;
  font-weight: 500;
  max-width: 80%;
  margin: 1rem auto;
  text-align: center;
}
.error__msg-system { margin-bottom: 3rem; font-size: 2.5rem; font-weight: 700; }
.error__msg-item { display: flex; flex-direction: column; align-items: flex-start; }
.error__msg-item > a,
.error__msg-item > span { align-self: center; margin: 1rem; }

.form__label,
.delivery-message,
.subscription-message {
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}

.form__publication-notice {
  font-size: 1.5rem;
  margin-bottom: 2rem;
  text-align: center;
}

.delivery-info,
.form__group.ma-bt-md.isSubscribed { display: flex; }
.form__group.ma-bt-md.isSubscribed > #isSubscribed { margin-right: 2rem; }
.delivery-info .form__group { flex: 50%; }
.delivery-info .form__group + .form__group { padding-left: 2rem; text-align-last: left; }

#emailVerification,
#botAuthorization { text-align: right; color: inherit; }
#emailConfirmation { text-align: center; }
#emailConfirmation a { text-align: center; margin: 2rem; display: inline-block; }
#emailConfirmationFormReport { font-weight: bold; }

.form__forgot_password {
  text-align: right;
  display: block;
  font-size: 1.5rem;
  margin-top: 1.5rem;
  color: inherit;
  font-family: 'Helvetica';
}

.form__photo-upload { display: flex; flex-wrap: wrap; align-items: center; font-size: 1.6rem; }
.form__user-photo { height: 7.5rem; width: 7.5rem; border-radius: 50%; margin-right: 2rem; }
.form__info-message { flex-basis: 100%; font-size: 1.2rem; padding-top: 1rem; }

.contact-list,
.bank-account {
  font-size: 1.5rem;
  list-style: none;
  padding-bottom: 3rem;
}

.unordered-list-circle { list-style-type: disc; }
.unordered-list-square { list-style-type: square; }
.unordered-list-circle li,
.unordered-list-square li { margin-left: 1rem; list-style-position: inside; }

.contact-list a,
.contact-list a:visited { color: inherit; }

@media (min-width: 1440px) {
  .card.card-overview { max-width: calc(25% - 2rem); margin: 1rem; }
}
@media (min-width: 1000px) and (max-width: 1439px) {
  .card.card-overview { max-width: calc(33% - 2rem); margin: 1rem; }
}
@media (min-width: 500px) and (max-width: 999px) {
  .card.card-overview { max-width: calc(50% - 2rem); margin: 1rem; }
}
@media (max-width: 499px) {
  .cards__navigation-panel { flex-direction: column; }
  .cards__navigation-panel .sorting { display: flex; justify-content: space-between; }
  .content-container { width: 90%; }
  .content-container .login-form,
  .content-container .forgotPassowrd-form { padding: 2rem; border-radius: 0; }
  .content-container .form__group.form__ctaBlock { flex-direction: column-reverse; }
  .alert { width: 100%; padding: 1rem 0.5rem; }
  .delivery-info { flex-direction: column; }
  .delivery-info div.form__group + div.form__group { padding-left: 0; }
}