.profile-delete,
.status__container,
.redirect__container,
.profile-edit,
.profile-details-mail-username-container,
.discover-container .section-items,
.newsletter-register,
.newsletter-subscription {
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
#notices__loadcontent,
#articles__loadmore,
.htmx-request.loader-indicator {
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/img/icons/loader-rolling.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.newsletter-subscription__image-url img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}
.newsletter-subscription {
  background: #fff;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription {
    margin-bottom: 0;
    border-radius: 0;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 32px;
    align-items: center;
  }
  .newsletter-subscription:after {
    content: "";
    border-bottom: 1px solid #e9e9e9;
    width: calc(100% - 32px);
    display: block;
    margin: -1px auto 0;
    bottom: 0;
    height: 1px;
    left: 16px;
    position: absolute;
  }
}
.newsletter-subscription__heading {
  display: flex;
  margin-bottom: 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__heading {
    margin-bottom: 8px;
  }
}
.newsletter-subscription__heading-text {
  margin-right: 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__heading-text {
    margin-right: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.newsletter-subscription__heading-text div {
  font-size: 24px;
  line-height: 26px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  margin: 0 0 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__heading-text div {
    font-size: 24px;
    line-height: 30px;
    margin: 0;
  }
}
.newsletter-subscription__heading-text p {
  font-size: 13px;
  margin: 0;
}
.newsletter-subscription__heading-logo {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  margin: 8px 0 0 auto;
}
.newsletter-subscription__heading-logo img {
  width: 100%;
}
.newsletter-subscription__blurb {
  font-size: 13px;
  line-height: 18px;
  display: flex;
  align-items: flex-start;
  margin: 16px 0 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__blurb {
    text-align: center;
    margin: 0 0 16px 0;
    font-size: 16px;
    line-height: 21px;
  }
}
.newsletter-subscription__blurb img {
  width: 54px;
  margin-right: 16px;
  flex: 0 0 auto;
}
.newsletter-subscription__blurb p {
  margin: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__blurb p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
}
.newsletter-subscription__btn {
  font-size: 15px;
  background-color: #212121;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-size: 15px;
  text-align: center;
  display: block;
  margin-top: 16px;
}
.newsletter-subscription__btn:hover,
.newsletter-subscription__btn:focus,
.newsletter-subscription__btn:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.newsletter-subscription__btn:disabled,
.newsletter-subscription__btn [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__btn {
    margin-top: 0;
    font-family: "proximanova-bold", sans-serif;
  }
}
.newsletter-subscription__image-url {
  width: calc(32px + 100%);
  height: 214px;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  margin-left: -16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .newsletter-subscription__image-url {
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    width: 100%;
    margin: 0 0 24px 0;
  }
}
.newsletter-register {
  padding: 16px 16px 32px;
  margin-bottom: 16px;
  text-align: center;
  color: #212121;
  position: relative;
}
.newsletter-register .news24-branding {
  min-height: 24px;
  text-align: right;
  width: 100%;
  margin-bottom: 4px;
}
.newsletter-register .news24-branding img {
  float: right;
  max-height: 24px;
}
.newsletter-register.matric-results {
  background: #06bbd3;
  color: #fff;
}
.newsletter-register.matric-results .newsletter-register--header {
  color: #fff;
}
.newsletter-register.matric-results .newsletter-register--header a {
  color: #fff;
}
.newsletter-register.matric-results #email-submit {
  background: #f6b31b;
}
.newsletter-register.matric-results .recaptcha-container {
  background: none;
  border: none;
  margin: 0;
  padding: 0 0 8px;
}
.newsletter-register.matric-results .recaptcha-container a {
  color: #fff !important;
}
.newsletter-register.matric-results .footer {
  height: 15px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #cc314a;
  position: absolute;
}
.newsletter-register.matric-results .footer span {
  height: 100%;
  width: 14.2%;
}
.newsletter-register.matric-results .footer span:nth-child(1) {
  background: #e64c65;
}
.newsletter-register.matric-results .footer span:nth-child(2) {
  background: #e4663b;
}
.newsletter-register.matric-results .footer span:nth-child(3) {
  background: #32a58c;
}
.newsletter-register.matric-results .footer span:nth-child(4) {
  background: #12a8ab;
}
.newsletter-register.matric-results .footer span:nth-child(5) {
  background: #485377;
}
.newsletter-register.matric-results .footer span:nth-child(6) {
  background: #f6b31b;
}
.newsletter-register.matric-results .footer span:nth-child(7) {
  background: #cc314a;
}
.newsletter-register--header a {
  display: flex;
  justify-content: center;
  margin: 8px 0;
  color: #212121;
}
.newsletter-register--header a img {
  width: 30px;
  height: 30px;
  margin: 0 8px 0 0;
}
.newsletter-register--header a h3 {
  margin: 0;
}
.newsletter-register--title {
  font-size: 28px;
  font-weight: bold;
  line-height: 30px;
}
.newsletter-register #email {
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  -khtml-border-radius: 20px;
  outline: none;
  border: none;
  width: 100%;
  height: 38px;
  color: #bbb7b7;
  padding: 0 15px;
  font-size: 12px;
  background: #fff;
  margin: 0 0 8px;
}
.newsletter-register #email-submit {
  background: #dd1f26;
  border: none;
  border-radius: 20px;
  width: 100%;
  padding: 10px 30px;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  min-width: 0;
  height: auto;
  color: #fff;
  display: block;
  margin: 0 auto 16px;
  font-size: 16px;
}
.newsletter-register .footer {
  display: none;
}
.newsletter-register .adblock {
  margin-left: -5px;
}
.profile-delete,
.status__container,
.redirect__container,
.profile-edit,
.profile-details-mail-username-container,
.discover-container .section-items,
.newsletter-subscription,
.newsletter-register {
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
#notices__loadcontent,
#articles__loadmore,
.htmx-request.loader-indicator {
  width: 50px;
  height: 50px;
  display: block;
  background-image: url("/img/icons/loader-rolling.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.newsletter-subscription__image-url img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%;
}

.ad-expand {
  height: 0;
  overflow: hidden;
}
.ad-expand > div {
  margin: 0 auto;
}
.ad-expand.ad--loaded {
  -webkit-transition: height 0.8s ease-in-out;
  -moz-transition: height 0.8s ease-in-out;
  -o-transition: height 0.8s ease-in-out;
  transition: height 0.8s ease-in-out;
}
.adpixel {
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  display: block !important;
  overflow: hidden !important;
}
.retail-ad {
  z-index: 9;
  right: 0;
  bottom: 0;
}
.transitional-ad {
  z-index: 2146000000;
}
.interstitial-ad {
  z-index: 2146000000;
}
.pos-fixed {
  position: fixed;
}
#ad-200x400-1 {
  display: none;
}
.adslot-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1 1 auto;
  background-color: #fafafa;
}
@media (min-width: 10px) and (max-width: 768px) {
  .adslot-container {
    background-color: rgba(0, 0, 0, 0);
  }
  .adslot-container.adslot-has-headertext {
    padding: 32px 0;
  }
}
.adslot-header {
  font-size: 10px;
  text-transform: uppercase;
  color: #909090;
  margin-bottom: 8px;
}
.tf-rhs-col .adslot-container {
  background-color: rgba(0, 0, 0, 0);
}
.most-read-widget .adslot-container {
  padding-top: 16px;
}
.tf-hide {
  display: none !important;
}
.tf-hidden {
  visibility: hidden !important;
}
.tf-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.processing {
  top: 0;
  left: 0;
  position: absolute !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  background: rgba(255, 255, 255, 0.8) !important;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .processing {
    position: fixed !important;
  }
}
.mobile-container {
  overflow: hidden;
}
.mobile-container .tf-articlelist,
.mobile-container .article {
  margin: 0;
}
.tf-pagination p {
  font-size: 0;
}
.tf-pagination svg {
  display: block;
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
.md-circular-progress {
  animation: rotate 2s linear infinite;
  height: 100px;
  position: relative;
  width: 100px;
}
.md-circular-progress__path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  animation: dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
  stroke: #aeaeae;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124;
  }
}
.tf-image {
  overflow: hidden;
  min-height: 1px;
}
.tf-image > div {
  background-repeat: no-repeat;
  background-size: cover;
}
@supports (--custom: property) {
  [style*="--aspect-ratio"] {
    position: relative;
  }
  [style*="--aspect-ratio"]::before {
    content: "";
    display: block;
  }
  div[style="--aspect-ratio:16/9;"]::before {
    padding-bottom: 56.25%;
  }
  div[style="--aspect-ratio:1;"]::before {
    padding-bottom: 100%;
  }
  [style*="--aspect-ratio"] > :first-child {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
  }
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: rgba(0, 0, 0, 0);
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
*,
*:after,
*:before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
@media (min-width: 768px) {
  html {
    overflow-y: scroll;
  }
}
html,
body {
  margin: 0;
  padding: 0;
  height: auto;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

.clear:before,
.clear:after {
  content: " ";
  display: table;
}
.clear:after {
  clear: both;
}
.clearfix:after {
  display: block;
  content: "";
  clear: both;
}
img {
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
  position: relative;
}
img:-moz-loading {
  visibility: hidden;
}
img:before {
  content: " ";
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  /* background-image: url(/icons/placeholder-no-image.svg); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5;
}
.img-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.img-lazy.img-loaded {
  opacity: 1;
}
a {
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover,
a:focus,
a:active {
  outline: 0;
}
::selection,
::-webkit-selection,
::-moz-selection {
  background: #04a4cc;
  color: #fff;
  text-shadow: none;
}
body {
  margin: 0;
  font-family: "proximanova-regular", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #212121;
  background-color: #f0f4fb;
}
@media (min-width: 768px) {
  body {
    padding-top: 58px;
    background-color: #fafafa;
  }
}
em {
  font-family: "proximanova-regularit", sans-serif;
  font-weight: normal;
  font-style: italic;
}
strong,
b {
  font-family: "proximanova-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.wrapper {
  width: 980px;
  margin: auto;
}
#main-content {
  cursor: default;
}
@media (min-width: 10px) and (max-width: 768px) {
  #main-content {
    padding-bottom: 60px;
    max-width: 100vw;
    width: 100%;
    position: relative;
    background-color: #f0f4fb;
  }
}
@media (min-width: 768px) {
  #main-content {
    padding: 0;
  }
  #main-content.wrapper {
    max-width: 996px;
    width: 100%;
    padding: 8px;
    background-color: #fafafa;
  }
}
.container {
  display: flex;
  flex-flow: row nowrap;
}
.container.prime {
  flex-flow: column nowrap;
  position: relative;
  z-index: 1;
}
@media (min-width: 10px) and (max-width: 768px) {
  .container.prime {
    margin-bottom: -60px;
  }
}
.container--special {
  display: flex;
  flex-flow: row wrap;
}
.container .tf-lhs-col {
  width: 664px;
  margin-right: 16px;
  align-self: flex-start;
}
.container .tf-rhs-col {
  width: 300px;
  flex: 0 0 auto;
  align-self: flex-start;
  position: relative;
}
.container .tf-rhs-col--inner {
  margin-bottom: 80px;
  position: relative;
}
.container .tf-rhs-col--inner.is-sticky {
  position: fixed;
  width: 300px;
  bottom: 0;
}
.container .tf-full-col {
  width: 100%;
}
.grecaptcha-badge {
  visibility: hidden;
}
.loader-indicator {
  display: none;
  opacity: 0;
}
.htmx-request.loader-indicator {
  flex-basis: 100%;
  margin: 8px auto 16px;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#articles__loadmore {
  flex-basis: 100%;
  margin: 8px auto 16px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#articles__loadmore.loading {
  opacity: 1;
}
#articles__loadmore.hide {
  display: none;
}
#notices__loadcontent {
  flex-basis: 100%;
  margin: 8px auto 16px;
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#notices__loadcontent.loading {
  opacity: 1;
}
#notices__loadcontent.hide {
  display: none;
}
#articles__loadmore--end {
  align-items: center;
  flex-direction: column;
  padding: 80px 0;
}
#articles__loadmore--end.show {
  display: block;
}
#articles__loadmore--end a {
  color: #212121;
}
#notices__loadcontent--end {
  align-items: center;
  flex-direction: column;
  padding: 80px 0;
}
#notices__loadcontent--end.show {
  display: block;
}
#notices__loadcontent--end a {
  color: #212121;
}
.outbrain-articles {
  position: relative;
  z-index: 1;
}
.custom-category__appspacer {
  padding-top: 8px;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 4px;
  font-family: "proximanova-bold", sans-serif;
}
input:focus,
select:focus,
textarea:focus {
  outline: 0;
}
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
  border: none;
  padding: 8px 16px;
  font-size: 16px;
}
input[type="password"]::-ms-reveal,
input[type="password"]::-ms-clear {
  display: none;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
input[type="search"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 16px;
}
input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 8px 16px;
  border: none;
  cursor: pointer;
}
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
select {
  cursor: pointer;
  background-image: url("/icon-arrow-down.png");
  background-position: bottom 9px right 12px;
  background-repeat: no-repeat;
  background-size: 20px;
}
button,
input,
optgroup,
select,
textarea,
label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
form input[type="checkbox"],
form input[type="radio"] {
  display: none;
}
form input[type="checkbox"] + label,
form input[type="radio"] + label {
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding-left: 24px;
}
form input[type="checkbox"] + label:before,
form input[type="radio"] + label:before {
  content: "";
  width: 16px;
  height: 16px;
  padding: 0;
  display: inline-block;
  vertical-align: text-top;
  background-color: #fff;
  border: 1px solid #979797;
  position: absolute;
  left: 3px;
  top: 4px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
form input[type="checkbox"] + label:after,
form input[type="radio"] + label:after {
  content: "";
  width: 8px;
  height: 8px;
  opacity: 0;
  display: block;
  position: absolute;
  top: 8px;
  left: 7px;
  background-color: #979797;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: opacity 0.2s ease, transform 0.1s ease-in-out;
  -moz-transition: opacity 0.2s ease, transform 0.1s ease-in-out;
  -o-transition: opacity 0.2s ease, transform 0.1s ease-in-out;
  transition: opacity 0.2s ease, transform 0.1s ease-in-out;
}
form input[type="checkbox"]:checked + label:after,
form input[type="checkbox"]:hover + label:after,
form input[type="checkbox"]:focus + label:after,
form input[type="radio"]:checked + label:after,
form input[type="radio"]:hover + label:after,
form input[type="radio"]:focus + label:after {
  opacity: 1;
}
form input[type="checkbox"]:disabled + label,
form input[type="radio"]:disabled + label {
  color: #fff;
  cursor: auto;
}
form input[type="checkbox"]:disabled + label:before,
form input[type="radio"]:disabled + label:before {
  background-color: #fff;
}
form input[type="checkbox"] + label {
  padding-left: 32px;
}
form input[type="checkbox"] + label:before {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  border: 1px solid #e2e2e2;
}
form input[type="checkbox"] + label:after {
  width: 24px;
  height: 24px;
  top: 1px;
  left: 0;
  background-image: url("/images/icons/icon-close-black.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
}
form input[type="checkbox"]:checked + label:after,
form input[type="checkbox"]:hover + label:after,
form input[type="checkbox"]:focus + label:after {
  opacity: 0.4;
}
form .validation--error {
  border: red 1px solid;
}
form .alert {
  font-family: "proximanova-bold", sans-serif;
  display: none;
  color: #dd1f26;
  font-size: 12px;
}
form .alert.tf-show {
  display: block;
}
.recaptcha-container {
  text-align: center;
}
.recaptcha-container span {
  color: #909090;
  padding: 16px;
  margin: 16px auto !important;
  font-size: 10px !important;
  line-height: 18px;
  display: block;
  max-width: 320px;
}
.recaptcha-container a {
  text-decoration: underline;
  color: #909090 !important;
}
.brandbar {
  height: 50px;
  top: 0;
  background-color: #000;
  margin-bottom: 8px;
  display: flex;
  cursor: default;
  z-index: 11;
  position: fixed;
  width: 100%;
}
.brandbar .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.brandbar__links {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 0;
}
.brandbar__links li {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.brandbar__links li > a {
  text-decoration: none;
  color: #fff;
  font-size: 14px;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  line-height: 18px;
}
.brandbar__links li > a:hover {
  text-decoration: underline;
}
.brandbar__links .links--image {
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
}
.brandbar__links .links--image-notice {
  margin: -6px 8px 0 0;
  padding: 0;
  min-height: 22px;
}
.brandbar__links .links--image-notice img {
  min-width: 110px;
}
.brandbar__links .links--image-jobs {
  margin: 0 0 0 8px;
  padding: 0;
}
.brandbar__links .links--image-jobs img {
  height: 22px !important;
  max-height: 22px !important;
}
.brandbar__links .links--image a {
  display: flex;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.brandbar__links .links--image a:hover {
  text-decoration: none;
  opacity: 0.8;
}
.brandbar__links .links--image a img {
  max-height: 22px;
}
.brandbar__links .links--image:after {
  display: none;
}
.brandbar__links .links--image-text {
  margin-right: 16px;
  padding: 0;
  min-height: 22px;
  flex-shrink: 0;
}
.brandbar .auth {
  margin: 0;
  padding: 0;
  display: flex;
}
.brandbar .auth li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin-left: 8px;
  flex: 0 0 auto;
}
.brandbar .auth__register a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.brandbar .auth__register a:hover,
.brandbar .auth__register a:focus,
.brandbar .auth__register a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.brandbar .auth__register a:disabled,
.brandbar .auth__register a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.brandbar .auth__logout a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.brandbar .auth__logout a:hover,
.brandbar .auth__logout a:focus,
.brandbar .auth__logout a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.brandbar .auth__logout a:disabled,
.brandbar .auth__logout a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.brandbar .auth__login a {
  font-size: 12px;
  color: #fff;
  font-family: "proximanova-bold", sans-serif;
  width: 110px;
  text-align: center;
}
.brandbar .auth__login a:hover {
  text-decoration: underline;
}
.brandbar .links--dropdown {
  color: #fff;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  display: inline-block;
  padding: 17px 10px;
  width: 115px;
  flex: 0 0 auto;
}
.brandbar .links--dropdown > span:after {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 10px;
  background-image: url("/img/icon-arrow-white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 13px;
}
.brandbar .links--dropdown:hover > span:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.brandbar .links--dropdown:hover .brandbar__dropdown {
  display: flex;
}
.brandbar .links__dropdown--image {
  display: flex;
  align-items: center;
  width: auto;
  min-height: 48px;
  margin-right: 8px;
  padding: 12px 0;
}
.brandbar .links__dropdown--image img {
  margin-right: 8px;
  max-height: 24px;
}
.brandbar .links__dropdown--image > span {
  display: flex;
  align-items: center;
  justify-content: center;
}
.brandbar .links__dropdown--image:after {
  display: none;
}
.brandbar .links__dropdown--partners {
  display: flex;
  align-items: center;
  width: auto;
  min-height: 48px;
  margin-right: 24px;
  padding: 12px 0;
}
.brandbar__dropdown {
  position: absolute;
  top: 49px;
  right: 0;
  z-index: 100;
  padding: 22px 15px;
  background-color: #fff;
  display: none;
  justify-content: space-between;
  width: auto;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
.brandbar__dropdown:before {
  content: "";
  width: 100%;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 0;
}
.brandbar__dropdown--column {
  color: #212121;
  font-size: 14px;
  line-height: 20px;
  font-family: "proximanova-bold", sans-serif;
  width: 145px;
  margin: 0 15px;
}
.brandbar__dropdown--column a {
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  margin-bottom: 8px;
}
.brandbar__dropdown--column a:hover {
  text-decoration: underline;
}
.brandbar__dropdown--column a:last-child {
  margin-bottom: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .tf-auth {
    margin: 0;
    padding: 0;
    display: none;
  }
  .tf-auth.show {
    display: block;
  }
  .tf-auth li {
    list-style: none;
    display: inline-block;
    margin-left: 8px;
  }
  .tf-auth__register a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 16px;
  }
  .tf-auth__register a:hover,
  .tf-auth__register a:focus,
  .tf-auth__register a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .tf-auth__register a:disabled,
  .tf-auth__register a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .tf-auth__logout a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  .tf-auth__logout a:hover,
  .tf-auth__logout a:focus,
  .tf-auth__logout a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .tf-auth__logout a:disabled,
  .tf-auth__logout a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .tf-auth__login a {
    font-size: 15px;
    color: #212121;
    font-family: "proximanova-bold", sans-serif;
    padding: 0 24px;
    cursor: pointer;
    display: inline-block;
    height: 32px;
    line-height: 32px;
    border: #dd1f26;
    background-color: #fff;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0;
  }
  .tf-auth__login a:hover,
  .tf-auth__login a:focus,
  .tf-auth__login a:active {
    background-color: #212121;
    color: #dedede;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .tf-auth__login a:disabled,
  .tf-auth__login a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
}
.social-links-container ul {
  margin: 0;
  padding: 0;
}
.social-links-container ul li {
  display: inline-block;
}
header .social-links {
  position: relative;
  margin: 0;
}
header .social-links .social-control {
  display: flex;
}
header .social-links .social-control .social-item {
  margin: 0 0 0 8px;
  flex: auto;
}
header .social-links .social-control .social-item a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
header .social-links .social-control .social-item a img {
  height: 22px;
}
header .social-links .social-control .social-item a:hover {
  opacity: 0.7;
}
header .social-links-container ul li {
  display: block;
}
.footer .social-links {
  flex-direction: column;
  margin: 20px auto 10px;
}
.footer .social-links .social-title {
  display: block;
  font-size: 14px;
}
.footer .social-links .social-container {
  display: block;
  margin-top: 10px;
}
.footer .social-links .social-container .social-control .social-item {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
}
.footer .social-links .social-container .social-control .social-item a {
  display: inline-block;
  height: 27px;
}
.footer .social-links .social-container .social-control .social-item a img {
  height: auto;
  vertical-align: middle;
  margin: 0;
}
#menu .social-links {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#menu .social-links .social-title {
  display: block;
  font-size: 12px;
  color: #333;
  padding: 10px 25px 10px;
  text-transform: uppercase;
}
#menu .social-links .social-container {
  margin-left: 20px;
}
#menu .social-links .social-container .social-control .social-item {
  margin: 0 5px 0 0;
  border-bottom: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}
#menu .social-links .social-container .social-control .social-item img {
  width: 30px;
}
@media (min-width: 768px) {
  .header {
    background-color: #fff;
    margin-bottom: 8px;
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  .header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    height: 100px;
    padding: 0 16px;
  }
  .header-container--content {
    margin-left: 16px;
    display: flex;
    align-items: center;
    height: 40px;
    justify-content: flex-end;
  }
  .header__logo {
    display: inline-block;
  }
  .header__logo.news24 > img {
    width: auto;
    height: 55px;
  }
  .header__logo.w24 > img {
    width: auto;
    height: 58px;
  }
  .header__logo > img {
    width: auto;
    height: 55px;
  }
  .header__search {
    position: relative;
    min-width: 270px;
  }
  .header__search-inline {
    position: relative;
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
  }
  .header__search-inline input[type="text"] {
    width: 270px;
    padding: 0 40px 0 24px;
    height: 34px;
    color: #212121;
    font-size: 13px;
    letter-spacing: 1.3px;
    background-color: #f1f2f6;
    border: none;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    margin-right: 10px;
  }
  .header__search-inline input[type="submit"] {
    position: absolute;
    top: 7px;
    left: 230px;
    width: 19px;
    height: 19px;
    display: block;
    right: unset;
    background-image: url("/img/icon-nav-search.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
  }
  .header__search-inline input[type="submit"].search-all {
    position: relative;
    width: auto;
    height: auto;
    background: none;
    top: unset;
    left: unset;
    right: unset;
  }
  .header__search-inline .search-options {
    display: flex;
    border-radius: 17px;
    background-color: #f1f1f1;
  }
  .header__search-inline .search-options .brand-logo {
    width: 80px;
    height: 34px;
    border-radius: 17px;
    border: solid 1px #4a4a4a;
    background: #fff;
    text-align: center;
    line-height: 24px;
  }
  .header__search-inline .search-options .brand-logo img {
    height: 15px;
  }
  .header__search input[type="text"] {
    width: 270px;
    padding: 0 40px 0 24px;
    height: 34px;
    color: #212121;
    font-size: 13px;
    letter-spacing: 1.3px;
    background-color: #f1f2f6;
    border: none;
    -webkit-border-radius: 17px;
    -khtml-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
    border-radius: 17px;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .header__search input[type="text"]:focus {
    background-color: #ebecf2;
  }
  .header__search input[type="submit"] {
    position: absolute;
    top: 7px;
    right: 16px;
    width: 19px;
    height: 19px;
    display: block;
    padding: 0;
    -webkit-transition: transform 0.2s ease-in-out;
    -moz-transition: transform 0.2s ease-in-out;
    -o-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
    background-image: url("/img/icon-nav-search.png");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0);
  }
  .header__search input[type="submit"]:hover {
    transform: scale(1.08);
  }
  .header .social-links {
    height: 31px;
  }
  .header .social-links .social-control .social-item {
    width: 31px;
  }
  .header .social-links .social-control .social-item a img {
    height: 31px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header {
    background-color: #fff;
    color: #212121;
    padding: 0 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 52px;
  }
  .header__logo {
    display: inline-block;
    font-size: 0;
  }
  .header__logo > img {
    height: 29px;
    width: auto;
  }
  .header__content {
    display: inline-block;
    font-size: 0;
  }
  .header__content #auth-section {
    display: flex;
    align-items: center;
    height: 40px;
  }
}
@media (min-width: 10px) and (max-width: 768px) and (min-width: 10px) and (max-width: 768px) {
  .header__content #auth-section {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    height: auto;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header .auth {
    margin: 0;
    padding: 0;
  }
  .header .auth li {
    list-style: none;
    display: inline-block;
    margin-left: 8px;
  }
  .header .auth__register a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-size: 11px;
    height: 26px;
    line-height: 26px;
    padding: 0 16px;
  }
  .header .auth__register a:hover,
  .header .auth__register a:focus,
  .header .auth__register a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .header .auth__register a:disabled,
  .header .auth__register a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .header .auth__subscribe a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
    padding: 0 20px;
    width: auto;
    font-family: "proximanova-bold", sans-serif;
  }
  .header .auth__subscribe a:hover,
  .header .auth__subscribe a:focus,
  .header .auth__subscribe a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .header .auth__subscribe a:disabled,
  .header .auth__subscribe a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .header .auth__login a {
    font-size: 11px;
    color: #212121;
    font-family: "proximanova-bold", sans-serif;
  }
  .header .auth__login a:hover {
    text-decoration: underline;
  }
  .header .auth.profile--container a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
  }
  .header .auth.profile--container a:hover,
  .header .auth.profile--container a:focus,
  .header .auth.profile--container a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .header .auth.profile--container a:disabled,
  .header .auth.profile--container a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
}
.sticky-header {
  top: 0;
  width: 100%;
  z-index: 99;
  display: flex;
  flex-direction: column;
  position: sticky;
  position: -webkit-sticky;
  background-color: #eceff5;
}
.sticky-header.is-sticky {
  position: fixed;
}
.sticky-header .adblock {
  max-height: 50px;
  line-height: 0;
  overflow: hidden;
}
.sticky-header .adblock > div {
  margin: 0 auto;
}
.sticky-header .ad--loaded {
  -webkit-transition: height 0.8s ease-in-out;
  -moz-transition: height 0.8s ease-in-out;
  -o-transition: height 0.8s ease-in-out;
  transition: height 0.8s ease-in-out;
}
.header__nav {
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav {
    background-color: #fff;
    margin: 0;
    position: relative;
  }
  .header__nav:after {
    content: "";
    width: 8px;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
    background: linear-gradient(
      to right,
      rgba(164, 164, 164, 0) 0%,
      rgba(164, 164, 164, 0.2) 50%,
      rgba(164, 164, 164, 0.8) 100%
    );
  }
}
.header__nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 768px) {
  .header__nav ul {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul {
    text-align: justify;
    padding: 0 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
.header__nav ul > li {
  display: inline-block;
  position: relative;
}
@media (min-width: 768px) {
  .header__nav ul > li {
    flex: 0 1 auto;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    white-space: nowrap;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li {
    height: 43px;
    text-align: center;
    margin-right: 20px;
  }
}
.header__nav ul > li a {
  position: relative;
  text-decoration: none;
  color: #212121;
  font-size: 13px;
  padding: 13px 12px;
  display: block;
}
@media (min-width: 768px) {
  .header__nav ul > li a {
    font-weight: 400;
    -webkit-transition: color 0.2s ease;
    -moz-transition: color 0.2s ease;
    -o-transition: color 0.2s ease;
    transition: color 0.2s ease;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .header__nav ul > li a {
    font-size: 10px;
    letter-spacing: 1px;
    color: rgba(33, 33, 33, 0.5);
    text-transform: uppercase;
    font-family: "proximanova-bold", sans-serif;
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 5px;
  }
}
.header__nav ul > li a:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: block;
  opacity: 0;
  height: 3px;
  background-color: #d0021b;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.header__nav ul > li a.is-active {
  color: #c00000;
}
@media (min-width: size) {
  .header__nav ul > li a.is-active {
    color: #212121;
  }
}
.header__nav ul > li a.is-active:after {
  opacity: 1;
}
@media (min-width: 768px) {
  .header__nav ul > li:hover a {
    color: #c00000;
  }
  .header__nav ul > li:hover a:after {
    opacity: 1;
  }
  .header__nav ul > li:hover .sub-nav {
    display: flex;
  }
}
.header__nav ul > li.sponsored a {
  color: #dd1f26;
}
.header__nav ul > li.has-children:before {
  content: "";
  width: 12px;
  height: 9px;
  position: absolute;
  top: 20px;
  right: 4px;
  z-index: 1;
  background-image: url("/img/icon-arrow-down.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.header__nav ul > li.has-children a {
  padding: 13px 22px 13px 12px;
}
.header__nav ul > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-red-down.png");
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li.has-children.is-active.has-children:before {
  background-image: url("/img/icon-arrow-red-down.png");
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px;
}
.header__nav ul > li .sub-nav,
.header__nav ul > li .sub-nav-child {
  flex-direction: column;
  display: none;
  background-color: #fff;
  position: absolute;
  min-width: 180px;
  top: 100%;
  left: 0;
  z-index: 10;
  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}
.header__nav ul > li .sub-nav > li,
.header__nav ul > li .sub-nav-child > li {
  text-align: left;
}
.header__nav ul > li .sub-nav > li a,
.header__nav ul > li .sub-nav-child > li a {
  font-size: 11px;
  letter-spacing: 0.71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.header__nav ul > li .sub-nav > li a:hover,
.header__nav ul > li .sub-nav-child > li a:hover {
  background-color: #f3f3f3;
}
.header__nav ul > li .sub-nav > li a:after,
.header__nav ul > li .sub-nav-child > li a:after {
  display: none;
}
.header__nav ul > li .sub-nav > li.has-children:before,
.header__nav ul > li .sub-nav-child > li.has-children:before {
  top: 12px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.header__nav ul > li .sub-nav > li.has-children:hover:before,
.header__nav ul > li .sub-nav-child > li.has-children:hover:before {
  background-image: url("/img/icon-arrow-down.png");
  right: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.header__nav ul > li .sub-nav > li:hover .sub-nav-child,
.header__nav ul > li .sub-nav-child > li:hover .sub-nav-child {
  display: flex;
}
.header__nav ul > li .sub-nav-child,
.header__nav ul > li .sub-nav-child-child {
  left: 100%;
  top: 0;
}
.header__nav ul > .menu-left > .sub-nav > li .sub-nav-child {
  left: inherit;
  right: 100%;
}
@media (min-width: 768px) {
  .footer {
    background-color: #fff;
  }
}
@media (min-width: 768px) {
  .footer__logo {
    width: 90px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .footer__logo {
    padding: 1em;
  }
  .footer__logo > img {
    height: 2em;
  }
}
.footer__nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
.footer__nav ul li {
  list-style: none;
}
@media (min-width: 768px) {
  .footer__nav ul li {
    display: inline-block;
    margin-right: 5px;
    position: relative;
  }
  .footer__nav ul li:after {
    content: "|";
    margin-left: 5px;
    font-size: 13px;
  }
  .footer__nav ul li:last-child:after {
    display: none;
  }
  .footer__nav ul li a {
    color: #212121;
    font-size: 13px;
    font-family: "proximanova-bold", sans-serif;
  }
  .footer__nav ul li a:hover {
    text-decoration: underline;
  }
}
.footer--rhs {
  background-color: rgba(0, 0, 0, 0);
  margin-top: 16px;
  margin-bottom: 24px;
}
.footer__app-links {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.footer__app-links a {
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 50%;
  margin-bottom: 4px;
}
.footer__app-links a:hover {
  opacity: 0.8;
}
.footer__app-links a img {
  height: 50px;
}
.footer__social-title {
  display: block;
  font-family: "proximanova-bold", sans-serif;
  color: dimgray;
  font-size: 14px;
}
.footer__social .social-links {
  margin: 8px auto;
}
.footer__social .social-links .social-control .social-item {
  margin: 0;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
.footer__social .social-links .social-control .social-item:hover {
  opacity: 0.8;
}
.footer__social .social-links .social-control .social-item a img {
  width: 30px;
  height: 30px;
}
.footer__copyright {
  font-size: 13px;
  color: #212121;
  line-height: 20px;
  display: block;
  margin: 16px 0;
}
.footer__copyright .popia {
  display: inline-flex;
  flex-direction: column;
}
.footer__copyright a {
  color: #212121;
  display: block;
  line-height: 24px;
}
.footer__copyright a:hover {
  text-decoration: underline;
}
.footer__copyright a.footer__btn {
  background: #212121;
  display: inline-block;
  line-height: 20px;
  font-size: 10px;
  letter-spacing: 0.6px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  padding: 0 8px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-top: 8px;
  width: fit-content;
}
.footer__copyright a.footer__btn:hover,
.footer__copyright a.footer__btn:focus,
.footer__copyright a.footer__btn:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.footer__copyright a.footer__contact {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.footer__copyright a.footer__contact:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/img/atom_icon_gift.svg");
}
.footer__copyright a.footer__phone {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.footer__copyright a.footer__phone:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/images/icons/share/black/phone.svg");
}
.footer__third-party {
  width: 65px;
  height: 35px;
  margin-top: 8px;
}
.discover {
  width: 100%;
  padding: 0 30px 30px;
}
.discover__heading {
  color: #212121;
  font-size: 16px;
  font-family: "proximanova-bold", sans-serif;
  margin: 20px 0 10px;
}
.discover-container .section {
  display: flex;
  position: relative;
}
.discover-container .section:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.discover-container .section-items {
  width: 100%;
  height: 100%;
  position: relative;
  text-align: center;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.discover-container .section__scaled-img {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discover-container .section__scaled-img img {
  max-height: 100%;
  max-width: 100%;
}
.discover-container .section__img {
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.discover-container .section__img-scaled {
  width: auto;
}
.discover-container .section__img img {
  max-height: 100%;
  max-width: 100%;
}
.discover-container .section__text {
  font-size: 12px;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 8px;
  color: #212121;
}
.discover-container .section__text-paidcontent {
  font-family: "proximanova-bold", sans-serif;
  font-size: 11px;
  margin: 0;
  text-transform: uppercase;
}
.discover-container .section__prime {
  width: 100px;
  height: 15px;
  overflow: hidden;
  font-size: 0;
  position: absolute;
  top: 7px;
  right: -4px;
  display: none;
  background-image: url("/images/forsubscribers/tagnew.svg");
  background-repeat: no-repeat;
  background-position: left;
  background-size: contain;
}
@media (min-width: 10px) and (max-width: 340px) {
  .discover-container .section__prime {
    width: 82px;
    height: 13px;
  }
}
.discover-container .section.for-subscribers .section-items {
  padding-top: 14px;
}
.discover-container .section.for-subscribers .section__prime {
  display: block;
}
.discover-container .section.for-subscribers .section__text {
  margin-top: 0;
}
.discover-container .section--features .section-items {
  padding: 16px 16px 32px;
}
.discover-container .section--features .section__text {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 8px;
  margin-top: 0;
  line-height: 12px;
}
.discover-container .section--features.for-subscribers .section-items {
  padding-top: 20px;
}
.discover-container .section--newspaper .section-items {
  padding: 8px;
}
.menu {
  background-color: #fff;
  right: -100%;
  top: 100%;
  min-width: 0;
  width: 100%;
  overflow-y: scroll;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  position: fixed;
  height: 100vh;
  z-index: 300;
}
.menu.open {
  right: 0;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  visibility: visible;
}
.menu .close_section {
  display: block;
  height: 48.4px;
  position: relative;
}
.menu .close_section img {
  position: absolute;
  left: 20px;
  top: 12px;
  width: 24px;
  height: 24px;
}
.menu__sections ul {
  padding: 0;
  margin: 0px;
}
.menu__sections ul .menu__item {
  background-color: #fff;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
  position: relative;
  text-align: left;
  margin: 5px 10px;
  padding: 0 0 5px;
}
.menu__sections ul .menu__item .expand {
  position: absolute;
  right: 0;
  top: 5px;
  padding: 10px;
}
.menu__sections ul .menu__item .expand img {
  width: 20px;
  height: auto;
  vertical-align: middle;
}
.menu__sections ul .menu__item .brand {
  display: inline-block;
  vertical-align: top;
}
.menu__sections ul .menu__item .brand img {
  width: 36px;
  height: 36px;
  display: inline-block;
  margin-right: 10px;
}
.menu__sections ul .menu__item .brand span {
  line-height: 36px;
  color: #565656;
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu__sections ul .menu__item ul {
  visibility: hidden;
  background: #f9f9f9;
  margin: 0;
}
.menu__sections ul .menu__item ul.open {
  visibility: visible;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin: 10px 0 0;
}
.menu__sections ul .menu__item ul.open li {
  line-height: 40px;
}
.menu__sections ul .menu__item ul.open li a {
  color: #565656;
  margin-left: 50px;
}
.menu__sections ul .menu__item ul.open li a span {
  font-size: 0.9em;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.menu__sections ul .menu__item ul li {
  line-height: 0;
}
body.swipe-active {
  overflow: hidden;
}
body.swipe-active .article {
  z-index: 1;
}
.ad-loaded .swipe-overlay--left,
.ad-loaded .swipe-overlay--right {
  top: 149px;
}
.swipe-overlay {
  position: fixed;
  width: 0;
  visibility: hidden;
  opacity: 0.5;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.swipe-overlay--left,
.swipe-overlay--right {
  width: 100vw;
  left: 0;
  height: 100vh;
  top: 98px;
  bottom: 0;
  z-index: -1;
  -webkit-transition: 0.3s all ease-in-out;
  -moz-transition: 0.3s all ease-in-out;
  -o-transition: 0.3s all ease-in-out;
  transition: 0.3s all ease-in-out;
}
.swipe-overlay.active {
  visibility: visible;
}
.overlay-items {
  display: flex;
  flex-direction: column;
  margin: 0 8px;
}
.overlay-item {
  height: 140px;
  width: 100%;
  background-color: #fff;
  margin: 0 0 8px;
  display: flex;
  padding: 15px 16px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.overlay-item__image {
  width: 88px;
  height: 88px;
  display: block;
  background-color: #b7becb;
  flex: 0 0 auto;
}
.overlay-item__text {
  width: 100%;
  height: 70px;
  margin-right: 12px;
  margin-top: 4px;
  background: linear-gradient(
    to bottom,
    #b7becb,
    #b7becb 50%,
    #ffffff 50%,
    #ffffff
  );
  background-size: 100% 20px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .footer__nav {
    position: fixed;
    left: 0;
    bottom: 0;
    max-width: 100%;
    width: 100%;
    z-index: 99;
    background: #fff;
    height: 61px;
    display: flex;
    align-items: center;
    border-top-right-radius: 16px;
    border-top-left-radius: 16px;
    -o-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -khtml-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0 10px rgba(0, 0, 0, 0.2);
  }
}
.footer__nav ul {
  margin: 0;
  padding: 0;
  font-size: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .footer__nav ul {
    text-align: center;
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    height: 43px;
  }
}
.footer__nav ul li {
  flex: 1;
}
.footer__nav ul li:hover.discover_btn .footer__nav-item--icon img,
.footer__nav ul li.is-active.discover_btn .footer__nav-item--icon img {
  right: 1px;
  top: 14px;
}
.footer__nav ul li.discover_btn .footer__nav-item--icon {
  width: 52px;
  height: 52px;
  border-radius: 26px;
  display: inline-block;
  margin-top: -27px;
  background: #21418d;
}
.footer__nav ul li.discover_btn .footer__nav-item--icon img {
  right: 1px;
  top: 14px;
}
.footer__nav ul li.discover_btn .footer__nav-item--title {
  padding-top: 5px;
}
.footer__nav-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__nav-item--icon {
  width: 25px;
  height: 30px;
  margin: 0 auto;
  text-align: center;
  vertical-align: bottom;
  overflow: hidden;
  position: relative;
}
.footer__nav-item--icon img {
  height: 25px;
  width: 50px;
  position: absolute;
  right: -100%;
  top: 0;
  max-width: none;
}
.footer__nav-item--title {
  font-size: 10px;
  display: block;
  color: #212121;
  margin-top: 4px;
  font-family: "proximanova-bold", sans-serif;
  line-height: 4px;
  padding: 0 8px 10px;
  white-space: nowrap;
}
.footer__nav-item:hover .footer__nav-item--title,
.footer__nav-item.is-active .footer__nav-item--title {
  color: #21418d;
}
.footer__nav-item:hover .footer__nav-item--icon img,
.footer__nav-item.is-active .footer__nav-item--icon img {
  right: 0;
}
.footer__nav-item:focus {
  outline: 0;
}
.footer__nav-item.indicator {
  position: relative;
}
.footer__nav-item.indicator:before {
  content: "";
  width: 13px;
  height: 13px;
  display: block;
  background-color: #dd1f26;
  position: absolute;
  right: 15px;
  top: 0px;
  z-index: 1;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.discover__heading {
  font-family: "proximanova-bold", sans-serif;
  font-size: 18px;
}
.discover__heading img {
  height: 36px;
}
.discover-container .section--title-card .section-items {
  height: 65px;
}
.discover-container .section--title-card .section__text {
  margin-top: 0;
  font-size: 14px;
  line-height: 20px;
}
.discover-container .section--title-card:after {
  padding-bottom: 0;
}
.discover-container .section--image-card .section-items {
  height: 88px;
}
.discover-container .section--image-card .section-items .more-ellipsis {
  color: #c1c7d2;
}
.discover-container .section--image-card .section__text {
  margin-top: 0;
}
.discover-container .section--image-card .section__img {
  height: 40px;
  width: 100%;
}
.discover-container .section--image-card .section__img img {
  height: 40px;
}
.discover-container .section--image-card:after {
  padding-bottom: 0;
}
.discover-container .section--magazines-discover .section-items .more-ellipsis {
  color: #c1c7d2;
}
.discover-container .section--magazines-discover .section__img {
  min-height: 40px;
}
.discover-container .section--magazines-discover .section__img img {
  min-height: 40px;
}
.discover-container .section-items .more-ellipsis {
  display: flex;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 6px 5px;
  font-size: 32px;
  line-height: 22px;
  color: #c1c7d2;
  font-family: "proximanova-bold", sans-serif;
}
.discover-container .section-items .more-ellipsis:after {
  content: " ⋮";
}
.discover-container .section__img {
  max-width: 80%;
  width: 100%;
}
.discover-container .section__text {
  font-size: 11px;
  line-height: 16px;
  font-family: "proximanova-bold", sans-serif;
}
.category__header {
  display: flex;
  padding: 10px 8px;
  align-items: center;
}
.category__header a {
  display: block;
  width: 15px;
  height: 15px;
  margin-right: 4px;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  background-image: url("/images/icons/arrow-right.svg");
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: center;
}
.category__header span {
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  margin-left: 8px;
  text-transform: capitalize;
}
.discovermore-nav {
  background-color: #fff;
  padding: 8px 23px 32px;
  position: relative;
  min-height: calc(100vh - 113px);
}
.discovermore-nav > ul {
  padding: 0;
  margin: 0;
}
.discovermore-nav > ul > li {
  font-family: "proximanova-bold", sans-serif;
  font-size: 18px;
  list-style: none;
  padding: 4px 0;
  position: relative;
}
.discovermore-nav > ul > li a {
  color: #212121;
}
.discovermore-nav > ul > li a[data-url="forsubscribers"] {
  color: #dd1f26;
}
.discovermore-nav > ul > li ul {
  padding: 4px 0 4px 23px;
  margin: 0;
}
.discovermore-nav > ul > li ul li {
  font-family: "proximanova-bold", sans-serif;
  font-size: 16px;
  line-height: 20px;
  word-break: break-word;
  list-style: none;
  position: relative;
}
.discovermore-nav > ul > li ul li a {
  color: #212121;
}
.discovermore-dropdown__toggle {
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  position: absolute;
  top: 17px;
  margin-top: -8px;
  right: 0;
  width: 50px;
}
.discovermore-dropdown__toggle:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("/img/icon-arrow-down.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: top 4px center;
}
.discovermore-dropdown__toggle--active {
  top: 17px;
}
.discovermore-dropdown__toggle--active:after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.discovermore-dropdown__dropdown {
  max-height: 0;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-transition: max-height 0.4s ease-out;
  -moz-transition: max-height 0.4s ease-out;
  -o-transition: max-height 0.4s ease-out;
  transition: max-height 0.4s ease-out;
}
.discovermore-dropdown__dropdown--active {
  max-height: 500px;
  transition: max-height 0.4s ease-in;
  -webkit-transition: max-height 0.4s ease-in;
  -moz-transition: max-height 0.4s ease-in;
  -o-transition: max-height 0.4s ease-in;
  transition: max-height 0.4s ease-in;
}
.footer-refresh {
  padding: 16px;
}
.footer-refresh__logo {
  display: flex;
  margin-bottom: 16px;
}
.footer-refresh__logo img {
  height: 22px;
}
.footer-refresh__nav {
  margin-bottom: 16px;
}
.footer-refresh__nav ul {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #d8d8d8;
}
.footer-refresh__nav ul li {
  list-style: none;
  margin-bottom: 16px;
}
.footer-refresh__nav ul li a {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.footer-refresh__nav ul li a:hover {
  text-decoration: underline;
}
.footer-refresh__terms {
  font-size: 10px;
}
.footer-refresh__terms .popia a {
  background: #212121;
  display: block;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 6px;
  margin-top: 16px;
  width: fit-content;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.footer-refresh .footer__contact,
.footer-refresh .footer__phone {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.footer-refresh .footer__contact:before,
.footer-refresh .footer__phone:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  margin-right: 8px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("/images/nova/icons/envelope-circle-24px.svg");
}
.footer-refresh .footer__phone:before {
  background-image: url("/images/nova/icons/phone-24px.svg");
}
.footer-refresh__social {
  margin-bottom: 24px;
  margin-top: 16px;
}
.footer-refresh__social .footer__social-title {
  margin-bottom: 8px;
  color: #909090;
  display: block;
  font-family: "proximanova-bold", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
}
.footer-refresh__social .social-item {
  width: 24px;
  height: 24px;
  margin-right: 24px;
}
.footer-refresh__third-party {
  margin-bottom: 16px;
}
.footer-refresh__third-party img {
  height: 35px;
  margin-top: 8px;
  width: 65px;
}
[class~="tf-grid"],
[class*="tf-grid-"],
[class*="tf-grid_"] {
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  margin: 0 -4px;
}
[class~="tf-col"],
[class*="tf-col-"],
[class*="tf-col_"] {
  box-sizing: border-box;
  padding: 0 4px 8px;
  max-width: 100%;
}
[class~="tf-col"],
[class*="tf-col_"] {
  flex: 1 1 0%;
}
[class*="tf-col-"] {
  flex: none;
}
[class~="tf-grid"][class~="tf-col"],
[class~="tf-grid"][class*="tf-col-"],
[class~="tf-grid"][class*="tf-col_"],
[class*="tf-grid-"][class~="tf-col"],
[class*="tf-grid-"][class*="tf-col-"],
[class*="tf-grid-"][class*="tf-col_"],
[class*="tf-grid_"][class~="tf-col"],
[class*="tf-grid_"][class*="tf-col-"],
[class*="tf-grid_"][class*="tf-col_"] {
  margin: 0;
  padding: 0;
}
[class*="tf-grid-"][class*="-noGutter"] {
  margin: 0;
}
[class*="tf-grid-"][class*="-noGutter"] > [class~="tf-col"],
[class*="tf-grid-"][class*="-noGutter"] > [class*="tf-col-"] {
  padding: 0;
}
[class*="tf-grid-"][class*="-noWrap"] {
  flex-wrap: nowrap;
}
[class*="tf-grid-"][class*="-center"] {
  justify-content: center;
}
[class*="tf-grid-"][class*="-right"] {
  justify-content: flex-end;
  align-self: flex-end;
  margin-left: auto;
}
[class*="tf-grid-"][class*="-top"] {
  align-items: flex-start;
}
[class*="tf-grid-"][class*="-middle"] {
  align-items: center;
}
[class*="tf-grid-"][class*="-bottom"] {
  align-items: flex-end;
}
[class*="tf-grid-"][class*="-reverse"] {
  flex-direction: row-reverse;
}
[class*="tf-grid-"][class*="-column"] {
  flex-direction: column;
}
[class*="tf-grid-"][class*="-column"] > [class*="tf-col-"] {
  flex-basis: auto;
}
[class*="tf-grid-"][class*="-column-reverse"] {
  flex-direction: column-reverse;
}
[class*="tf-grid-"][class*="-spaceBetween"] {
  justify-content: space-between;
}
[class*="tf-grid-"][class*="-spaceAround"] {
  justify-content: space-around;
}
[class*="tf-grid-"][class*="-equalHeight"] > [class~="tf-col"],
[class*="tf-grid-"][class*="-equalHeight"] > [class*="tf-col-"],
[class*="tf-grid-"][class*="-equalHeight"] > [class*="tf-col_"] {
  align-self: stretch;
}
[class*="tf-grid-"][class*="-equalHeight"] > [class~="tf-col"] > *,
[class*="tf-grid-"][class*="-equalHeight"] > [class*="tf-col-"] > *,
[class*="tf-grid-"][class*="-equalHeight"] > [class*="tf-col_"] > * {
  height: 100%;
}
[class*="tf-grid-"][class*="-noBottom"] > [class~="tf-col"],
[class*="tf-grid-"][class*="-noBottom"] > [class*="tf-col-"],
[class*="tf-grid-"][class*="-noBottom"] > [class*="tf-col_"] {
  padding-bottom: 0;
}
[class*="tf-col-"][class*="-top"] {
  align-self: flex-start;
}
[class*="tf-col-"][class*="-middle"] {
  align-self: center;
}
[class*="tf-col-"][class*="-bottom"] {
  align-self: flex-end;
}
[class*="tf-col-"][class*="-first"] {
  order: -1;
}
[class*="tf-col-"][class*="-last"] {
  order: 1;
}
[class*="tf-grid-1"] > [class~="tf-col"],
[class*="tf-grid-1"] > [class*="tf-col-"],
[class*="tf-grid-1"] > [class*="tf-col_"] {
  flex-basis: 100%;
  max-width: 100%;
}
[class*="tf-grid-2"] > [class~="tf-col"],
[class*="tf-grid-2"] > [class*="tf-col-"],
[class*="tf-grid-2"] > [class*="tf-col_"] {
  flex-basis: 50%;
  max-width: 50%;
}
[class*="tf-grid-3"] > [class~="tf-col"],
[class*="tf-grid-3"] > [class*="tf-col-"],
[class*="tf-grid-3"] > [class*="tf-col_"] {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
[class*="tf-grid-4"] > [class~="tf-col"],
[class*="tf-grid-4"] > [class*="tf-col-"],
[class*="tf-grid-4"] > [class*="tf-col_"] {
  flex-basis: 25%;
  max-width: 25%;
}
[class*="tf-grid-5"] > [class~="tf-col"],
[class*="tf-grid-5"] > [class*="tf-col-"],
[class*="tf-grid-5"] > [class*="tf-col_"] {
  flex-basis: 20%;
  max-width: 20%;
}
[class*="tf-grid-6"] > [class~="tf-col"],
[class*="tf-grid-6"] > [class*="tf-col-"],
[class*="tf-grid-6"] > [class*="tf-col_"] {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
[class*="tf-grid-7"] > [class~="tf-col"],
[class*="tf-grid-7"] > [class*="tf-col-"],
[class*="tf-grid-7"] > [class*="tf-col_"] {
  flex-basis: 14.2857142857%;
  max-width: 14.2857142857%;
}
[class*="tf-grid-8"] > [class~="tf-col"],
[class*="tf-grid-8"] > [class*="tf-col-"],
[class*="tf-grid-8"] > [class*="tf-col_"] {
  flex-basis: 12.5%;
  max-width: 12.5%;
}
[class*="tf-grid-9"] > [class~="tf-col"],
[class*="tf-grid-9"] > [class*="tf-col-"],
[class*="tf-grid-9"] > [class*="tf-col_"] {
  flex-basis: 11.1111111111%;
  max-width: 11.1111111111%;
}
[class*="tf-grid-10"] > [class~="tf-col"],
[class*="tf-grid-10"] > [class*="tf-col-"],
[class*="tf-grid-10"] > [class*="tf-col_"] {
  flex-basis: 10%;
  max-width: 10%;
}
[class*="tf-grid-11"] > [class~="tf-col"],
[class*="tf-grid-11"] > [class*="tf-col-"],
[class*="tf-grid-11"] > [class*="tf-col_"] {
  flex-basis: 9.0909090909%;
  max-width: 9.0909090909%;
}
[class*="tf-grid-12"] > [class~="tf-col"],
[class*="tf-grid-12"] > [class*="tf-col-"],
[class*="tf-grid-12"] > [class*="tf-col_"] {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
@media (max-width: 80em) {
  [class*="_lg-1"] > [class~="tf-col"],
  [class*="_lg-1"] > [class*="tf-col-"],
  [class*="_lg-1"] > [class*="tf-col_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_lg-2"] > [class~="tf-col"],
  [class*="_lg-2"] > [class*="tf-col-"],
  [class*="_lg-2"] > [class*="tf-col_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_lg-3"] > [class~="tf-col"],
  [class*="_lg-3"] > [class*="tf-col-"],
  [class*="_lg-3"] > [class*="tf-col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*="_lg-4"] > [class~="tf-col"],
  [class*="_lg-4"] > [class*="tf-col-"],
  [class*="_lg-4"] > [class*="tf-col_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_lg-5"] > [class~="tf-col"],
  [class*="_lg-5"] > [class*="tf-col-"],
  [class*="_lg-5"] > [class*="tf-col_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_lg-6"] > [class~="tf-col"],
  [class*="_lg-6"] > [class*="tf-col-"],
  [class*="_lg-6"] > [class*="tf-col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*="_lg-7"] > [class~="tf-col"],
  [class*="_lg-7"] > [class*="tf-col-"],
  [class*="_lg-7"] > [class*="tf-col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*="_lg-8"] > [class~="tf-col"],
  [class*="_lg-8"] > [class*="tf-col-"],
  [class*="_lg-8"] > [class*="tf-col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_lg-9"] > [class~="tf-col"],
  [class*="_lg-9"] > [class*="tf-col-"],
  [class*="_lg-9"] > [class*="tf-col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*="_lg-10"] > [class~="tf-col"],
  [class*="_lg-10"] > [class*="tf-col-"],
  [class*="_lg-10"] > [class*="tf-col_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_lg-11"] > [class~="tf-col"],
  [class*="_lg-11"] > [class*="tf-col-"],
  [class*="_lg-11"] > [class*="tf-col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*="_lg-12"] > [class~="tf-col"],
  [class*="_lg-12"] > [class*="tf-col-"],
  [class*="_lg-12"] > [class*="tf-col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 64em) {
  [class*="_md-1"] > [class~="tf-col"],
  [class*="_md-1"] > [class*="tf-col-"],
  [class*="_md-1"] > [class*="tf-col_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_md-2"] > [class~="tf-col"],
  [class*="_md-2"] > [class*="tf-col-"],
  [class*="_md-2"] > [class*="tf-col_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_md-3"] > [class~="tf-col"],
  [class*="_md-3"] > [class*="tf-col-"],
  [class*="_md-3"] > [class*="tf-col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*="_md-4"] > [class~="tf-col"],
  [class*="_md-4"] > [class*="tf-col-"],
  [class*="_md-4"] > [class*="tf-col_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_md-5"] > [class~="tf-col"],
  [class*="_md-5"] > [class*="tf-col-"],
  [class*="_md-5"] > [class*="tf-col_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_md-6"] > [class~="tf-col"],
  [class*="_md-6"] > [class*="tf-col-"],
  [class*="_md-6"] > [class*="tf-col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*="_md-7"] > [class~="tf-col"],
  [class*="_md-7"] > [class*="tf-col-"],
  [class*="_md-7"] > [class*="tf-col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*="_md-8"] > [class~="tf-col"],
  [class*="_md-8"] > [class*="tf-col-"],
  [class*="_md-8"] > [class*="tf-col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_md-9"] > [class~="tf-col"],
  [class*="_md-9"] > [class*="tf-col-"],
  [class*="_md-9"] > [class*="tf-col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*="_md-10"] > [class~="tf-col"],
  [class*="_md-10"] > [class*="tf-col-"],
  [class*="_md-10"] > [class*="tf-col_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_md-11"] > [class~="tf-col"],
  [class*="_md-11"] > [class*="tf-col-"],
  [class*="_md-11"] > [class*="tf-col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*="_md-12"] > [class~="tf-col"],
  [class*="_md-12"] > [class*="tf-col-"],
  [class*="_md-12"] > [class*="tf-col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 48em) {
  [class*="_sm-1"] > [class~="tf-col"],
  [class*="_sm-1"] > [class*="tf-col-"],
  [class*="_sm-1"] > [class*="tf-col_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_sm-2"] > [class~="tf-col"],
  [class*="_sm-2"] > [class*="tf-col-"],
  [class*="_sm-2"] > [class*="tf-col_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_sm-3"] > [class~="tf-col"],
  [class*="_sm-3"] > [class*="tf-col-"],
  [class*="_sm-3"] > [class*="tf-col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*="_sm-4"] > [class~="tf-col"],
  [class*="_sm-4"] > [class*="tf-col-"],
  [class*="_sm-4"] > [class*="tf-col_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_sm-5"] > [class~="tf-col"],
  [class*="_sm-5"] > [class*="tf-col-"],
  [class*="_sm-5"] > [class*="tf-col_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_sm-6"] > [class~="tf-col"],
  [class*="_sm-6"] > [class*="tf-col-"],
  [class*="_sm-6"] > [class*="tf-col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*="_sm-7"] > [class~="tf-col"],
  [class*="_sm-7"] > [class*="tf-col-"],
  [class*="_sm-7"] > [class*="tf-col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*="_sm-8"] > [class~="tf-col"],
  [class*="_sm-8"] > [class*="tf-col-"],
  [class*="_sm-8"] > [class*="tf-col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_sm-9"] > [class~="tf-col"],
  [class*="_sm-9"] > [class*="tf-col-"],
  [class*="_sm-9"] > [class*="tf-col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*="_sm-10"] > [class~="tf-col"],
  [class*="_sm-10"] > [class*="tf-col-"],
  [class*="_sm-10"] > [class*="tf-col_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_sm-11"] > [class~="tf-col"],
  [class*="_sm-11"] > [class*="tf-col-"],
  [class*="_sm-11"] > [class*="tf-col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*="_sm-12"] > [class~="tf-col"],
  [class*="_sm-12"] > [class*="tf-col-"],
  [class*="_sm-12"] > [class*="tf-col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
@media (max-width: 36em) {
  [class*="_xs-1"] > [class~="tf-col"],
  [class*="_xs-1"] > [class*="tf-col-"],
  [class*="_xs-1"] > [class*="tf-col_"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class*="_xs-2"] > [class~="tf-col"],
  [class*="_xs-2"] > [class*="tf-col-"],
  [class*="_xs-2"] > [class*="tf-col_"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class*="_xs-3"] > [class~="tf-col"],
  [class*="_xs-3"] > [class*="tf-col-"],
  [class*="_xs-3"] > [class*="tf-col_"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class*="_xs-4"] > [class~="tf-col"],
  [class*="_xs-4"] > [class*="tf-col-"],
  [class*="_xs-4"] > [class*="tf-col_"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class*="_xs-5"] > [class~="tf-col"],
  [class*="_xs-5"] > [class*="tf-col-"],
  [class*="_xs-5"] > [class*="tf-col_"] {
    flex-basis: 20%;
    max-width: 20%;
  }
  [class*="_xs-6"] > [class~="tf-col"],
  [class*="_xs-6"] > [class*="tf-col-"],
  [class*="_xs-6"] > [class*="tf-col_"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class*="_xs-7"] > [class~="tf-col"],
  [class*="_xs-7"] > [class*="tf-col-"],
  [class*="_xs-7"] > [class*="tf-col_"] {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%;
  }
  [class*="_xs-8"] > [class~="tf-col"],
  [class*="_xs-8"] > [class*="tf-col-"],
  [class*="_xs-8"] > [class*="tf-col_"] {
    flex-basis: 12.5%;
    max-width: 12.5%;
  }
  [class*="_xs-9"] > [class~="tf-col"],
  [class*="_xs-9"] > [class*="tf-col-"],
  [class*="_xs-9"] > [class*="tf-col_"] {
    flex-basis: 11.1111111111%;
    max-width: 11.1111111111%;
  }
  [class*="_xs-10"] > [class~="tf-col"],
  [class*="_xs-10"] > [class*="tf-col-"],
  [class*="_xs-10"] > [class*="tf-col_"] {
    flex-basis: 10%;
    max-width: 10%;
  }
  [class*="_xs-11"] > [class~="tf-col"],
  [class*="_xs-11"] > [class*="tf-col-"],
  [class*="_xs-11"] > [class*="tf-col_"] {
    flex-basis: 9.0909090909%;
    max-width: 9.0909090909%;
  }
  [class*="_xs-12"] > [class~="tf-col"],
  [class*="_xs-12"] > [class*="tf-col-"],
  [class*="_xs-12"] > [class*="tf-col_"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
}
[class~="tf-grid"] > [class*="tf-col-1"],
[class*="tf-grid-"] > [class*="tf-col-1"],
[class*="tf-grid_"] > [class*="tf-col-1"] {
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}
[class~="tf-grid"] > [class*="tf-col-2"],
[class*="tf-grid-"] > [class*="tf-col-2"],
[class*="tf-grid_"] > [class*="tf-col-2"] {
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}
[class~="tf-grid"] > [class*="tf-col-3"],
[class*="tf-grid-"] > [class*="tf-col-3"],
[class*="tf-grid_"] > [class*="tf-col-3"] {
  flex-basis: 25%;
  max-width: 25%;
}
[class~="tf-grid"] > [class*="tf-col-4"],
[class*="tf-grid-"] > [class*="tf-col-4"],
[class*="tf-grid_"] > [class*="tf-col-4"] {
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}
[class~="tf-grid"] > [class*="tf-col-5"],
[class*="tf-grid-"] > [class*="tf-col-5"],
[class*="tf-grid_"] > [class*="tf-col-5"] {
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}
[class~="tf-grid"] > [class*="tf-col-6"],
[class*="tf-grid-"] > [class*="tf-col-6"],
[class*="tf-grid_"] > [class*="tf-col-6"] {
  flex-basis: 50%;
  max-width: 50%;
}
[class~="tf-grid"] > [class*="tf-col-7"],
[class*="tf-grid-"] > [class*="tf-col-7"],
[class*="tf-grid_"] > [class*="tf-col-7"] {
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}
[class~="tf-grid"] > [class*="tf-col-8"],
[class*="tf-grid-"] > [class*="tf-col-8"],
[class*="tf-grid_"] > [class*="tf-col-8"] {
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}
[class~="tf-grid"] > [class*="tf-col-9"],
[class*="tf-grid-"] > [class*="tf-col-9"],
[class*="tf-grid_"] > [class*="tf-col-9"] {
  flex-basis: 75%;
  max-width: 75%;
}
[class~="tf-grid"] > [class*="tf-col-10"],
[class*="tf-grid-"] > [class*="tf-col-10"],
[class*="tf-grid_"] > [class*="tf-col-10"] {
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}
[class~="tf-grid"] > [class*="tf-col-11"],
[class*="tf-grid-"] > [class*="tf-col-11"],
[class*="tf-grid_"] > [class*="tf-col-11"] {
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}
[class~="tf-grid"] > [class*="tf-col-12"],
[class*="tf-grid-"] > [class*="tf-col-12"],
[class*="tf-grid_"] > [class*="tf-col-12"] {
  flex-basis: 100%;
  max-width: 100%;
}
[class~="tf-grid"] > [data-push-left*="off-0"],
[class*="tf-grid-"] > [data-push-left*="off-0"],
[class*="tf-grid_"] > [data-push-left*="off-0"] {
  margin-left: 0;
}
[class~="tf-grid"] > [data-push-left*="off-1"],
[class*="tf-grid-"] > [data-push-left*="off-1"],
[class*="tf-grid_"] > [data-push-left*="off-1"] {
  margin-left: 8.3333333333%;
}
[class~="tf-grid"] > [data-push-left*="off-2"],
[class*="tf-grid-"] > [data-push-left*="off-2"],
[class*="tf-grid_"] > [data-push-left*="off-2"] {
  margin-left: 16.6666666667%;
}
[class~="tf-grid"] > [data-push-left*="off-3"],
[class*="tf-grid-"] > [data-push-left*="off-3"],
[class*="tf-grid_"] > [data-push-left*="off-3"] {
  margin-left: 25%;
}
[class~="tf-grid"] > [data-push-left*="off-4"],
[class*="tf-grid-"] > [data-push-left*="off-4"],
[class*="tf-grid_"] > [data-push-left*="off-4"] {
  margin-left: 33.3333333333%;
}
[class~="tf-grid"] > [data-push-left*="off-5"],
[class*="tf-grid-"] > [data-push-left*="off-5"],
[class*="tf-grid_"] > [data-push-left*="off-5"] {
  margin-left: 41.6666666667%;
}
[class~="tf-grid"] > [data-push-left*="off-6"],
[class*="tf-grid-"] > [data-push-left*="off-6"],
[class*="tf-grid_"] > [data-push-left*="off-6"] {
  margin-left: 50%;
}
[class~="tf-grid"] > [data-push-left*="off-7"],
[class*="tf-grid-"] > [data-push-left*="off-7"],
[class*="tf-grid_"] > [data-push-left*="off-7"] {
  margin-left: 58.3333333333%;
}
[class~="tf-grid"] > [data-push-left*="off-8"],
[class*="tf-grid-"] > [data-push-left*="off-8"],
[class*="tf-grid_"] > [data-push-left*="off-8"] {
  margin-left: 66.6666666667%;
}
[class~="tf-grid"] > [data-push-left*="off-9"],
[class*="tf-grid-"] > [data-push-left*="off-9"],
[class*="tf-grid_"] > [data-push-left*="off-9"] {
  margin-left: 75%;
}
[class~="tf-grid"] > [data-push-left*="off-10"],
[class*="tf-grid-"] > [data-push-left*="off-10"],
[class*="tf-grid_"] > [data-push-left*="off-10"] {
  margin-left: 83.3333333333%;
}
[class~="tf-grid"] > [data-push-left*="off-11"],
[class*="tf-grid-"] > [data-push-left*="off-11"],
[class*="tf-grid_"] > [data-push-left*="off-11"] {
  margin-left: 91.6666666667%;
}
[class~="tf-grid"] > [data-push-right*="off-0"],
[class*="tf-grid-"] > [data-push-right*="off-0"],
[class*="tf-grid_"] > [data-push-right*="off-0"] {
  margin-right: 0;
}
[class~="tf-grid"] > [data-push-right*="off-1"],
[class*="tf-grid-"] > [data-push-right*="off-1"],
[class*="tf-grid_"] > [data-push-right*="off-1"] {
  margin-right: 8.3333333333%;
}
[class~="tf-grid"] > [data-push-right*="off-2"],
[class*="tf-grid-"] > [data-push-right*="off-2"],
[class*="tf-grid_"] > [data-push-right*="off-2"] {
  margin-right: 16.6666666667%;
}
[class~="tf-grid"] > [data-push-right*="off-3"],
[class*="tf-grid-"] > [data-push-right*="off-3"],
[class*="tf-grid_"] > [data-push-right*="off-3"] {
  margin-right: 25%;
}
[class~="tf-grid"] > [data-push-right*="off-4"],
[class*="tf-grid-"] > [data-push-right*="off-4"],
[class*="tf-grid_"] > [data-push-right*="off-4"] {
  margin-right: 33.3333333333%;
}
[class~="tf-grid"] > [data-push-right*="off-5"],
[class*="tf-grid-"] > [data-push-right*="off-5"],
[class*="tf-grid_"] > [data-push-right*="off-5"] {
  margin-right: 41.6666666667%;
}
[class~="tf-grid"] > [data-push-right*="off-6"],
[class*="tf-grid-"] > [data-push-right*="off-6"],
[class*="tf-grid_"] > [data-push-right*="off-6"] {
  margin-right: 50%;
}
[class~="tf-grid"] > [data-push-right*="off-7"],
[class*="tf-grid-"] > [data-push-right*="off-7"],
[class*="tf-grid_"] > [data-push-right*="off-7"] {
  margin-right: 58.3333333333%;
}
[class~="tf-grid"] > [data-push-right*="off-8"],
[class*="tf-grid-"] > [data-push-right*="off-8"],
[class*="tf-grid_"] > [data-push-right*="off-8"] {
  margin-right: 66.6666666667%;
}
[class~="tf-grid"] > [data-push-right*="off-9"],
[class*="tf-grid-"] > [data-push-right*="off-9"],
[class*="tf-grid_"] > [data-push-right*="off-9"] {
  margin-right: 75%;
}
[class~="tf-grid"] > [data-push-right*="off-10"],
[class*="tf-grid-"] > [data-push-right*="off-10"],
[class*="tf-grid_"] > [data-push-right*="off-10"] {
  margin-right: 83.3333333333%;
}
[class~="tf-grid"] > [data-push-right*="off-11"],
[class*="tf-grid-"] > [data-push-right*="off-11"],
[class*="tf-grid_"] > [data-push-right*="off-11"] {
  margin-right: 91.6666666667%;
}
@media (max-width: 80em) {
  [class~="tf-grid"] > [class*="_lg-1"],
  [class*="tf-grid-"] > [class*="_lg-1"],
  [class*="tf-grid_"] > [class*="_lg-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~="tf-grid"] > [class*="_lg-2"],
  [class*="tf-grid-"] > [class*="_lg-2"],
  [class*="tf-grid_"] > [class*="_lg-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~="tf-grid"] > [class*="_lg-3"],
  [class*="tf-grid-"] > [class*="_lg-3"],
  [class*="tf-grid_"] > [class*="_lg-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="tf-grid"] > [class*="_lg-4"],
  [class*="tf-grid-"] > [class*="_lg-4"],
  [class*="tf-grid_"] > [class*="_lg-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~="tf-grid"] > [class*="_lg-5"],
  [class*="tf-grid-"] > [class*="_lg-5"],
  [class*="tf-grid_"] > [class*="_lg-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~="tf-grid"] > [class*="_lg-6"],
  [class*="tf-grid-"] > [class*="_lg-6"],
  [class*="tf-grid_"] > [class*="_lg-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="tf-grid"] > [class*="_lg-7"],
  [class*="tf-grid-"] > [class*="_lg-7"],
  [class*="tf-grid_"] > [class*="_lg-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~="tf-grid"] > [class*="_lg-8"],
  [class*="tf-grid-"] > [class*="_lg-8"],
  [class*="tf-grid_"] > [class*="_lg-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~="tf-grid"] > [class*="_lg-9"],
  [class*="tf-grid-"] > [class*="_lg-9"],
  [class*="tf-grid_"] > [class*="_lg-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="tf-grid"] > [class*="_lg-10"],
  [class*="tf-grid-"] > [class*="_lg-10"],
  [class*="tf-grid_"] > [class*="_lg-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~="tf-grid"] > [class*="_lg-11"],
  [class*="tf-grid-"] > [class*="_lg-11"],
  [class*="tf-grid_"] > [class*="_lg-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~="tf-grid"] > [class*="_lg-12"],
  [class*="tf-grid-"] > [class*="_lg-12"],
  [class*="tf-grid_"] > [class*="_lg-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-0"],
  [class*="tf-grid-"] > [data-push-left*="_lg-0"],
  [class*="tf-grid_"] > [data-push-left*="_lg-0"] {
    margin-left: 0;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-1"],
  [class*="tf-grid-"] > [data-push-left*="_lg-1"],
  [class*="tf-grid_"] > [data-push-left*="_lg-1"] {
    margin-left: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-2"],
  [class*="tf-grid-"] > [data-push-left*="_lg-2"],
  [class*="tf-grid_"] > [data-push-left*="_lg-2"] {
    margin-left: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-3"],
  [class*="tf-grid-"] > [data-push-left*="_lg-3"],
  [class*="tf-grid_"] > [data-push-left*="_lg-3"] {
    margin-left: 25%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-4"],
  [class*="tf-grid-"] > [data-push-left*="_lg-4"],
  [class*="tf-grid_"] > [data-push-left*="_lg-4"] {
    margin-left: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-5"],
  [class*="tf-grid-"] > [data-push-left*="_lg-5"],
  [class*="tf-grid_"] > [data-push-left*="_lg-5"] {
    margin-left: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-6"],
  [class*="tf-grid-"] > [data-push-left*="_lg-6"],
  [class*="tf-grid_"] > [data-push-left*="_lg-6"] {
    margin-left: 50%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-7"],
  [class*="tf-grid-"] > [data-push-left*="_lg-7"],
  [class*="tf-grid_"] > [data-push-left*="_lg-7"] {
    margin-left: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-8"],
  [class*="tf-grid-"] > [data-push-left*="_lg-8"],
  [class*="tf-grid_"] > [data-push-left*="_lg-8"] {
    margin-left: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-9"],
  [class*="tf-grid-"] > [data-push-left*="_lg-9"],
  [class*="tf-grid_"] > [data-push-left*="_lg-9"] {
    margin-left: 75%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-10"],
  [class*="tf-grid-"] > [data-push-left*="_lg-10"],
  [class*="tf-grid_"] > [data-push-left*="_lg-10"] {
    margin-left: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_lg-11"],
  [class*="tf-grid-"] > [data-push-left*="_lg-11"],
  [class*="tf-grid_"] > [data-push-left*="_lg-11"] {
    margin-left: 91.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-0"],
  [class*="tf-grid-"] > [data-push-right*="_lg-0"],
  [class*="tf-grid_"] > [data-push-right*="_lg-0"] {
    margin-right: 0;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-1"],
  [class*="tf-grid-"] > [data-push-right*="_lg-1"],
  [class*="tf-grid_"] > [data-push-right*="_lg-1"] {
    margin-right: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-2"],
  [class*="tf-grid-"] > [data-push-right*="_lg-2"],
  [class*="tf-grid_"] > [data-push-right*="_lg-2"] {
    margin-right: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-3"],
  [class*="tf-grid-"] > [data-push-right*="_lg-3"],
  [class*="tf-grid_"] > [data-push-right*="_lg-3"] {
    margin-right: 25%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-4"],
  [class*="tf-grid-"] > [data-push-right*="_lg-4"],
  [class*="tf-grid_"] > [data-push-right*="_lg-4"] {
    margin-right: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-5"],
  [class*="tf-grid-"] > [data-push-right*="_lg-5"],
  [class*="tf-grid_"] > [data-push-right*="_lg-5"] {
    margin-right: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-6"],
  [class*="tf-grid-"] > [data-push-right*="_lg-6"],
  [class*="tf-grid_"] > [data-push-right*="_lg-6"] {
    margin-right: 50%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-7"],
  [class*="tf-grid-"] > [data-push-right*="_lg-7"],
  [class*="tf-grid_"] > [data-push-right*="_lg-7"] {
    margin-right: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-8"],
  [class*="tf-grid-"] > [data-push-right*="_lg-8"],
  [class*="tf-grid_"] > [data-push-right*="_lg-8"] {
    margin-right: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-9"],
  [class*="tf-grid-"] > [data-push-right*="_lg-9"],
  [class*="tf-grid_"] > [data-push-right*="_lg-9"] {
    margin-right: 75%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-10"],
  [class*="tf-grid-"] > [data-push-right*="_lg-10"],
  [class*="tf-grid_"] > [data-push-right*="_lg-10"] {
    margin-right: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_lg-11"],
  [class*="tf-grid-"] > [data-push-right*="_lg-11"],
  [class*="tf-grid_"] > [data-push-right*="_lg-11"] {
    margin-right: 91.6666666667%;
  }
  [class~="tf-grid"] [class*="_lg-first"],
  [class*="tf-grid-"] [class*="_lg-first"],
  [class*="tf-grid_"] [class*="_lg-first"] {
    order: -1;
  }
  [class~="tf-grid"] [class*="_lg-last"],
  [class*="tf-grid-"] [class*="_lg-last"],
  [class*="tf-grid_"] [class*="_lg-last"] {
    order: 1;
  }
}
@media (max-width: 64em) {
  [class~="tf-grid"] > [class*="_md-1"],
  [class*="tf-grid-"] > [class*="_md-1"],
  [class*="tf-grid_"] > [class*="_md-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~="tf-grid"] > [class*="_md-2"],
  [class*="tf-grid-"] > [class*="_md-2"],
  [class*="tf-grid_"] > [class*="_md-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~="tf-grid"] > [class*="_md-3"],
  [class*="tf-grid-"] > [class*="_md-3"],
  [class*="tf-grid_"] > [class*="_md-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="tf-grid"] > [class*="_md-4"],
  [class*="tf-grid-"] > [class*="_md-4"],
  [class*="tf-grid_"] > [class*="_md-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~="tf-grid"] > [class*="_md-5"],
  [class*="tf-grid-"] > [class*="_md-5"],
  [class*="tf-grid_"] > [class*="_md-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~="tf-grid"] > [class*="_md-6"],
  [class*="tf-grid-"] > [class*="_md-6"],
  [class*="tf-grid_"] > [class*="_md-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="tf-grid"] > [class*="_md-7"],
  [class*="tf-grid-"] > [class*="_md-7"],
  [class*="tf-grid_"] > [class*="_md-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~="tf-grid"] > [class*="_md-8"],
  [class*="tf-grid-"] > [class*="_md-8"],
  [class*="tf-grid_"] > [class*="_md-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~="tf-grid"] > [class*="_md-9"],
  [class*="tf-grid-"] > [class*="_md-9"],
  [class*="tf-grid_"] > [class*="_md-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="tf-grid"] > [class*="_md-10"],
  [class*="tf-grid-"] > [class*="_md-10"],
  [class*="tf-grid_"] > [class*="_md-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~="tf-grid"] > [class*="_md-11"],
  [class*="tf-grid-"] > [class*="_md-11"],
  [class*="tf-grid_"] > [class*="_md-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~="tf-grid"] > [class*="_md-12"],
  [class*="tf-grid-"] > [class*="_md-12"],
  [class*="tf-grid_"] > [class*="_md-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-0"],
  [class*="tf-grid-"] > [data-push-left*="_md-0"],
  [class*="tf-grid_"] > [data-push-left*="_md-0"] {
    margin-left: 0;
  }
  [class~="tf-grid"] > [data-push-left*="_md-1"],
  [class*="tf-grid-"] > [data-push-left*="_md-1"],
  [class*="tf-grid_"] > [data-push-left*="_md-1"] {
    margin-left: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-2"],
  [class*="tf-grid-"] > [data-push-left*="_md-2"],
  [class*="tf-grid_"] > [data-push-left*="_md-2"] {
    margin-left: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-3"],
  [class*="tf-grid-"] > [data-push-left*="_md-3"],
  [class*="tf-grid_"] > [data-push-left*="_md-3"] {
    margin-left: 25%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-4"],
  [class*="tf-grid-"] > [data-push-left*="_md-4"],
  [class*="tf-grid_"] > [data-push-left*="_md-4"] {
    margin-left: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-5"],
  [class*="tf-grid-"] > [data-push-left*="_md-5"],
  [class*="tf-grid_"] > [data-push-left*="_md-5"] {
    margin-left: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-6"],
  [class*="tf-grid-"] > [data-push-left*="_md-6"],
  [class*="tf-grid_"] > [data-push-left*="_md-6"] {
    margin-left: 50%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-7"],
  [class*="tf-grid-"] > [data-push-left*="_md-7"],
  [class*="tf-grid_"] > [data-push-left*="_md-7"] {
    margin-left: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-8"],
  [class*="tf-grid-"] > [data-push-left*="_md-8"],
  [class*="tf-grid_"] > [data-push-left*="_md-8"] {
    margin-left: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-9"],
  [class*="tf-grid-"] > [data-push-left*="_md-9"],
  [class*="tf-grid_"] > [data-push-left*="_md-9"] {
    margin-left: 75%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-10"],
  [class*="tf-grid-"] > [data-push-left*="_md-10"],
  [class*="tf-grid_"] > [data-push-left*="_md-10"] {
    margin-left: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_md-11"],
  [class*="tf-grid-"] > [data-push-left*="_md-11"],
  [class*="tf-grid_"] > [data-push-left*="_md-11"] {
    margin-left: 91.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-0"],
  [class*="tf-grid-"] > [data-push-right*="_md-0"],
  [class*="tf-grid_"] > [data-push-right*="_md-0"] {
    margin-right: 0;
  }
  [class~="tf-grid"] > [data-push-right*="_md-1"],
  [class*="tf-grid-"] > [data-push-right*="_md-1"],
  [class*="tf-grid_"] > [data-push-right*="_md-1"] {
    margin-right: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-2"],
  [class*="tf-grid-"] > [data-push-right*="_md-2"],
  [class*="tf-grid_"] > [data-push-right*="_md-2"] {
    margin-right: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-3"],
  [class*="tf-grid-"] > [data-push-right*="_md-3"],
  [class*="tf-grid_"] > [data-push-right*="_md-3"] {
    margin-right: 25%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-4"],
  [class*="tf-grid-"] > [data-push-right*="_md-4"],
  [class*="tf-grid_"] > [data-push-right*="_md-4"] {
    margin-right: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-5"],
  [class*="tf-grid-"] > [data-push-right*="_md-5"],
  [class*="tf-grid_"] > [data-push-right*="_md-5"] {
    margin-right: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-6"],
  [class*="tf-grid-"] > [data-push-right*="_md-6"],
  [class*="tf-grid_"] > [data-push-right*="_md-6"] {
    margin-right: 50%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-7"],
  [class*="tf-grid-"] > [data-push-right*="_md-7"],
  [class*="tf-grid_"] > [data-push-right*="_md-7"] {
    margin-right: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-8"],
  [class*="tf-grid-"] > [data-push-right*="_md-8"],
  [class*="tf-grid_"] > [data-push-right*="_md-8"] {
    margin-right: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-9"],
  [class*="tf-grid-"] > [data-push-right*="_md-9"],
  [class*="tf-grid_"] > [data-push-right*="_md-9"] {
    margin-right: 75%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-10"],
  [class*="tf-grid-"] > [data-push-right*="_md-10"],
  [class*="tf-grid_"] > [data-push-right*="_md-10"] {
    margin-right: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_md-11"],
  [class*="tf-grid-"] > [data-push-right*="_md-11"],
  [class*="tf-grid_"] > [data-push-right*="_md-11"] {
    margin-right: 91.6666666667%;
  }
  [class~="tf-grid"] [class*="_md-first"],
  [class*="tf-grid-"] [class*="_md-first"],
  [class*="tf-grid_"] [class*="_md-first"] {
    order: -1;
  }
  [class~="tf-grid"] [class*="_md-last"],
  [class*="tf-grid-"] [class*="_md-last"],
  [class*="tf-grid_"] [class*="_md-last"] {
    order: 1;
  }
}
@media (max-width: 48em) {
  [class~="tf-grid"] > [class*="_sm-1"],
  [class*="tf-grid-"] > [class*="_sm-1"],
  [class*="tf-grid_"] > [class*="_sm-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~="tf-grid"] > [class*="_sm-2"],
  [class*="tf-grid-"] > [class*="_sm-2"],
  [class*="tf-grid_"] > [class*="_sm-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~="tf-grid"] > [class*="_sm-3"],
  [class*="tf-grid-"] > [class*="_sm-3"],
  [class*="tf-grid_"] > [class*="_sm-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="tf-grid"] > [class*="_sm-4"],
  [class*="tf-grid-"] > [class*="_sm-4"],
  [class*="tf-grid_"] > [class*="_sm-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~="tf-grid"] > [class*="_sm-5"],
  [class*="tf-grid-"] > [class*="_sm-5"],
  [class*="tf-grid_"] > [class*="_sm-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~="tf-grid"] > [class*="_sm-6"],
  [class*="tf-grid-"] > [class*="_sm-6"],
  [class*="tf-grid_"] > [class*="_sm-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="tf-grid"] > [class*="_sm-7"],
  [class*="tf-grid-"] > [class*="_sm-7"],
  [class*="tf-grid_"] > [class*="_sm-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~="tf-grid"] > [class*="_sm-8"],
  [class*="tf-grid-"] > [class*="_sm-8"],
  [class*="tf-grid_"] > [class*="_sm-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~="tf-grid"] > [class*="_sm-9"],
  [class*="tf-grid-"] > [class*="_sm-9"],
  [class*="tf-grid_"] > [class*="_sm-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="tf-grid"] > [class*="_sm-10"],
  [class*="tf-grid-"] > [class*="_sm-10"],
  [class*="tf-grid_"] > [class*="_sm-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~="tf-grid"] > [class*="_sm-11"],
  [class*="tf-grid-"] > [class*="_sm-11"],
  [class*="tf-grid_"] > [class*="_sm-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~="tf-grid"] > [class*="_sm-12"],
  [class*="tf-grid-"] > [class*="_sm-12"],
  [class*="tf-grid_"] > [class*="_sm-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-0"],
  [class*="tf-grid-"] > [data-push-left*="_sm-0"],
  [class*="tf-grid_"] > [data-push-left*="_sm-0"] {
    margin-left: 0;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-1"],
  [class*="tf-grid-"] > [data-push-left*="_sm-1"],
  [class*="tf-grid_"] > [data-push-left*="_sm-1"] {
    margin-left: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-2"],
  [class*="tf-grid-"] > [data-push-left*="_sm-2"],
  [class*="tf-grid_"] > [data-push-left*="_sm-2"] {
    margin-left: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-3"],
  [class*="tf-grid-"] > [data-push-left*="_sm-3"],
  [class*="tf-grid_"] > [data-push-left*="_sm-3"] {
    margin-left: 25%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-4"],
  [class*="tf-grid-"] > [data-push-left*="_sm-4"],
  [class*="tf-grid_"] > [data-push-left*="_sm-4"] {
    margin-left: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-5"],
  [class*="tf-grid-"] > [data-push-left*="_sm-5"],
  [class*="tf-grid_"] > [data-push-left*="_sm-5"] {
    margin-left: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-6"],
  [class*="tf-grid-"] > [data-push-left*="_sm-6"],
  [class*="tf-grid_"] > [data-push-left*="_sm-6"] {
    margin-left: 50%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-7"],
  [class*="tf-grid-"] > [data-push-left*="_sm-7"],
  [class*="tf-grid_"] > [data-push-left*="_sm-7"] {
    margin-left: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-8"],
  [class*="tf-grid-"] > [data-push-left*="_sm-8"],
  [class*="tf-grid_"] > [data-push-left*="_sm-8"] {
    margin-left: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-9"],
  [class*="tf-grid-"] > [data-push-left*="_sm-9"],
  [class*="tf-grid_"] > [data-push-left*="_sm-9"] {
    margin-left: 75%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-10"],
  [class*="tf-grid-"] > [data-push-left*="_sm-10"],
  [class*="tf-grid_"] > [data-push-left*="_sm-10"] {
    margin-left: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_sm-11"],
  [class*="tf-grid-"] > [data-push-left*="_sm-11"],
  [class*="tf-grid_"] > [data-push-left*="_sm-11"] {
    margin-left: 91.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-0"],
  [class*="tf-grid-"] > [data-push-right*="_sm-0"],
  [class*="tf-grid_"] > [data-push-right*="_sm-0"] {
    margin-right: 0;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-1"],
  [class*="tf-grid-"] > [data-push-right*="_sm-1"],
  [class*="tf-grid_"] > [data-push-right*="_sm-1"] {
    margin-right: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-2"],
  [class*="tf-grid-"] > [data-push-right*="_sm-2"],
  [class*="tf-grid_"] > [data-push-right*="_sm-2"] {
    margin-right: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-3"],
  [class*="tf-grid-"] > [data-push-right*="_sm-3"],
  [class*="tf-grid_"] > [data-push-right*="_sm-3"] {
    margin-right: 25%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-4"],
  [class*="tf-grid-"] > [data-push-right*="_sm-4"],
  [class*="tf-grid_"] > [data-push-right*="_sm-4"] {
    margin-right: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-5"],
  [class*="tf-grid-"] > [data-push-right*="_sm-5"],
  [class*="tf-grid_"] > [data-push-right*="_sm-5"] {
    margin-right: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-6"],
  [class*="tf-grid-"] > [data-push-right*="_sm-6"],
  [class*="tf-grid_"] > [data-push-right*="_sm-6"] {
    margin-right: 50%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-7"],
  [class*="tf-grid-"] > [data-push-right*="_sm-7"],
  [class*="tf-grid_"] > [data-push-right*="_sm-7"] {
    margin-right: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-8"],
  [class*="tf-grid-"] > [data-push-right*="_sm-8"],
  [class*="tf-grid_"] > [data-push-right*="_sm-8"] {
    margin-right: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-9"],
  [class*="tf-grid-"] > [data-push-right*="_sm-9"],
  [class*="tf-grid_"] > [data-push-right*="_sm-9"] {
    margin-right: 75%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-10"],
  [class*="tf-grid-"] > [data-push-right*="_sm-10"],
  [class*="tf-grid_"] > [data-push-right*="_sm-10"] {
    margin-right: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_sm-11"],
  [class*="tf-grid-"] > [data-push-right*="_sm-11"],
  [class*="tf-grid_"] > [data-push-right*="_sm-11"] {
    margin-right: 91.6666666667%;
  }
  [class~="tf-grid"] [class*="_sm-first"],
  [class*="tf-grid-"] [class*="_sm-first"],
  [class*="tf-grid_"] [class*="_sm-first"] {
    order: -1;
  }
  [class~="tf-grid"] [class*="_sm-last"],
  [class*="tf-grid-"] [class*="_sm-last"],
  [class*="tf-grid_"] [class*="_sm-last"] {
    order: 1;
  }
}
@media (max-width: 36em) {
  [class~="tf-grid"] > [class*="_xs-1"],
  [class*="tf-grid-"] > [class*="_xs-1"],
  [class*="tf-grid_"] > [class*="_xs-1"] {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }
  [class~="tf-grid"] > [class*="_xs-2"],
  [class*="tf-grid-"] > [class*="_xs-2"],
  [class*="tf-grid_"] > [class*="_xs-2"] {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }
  [class~="tf-grid"] > [class*="_xs-3"],
  [class*="tf-grid-"] > [class*="_xs-3"],
  [class*="tf-grid_"] > [class*="_xs-3"] {
    flex-basis: 25%;
    max-width: 25%;
  }
  [class~="tf-grid"] > [class*="_xs-4"],
  [class*="tf-grid-"] > [class*="_xs-4"],
  [class*="tf-grid_"] > [class*="_xs-4"] {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }
  [class~="tf-grid"] > [class*="_xs-5"],
  [class*="tf-grid-"] > [class*="_xs-5"],
  [class*="tf-grid_"] > [class*="_xs-5"] {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }
  [class~="tf-grid"] > [class*="_xs-6"],
  [class*="tf-grid-"] > [class*="_xs-6"],
  [class*="tf-grid_"] > [class*="_xs-6"] {
    flex-basis: 50%;
    max-width: 50%;
  }
  [class~="tf-grid"] > [class*="_xs-7"],
  [class*="tf-grid-"] > [class*="_xs-7"],
  [class*="tf-grid_"] > [class*="_xs-7"] {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }
  [class~="tf-grid"] > [class*="_xs-8"],
  [class*="tf-grid-"] > [class*="_xs-8"],
  [class*="tf-grid_"] > [class*="_xs-8"] {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }
  [class~="tf-grid"] > [class*="_xs-9"],
  [class*="tf-grid-"] > [class*="_xs-9"],
  [class*="tf-grid_"] > [class*="_xs-9"] {
    flex-basis: 75%;
    max-width: 75%;
  }
  [class~="tf-grid"] > [class*="_xs-10"],
  [class*="tf-grid-"] > [class*="_xs-10"],
  [class*="tf-grid_"] > [class*="_xs-10"] {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }
  [class~="tf-grid"] > [class*="_xs-11"],
  [class*="tf-grid-"] > [class*="_xs-11"],
  [class*="tf-grid_"] > [class*="_xs-11"] {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }
  [class~="tf-grid"] > [class*="_xs-12"],
  [class*="tf-grid-"] > [class*="_xs-12"],
  [class*="tf-grid_"] > [class*="_xs-12"] {
    flex-basis: 100%;
    max-width: 100%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-0"],
  [class*="tf-grid-"] > [data-push-left*="_xs-0"],
  [class*="tf-grid_"] > [data-push-left*="_xs-0"] {
    margin-left: 0;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-1"],
  [class*="tf-grid-"] > [data-push-left*="_xs-1"],
  [class*="tf-grid_"] > [data-push-left*="_xs-1"] {
    margin-left: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-2"],
  [class*="tf-grid-"] > [data-push-left*="_xs-2"],
  [class*="tf-grid_"] > [data-push-left*="_xs-2"] {
    margin-left: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-3"],
  [class*="tf-grid-"] > [data-push-left*="_xs-3"],
  [class*="tf-grid_"] > [data-push-left*="_xs-3"] {
    margin-left: 25%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-4"],
  [class*="tf-grid-"] > [data-push-left*="_xs-4"],
  [class*="tf-grid_"] > [data-push-left*="_xs-4"] {
    margin-left: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-5"],
  [class*="tf-grid-"] > [data-push-left*="_xs-5"],
  [class*="tf-grid_"] > [data-push-left*="_xs-5"] {
    margin-left: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-6"],
  [class*="tf-grid-"] > [data-push-left*="_xs-6"],
  [class*="tf-grid_"] > [data-push-left*="_xs-6"] {
    margin-left: 50%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-7"],
  [class*="tf-grid-"] > [data-push-left*="_xs-7"],
  [class*="tf-grid_"] > [data-push-left*="_xs-7"] {
    margin-left: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-8"],
  [class*="tf-grid-"] > [data-push-left*="_xs-8"],
  [class*="tf-grid_"] > [data-push-left*="_xs-8"] {
    margin-left: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-9"],
  [class*="tf-grid-"] > [data-push-left*="_xs-9"],
  [class*="tf-grid_"] > [data-push-left*="_xs-9"] {
    margin-left: 75%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-10"],
  [class*="tf-grid-"] > [data-push-left*="_xs-10"],
  [class*="tf-grid_"] > [data-push-left*="_xs-10"] {
    margin-left: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-left*="_xs-11"],
  [class*="tf-grid-"] > [data-push-left*="_xs-11"],
  [class*="tf-grid_"] > [data-push-left*="_xs-11"] {
    margin-left: 91.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-0"],
  [class*="tf-grid-"] > [data-push-right*="_xs-0"],
  [class*="tf-grid_"] > [data-push-right*="_xs-0"] {
    margin-right: 0;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-1"],
  [class*="tf-grid-"] > [data-push-right*="_xs-1"],
  [class*="tf-grid_"] > [data-push-right*="_xs-1"] {
    margin-right: 8.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-2"],
  [class*="tf-grid-"] > [data-push-right*="_xs-2"],
  [class*="tf-grid_"] > [data-push-right*="_xs-2"] {
    margin-right: 16.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-3"],
  [class*="tf-grid-"] > [data-push-right*="_xs-3"],
  [class*="tf-grid_"] > [data-push-right*="_xs-3"] {
    margin-right: 25%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-4"],
  [class*="tf-grid-"] > [data-push-right*="_xs-4"],
  [class*="tf-grid_"] > [data-push-right*="_xs-4"] {
    margin-right: 33.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-5"],
  [class*="tf-grid-"] > [data-push-right*="_xs-5"],
  [class*="tf-grid_"] > [data-push-right*="_xs-5"] {
    margin-right: 41.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-6"],
  [class*="tf-grid-"] > [data-push-right*="_xs-6"],
  [class*="tf-grid_"] > [data-push-right*="_xs-6"] {
    margin-right: 50%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-7"],
  [class*="tf-grid-"] > [data-push-right*="_xs-7"],
  [class*="tf-grid_"] > [data-push-right*="_xs-7"] {
    margin-right: 58.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-8"],
  [class*="tf-grid-"] > [data-push-right*="_xs-8"],
  [class*="tf-grid_"] > [data-push-right*="_xs-8"] {
    margin-right: 66.6666666667%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-9"],
  [class*="tf-grid-"] > [data-push-right*="_xs-9"],
  [class*="tf-grid_"] > [data-push-right*="_xs-9"] {
    margin-right: 75%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-10"],
  [class*="tf-grid-"] > [data-push-right*="_xs-10"],
  [class*="tf-grid_"] > [data-push-right*="_xs-10"] {
    margin-right: 83.3333333333%;
  }
  [class~="tf-grid"] > [data-push-right*="_xs-11"],
  [class*="tf-grid-"] > [data-push-right*="_xs-11"],
  [class*="tf-grid_"] > [data-push-right*="_xs-11"] {
    margin-right: 91.6666666667%;
  }
  [class~="tf-grid"] [class*="_xs-first"],
  [class*="tf-grid-"] [class*="_xs-first"],
  [class*="tf-grid_"] [class*="_xs-first"] {
    order: -1;
  }
  [class~="tf-grid"] [class*="_xs-last"],
  [class*="tf-grid-"] [class*="_xs-last"],
  [class*="tf-grid_"] [class*="_xs-last"] {
    order: 1;
  }
}
@media (max-width: 80em) {
  [class*="lg-hidden"] {
    display: none;
  }
}
@media (max-width: 64em) {
  [class*="md-hidden"] {
    display: none;
  }
}
@media (max-width: 48em) {
  [class*="sm-hidden"] {
    display: none;
  }
}
@media (max-width: 36em) {
  [class*="xs-hidden"] {
    display: none;
  }
}
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
  touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(
    to left,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.5),
    rgba(0, 0, 0, 0)
  );
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper {
  overflow: hidden;
}
.swiper--container {
  position: relative;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  margin-top: -20px;
  height: 25px;
  width: 25px;
  z-index: 2;
  cursor: pointer;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-image: url("/img/icon-arrow-white.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px;
  background-color: #212121;
}
.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: 0.8;
}
.swiper-button-next:hover,
.swiper-button-next:focus,
.swiper-button-prev:hover,
.swiper-button-prev:focus {
  outline: 0;
}
.swiper-button-prev {
  left: 8px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.swiper-button-next {
  right: 8px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.swiper-button-disabled {
  display: none;
}
.swiper-pagination {
  text-align: center;
  display: none;
}
.swiper-pagination-bullet {
  border-radius: 4px;
  display: inline-block;
  width: 8px;
  height: 8px;
  border: none;
  padding: 0;
  margin: 0 8px;
  background-color: #d8d8d8;
  cursor: pointer;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}
.swiper-pagination-bullet:hover {
  background-color: #212121;
}
.swiper-pagination-bullet-active {
  background-color: #212121;
}
.swiper .toggle-fullscreen {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 31px;
  height: 31px;
  z-index: 10;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  background-image: url("/images/icons/icon-fullscreen.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgba(33, 33, 33, 0.8);
}
.swiper .toggle-fullscreen:hover {
  opacity: 0.8;
}
.braze-card {
  position: relative;
  margin-bottom: 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .braze-card {
    margin: 0 4px 8px;
  }
}
.braze-card__close-btn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 28px;
  height: 28px;
  z-index: 10;
  -webkit-transition: transform 0.1s ease;
  -moz-transition: transform 0.1s ease;
  -o-transition: transform 0.1s ease;
  transition: transform 0.1s ease;
  background-image: url("/images/icons/icon-close-black.svg");
  background-position: center;
  background-size: 18px;
  background-repeat: no-repeat;
}
.braze-card__close-btn:hover {
  transform: scale(1.3);
}
.braze-card__image {
  flex: 0 0 auto;
  overflow: hidden;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.braze-card__image img {
  object-fit: cover;
}
.braze-card__title {
  margin: 0 0 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .braze-card__title {
    font-size: 12px;
    margin: 0 0 4px;
  }
}
.braze-card__content {
  font-size: 14px;
  line-height: 20px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .braze-card__content {
    font-size: 12px;
  }
}
.braze-card__description {
  margin: 0;
}
.braze-card__footer {
  margin-left: auto;
}
.braze-card__button {
  flex: 0 0 auto;
  white-space: nowrap;
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: #212121 1px solid;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.braze-card__button:hover,
.braze-card__button:focus,
.braze-card__button:active {
  background-color: #fff;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.braze-card__button:disabled,
.braze-card__button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .braze-card__button {
    font-family: "proximanova-bold", sans-serif;
    font-size: 10px;
  }
}
.braze-card--container {
  display: flex;
  align-items: center;
  background-color: #fff;
  padding: 12px;
  overflow: hidden;
  box-shadow: 0px 10px 16px -4px rgba(0, 0, 0, 0.1),
    0px 0px 6px 0px rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.braze-card--small .braze-card__image {
  margin-right: 8px;
}
.braze-card--small .braze-card__image img {
  height: 44px;
  width: 44px;
}
.braze-card--medium .braze-card__image {
  margin-right: 12px;
}
.braze-card--medium .braze-card__image img {
  height: 66px;
  width: 66px;
}
.braze-card--large .braze-card__image {
  margin-right: 0;
}
.braze-card--large .braze-card__image img {
  height: 160px;
  width: 160px;
}
.braze-card--large .braze-card--container {
  padding: 0;
  display: flex;
  grid-template-columns: 160px 1fr;
}
.braze-card--large .braze-card__image {
  grid-row: 1/3;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
}
.braze-card--large .braze-card__content {
  margin-bottom: auto;
  padding: 16px 16px 16px 0;
}
.braze-card--large .braze-card__footer {
  margin-left: 0;
}
.braze-card.primary .braze-card--container {
  background-color: #ba1515;
}
.braze-card.secondary .braze-card--container {
  background-color: #2e4e8c;
}
.braze-card.dark .braze-card--container {
  background-color: #212121;
}
.braze-card.primary .braze-card__content,
.braze-card.secondary .braze-card__content,
.braze-card.dark .braze-card__content {
  color: #fff;
}
.braze-card.primary .braze-card__button,
.braze-card.secondary .braze-card__button,
.braze-card.dark .braze-card__button {
  color: #fff;
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0);
}
.braze-card.primary .braze-card__close-btn,
.braze-card.secondary .braze-card__close-btn,
.braze-card.dark .braze-card__close-btn {
  background-image: url("/img/icon-close-white.svg");
}
@media (min-width: 10px) and (max-width: 768px) {
  #main-content > .braze-card {
    margin: 0 0 8px;
  }
  #main-content > .braze-card .braze-card--container {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
  }
}
.bookmark-signup__loader {
  padding: 16px;
}
@media (min-width: 768px) {
  .bookmark-signup__loader .processing {
    position: relative;
    background: rgba(0, 0, 0, 0);
  }
}
.bookmark__heading {
  display: block;
  margin: 10px 0 8px;
  font-size: 18px;
  line-height: 18px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: -0.57px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .bookmark__heading {
    margin: 8px;
  }
}
.bookmark__none {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 80px 0;
}
.bookmark__none-image {
  width: 88px;
  height: 88px;
  background-image: url("/images/icons/icon-nav-bookmarks-grey.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-width: 10px) and (max-width: 768px) {
  .bookmark__none-image {
    width: 80px;
    height: 80px;
  }
}
.bookmark__none-title {
  font-size: 18px;
  font-family: "proximanova-bold", sans-serif;
  color: #b8bfcb;
  letter-spacing: -0.58px;
  margin: 40px auto 0;
}
.forgot-password,
.reset-password,
.password-success,
.verify-email,
.recover-email,
.email-sent,
.create-password,
.email-verification,
.verify-mobile,
.subs-email-sent {
  background-color: #fff;
  text-align: center;
  width: 100%;
  padding: 40px 0;
  position: relative;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 768px) {
  .forgot-password,
  .reset-password,
  .password-success,
  .verify-email,
  .recover-email,
  .email-sent,
  .create-password,
  .email-verification,
  .verify-mobile,
  .subs-email-sent {
    margin: 0 auto;
    min-height: 515px;
    max-width: 572px;
    -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    padding: 100px 0 100px;
  }
  .forgot-password--container,
  .reset-password--container,
  .password-success--container,
  .verify-email--container,
  .recover-email--container,
  .email-sent--container,
  .create-password--container,
  .email-verification--container,
  .verify-mobile--container,
  .subs-email-sent--container {
    width: 328px;
    margin: 0 auto;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password,
  .reset-password,
  .password-success,
  .verify-email,
  .recover-email,
  .email-sent,
  .create-password,
  .email-verification,
  .verify-mobile,
  .subs-email-sent {
    padding: 40px 33px 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    flex-direction: column;
  }
}
.forgot-password__close-btn,
.reset-password__close-btn,
.password-success__close-btn,
.verify-email__close-btn,
.recover-email__close-btn,
.email-sent__close-btn,
.create-password__close-btn,
.email-verification__close-btn,
.verify-mobile__close-btn,
.subs-email-sent__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-color: rgba(0, 0, 0, 0);
}
.forgot-password__close-btn:hover,
.reset-password__close-btn:hover,
.password-success__close-btn:hover,
.verify-email__close-btn:hover,
.recover-email__close-btn:hover,
.email-sent__close-btn:hover,
.create-password__close-btn:hover,
.email-verification__close-btn:hover,
.verify-mobile__close-btn:hover,
.subs-email-sent__close-btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password__close-btn,
  .reset-password__close-btn,
  .password-success__close-btn,
  .verify-email__close-btn,
  .recover-email__close-btn,
  .email-sent__close-btn,
  .create-password__close-btn,
  .email-verification__close-btn,
  .verify-mobile__close-btn,
  .subs-email-sent__close-btn {
    width: 20px;
    height: 20px;
    background-size: 32px;
  }
}
.forgot-password__image,
.reset-password__image,
.password-success__image,
.verify-email__image,
.recover-email__image,
.email-sent__image,
.create-password__image,
.email-verification__image,
.verify-mobile__image,
.subs-email-sent__image {
  margin: 32px auto;
}
.forgot-password__image img,
.reset-password__image img,
.password-success__image img,
.verify-email__image img,
.recover-email__image img,
.email-sent__image img,
.create-password__image img,
.email-verification__image img,
.verify-mobile__image img,
.subs-email-sent__image img {
  width: auto;
  height: 51px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password__image,
  .reset-password__image,
  .password-success__image,
  .verify-email__image,
  .recover-email__image,
  .email-sent__image,
  .create-password__image,
  .email-verification__image,
  .verify-mobile__image,
  .subs-email-sent__image {
    margin: 0 auto 32px;
  }
}
.forgot-password__title,
.reset-password__title,
.password-success__title,
.verify-email__title,
.recover-email__title,
.email-sent__title,
.create-password__title,
.email-verification__title,
.verify-mobile__title,
.subs-email-sent__title {
  font-size: 24px;
  font-family: "proximanova-bold", sans-serif;
  text-align: center;
  margin-bottom: 16px;
  width: auto !important;
}
.forgot-password__description,
.forgot-password__sub-text,
.reset-password__description,
.reset-password__sub-text,
.password-success__description,
.password-success__sub-text,
.verify-email__description,
.verify-email__sub-text,
.recover-email__description,
.recover-email__sub-text,
.email-sent__description,
.email-sent__sub-text,
.create-password__description,
.create-password__sub-text,
.email-verification__description,
.email-verification__sub-text,
.verify-mobile__description,
.verify-mobile__sub-text,
.subs-email-sent__description,
.subs-email-sent__sub-text {
  font-size: 16px;
  text-align: center;
  margin: 0 auto 16px;
  line-height: 21px;
}
.forgot-password__current-email,
.reset-password__current-email,
.password-success__current-email,
.verify-email__current-email,
.recover-email__current-email,
.email-sent__current-email,
.create-password__current-email,
.email-verification__current-email,
.verify-mobile__current-email,
.subs-email-sent__current-email {
  font-size: 12px;
  font-family: "proximanova-regular", sans-serif;
  line-height: 15px;
  margin: 8px 0 16px;
  background: #f6f6f6;
  border: 1px solid #979797;
  padding: 8px;
  border-radius: 25px;
}
.forgot-password__button button,
.reset-password__button button,
.password-success__button button,
.verify-email__button button,
.recover-email__button button,
.email-sent__button button,
.create-password__button button,
.email-verification__button button,
.verify-mobile__button button,
.subs-email-sent__button button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  width: 100%;
  display: block;
  margin: 8px auto 16px;
  border: none;
}
.forgot-password__button button:hover,
.forgot-password__button button:focus,
.forgot-password__button button:active,
.reset-password__button button:hover,
.reset-password__button button:focus,
.reset-password__button button:active,
.password-success__button button:hover,
.password-success__button button:focus,
.password-success__button button:active,
.verify-email__button button:hover,
.verify-email__button button:focus,
.verify-email__button button:active,
.recover-email__button button:hover,
.recover-email__button button:focus,
.recover-email__button button:active,
.email-sent__button button:hover,
.email-sent__button button:focus,
.email-sent__button button:active,
.create-password__button button:hover,
.create-password__button button:focus,
.create-password__button button:active,
.email-verification__button button:hover,
.email-verification__button button:focus,
.email-verification__button button:active,
.verify-mobile__button button:hover,
.verify-mobile__button button:focus,
.verify-mobile__button button:active,
.subs-email-sent__button button:hover,
.subs-email-sent__button button:focus,
.subs-email-sent__button button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.forgot-password__button button:disabled,
.forgot-password__button button [disabled="disabled"],
.reset-password__button button:disabled,
.reset-password__button button [disabled="disabled"],
.password-success__button button:disabled,
.password-success__button button [disabled="disabled"],
.verify-email__button button:disabled,
.verify-email__button button [disabled="disabled"],
.recover-email__button button:disabled,
.recover-email__button button [disabled="disabled"],
.email-sent__button button:disabled,
.email-sent__button button [disabled="disabled"],
.create-password__button button:disabled,
.create-password__button button [disabled="disabled"],
.email-verification__button button:disabled,
.email-verification__button button [disabled="disabled"],
.verify-mobile__button button:disabled,
.verify-mobile__button button [disabled="disabled"],
.subs-email-sent__button button:disabled,
.subs-email-sent__button button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password__button button,
  .reset-password__button button,
  .password-success__button button,
  .verify-email__button button,
  .recover-email__button button,
  .email-sent__button button,
  .create-password__button button,
  .email-verification__button button,
  .verify-mobile__button button,
  .subs-email-sent__button button {
    margin: 16px auto 16px;
  }
}
.forgot-password__button.alternative,
.reset-password__button.alternative,
.password-success__button.alternative,
.verify-email__button.alternative,
.recover-email__button.alternative,
.email-sent__button.alternative,
.create-password__button.alternative,
.email-verification__button.alternative,
.verify-mobile__button.alternative,
.subs-email-sent__button.alternative {
  max-width: 272px;
  margin: 0 auto;
}
.forgot-password__button.alternative button,
.reset-password__button.alternative button,
.password-success__button.alternative button,
.verify-email__button.alternative button,
.recover-email__button.alternative button,
.email-sent__button.alternative button,
.create-password__button.alternative button,
.email-verification__button.alternative button,
.verify-mobile__button.alternative button,
.subs-email-sent__button.alternative button {
  font-size: 15px;
  background-color: #fff;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-size: 12px;
  margin: 0;
  font-family: "proximanova-bold", sans-serif;
}
.forgot-password__button.alternative button:hover,
.forgot-password__button.alternative button:focus,
.forgot-password__button.alternative button:active,
.reset-password__button.alternative button:hover,
.reset-password__button.alternative button:focus,
.reset-password__button.alternative button:active,
.password-success__button.alternative button:hover,
.password-success__button.alternative button:focus,
.password-success__button.alternative button:active,
.verify-email__button.alternative button:hover,
.verify-email__button.alternative button:focus,
.verify-email__button.alternative button:active,
.recover-email__button.alternative button:hover,
.recover-email__button.alternative button:focus,
.recover-email__button.alternative button:active,
.email-sent__button.alternative button:hover,
.email-sent__button.alternative button:focus,
.email-sent__button.alternative button:active,
.create-password__button.alternative button:hover,
.create-password__button.alternative button:focus,
.create-password__button.alternative button:active,
.email-verification__button.alternative button:hover,
.email-verification__button.alternative button:focus,
.email-verification__button.alternative button:active,
.verify-mobile__button.alternative button:hover,
.verify-mobile__button.alternative button:focus,
.verify-mobile__button.alternative button:active,
.subs-email-sent__button.alternative button:hover,
.subs-email-sent__button.alternative button:focus,
.subs-email-sent__button.alternative button:active {
  background-color: #e6e6e6;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.forgot-password__button.alternative button:disabled,
.forgot-password__button.alternative button [disabled="disabled"],
.reset-password__button.alternative button:disabled,
.reset-password__button.alternative button [disabled="disabled"],
.password-success__button.alternative button:disabled,
.password-success__button.alternative button [disabled="disabled"],
.verify-email__button.alternative button:disabled,
.verify-email__button.alternative button [disabled="disabled"],
.recover-email__button.alternative button:disabled,
.recover-email__button.alternative button [disabled="disabled"],
.email-sent__button.alternative button:disabled,
.email-sent__button.alternative button [disabled="disabled"],
.create-password__button.alternative button:disabled,
.create-password__button.alternative button [disabled="disabled"],
.email-verification__button.alternative button:disabled,
.email-verification__button.alternative button [disabled="disabled"],
.verify-mobile__button.alternative button:disabled,
.verify-mobile__button.alternative button [disabled="disabled"],
.subs-email-sent__button.alternative button:disabled,
.subs-email-sent__button.alternative button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.forgot-password__button.alternative button:hover,
.reset-password__button.alternative button:hover,
.password-success__button.alternative button:hover,
.verify-email__button.alternative button:hover,
.recover-email__button.alternative button:hover,
.email-sent__button.alternative button:hover,
.create-password__button.alternative button:hover,
.email-verification__button.alternative button:hover,
.verify-mobile__button.alternative button:hover,
.subs-email-sent__button.alternative button:hover {
  background: #fff;
  text-decoration: underline;
}
.forgot-password__button a,
.reset-password__button a,
.password-success__button a,
.verify-email__button a,
.recover-email__button a,
.email-sent__button a,
.create-password__button a,
.email-verification__button a,
.verify-mobile__button a,
.subs-email-sent__button a {
  color: #212121;
  font-size: 12px;
  font-family: "proximanova-regular", sans-serif;
  margin: 16px auto;
  display: block;
}
.forgot-password__not-received,
.forgot-password-footer,
.reset-password__not-received,
.reset-password-footer,
.password-success__not-received,
.password-success-footer,
.verify-email__not-received,
.verify-email-footer,
.recover-email__not-received,
.recover-email-footer,
.email-sent__not-received,
.email-sent-footer,
.create-password__not-received,
.create-password-footer,
.email-verification__not-received,
.email-verification-footer,
.verify-mobile__not-received,
.verify-mobile-footer,
.subs-email-sent__not-received,
.subs-email-sent-footer {
  font-size: 12px;
  line-height: 15px;
  text-align: center;
  margin: 16px auto;
}
.forgot-password__not-received a,
.forgot-password-footer a,
.reset-password__not-received a,
.reset-password-footer a,
.password-success__not-received a,
.password-success-footer a,
.verify-email__not-received a,
.verify-email-footer a,
.recover-email__not-received a,
.recover-email-footer a,
.email-sent__not-received a,
.email-sent-footer a,
.create-password__not-received a,
.create-password-footer a,
.email-verification__not-received a,
.email-verification-footer a,
.verify-mobile__not-received a,
.verify-mobile-footer a,
.subs-email-sent__not-received a,
.subs-email-sent-footer a {
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  text-decoration: underline;
}
.forgot-password__not-received a.disabled,
.forgot-password-footer a.disabled,
.reset-password__not-received a.disabled,
.reset-password-footer a.disabled,
.password-success__not-received a.disabled,
.password-success-footer a.disabled,
.verify-email__not-received a.disabled,
.verify-email-footer a.disabled,
.recover-email__not-received a.disabled,
.recover-email-footer a.disabled,
.email-sent__not-received a.disabled,
.email-sent-footer a.disabled,
.create-password__not-received a.disabled,
.create-password-footer a.disabled,
.email-verification__not-received a.disabled,
.email-verification-footer a.disabled,
.verify-mobile__not-received a.disabled,
.verify-mobile-footer a.disabled,
.subs-email-sent__not-received a.disabled,
.subs-email-sent-footer a.disabled {
  color: #a4a4a4;
}
.forgot-password__not-received a.disabled.tf-hide,
.forgot-password-footer a.disabled.tf-hide,
.reset-password__not-received a.disabled.tf-hide,
.reset-password-footer a.disabled.tf-hide,
.password-success__not-received a.disabled.tf-hide,
.password-success-footer a.disabled.tf-hide,
.verify-email__not-received a.disabled.tf-hide,
.verify-email-footer a.disabled.tf-hide,
.recover-email__not-received a.disabled.tf-hide,
.recover-email-footer a.disabled.tf-hide,
.email-sent__not-received a.disabled.tf-hide,
.email-sent-footer a.disabled.tf-hide,
.create-password__not-received a.disabled.tf-hide,
.create-password-footer a.disabled.tf-hide,
.email-verification__not-received a.disabled.tf-hide,
.email-verification-footer a.disabled.tf-hide,
.verify-mobile__not-received a.disabled.tf-hide,
.verify-mobile-footer a.disabled.tf-hide,
.subs-email-sent__not-received a.disabled.tf-hide,
.subs-email-sent-footer a.disabled.tf-hide {
  color: #212121;
}
.forgot-password .js-validate-error-label,
.reset-password .js-validate-error-label,
.password-success .js-validate-error-label,
.verify-email .js-validate-error-label,
.recover-email .js-validate-error-label,
.email-sent .js-validate-error-label,
.create-password .js-validate-error-label,
.email-verification .js-validate-error-label,
.verify-mobile .js-validate-error-label,
.subs-email-sent .js-validate-error-label {
  color: #dd1f26;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.forgot-password .error,
.reset-password .error,
.password-success .error,
.verify-email .error,
.recover-email .error,
.email-sent .error,
.create-password .error,
.email-verification .error,
.verify-mobile .error,
.subs-email-sent .error {
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
  margin: 8px auto 0;
}
@media (min-width: 768px) {
  .forgot-password .email-sent,
  .reset-password .email-sent,
  .password-success .email-sent,
  .verify-email .email-sent,
  .recover-email .email-sent,
  .email-sent .email-sent,
  .create-password .email-sent,
  .email-verification .email-sent,
  .verify-mobile .email-sent,
  .subs-email-sent .email-sent {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .forgot-password .email-sent .forgot-password__image,
  .reset-password .email-sent .forgot-password__image,
  .password-success .email-sent .forgot-password__image,
  .verify-email .email-sent .forgot-password__image,
  .recover-email .email-sent .forgot-password__image,
  .email-sent .email-sent .forgot-password__image,
  .create-password .email-sent .forgot-password__image,
  .email-verification .email-sent .forgot-password__image,
  .verify-mobile .email-sent .forgot-password__image,
  .subs-email-sent .email-sent .forgot-password__image {
    margin-top: 0;
  }
  .forgot-password .email-sent .forgot-password__description,
  .reset-password .email-sent .forgot-password__description,
  .password-success .email-sent .forgot-password__description,
  .verify-email .email-sent .forgot-password__description,
  .recover-email .email-sent .forgot-password__description,
  .email-sent .email-sent .forgot-password__description,
  .create-password .email-sent .forgot-password__description,
  .email-verification .email-sent .forgot-password__description,
  .verify-mobile .email-sent .forgot-password__description,
  .subs-email-sent .email-sent .forgot-password__description {
    width: 320px;
    max-width: none;
    margin: 0 auto;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password .email-sent .forgot-password__description,
  .reset-password .email-sent .forgot-password__description,
  .password-success .email-sent .forgot-password__description,
  .verify-email .email-sent .forgot-password__description,
  .recover-email .email-sent .forgot-password__description,
  .email-sent .email-sent .forgot-password__description,
  .create-password .email-sent .forgot-password__description,
  .email-verification .email-sent .forgot-password__description,
  .verify-mobile .email-sent .forgot-password__description,
  .subs-email-sent .email-sent .forgot-password__description {
    margin: 0 auto;
  }
}
.forgot-password form,
.reset-password form,
.password-success form,
.verify-email form,
.recover-email form,
.email-sent form,
.create-password form,
.email-verification form,
.verify-mobile form,
.subs-email-sent form {
  margin: 30px auto 0;
  text-align: left;
}
@media (min-width: 768px) {
  .forgot-password form,
  .reset-password form,
  .password-success form,
  .verify-email form,
  .recover-email form,
  .email-sent form,
  .create-password form,
  .email-verification form,
  .verify-mobile form,
  .subs-email-sent form {
    max-width: 272px;
  }
  .forgot-password form .recaptcha-container,
  .reset-password form .recaptcha-container,
  .password-success form .recaptcha-container,
  .verify-email form .recaptcha-container,
  .recover-email form .recaptcha-container,
  .email-sent form .recaptcha-container,
  .create-password form .recaptcha-container,
  .email-verification form .recaptcha-container,
  .verify-mobile form .recaptcha-container,
  .subs-email-sent form .recaptcha-container {
    margin: 0 -24px;
  }
}
.forgot-password form .alert,
.reset-password form .alert,
.password-success form .alert,
.verify-email form .alert,
.recover-email form .alert,
.email-sent form .alert,
.create-password form .alert,
.email-verification form .alert,
.verify-mobile form .alert,
.subs-email-sent form .alert {
  text-align: center;
  margin-bottom: 8px;
}
.forgot-password form label,
.reset-password form label,
.password-success form label,
.verify-email form label,
.recover-email form label,
.email-sent form label,
.create-password form label,
.email-verification form label,
.verify-mobile form label,
.subs-email-sent form label {
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #212121;
  display: block;
  text-align: left;
  margin-bottom: 4px;
}
.forgot-password form input[type="email"],
.forgot-password form input[type="password"],
.forgot-password form input[type="text"],
.reset-password form input[type="email"],
.reset-password form input[type="password"],
.reset-password form input[type="text"],
.password-success form input[type="email"],
.password-success form input[type="password"],
.password-success form input[type="text"],
.verify-email form input[type="email"],
.verify-email form input[type="password"],
.verify-email form input[type="text"],
.recover-email form input[type="email"],
.recover-email form input[type="password"],
.recover-email form input[type="text"],
.email-sent form input[type="email"],
.email-sent form input[type="password"],
.email-sent form input[type="text"],
.create-password form input[type="email"],
.create-password form input[type="password"],
.create-password form input[type="text"],
.email-verification form input[type="email"],
.email-verification form input[type="password"],
.email-verification form input[type="text"],
.verify-mobile form input[type="email"],
.verify-mobile form input[type="password"],
.verify-mobile form input[type="text"],
.subs-email-sent form input[type="email"],
.subs-email-sent form input[type="password"],
.subs-email-sent form input[type="text"] {
  width: 100%;
  height: 48px;
  color: #212121;
  font-size: 14px;
  border: 1px solid #a4a4a4;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.forgot-password form input[type="email"].js-validate-error-field,
.forgot-password form input[type="password"].js-validate-error-field,
.forgot-password form input[type="text"].js-validate-error-field,
.reset-password form input[type="email"].js-validate-error-field,
.reset-password form input[type="password"].js-validate-error-field,
.reset-password form input[type="text"].js-validate-error-field,
.password-success form input[type="email"].js-validate-error-field,
.password-success form input[type="password"].js-validate-error-field,
.password-success form input[type="text"].js-validate-error-field,
.verify-email form input[type="email"].js-validate-error-field,
.verify-email form input[type="password"].js-validate-error-field,
.verify-email form input[type="text"].js-validate-error-field,
.recover-email form input[type="email"].js-validate-error-field,
.recover-email form input[type="password"].js-validate-error-field,
.recover-email form input[type="text"].js-validate-error-field,
.email-sent form input[type="email"].js-validate-error-field,
.email-sent form input[type="password"].js-validate-error-field,
.email-sent form input[type="text"].js-validate-error-field,
.create-password form input[type="email"].js-validate-error-field,
.create-password form input[type="password"].js-validate-error-field,
.create-password form input[type="text"].js-validate-error-field,
.email-verification form input[type="email"].js-validate-error-field,
.email-verification form input[type="password"].js-validate-error-field,
.email-verification form input[type="text"].js-validate-error-field,
.verify-mobile form input[type="email"].js-validate-error-field,
.verify-mobile form input[type="password"].js-validate-error-field,
.verify-mobile form input[type="text"].js-validate-error-field,
.subs-email-sent form input[type="email"].js-validate-error-field,
.subs-email-sent form input[type="password"].js-validate-error-field,
.subs-email-sent form input[type="text"].js-validate-error-field {
  border: 1px solid #dd1f26;
}
.forgot-password form input[type="submit"],
.reset-password form input[type="submit"],
.password-success form input[type="submit"],
.verify-email form input[type="submit"],
.recover-email form input[type="submit"],
.email-sent form input[type="submit"],
.create-password form input[type="submit"],
.email-verification form input[type="submit"],
.verify-mobile form input[type="submit"],
.subs-email-sent form input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  width: 100%;
  display: block;
  margin: 8px auto 32px;
}
.forgot-password form input[type="submit"]:hover,
.forgot-password form input[type="submit"]:focus,
.forgot-password form input[type="submit"]:active,
.reset-password form input[type="submit"]:hover,
.reset-password form input[type="submit"]:focus,
.reset-password form input[type="submit"]:active,
.password-success form input[type="submit"]:hover,
.password-success form input[type="submit"]:focus,
.password-success form input[type="submit"]:active,
.verify-email form input[type="submit"]:hover,
.verify-email form input[type="submit"]:focus,
.verify-email form input[type="submit"]:active,
.recover-email form input[type="submit"]:hover,
.recover-email form input[type="submit"]:focus,
.recover-email form input[type="submit"]:active,
.email-sent form input[type="submit"]:hover,
.email-sent form input[type="submit"]:focus,
.email-sent form input[type="submit"]:active,
.create-password form input[type="submit"]:hover,
.create-password form input[type="submit"]:focus,
.create-password form input[type="submit"]:active,
.email-verification form input[type="submit"]:hover,
.email-verification form input[type="submit"]:focus,
.email-verification form input[type="submit"]:active,
.verify-mobile form input[type="submit"]:hover,
.verify-mobile form input[type="submit"]:focus,
.verify-mobile form input[type="submit"]:active,
.subs-email-sent form input[type="submit"]:hover,
.subs-email-sent form input[type="submit"]:focus,
.subs-email-sent form input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.forgot-password form input[type="submit"]:disabled,
.forgot-password form input[type="submit"] [disabled="disabled"],
.reset-password form input[type="submit"]:disabled,
.reset-password form input[type="submit"] [disabled="disabled"],
.password-success form input[type="submit"]:disabled,
.password-success form input[type="submit"] [disabled="disabled"],
.verify-email form input[type="submit"]:disabled,
.verify-email form input[type="submit"] [disabled="disabled"],
.recover-email form input[type="submit"]:disabled,
.recover-email form input[type="submit"] [disabled="disabled"],
.email-sent form input[type="submit"]:disabled,
.email-sent form input[type="submit"] [disabled="disabled"],
.create-password form input[type="submit"]:disabled,
.create-password form input[type="submit"] [disabled="disabled"],
.email-verification form input[type="submit"]:disabled,
.email-verification form input[type="submit"] [disabled="disabled"],
.verify-mobile form input[type="submit"]:disabled,
.verify-mobile form input[type="submit"] [disabled="disabled"],
.subs-email-sent form input[type="submit"]:disabled,
.subs-email-sent form input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password form input[type="submit"],
  .reset-password form input[type="submit"],
  .password-success form input[type="submit"],
  .verify-email form input[type="submit"],
  .recover-email form input[type="submit"],
  .email-sent form input[type="submit"],
  .create-password form input[type="submit"],
  .email-verification form input[type="submit"],
  .verify-mobile form input[type="submit"],
  .subs-email-sent form input[type="submit"] {
    margin: 8px auto 32px;
  }
}
.forgot-password form .forgot-password__cell-link,
.reset-password form .forgot-password__cell-link,
.password-success form .forgot-password__cell-link,
.verify-email form .forgot-password__cell-link,
.recover-email form .forgot-password__cell-link,
.email-sent form .forgot-password__cell-link,
.create-password form .forgot-password__cell-link,
.email-verification form .forgot-password__cell-link,
.verify-mobile form .forgot-password__cell-link,
.subs-email-sent form .forgot-password__cell-link {
  font-size: 14px;
  font-family: "proximanova-bold", sans-serif;
  text-align: center;
  display: block;
  margin: 0 auto;
  line-height: 20px;
  color: #212121;
}
.forgot-password form .iti,
.reset-password form .iti,
.password-success form .iti,
.verify-email form .iti,
.recover-email form .iti,
.email-sent form .iti,
.create-password form .iti,
.email-verification form .iti,
.verify-mobile form .iti,
.subs-email-sent form .iti {
  width: 100%;
}
.forgot-password form .iti__flag-container,
.reset-password form .iti__flag-container,
.password-success form .iti__flag-container,
.verify-email form .iti__flag-container,
.recover-email form .iti__flag-container,
.email-sent form .iti__flag-container,
.create-password form .iti__flag-container,
.email-verification form .iti__flag-container,
.verify-mobile form .iti__flag-container,
.subs-email-sent form .iti__flag-container {
  max-height: 48px;
}
.forgot-password form .iti__flag-container .iti__selected-flag,
.reset-password form .iti__flag-container .iti__selected-flag,
.password-success form .iti__flag-container .iti__selected-flag,
.verify-email form .iti__flag-container .iti__selected-flag,
.recover-email form .iti__flag-container .iti__selected-flag,
.email-sent form .iti__flag-container .iti__selected-flag,
.create-password form .iti__flag-container .iti__selected-flag,
.email-verification form .iti__flag-container .iti__selected-flag,
.verify-mobile form .iti__flag-container .iti__selected-flag,
.subs-email-sent form .iti__flag-container .iti__selected-flag {
  display: flex;
  background: rgba(0, 0, 0, 0);
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.email-sent form .iti__flag-container .iti__selected-flag > div:nth-of-type(1),
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1),
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(1) {
  order: 1;
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.email-sent form .iti__flag-container .iti__selected-flag > div:nth-of-type(2),
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2),
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2) {
  order: 3;
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before,
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):before {
  content: "(";
  display: inline-block;
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after,
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(2):after {
  content: ")";
  display: inline-block;
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.email-sent form .iti__flag-container .iti__selected-flag > div:nth-of-type(3),
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3),
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  > div:nth-of-type(3) {
  order: 2;
}
.forgot-password
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.reset-password
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.password-success
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.verify-email
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.recover-email
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.create-password
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.email-verification
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.verify-mobile
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code,
.subs-email-sent
  form
  .iti__flag-container
  .iti__selected-flag
  .iti__selected-dial-code {
  color: #a4a4a4;
}
.forgot-password form .iti__flag-container .iti__selected-flag .iti__arrow,
.reset-password form .iti__flag-container .iti__selected-flag .iti__arrow,
.password-success form .iti__flag-container .iti__selected-flag .iti__arrow,
.verify-email form .iti__flag-container .iti__selected-flag .iti__arrow,
.recover-email form .iti__flag-container .iti__selected-flag .iti__arrow,
.email-sent form .iti__flag-container .iti__selected-flag .iti__arrow,
.create-password form .iti__flag-container .iti__selected-flag .iti__arrow,
.email-verification form .iti__flag-container .iti__selected-flag .iti__arrow,
.verify-mobile form .iti__flag-container .iti__selected-flag .iti__arrow,
.subs-email-sent form .iti__flag-container .iti__selected-flag .iti__arrow {
  border: none;
  width: 10px;
  height: 10px;
  background-image: url("/images/icons/Icon-arrow-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px;
  background-color: rgba(0, 0, 0, 0);
}
.forgot-password__link,
.reset-password__link,
.password-success__link,
.verify-email__link,
.recover-email__link,
.email-sent__link,
.create-password__link,
.email-verification__link,
.verify-mobile__link,
.subs-email-sent__link {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  width: 164px;
  display: block;
  line-height: 38px;
  margin: 16px auto 24px;
}
.forgot-password__link:hover,
.forgot-password__link:focus,
.forgot-password__link:active,
.reset-password__link:hover,
.reset-password__link:focus,
.reset-password__link:active,
.password-success__link:hover,
.password-success__link:focus,
.password-success__link:active,
.verify-email__link:hover,
.verify-email__link:focus,
.verify-email__link:active,
.recover-email__link:hover,
.recover-email__link:focus,
.recover-email__link:active,
.email-sent__link:hover,
.email-sent__link:focus,
.email-sent__link:active,
.create-password__link:hover,
.create-password__link:focus,
.create-password__link:active,
.email-verification__link:hover,
.email-verification__link:focus,
.email-verification__link:active,
.verify-mobile__link:hover,
.verify-mobile__link:focus,
.verify-mobile__link:active,
.subs-email-sent__link:hover,
.subs-email-sent__link:focus,
.subs-email-sent__link:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.forgot-password__link:disabled,
.forgot-password__link [disabled="disabled"],
.reset-password__link:disabled,
.reset-password__link [disabled="disabled"],
.password-success__link:disabled,
.password-success__link [disabled="disabled"],
.verify-email__link:disabled,
.verify-email__link [disabled="disabled"],
.recover-email__link:disabled,
.recover-email__link [disabled="disabled"],
.email-sent__link:disabled,
.email-sent__link [disabled="disabled"],
.create-password__link:disabled,
.create-password__link [disabled="disabled"],
.email-verification__link:disabled,
.email-verification__link [disabled="disabled"],
.verify-mobile__link:disabled,
.verify-mobile__link [disabled="disabled"],
.subs-email-sent__link:disabled,
.subs-email-sent__link [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password__link,
  .reset-password__link,
  .password-success__link,
  .verify-email__link,
  .recover-email__link,
  .email-sent__link,
  .create-password__link,
  .email-verification__link,
  .verify-mobile__link,
  .subs-email-sent__link {
    width: 100%;
    margin: 16px auto 16px;
  }
}
.forgot-password__terms,
.reset-password__terms,
.password-success__terms,
.verify-email__terms,
.recover-email__terms,
.email-sent__terms,
.create-password__terms,
.email-verification__terms,
.verify-mobile__terms,
.subs-email-sent__terms {
  font-size: 12px;
  padding: 0;
  text-align: center;
  margin: 0 auto 16px;
  color: #a4a4a4;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .forgot-password__terms,
  .reset-password__terms,
  .password-success__terms,
  .verify-email__terms,
  .recover-email__terms,
  .email-sent__terms,
  .create-password__terms,
  .email-verification__terms,
  .verify-mobile__terms,
  .subs-email-sent__terms {
    margin-top: 8px;
  }
}
.forgot-password__terms a,
.reset-password__terms a,
.password-success__terms a,
.verify-email__terms a,
.recover-email__terms a,
.email-sent__terms a,
.create-password__terms a,
.email-verification__terms a,
.verify-mobile__terms a,
.subs-email-sent__terms a {
  color: #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
  font-family: "proximanova-bold", sans-serif;
}
.forgot-password__change-cellphone,
.reset-password__change-cellphone,
.password-success__change-cellphone,
.verify-email__change-cellphone,
.recover-email__change-cellphone,
.email-sent__change-cellphone,
.create-password__change-cellphone,
.email-verification__change-cellphone,
.verify-mobile__change-cellphone,
.subs-email-sent__change-cellphone {
  padding-top: 16px;
}
.forgot-password__change-cellphone a,
.reset-password__change-cellphone a,
.password-success__change-cellphone a,
.verify-email__change-cellphone a,
.recover-email__change-cellphone a,
.email-sent__change-cellphone a,
.create-password__change-cellphone a,
.email-verification__change-cellphone a,
.verify-mobile__change-cellphone a,
.subs-email-sent__change-cellphone a {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.forgot-password__change-cellphone a:hover,
.reset-password__change-cellphone a:hover,
.password-success__change-cellphone a:hover,
.verify-email__change-cellphone a:hover,
.recover-email__change-cellphone a:hover,
.email-sent__change-cellphone a:hover,
.create-password__change-cellphone a:hover,
.email-verification__change-cellphone a:hover,
.verify-mobile__change-cellphone a:hover,
.subs-email-sent__change-cellphone a:hover {
  text-decoration: underline;
}
.forgot-password__resend,
.reset-password__resend,
.password-success__resend,
.verify-email__resend,
.recover-email__resend,
.email-sent__resend,
.create-password__resend,
.email-verification__resend,
.verify-mobile__resend,
.subs-email-sent__resend {
  padding-top: 16px;
  font-size: 12px;
}
.forgot-password__resend a,
.reset-password__resend a,
.password-success__resend a,
.verify-email__resend a,
.recover-email__resend a,
.email-sent__resend a,
.create-password__resend a,
.email-verification__resend a,
.verify-mobile__resend a,
.subs-email-sent__resend a {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  border-bottom: 1px solid #a4a4a4;
}
.forgot-password__resend a.disabled,
.reset-password__resend a.disabled,
.password-success__resend a.disabled,
.verify-email__resend a.disabled,
.recover-email__resend a.disabled,
.email-sent__resend a.disabled,
.create-password__resend a.disabled,
.email-verification__resend a.disabled,
.verify-mobile__resend a.disabled,
.subs-email-sent__resend a.disabled {
  color: #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
}
.forgot-password__resend #resend-button,
.reset-password__resend #resend-button,
.password-success__resend #resend-button,
.verify-email__resend #resend-button,
.recover-email__resend #resend-button,
.email-sent__resend #resend-button,
.create-password__resend #resend-button,
.email-verification__resend #resend-button,
.verify-mobile__resend #resend-button,
.subs-email-sent__resend #resend-button {
  color: #212121 !important;
}
.forgot-password__resend .sending,
.reset-password__resend .sending,
.password-success__resend .sending,
.verify-email__resend .sending,
.recover-email__resend .sending,
.email-sent__resend .sending,
.create-password__resend .sending,
.email-verification__resend .sending,
.verify-mobile__resend .sending,
.subs-email-sent__resend .sending {
  color: #7ea800;
  font-family: "proximanova-bold", sans-serif;
}
.forgot-password .password__hint,
.reset-password .password__hint,
.password-success .password__hint,
.verify-email .password__hint,
.recover-email .password__hint,
.email-sent .password__hint,
.create-password .password__hint,
.email-verification .password__hint,
.verify-mobile .password__hint,
.subs-email-sent .password__hint {
  width: 100%;
  padding: 7px 13px 7px 15px;
  background-color: #fafafa;
  border: 1px solid #dae0ed;
  display: flex;
  align-items: center;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
.forgot-password .password__hint .hint-image,
.reset-password .password__hint .hint-image,
.password-success .password__hint .hint-image,
.verify-email .password__hint .hint-image,
.recover-email .password__hint .hint-image,
.email-sent .password__hint .hint-image,
.create-password .password__hint .hint-image,
.email-verification .password__hint .hint-image,
.verify-mobile .password__hint .hint-image,
.subs-email-sent .password__hint .hint-image {
  flex: 0 0 auto;
  height: 50px;
  width: 28px;
  margin-right: 12px;
}
.forgot-password .password__hint .hint-content,
.reset-password .password__hint .hint-content,
.password-success .password__hint .hint-content,
.verify-email .password__hint .hint-content,
.recover-email .password__hint .hint-content,
.email-sent .password__hint .hint-content,
.create-password .password__hint .hint-content,
.email-verification .password__hint .hint-content,
.verify-mobile .password__hint .hint-content,
.subs-email-sent .password__hint .hint-content {
  font-size: 12px;
  line-height: 18px;
  color: #212121;
  text-align: left;
}
.forgot-password .password__hint .hint-content span,
.reset-password .password__hint .hint-content span,
.password-success .password__hint .hint-content span,
.verify-email .password__hint .hint-content span,
.recover-email .password__hint .hint-content span,
.email-sent .password__hint .hint-content span,
.create-password .password__hint .hint-content span,
.email-verification .password__hint .hint-content span,
.verify-mobile .password__hint .hint-content span,
.subs-email-sent .password__hint .hint-content span {
  font-family: "proximanova-bold", sans-serif;
}
.forgot-password .js-required .password-rules-msg,
.reset-password .js-required .password-rules-msg,
.password-success .js-required .password-rules-msg,
.verify-email .js-required .password-rules-msg,
.recover-email .js-required .password-rules-msg,
.email-sent .js-required .password-rules-msg,
.create-password .js-required .password-rules-msg,
.email-verification .js-required .password-rules-msg,
.verify-mobile .js-required .password-rules-msg,
.subs-email-sent .js-required .password-rules-msg {
  font-family: "proximanova-regular", sans-serif;
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: center;
}
@media (min-width: 768px) {
  .forgot-password .processing,
  .reset-password .processing,
  .password-success .processing,
  .verify-email .processing,
  .recover-email .processing,
  .email-sent .processing,
  .create-password .processing,
  .email-verification .processing,
  .verify-mobile .processing,
  .subs-email-sent .processing {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
  }
}
.js-validate-error-label {
  color: #dd1f26;
  width: 200px;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.email-resend #sendingEmail,
.email-resend #emailSent {
  font-family: "proximanova-bold", sans-serif;
  color: #7ea800;
}
.email-container {
  position: relative;
}
.reset-password__title {
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .reset-password__image {
    margin: 32px auto 8px;
  }
}
.reset-password__image img {
  height: 64px;
}
.reset-password form .row {
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .reset-password__terms {
    margin: 0 -30px;
  }
}
.reset-password .password-rules-msg {
  font-size: 10px;
  margin: 8px 0;
  text-align: center;
}
.reset-password .js-required .password-rules-msg {
  color: #dd1f26 !important;
  font-size: 10px;
  margin: 8px 0;
}
.reset-password .js-required .password-rules-msg--title {
  text-align: left;
}
.reset-password .js-required .password-rules-msg ul li:before {
  background-image: url("/images/icons/icon-tick-red.svg") !important;
}
.password-success__image img {
  height: 69px;
}
.password-success--container {
  margin: 0 auto;
  width: 272px;
}
.password-success__link {
  width: 100%;
}
@media (min-width: 768px) {
  .verify-email__container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.verify-email__title {
  width: 130px;
  margin: 0 auto 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .verify-email__title {
    width: 100%;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .verify-email__description {
    max-width: 100%;
  }
}
.verify-email__description--bold {
  display: block;
  font-family: "proximanova-bold", sans-serif;
}
.verify-email__image {
  width: 67px;
  height: 51px;
  display: block;
}
@media (min-width: 768px) {
  .verify-email__image {
    margin-top: 0;
  }
}
.verify-email__image img {
  width: 100%;
  height: auto;
}
.verify-email p {
  margin: 0;
}
.verify-email p:nth-child(3) {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .recover-email__container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
.recover-email__title {
  width: 160px;
  margin: 0 auto 16px;
}
.recover-email__description {
  max-width: 270px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .recover-email__description {
    max-width: 245px;
  }
}
.recover-email__description--bold {
  display: block;
  font-family: "proximanova-bold", sans-serif;
}
.recover-email__image {
  width: 67px;
  height: 51px;
  display: block;
}
@media (min-width: 768px) {
  .recover-email__image {
    margin-top: 0;
  }
}
.recover-email__image img {
  width: 100%;
  height: auto;
}
.recover-email p {
  margin: 0;
}
.recover-email p:nth-child(3) {
  margin-bottom: 16px;
}
.recover-email__button {
  font-size: 15px;
  background-color: #212121;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-bottom: 32px;
  width: 280px;
  margin-top: 16px;
}
.recover-email__button:hover,
.recover-email__button:focus,
.recover-email__button:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.recover-email__button:disabled,
.recover-email__button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .recover-email__button {
    margin-top: 64px;
    width: 250px;
  }
}
.create-password__image {
  width: 68px;
  height: 68px;
  margin: 0 auto 8px;
}
.create-password__image img {
  width: 100%;
  height: auto;
}
.create-password form {
  margin: 8px auto 0;
}
.create-password__password {
  position: relative;
  margin-top: 8px !important;
}
.create-password__password span.show-hide-password {
  position: absolute;
  font-size: 9px;
  color: #212121;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  cursor: pointer;
  top: 14px;
  z-index: 10;
}
.create-password__password .password-rules-msg {
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.create-password__password .password-rules-msg--title {
  text-align: left;
  margin-bottom: 8px;
}
.create-password__password .password-rules-msg ul {
  list-style: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
.create-password__password .password-rules-msg ul li {
  margin: 0;
}
.create-password__password .password-rules-msg ul li:before {
  content: "";
  width: 10px;
  height: 10px;
  min-width: 10px;
  background: url(/images/icons/tick.svg) no-repeat;
  display: inline-block;
  margin: 3px 8px 0 0;
}
.create-password .loading {
  text-align: center;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.create-password:after {
  position: absolute;
  bottom: 0;
  left: 0;
}
.forgot-password form input[type="submit"] {
  margin-bottom: 18px;
}
.verify-mobile form input[type="submit"] {
  margin-bottom: 16px;
  height: 48px;
}
.verify-mobile form input[type="text"] {
  text-align: left;
  padding-left: 96px !important;
}
#auth-verify-mobile .verify-mobile__image {
  margin: 32px auto;
  background: url(/images/icons/icon-trophy.svg) no-repeat;
  background-size: auto 51px;
  height: 51px;
  background-position: center;
}
#subs-verify-mobile .verify-mobile__image {
  margin: 32px auto;
  background: url(/images/icons/icon-trophy.svg) no-repeat;
  background-size: auto 51px;
  height: 51px;
  background-position: center;
}
#profile-verify-mobile .verify-mobile__image {
  margin: 32px auto;
  background: url(/images/icons/icon-phone-app.svg) no-repeat;
  background-size: auto 51px;
  height: 51px;
  background-position: center;
}
#profile-verify-mobile .non-profile {
  display: none;
}
.account-gifting--container {
  width: 572px;
  height: 515px;
  background-color: #fff;
  display: flex;
  justify-content: center;
  padding: 0 90px;
  position: relative;
}
@media (min-width: 768px) {
  .account-gifting--container {
    margin: 0 auto;
    align-items: center;
    -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .account-gifting--container {
    height: calc(100vh - 112px);
    width: 100%;
    padding: 100px 34px 0;
  }
}
.account-gifting__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-color: rgba(0, 0, 0, 0);
}
.account-gifting__close-btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media (min-width: 10px) and (max-width: 768px) {
  .account-gifting__close-btn {
    width: 20px;
    height: 20px;
    background-size: 30px;
  }
}
.account-gifting__loader {
  padding: 16px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
.account-gifting__loader img {
  width: 50px;
  height: 50px;
  margin: 0 auto;
}
.account-gifting__loader span {
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
}
.account-gifting__image {
  width: 68px;
  height: 68px;
  margin: 0 auto 25px;
}
.account-gifting__image img {
  width: 68px;
  height: 68px;
}
.account-gifting__text {
  font-size: 28px;
  line-height: 37px;
  font-family: "proximanova-regular", sans-serif;
  color: #212121;
  text-align: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .account-gifting__text {
    font-size: 21px;
    line-height: 26px;
  }
}
.processing {
  text-align: center;
  font-size: 15px;
  margin: 0 auto 0;
  position: relative;
  background: rgba(0, 0, 0, 0);
}
@media (min-width: 10px) and (max-width: 768px) {
  .processing {
    margin: 0 auto;
    position: fixed;
    height: 100vh;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.8);
  }
}
.processing img {
  width: auto;
  height: 50px;
}
.processing-text {
  width: 100%;
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
}
.processing-request > .processing {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  z-index: 10;
}
@media (min-width: 768px) {
  .processing-request > .processing {
    top: 0;
    left: 0;
    position: absolute;
  }
}
.processing-request .password-details {
  display: none;
}
.processing-request #subs-signin-processing {
  display: block;
  margin: 0 auto;
}
#subs-signin-processing {
  display: none;
}
.profile-details {
  width: 100%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details {
    text-align: center;
    width: auto;
  }
}
.profile-details__header {
  font-size: 22px;
  letter-spacing: -0.57px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  margin: 8px 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details__header {
    font-size: 21px;
    letter-spacing: -0.5px;
    margin: 20px 0;
    text-align: center;
  }
}
.profile-details--container {
  background-color: #fff;
  padding: 20px 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details--container {
    background-color: rgba(0, 0, 0, 0);
    padding: 0 8px;
  }
}
.profile-details__input {
  border: 2px solid #e2e2e2;
  padding: 16px 0;
  text-align: center;
  margin: 0 auto 21px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
@media (min-width: 768px) {
  .profile-details__input {
    width: 434px;
  }
}
.profile-details__input > span {
  font-family: "proximanova-bold", sans-serif;
}
.profile-details__input .input-email,
.profile-details__input .input-facebook,
.profile-details__input .input-google {
  display: none;
  align-items: center;
  font-size: 15px;
  line-height: 25px;
  justify-content: center;
}
.profile-details__input .input-email img,
.profile-details__input .input-facebook img,
.profile-details__input .input-google img {
  height: 25px;
  margin-left: 4px;
}
.profile-details__input .input-email.show,
.profile-details__input .input-facebook.show,
.profile-details__input .input-google.show {
  display: flex;
}
.profile-details__username {
  width: 434px;
  margin: 0 auto;
  padding: 8px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details__username {
    width: auto;
    background-color: #fff;
  }
}
.profile-details__username-info {
  background-color: #fafafa;
  border: 2px solid #dae0ed;
  padding: 8px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.profile-details__username-info img {
  flex: 0 0 auto;
  height: 19px;
  width: 19px;
  margin-right: 13px;
  margin-left: 20px;
}
.profile-details__username-info span {
  font-size: 12px;
  line-height: 18px;
  text-align: left;
}
.profile-details__user-input {
  padding: 0 16px;
  text-align: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details__user-input {
    padding: 0 8px;
  }
}
.profile-details__user-input > span {
  display: block;
  margin: 8px auto;
  text-align: center;
  font-size: 15px;
}
.profile-details__user-input > span strong {
  display: block;
}
.profile-details__user-input label {
  font-size: 14px;
  font-family: "proximanova-regular", sans-serif;
  margin-left: 20px;
}
.profile-details__user-input input[type="email"],
.profile-details__user-input input[type="text"],
.profile-details__user-input input[type="password"] {
  width: 100%;
  height: 40px;
  border: 1px solid #212121;
  color: #464343;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 8px;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.profile-details__user-input input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  line-height: 40px;
  width: 100%;
  margin-bottom: 8px;
}
.profile-details__user-input input[type="submit"]:hover,
.profile-details__user-input input[type="submit"]:focus,
.profile-details__user-input input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.profile-details__user-input input[type="submit"]:disabled,
.profile-details__user-input input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.profile-details form .error {
  display: none;
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
  margin: 8px 0;
}
.profile-details form .error.show {
  display: block;
}
.profile-details form .input {
  position: relative;
  margin-bottom: 26px;
}
.profile-details form .input.show {
  display: block;
}
.profile-details form .input label {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #464343;
}
.profile-details form .input .unverified,
.profile-details form .input .verified {
  position: absolute;
  bottom: 14px;
  right: 16px;
  font-size: 9px;
  text-transform: uppercase;
}
.profile-details form .input .unverified {
  color: #840000;
}
.profile-details form .input .verified {
  color: #495f33;
}
.profile-details form .input-facebook {
  color: #fff;
  background-color: #4172b8;
}
.profile-details-mail-provider-google a span.provider {
  display: flex;
}
.profile-details-mail-provider-google a span.provider:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 8px;
  background-image: url("/images/icons/icon-sign-google.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-mail-provider-facebook a span.provider {
  display: flex;
}
.profile-details-mail-provider-facebook a span.provider:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 8px;
  background-image: url("/images/icons/icon-sign-fb.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-mail-provider-apple a span.provider {
  display: flex;
}
.profile-details-mail-provider-apple a span.provider:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 8px;
  background-image: url("/images/icons/icon-sign-apple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-mail-username-container {
  padding: 48px 8px;
  margin-bottom: 16px;
  display: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details-mail-username-container {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    -o-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -khtml-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.profile-details-mail-username-container.show {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-details-mail-username-container .delete-btn {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  font-size: 16px;
  margin: 16px auto 0;
  width: 272px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.profile-details-mail-username-container .delete-btn:hover,
.profile-details-mail-username-container .delete-btn:focus,
.profile-details-mail-username-container .delete-btn:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.profile-details-mail-username-container .delete-btn:disabled,
.profile-details-mail-username-container .delete-btn [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details-mail-username-container .delete-btn {
    margin: 0;
    width: calc(100% - 32px);
  }
}
.profile-details-mail-username-grid {
  width: 434px;
  margin: 0 auto;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  background: #fff;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details-mail-username-grid {
    width: 100%;
    margin: 2px 0 16px;
    display: none;
  }
  .profile-details-mail-username-grid.show {
    display: block;
  }
}
.profile-details-mail-username-grid__row {
  display: flex;
  justify-content: space-between;
  padding: 10px 42px 10px 16px;
  align-items: center;
  opacity: 0.5;
  text-decoration: none;
  cursor: pointer;
  color: #212121;
}
.profile-details-mail-username-grid__row:hover,
.profile-details-mail-username-grid__row:focus,
.profile-details-mail-username-grid__row:active,
.profile-details-mail-username-grid__rowvisited {
  color: #212121;
}
.profile-details-mail-username-grid__row.active {
  opacity: 1;
}
.profile-details-mail-username-grid__row:first-child {
  border-bottom: 1px solid #d9d9d9;
}
.profile-details-mail-username-grid__row--noclick {
  cursor: default;
}
.profile-details-mail-username-grid__row--noclick-active-pointer {
  cursor: pointer;
}
.profile-details-mail-username__desc {
  text-align: right;
  justify-content: space-between;
  font-family: "proximanova-bold", sans-serif;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
  margin-left: 8px;
}
.profile-details-mail-username__desc--facebook:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 16px;
  background-image: url("/images/icons/icon-sign-fb.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-mail-username__desc--google:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 16px;
  background-image: url("/images/icons/icon-sign-google.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-mail-username__desc--apple:before {
  content: "";
  width: 22px;
  height: 22px;
  display: block;
  margin-right: 16px;
  background-image: url("/images/icons/icon-sign-apple.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-email-row,
.profile-details-mobile-row,
.profile-details-username-row {
  position: relative;
}
.profile-details-email-row:after,
.profile-details-mobile-row:after,
.profile-details-username-row:after {
  position: absolute;
  right: 12px;
  top: 12px;
  content: "";
  width: 18px;
  height: 18px;
  transform: rotate(270deg);
  background-image: url("/images/icons/icon-arrow-black.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.profile-details-email-row.unverified-indicator:before,
.profile-details-mobile-row.unverified-indicator:before,
.profile-details-username-row.unverified-indicator:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-color: #dd1f26;
  position: absolute;
  left: 10px;
  top: 15px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.profile-details-email-row.unverified-indicator
  .profile-details-mail-username-grid__row,
.profile-details-mobile-row.unverified-indicator
  .profile-details-mail-username-grid__row,
.profile-details-username-row.unverified-indicator
  .profile-details-mail-username-grid__row {
  padding-left: 30px;
}
.profile-details-email-row.inactive,
.profile-details-mobile-row.inactive,
.profile-details-username-row.inactive {
  opacity: 0.3;
}
.profile-details-email-row.active,
.profile-details-mobile-row.active,
.profile-details-username-row.active {
  opacity: 1;
}
.profile-details__cancel {
  margin: 16px 0 8px;
  position: relative;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details__cancel {
    width: calc(100% - 32px);
    text-align: center;
  }
}
.profile-details__cancel a {
  border-bottom: 1px solid #212121;
  text-decoration: none;
  font-family: "proximanova-bold", sans-serif;
  font-size: 16px;
  line-height: 21px;
  color: #212121;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-details__cancel a {
    font-size: 12px;
    line-height: 15px;
  }
}
.profile-details__tooltip {
  position: relative;
  display: inline-block;
  margin-left: 4px;
}
.profile-details__tooltip:before {
  content: "?";
  width: 16px;
  height: 16px;
  line-height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd1f26;
  color: #fff;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  cursor: pointer;
}
.profile-details__tooltip:hover span {
  display: block;
}
.profile-details__tooltip span {
  display: none;
  position: absolute;
  left: -224px;
  top: -133px;
  background-color: #fafafa;
  padding: 8px;
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 250px;
  font-size: 13px;
  text-align: center;
  z-index: 10;
}
.profile-details__tooltip span:before {
  content: "▲";
  width: 5px;
  height: 5px;
  position: absolute;
  text-shadow: 0 -2px 2px rgba(33, 65, 141, 0.2);
  color: #fafafa;
  bottom: -12px;
  right: 12px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.profile {
  font-family: "proximanova-regular", sans-serif;
}
.profile-edit {
  padding: 16px 16px 40px 16px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 572px;
  min-height: 515px;
  margin: 0 auto;
  position: relative;
}
.profile-edit:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit {
    box-shadow: none;
    width: 100%;
    min-height: 100vh;
  }
}
.profile-edit__container {
  width: 100%;
  margin-top: 96px;
}
.profile-edit__image {
  width: 68px;
  height: 68px;
  margin: 0 auto 8px;
}
.profile-edit__image img {
  width: 100%;
  height: auto;
}
.profile-edit__heading {
  font-size: 32px;
  line-height: 32px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  margin: 16px auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__heading {
    font-size: 24px;
    line-height: 25px;
    margin: 24px auto 8px;
  }
}
.profile-edit__description {
  font-size: 16px;
  padding: 0 16px;
}
@media (min-width: 768px) {
  .profile-edit__description {
    font-size: 16px;
    text-align: center;
    margin: 0 auto;
    max-width: 345px;
  }
}
.profile-edit__current-email {
  font-size: 12px;
  background: #f6f6f6;
  border: 1px solid #979797;
  padding: 8px 16px;
  text-align: center;
  margin: 0 0 16px;
  border-radius: 25px;
  margin-bottom: 24px;
  line-height: 16px;
}
.profile-edit__current-email span {
  font-family: "proximanova-bold", sans-serif;
}
.profile-edit-card {
  margin: 8px auto 16px;
  padding: 0 8px;
  display: flex;
  justify-content: center;
  width: 328px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit-card {
    padding: 16px;
    width: 100%;
  }
}
.profile-edit-card .validate-error-label {
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26 !important;
  font-size: 12px;
  text-align: left;
}
.profile-edit-card input[type="text"],
.profile-edit-card input[type="email"],
.profile-edit-card input[type="password"] {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  border: 1px solid #d9d9d9;
  padding: 0 16px !important;
  color: #212121;
  z-index: 1;
  position: relative;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  text-align: left;
}
.profile-edit-card__form {
  width: 405px;
  position: relative;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit-card__form {
    width: 100%;
  }
}
.profile-edit-card__form .verify-email-instead__link {
  margin: 16px auto;
  font-size: 12px;
  font-weight: bold;
}
.profile-edit-card__form .verify-email-instead__link a {
  color: #121212;
}
.profile-edit-card__form .reset-link {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 12px;
  font-weight: bold;
  color: #212121;
}
.profile-edit-card label {
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #464343;
  display: block;
  text-align: left;
}
.profile-edit-card input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin-top: 8px;
  z-index: 1;
  position: relative;
}
.profile-edit-card input[type="submit"]:hover,
.profile-edit-card input[type="submit"]:focus,
.profile-edit-card input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.profile-edit-card input[type="submit"]:disabled,
.profile-edit-card input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.profile-edit-card .recaptcha-container {
  margin-bottom: 0;
}
.profile-edit__change-cellphone {
  padding-top: 16px;
}
.profile-edit__change-cellphone a {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  border-bottom: 1px solid #a4a4a4;
}
.profile-edit__change-cellphone a:hover {
  text-decoration: underline;
}
.profile-edit--password {
  position: relative;
}
.profile-edit--password span.show-hide-password {
  position: absolute;
  font-size: 9px;
  color: #a4a4a4;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  top: 24px;
  cursor: pointer;
  z-index: 2;
}
.profile-edit__resend {
  padding-top: 32px;
  font-size: 12px;
  text-align: center;
}
.profile-edit__resend a {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  border-bottom: 1px solid #a4a4a4;
}
.profile-edit__resend a.disabled {
  color: #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
}
.profile-edit__resend a .sending {
  color: #7ea800;
  font-family: "proximanova-bold", sans-serif;
}
.profile-edit__resend #resend-button {
  color: #212121 !important;
  border-bottom: 1px solid #a4a4a4;
}
.profile-edit__resend__terms {
  font-size: 12px;
  font-family: "proximanova-regular", sans-serif;
  text-align: center;
  display: block;
  margin-top: 8px;
}
.profile-edit__resend--email {
  height: 650px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__resend--email {
    min-height: 100vh;
  }
}
.profile-edit__resend--email label {
  margin-top: 4px;
}
.profile-edit__resend--email .profile-edit--password {
  position: relative;
}
.profile-edit__resend--email .profile-edit--password span.show-hide-password {
  position: absolute;
  font-size: 9px;
  color: #a4a4a4;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  cursor: pointer;
  z-index: 2;
}
.profile-edit__resend--email input[type="password"],
.profile-edit__resend--email input[type="text"] {
  display: inline-block;
}
.profile-edit__resend--email .profile-edit__terms {
  font-size: 13px;
  margin-top: 8px;
  margin-bottom: 0;
}
.profile-edit__resend--email .profile-edit__terms a {
  border-bottom: 1px solid #212121;
  text-decoration: none;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.profile-edit__resend--email .profile-edit__heading {
  max-width: 250px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__resend--email .profile-edit__heading {
    max-width: 250px;
  }
}
.profile-edit__resend--email .profile-edit__container {
  width: 334px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__resend--email .profile-edit__container {
    width: 100%;
  }
}
.profile-edit__resend--email .profile-edit-card {
  padding: 28px 16px 32px;
}
.profile-edit__resend--email .recaptcha-container {
  margin-bottom: 0;
}
.profile-edit__resend--username .profile-edit__heading {
  max-width: 310px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__resend--username .profile-edit__heading {
    max-width: 240px;
  }
}
.profile-edit__resend--username .profile-edit__container {
  width: 490px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-edit__resend--username .profile-edit__container {
    width: 100%;
  }
}
.profile-edit__resend--phone .profile-edit__heading,
.profile-edit__resend--otp .profile-edit__heading {
  font-size: 22px;
}
.profile-edit__resend--phone .profile-edit-card,
.profile-edit__resend--otp .profile-edit-card {
  padding: 0 8px;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.profile-edit__resend--phone .profile-edit-card__form,
.profile-edit__resend--otp .profile-edit-card__form {
  max-width: 272px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .profile-edit__resend--phone .profile-edit-card__form .recaptcha-container,
  .profile-edit__resend--otp .profile-edit-card__form .recaptcha-container {
    margin: 0 -24px;
  }
}
@media (min-width: 768px) {
  .profile-edit__resend .processing {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
  }
}
.profile-edit__resend__current-email {
  font-size: 12px;
  background: #f6f6f6;
  border: 1px solid #979797;
  font-family: "proximanova-bold", sans-serif;
}
.js-validate-error-label {
  color: #dd1f26;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
  width: 200px;
}
.js-required {
  padding: 0 !important;
  text-align: left;
  margin: 0 0 16px;
  border-radius: 25px;
}
.js-required a {
  text-decoration: underline;
  color: #21418d;
}
.js-required #resend-button,
.js-required #resend-otp-button-disabled {
  text-decoration: none;
}
.js-required ::placeholder {
  color: #ff9ea5;
  opacity: 1;
}
.js-required :-ms-input-placeholder {
  color: #ff9ea5;
}
.js-required ::-ms-input-placeholder {
  color: #ff9ea5;
}
.js-required .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.js-required span.show-hide-password {
  color: #dd1f26 !important;
}
.js-required input[type="checkbox"] + label,
.js-required input[type="radio"] + label {
  color: #dd1f26;
}
.js-required input[type="checkbox"] + label:before,
.js-required input[type="radio"] + label:before {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.js-required input[type="text"],
.js-required input[type="email"],
.js-required input[type="password"],
.js-required select {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.js-required input[type="submit"] {
  opacity: 0.3;
}
.auth__subscribe > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: auto;
  text-align: center;
  padding: 0 16px;
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
}
.auth__subscribe > a:hover,
.auth__subscribe > a:focus,
.auth__subscribe > a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__subscribe > a:disabled,
.auth__subscribe > a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.auth__profile {
  position: relative;
  margin-left: 16px;
}
.auth__profile:after {
  content: "";
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: -12px;
}
.auth__profile:hover .profile-menu {
  opacity: 1;
  visibility: visible;
  z-index: 10;
}
.auth__profile:hover > div:after {
  transform: rotate(180deg);
}
.auth__profile > div {
  color: #fff;
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 32px;
  letter-spacing: 0.5px;
}
.auth__profile > div:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 12px;
  background-image: url("/img/icon-profile-netwerk.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.auth__profile > div:after {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  margin-left: 5px;
  background-image: url("/img/icon-arrow-white.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 13px;
}
.auth__profile.indicator .auth__profile-title {
  position: relative;
}
.auth__profile.indicator .auth__profile-title:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-color: #dd1f26;
  position: absolute;
  left: -15px;
  top: -10px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.auth__profile.indicator .menu-item-my-profile {
  position: relative;
}
.auth__profile.indicator .menu-item-my-profile:before {
  content: "";
  width: 12px;
  height: 12px;
  display: block;
  background-color: #dd1f26;
  position: absolute;
  left: 30px;
  top: 5px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.auth__profile .profile-menu {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  position: absolute;
  top: 41px;
  right: 0;
  width: 360px;
  padding: 0;
  background-color: #fff;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
  cursor: default;
  -webkit-transition: opacity 0.2s ease-in, visibility 0.2s ease-in,
    z-index 0.2s ease-in, top 0.2s ease-in;
  -moz-transition: opacity 0.2s ease-in, visibility 0.2s ease-in,
    z-index 0.2s ease-in, top 0.2s ease-in;
  -o-transition: opacity 0.2s ease-in, visibility 0.2s ease-in,
    z-index 0.2s ease-in, top 0.2s ease-in;
  transition: opacity 0.2s ease-in, visibility 0.2s ease-in,
    z-index 0.2s ease-in, top 0.2s ease-in;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-border-radius: 0 0 2px 2px;
  -khtml-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -ms-border-radius: 0 0 2px 2px;
  -o-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
}
.auth__profile .profile-menu:before {
  display: none;
}
.auth__profile .profile-menu .profile--phone-indicator {
  display: none;
  background-color: #ecf1fd;
  padding: 16px;
  border: 1px solid #00086c;
  text-align: center;
  margin: 10px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.auth__profile .profile-menu .profile--phone-indicator.active {
  display: flex;
}
.auth__profile .profile-menu .profile--phone-indicator__heading {
  font-size: 14px;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  margin-bottom: 10px;
  color: #00086c;
}
.auth__profile .profile-menu .profile--phone-indicator__button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  line-height: 40px;
  margin-bottom: 12px;
}
.auth__profile .profile-menu .profile--phone-indicator__button:hover,
.auth__profile .profile-menu .profile--phone-indicator__button:focus,
.auth__profile .profile-menu .profile--phone-indicator__button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__profile .profile-menu .profile--phone-indicator__button:disabled,
.auth__profile
  .profile-menu
  .profile--phone-indicator__button
  [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.auth__profile .profile-menu .profile--phone-indicator__button:after {
  display: none;
}
.auth__profile .profile-menu .profile--phone-indicator__footer {
  color: #00086c;
  font-size: 12px;
}
.auth__profile .profile-menu__section {
  display: flex;
  flex-direction: column;
}
.auth__profile .profile-menu__section.tf-hide {
  display: none;
}
.auth__profile .profile-menu__section .title {
  padding: 11px 15px 8px;
  font-size: 14px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #a4a4a4;
  border-bottom: 1px solid #f6f6f6;
}
.auth__profile .profile-menu__section a {
  border-bottom: 1px solid #f6f6f6;
  margin: 0;
  display: flex;
  align-items: center;
  padding: 8px 16px;
  position: relative;
  -webkit-transition: background-color 0.2s ease;
  -moz-transition: background-color 0.2s ease;
  -o-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
.auth__profile .profile-menu__section a:after {
  content: "";
  width: 7px;
  height: 12px;
  display: block;
  position: absolute;
  top: 12px;
  right: 15px;
  background-image: url("/images/icons/arrow-right.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.auth__profile .profile-menu__section a.no-arrow:after,
.auth__profile .profile-menu__section a.menu-item-call-us:after {
  display: none !important;
}
.auth__profile .profile-menu__section a img {
  height: 17px;
  width: 17px;
}
.auth__profile .profile-menu__section a span {
  margin-left: 16px;
  color: #212121;
  font-size: 14px;
}
.auth__profile .profile-menu__section a:hover {
  background-color: #f2f2f2;
}
.auth__profile .profile-menu .title-signout {
  padding: 8px 16px;
}
.auth__profile .profile-menu .title-signout a {
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.auth__profile .profile-menu .title-signout a:hover {
  text-decoration: underline;
}
.auth__profile .profile-menu-msg-verify {
  border-radius: 2px;
  text-align: center;
  padding: 16px;
  border: 1px solid #20438c;
  background: #dae0ed;
  margin: 0 8px;
}
.auth__profile .profile-menu-msg__heading {
  font-size: 15px;
  display: block;
  letter-spacing: 0;
  margin-bottom: 8px;
  font-family: "proximanova-bold", sans-serif;
  color: #21418d;
}
.auth__profile .profile-menu-msg__button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  text-align: center;
  display: block !important;
  line-height: 15px;
  margin: 0 0 8px !important;
  letter-spacing: 0 !important;
}
.auth__profile .profile-menu-msg__button:hover,
.auth__profile .profile-menu-msg__button:focus,
.auth__profile .profile-menu-msg__button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__profile .profile-menu-msg__button:disabled,
.auth__profile .profile-menu-msg__button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.auth__profile .profile-menu-msg__button:hover,
.auth__profile .profile-menu-msg__button:focus,
.auth__profile .profile-menu-msg__button:active {
  background-color: #b0191e !important;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__profile .profile-menu-msg__button:after {
  display: none !important;
}
.auth__profile .profile__header {
  font-family: "proximanova-bold", sans-serif;
  display: block;
  margin-bottom: 6px;
}
.auth__profile .profile__description {
  font-size: 15px;
}
.auth__profile .profile__description span {
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  display: block;
}
.auth__profile .profile--mail {
  display: none;
  text-align: center;
  padding: 8px;
  font-size: 15px;
}
.auth__profile .profile--mail.show {
  display: flex;
  border-bottom: 1px solid #f6f6f6;
}
.auth__profile .profile--mail .current-user {
  border: 1px solid #979797;
  background: #e9e9e9;
  text-align: center;
  font-size: 12px;
  line-height: 15px;
  padding: 16px;
  justify-content: center;
}
.auth__profile .profile--mail span {
  font-family: "proximanova-bold", sans-serif;
  word-break: break-all;
}
.auth__profile .profile--mail > a {
  font-size: 15px;
  color: #dd1f26;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #dd1f26;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 400;
  height: 40px;
  line-height: 38px;
  display: block;
  margin: 8px auto 16px;
}
.auth__profile .profile--mail > a:hover,
.auth__profile .profile--mail > a:focus,
.auth__profile .profile--mail > a:active {
  background-color: #dd1f26;
  color: #22e0d9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__profile .profile--mail > a:disabled,
.auth__profile .profile--mail > a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.auth__profile .profile--mail > a:hover {
  color: #fff;
}
.auth__profile .profile--unauthenticated {
  display: none;
}
.auth__profile .profile--unauthenticated.show {
  display: flex;
}
.auth__profile .profile--suspended {
  background-color: #d9e0ee;
  padding: 16px 8px;
  display: none;
  flex-direction: column;
  text-align: center;
  margin: 0 16px 16px;
  border: 1px solid #21418d;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.auth__profile .profile--suspended.show {
  display: flex;
}
.auth__profile .profile--suspended > a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  font-weight: 400;
  height: 40px;
  line-height: 38px;
  display: block;
  margin: 8px auto;
}
.auth__profile .profile--suspended > a:hover,
.auth__profile .profile--suspended > a:focus,
.auth__profile .profile--suspended > a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.auth__profile .profile--suspended > a:disabled,
.auth__profile .profile--suspended > a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.auth__profile .profile--suspended > a:hover {
  color: #fff;
}
.auth__profile .profile--suspended > span {
  font-size: 13px;
  color: #21418d;
  font-family: "proximanova-bold", sans-serif;
}
.auth__profile .profile--suspended > span a {
  font-family: "proximanova-bold", sans-serif;
  color: #21418d;
  text-decoration: underline;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-menu {
    padding: 8px 0 0 0;
    background-color: #f0f4fb;
  }
  .profile-menu.indicator .menu-item-my-profile {
    position: relative;
  }
  .profile-menu.indicator .menu-item-my-profile:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    background-color: #dd1f26;
    position: absolute;
    left: 30px;
    top: 8px;
    -webkit-border-radius: 100%;
    -khtml-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
  }
  .profile-menu__section .title {
    padding: 11px 15px 8px;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #a4a4a4;
    display: block;
  }
  .profile-menu__section .sign-up {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    text-align: center;
    display: block !important;
    margin: 0 0 8px !important;
    letter-spacing: 0 !important;
    background-color: #dd1f26 !important;
  }
  .profile-menu__section .sign-up:hover,
  .profile-menu__section .sign-up:focus,
  .profile-menu__section .sign-up:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu__section .sign-up:disabled,
  .profile-menu__section .sign-up [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .profile-menu__section .sign-up:hover,
  .profile-menu__section .sign-up:focus,
  .profile-menu__section .sign-up:active {
    background-color: #b0191e !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu__section .sign-up:after {
    display: none;
  }
  .profile-menu__section > a {
    display: flex;
    align-items: center;
    padding: 11px 16px;
    position: relative;
    background-color: #fff;
    border-bottom: 1px solid #f6f6f6;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .profile-menu__section > a img {
    height: 17px;
    width: 17px;
  }
  .profile-menu__section > a span {
    margin-left: 16px;
    color: #212121;
    font-size: 14px;
  }
  .profile-menu__section > a:after {
    content: "";
    width: 9px;
    height: 12px;
    position: absolute;
    top: 15px;
    right: 20px;
    background-image: url("/images/icons/arrow-right.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
  }
  .profile-menu__section > a.no-arrow:after,
  .profile-menu__section > a.menu-item-call-us:after {
    display: none !important;
  }
  .profile-menu__section > a:hover {
    background-color: #f2f2f2;
  }
  .profile-menu__section.profile--unauthenticated,
  .profile-menu__section.profile--authenticated,
  .profile-menu__section.profile--suspended {
    background-color: #d9e0ee;
    padding: 15px 8px;
    display: none;
    flex-direction: column;
    text-align: center;
    margin: 0 8px 8px;
    border: 1px solid #21418d;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  .profile-menu__section.profile--unauthenticated.show,
  .profile-menu__section.profile--authenticated.show,
  .profile-menu__section.profile--suspended.show {
    display: flex;
  }
  .profile-menu__section.profile--unauthenticated > a,
  .profile-menu__section.profile--authenticated > a,
  .profile-menu__section.profile--suspended > a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    display: block;
    margin: 8px auto;
    border-bottom: 0;
  }
  .profile-menu__section.profile--unauthenticated > a:hover,
  .profile-menu__section.profile--unauthenticated > a:focus,
  .profile-menu__section.profile--unauthenticated > a:active,
  .profile-menu__section.profile--authenticated > a:hover,
  .profile-menu__section.profile--authenticated > a:focus,
  .profile-menu__section.profile--authenticated > a:active,
  .profile-menu__section.profile--suspended > a:hover,
  .profile-menu__section.profile--suspended > a:focus,
  .profile-menu__section.profile--suspended > a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu__section.profile--unauthenticated > a:disabled,
  .profile-menu__section.profile--unauthenticated > a [disabled="disabled"],
  .profile-menu__section.profile--authenticated > a:disabled,
  .profile-menu__section.profile--authenticated > a [disabled="disabled"],
  .profile-menu__section.profile--suspended > a:disabled,
  .profile-menu__section.profile--suspended > a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .profile-menu__section.profile--unauthenticated > a:hover,
  .profile-menu__section.profile--authenticated > a:hover,
  .profile-menu__section.profile--suspended > a:hover {
    color: #fff;
  }
  .profile-menu__section.profile--unauthenticated > a:after,
  .profile-menu__section.profile--authenticated > a:after,
  .profile-menu__section.profile--suspended > a:after {
    display: none;
  }
  .profile-menu__section.profile--unauthenticated > span,
  .profile-menu__section.profile--authenticated > span,
  .profile-menu__section.profile--suspended > span {
    font-size: 13px;
    color: #21418d;
    font-family: "proximanova-bold", sans-serif;
  }
  .profile-menu__section.profile--unauthenticated > span a,
  .profile-menu__section.profile--authenticated > span a,
  .profile-menu__section.profile--suspended > span a {
    font-family: "proximanova-bold", sans-serif;
    color: #21418d;
    text-decoration: underline;
    background-color: rgba(0, 0, 0, 0);
  }
  .profile-menu__section.profile--unauthenticated .profile__header,
  .profile-menu__section.profile--authenticated .profile__header,
  .profile-menu__section.profile--suspended .profile__header {
    font-size: 15px;
    color: #21418d;
    font-family: "proximanova-bold", sans-serif;
    margin-bottom: 4px;
  }
  .profile-menu__section.profile--unauthenticated .profile__description,
  .profile-menu__section.profile--authenticated .profile__description,
  .profile-menu__section.profile--suspended .profile__description {
    font-size: 15px;
    color: #21418d;
    font-family: "proximanova-bold", sans-serif;
  }
  .profile-menu__section.profile--unauthenticated .profile__description span,
  .profile-menu__section.profile--authenticated .profile__description span,
  .profile-menu__section.profile--suspended .profile__description span {
    display: block;
    font-family: "proximanova-bold", sans-serif;
  }
  .profile-menu__section.profile--mail {
    background-color: #fff;
    padding: 15px 8px;
    display: none;
    flex-direction: column;
    text-align: center;
    margin: 0 8px 8px;
    border: 1px solid #e2e2e2;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    font-size: 13px;
  }
  .profile-menu__section.profile--mail.show {
    display: flex;
  }
  .profile-menu__section.profile--mail span {
    font-family: "proximanova-bold", sans-serif;
  }
  .profile-menu__section.profile--phone {
    display: none;
    background-color: #ecf1fd;
    padding: 16px;
    border: 1px solid #00086c;
    text-align: center;
    flex-direction: column;
    margin: 10px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
  }
  .profile-menu__section.profile--phone.active {
    display: flex;
  }
  .profile-menu__section.profile--phone .profile--phone__heading {
    font-size: 14px;
    font-family: "proximanova-bold", sans-serif;
    display: block;
    margin-bottom: 10px;
    color: #00086c;
  }
  .profile-menu__section.profile--phone .profile--phone__button {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    height: 40px;
    line-height: 40px;
    margin-bottom: 12px;
  }
  .profile-menu__section.profile--phone .profile--phone__button:hover,
  .profile-menu__section.profile--phone .profile--phone__button:focus,
  .profile-menu__section.profile--phone .profile--phone__button:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu__section.profile--phone .profile--phone__button:disabled,
  .profile-menu__section.profile--phone
    .profile--phone__button
    [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .profile-menu__section.profile--phone .profile--phone__button:after {
    display: none;
  }
  .profile-menu__section.profile--phone .profile--phone__footer {
    color: #00086c;
    font-size: 12px;
  }
  .profile-menu .title-signout a {
    font-size: 14px;
    font-family: "proximanova-bold", sans-serif;
    color: #212121;
    padding: 11px 13px;
    display: block;
    background-color: #fff;
    -webkit-transition: background-color 0.2s ease;
    -moz-transition: background-color 0.2s ease;
    -o-transition: background-color 0.2s ease;
    transition: background-color 0.2s ease;
  }
  .profile-menu .title-signout a:hover {
    background-color: #f2f2f2;
  }
  .profile-menu .profile--copyright {
    padding: 11px 16px 31px;
    font-size: 13px;
    display: flex;
    align-items: center;
    background-color: #fafafa;
  }
  .profile-menu .profile--copyright:before {
    content: "";
    width: 26px;
    height: 13px;
    display: block;
    margin-right: 8px;
    background-image: url("/images/icons/iab-logo.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .profile-menu-msg-verify {
    border-radius: 2px;
    text-align: center;
    padding: 16px;
    border: 1px solid #20438c;
    background: #dae0ed;
    margin: 0 8px 8px;
  }
  .profile-menu-msg__heading {
    font-size: 15px;
    display: block;
    letter-spacing: 0;
    margin-bottom: 8px;
    font-family: "proximanova-bold", sans-serif;
    color: #21418d;
  }
  .profile-menu-msg__button {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    text-align: center;
    display: block !important;
    line-height: 8px !important;
    margin: 0 0 8px !important;
    letter-spacing: 0 !important;
    background-color: #dd1f26 !important;
  }
  .profile-menu-msg__button:hover,
  .profile-menu-msg__button:focus,
  .profile-menu-msg__button:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu-msg__button:disabled,
  .profile-menu-msg__button [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .profile-menu-msg__button:hover,
  .profile-menu-msg__button:focus,
  .profile-menu-msg__button:active {
    background-color: #b0191e !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile-menu-msg__button:after {
    display: none !important;
  }
  .profile-menu-msg__footer {
    font-size: 12px;
  }
  .profile--unauthenticated,
  .profile--authenticated,
  .profile--suspended {
    background-color: #d9e0ee;
    padding: 16px 8px;
    display: none;
    flex-direction: column;
    text-align: center;
    margin: 0 16px 16px;
    border: 1px solid #21418d;
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
  .profile--unauthenticated.show,
  .profile--authenticated.show,
  .profile--suspended.show {
    display: flex;
  }
  .profile--unauthenticated > a,
  .profile--authenticated > a,
  .profile--suspended > a {
    font-size: 15px;
    background-color: #dd1f26;
    color: #fff;
    font-family: "proximanova-regular", sans-serif;
    padding: 0 24px;
    display: inline-block;
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    -webkit-border-radius: 25px;
    -khtml-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease, color 0.2s ease;
    -moz-transition: background-color 0.2s ease, color 0.2s ease;
    -o-transition: background-color 0.2s ease, color 0.2s ease;
    transition: background-color 0.2s ease, color 0.2s ease;
    font-weight: 400;
    height: 40px;
    line-height: 38px;
    display: block;
    margin: 8px auto;
  }
  .profile--unauthenticated > a:hover,
  .profile--unauthenticated > a:focus,
  .profile--unauthenticated > a:active,
  .profile--authenticated > a:hover,
  .profile--authenticated > a:focus,
  .profile--authenticated > a:active,
  .profile--suspended > a:hover,
  .profile--suspended > a:focus,
  .profile--suspended > a:active {
    background-color: #b0191e;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0;
  }
  .profile--unauthenticated > a:disabled,
  .profile--unauthenticated > a [disabled="disabled"],
  .profile--authenticated > a:disabled,
  .profile--authenticated > a [disabled="disabled"],
  .profile--suspended > a:disabled,
  .profile--suspended > a [disabled="disabled"] {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
  }
  .profile--unauthenticated > a:hover,
  .profile--authenticated > a:hover,
  .profile--suspended > a:hover {
    color: #fff;
  }
  .profile--unauthenticated > span,
  .profile--authenticated > span,
  .profile--suspended > span {
    font-size: 13px;
    color: #21418d;
    font-family: "proximanova-bold", sans-serif;
  }
  .profile--unauthenticated > span a,
  .profile--authenticated > span a,
  .profile--suspended > span a {
    font-family: "proximanova-bold", sans-serif;
    color: #21418d;
    text-decoration: underline;
  }
}
.signup {
  background-color: #fefefe;
  text-align: center;
  margin: 0 auto;
  padding: 40px 0 0;
  position: relative;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 768px) {
  .signup {
    max-width: 572px;
    -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
      0 0 2px 0 rgba(0, 0, 0, 0.12);
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup {
    padding: 70px 32px;
    min-height: 100vh;
  }
}
.signup__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-color: rgba(0, 0, 0, 0);
}
.signup__close-btn:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__close-btn {
    width: 20px;
    height: 20px;
  }
}
.signup--image {
  width: 68px;
  height: 68px;
}
@media (min-width: 768px) {
  .signup--container {
    width: 390px;
    margin: 0 auto;
    padding-bottom: 32px;
  }
}
.signup__title {
  font-size: 24px;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: -0.57px;
  color: #212121;
  margin-bottom: 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__title {
    margin-bottom: 16px;
  }
}
.signup__subtitle {
  font-size: 12px;
  margin-bottom: 8px;
}
.signup__description {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: -0.43px;
  color: #212121;
  margin: 8px auto;
  text-align: center;
}
.signup__features {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .signup__features {
    max-width: 270px;
    margin: 0 auto 16px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__features {
    padding: 0 11px;
  }
}
.signup__features span {
  font-size: 18px;
  letter-spacing: -0.43px;
  color: #212121;
  display: block;
  margin: 16px 0;
}
.signup__features ul {
  margin: 0;
  padding: 0;
}
.signup__features ul li {
  text-align: left;
  display: flex;
  list-style: none;
  font-family: "proximanova-bold", sans-serif;
  font-size: 16px;
  color: #212121;
  margin-bottom: 8px;
}
.signup__features ul li:before {
  content: "";
  min-width: 16px;
  width: 16px;
  height: 16px;
  margin: 3px 8px 0 0;
  background-image: url("/images/icons/icon-tick-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30px;
}
.signup__form {
  text-align: left;
}
@media (min-width: 768px) {
  .signup__form {
    padding: 0 16px;
  }
}
.signup__form .dirty .row .js-validate-error-label {
  text-align: left;
}
.signup__form .row {
  margin: 0 auto 8px;
}
@media (min-width: 768px) {
  .signup__form .row {
    max-width: 305px;
  }
}
.signup__form .alert {
  display: none;
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__form .alert {
    margin: 8px 0;
  }
}
.signup__form .alert.tf-show {
  display: block;
  margin: 8px auto;
  text-align: center;
}
.signup__form .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.signup__form .cancel-btn {
  display: block;
  margin: 8px auto;
  font-size: 14px;
  color: #212121;
  text-align: center;
}
@media (min-width: 768px) {
  .signup__form .cancel-btn {
    width: 50px;
  }
}
.signup__form .cancel-btn.show {
  display: block;
}
.signup__form form {
  text-align: left;
}
.signup__form form .required {
  display: inline-block;
  margin: 8px 0;
}
.signup__form form .required a {
  text-decoration: underline;
  color: #21418d;
}
.signup__form form .required input[type="checkbox"] + label {
  font-weight: 400;
  font-size: 14px;
  color: #212121;
  margin: 0;
  line-height: 24px;
}
.signup__form form .required input[type="checkbox"] + label:before {
  border: 1px solid #d9d9d9;
  width: 24px;
  height: 24px;
}
.signup__form form .required input[type="checkbox"] + label:after {
  background-image: url("/images/icons/icon-tick-black.svg");
  background-size: 26px;
}
.signup__form
  form
  .required
  input[type="checkbox"].js-validate-error-field
  + label {
  color: #dd1f26;
}
.signup__form
  form
  .required
  input[type="checkbox"].js-validate-error-field
  + label:before {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.signup__form form .required.error input[type="checkbox"] + label {
  color: #dd1f26;
}
.signup__form form .required.error input[type="checkbox"] + label:before {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.signup__form form .required.error .alert {
  display: block;
  margin: 8px 0 0;
}
.signup__form form label {
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #212121;
  display: block;
  text-align: left;
}
.signup__form form input[type="text"],
.signup__form form input[type="email"],
.signup__form form input[type="password"] {
  width: 100%;
  margin: 0 auto;
  height: 48px;
  line-height: 48px;
  color: #000;
  font-size: 12px;
  border: 1px solid #a4a4a4;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
@media (min-width: 768px) {
  .signup__form form input[type="text"],
  .signup__form form input[type="email"],
  .signup__form form input[type="password"] {
    max-width: 305px;
  }
}
.signup__form form input[type="submit"],
.signup__form form .submit {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  display: block;
  text-align: center;
  margin-top: 8px;
}
.signup__form form input[type="submit"]:hover,
.signup__form form input[type="submit"]:focus,
.signup__form form input[type="submit"]:active,
.signup__form form .submit:hover,
.signup__form form .submit:focus,
.signup__form form .submit:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.signup__form form input[type="submit"]:disabled,
.signup__form form input[type="submit"] [disabled="disabled"],
.signup__form form .submit:disabled,
.signup__form form .submit [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 768px) {
  .signup__form form input[type="submit"],
  .signup__form form .submit {
    max-width: 305px;
    margin: 8px auto 0;
  }
}
.signup__form form .submit {
  padding: 3px 24px;
}
.signup__form form .signup__google,
.signup__form form .signup__facebook {
  position: relative;
}
.signup__form form .signup__google input[type="submit"],
.signup__form form .signup__facebook input[type="submit"] {
  background-color: #2385fc;
}
.signup__form form .signup__google img,
.signup__form form .signup__facebook img {
  position: absolute;
  bottom: 13px;
  left: 16px;
  width: 14px;
  height: 14px;
}
.signup__form form .signup__facebook input[type="submit"] {
  background-color: #42609e;
}
.signup__form form.error input[type="text"] {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
  color: #dd1f26;
}
.signup__form form .recaptcha-container {
  text-align: center;
}
.signup__form--password {
  position: relative;
}
.signup__form--password span.show-hide-password {
  position: absolute;
  font-size: 9px;
  color: #212121;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  cursor: pointer;
}
.signup__form--password .password-rules-msg {
  font-size: 10px;
  margin: 8px 0;
  text-align: left;
}
.signup__form--password .password-rules-msg--title {
  margin: 0 0 8px;
}
.signup__form--password .password-rules-msg ul {
  margin: 0;
  padding: 0;
}
.signup__form--password .password-rules-msg ul li {
  text-align: left;
  display: flex;
  list-style: none;
  margin-bottom: 8px;
}
.signup__form--password .password-rules-msg ul li:before {
  content: "";
  min-width: 11px;
  width: 11px;
  height: 9px;
  margin: 3px 8px 0 0;
  background-image: url("/images/icons/icon-tick-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 21px;
}
.signup__form--password .password-rules-msg ul li:last-child {
  margin-bottom: 0;
}
.signup__form--password .password--info {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.signup__form--password .password--info a {
  border-bottom: 1px solid #212121;
  text-decoration: none !important;
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  margin-bottom: 8px;
  color: #212121 !important;
  align-self: flex-end;
}
.signup__social {
  padding: 0 16px;
  display: flex;
  justify-content: center;
}
.signup__social--container {
  display: flex;
  justify-content: flex-start;
}
.signup__social--rounded .social-auth {
  width: 40px;
  display: inline-flex;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.signup__footer {
  font-size: 12px;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 10px 0 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__footer {
    margin: 8px 0 0;
  }
}
.signup__footer a {
  border-bottom: 1px solid #212121;
  text-decoration: none;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.signup__terms {
  font-size: 11px;
  padding: 0;
  text-align: center;
  margin-bottom: 12px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__terms {
    padding: 8px 0;
    margin-bottom: 0;
  }
}
.signup__terms a {
  color: #212121;
  border-bottom: 1px solid #212121;
  text-decoration: none;
}
.signup__terms.signin {
  font-size: 13px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__terms.signin {
    font-size: 15px;
  }
}
.signup__terms.signin a {
  color: #212121;
  border: none;
  font-weight: 700;
  text-decoration: none;
}
.signup__tooltip {
  position: relative;
  display: inline-block;
  margin-left: 4px;
}
.signup__tooltip:before {
  content: "?";
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd1f26;
  color: #fff;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  cursor: pointer;
}
.signup__tooltip:hover span {
  display: block;
}
.signup__tooltip span {
  display: none;
  position: absolute;
  left: 30px;
  top: 0;
  background-color: #fafafa;
  padding: 8px;
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 250px;
  font-size: 13px;
  text-align: center;
  z-index: 10;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__tooltip span {
    left: 50%;
    top: -95px;
    width: 185px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.signup__tooltip span:before {
  content: "▲";
  width: 5px;
  height: 5px;
  position: absolute;
  text-shadow: 0 -2px 2px rgba(33, 65, 141, 0.2);
  color: #fafafa;
  top: 14px;
  left: -14px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__tooltip span:before {
    top: 95px;
    left: 94px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
.signup__divider {
  position: relative;
  text-align: center;
  display: block;
  font-size: 12px;
  color: #4a4a4a;
}
.signup__divider span {
  display: block;
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 0 8px;
  margin: 16px 0;
}
.signup .interstitial--show {
  display: none;
}
.signup .alert {
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
  margin: 8px auto;
  line-height: 16px;
}
@media (min-width: 768px) {
  .signup .alert {
    max-width: 305px;
  }
}
.signup .alert a {
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  margin: 8px 0;
  text-transform: lowercase;
  text-decoration: underline;
}
.signup .js-required .password-rules-msg {
  font-family: "proximanova-regular", sans-serif;
  color: #dd1f26 !important;
  font-size: 10px;
  margin: 8px 0;
}
.signup .js-required .password-rules-msg--title {
  text-align: left;
}
.signup .js-required .password-rules-msg ul li:before {
  background-image: url("/images/icons/icon-tick-red.svg") !important;
}
.signup .js-required .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.signup .js-required a {
  text-decoration: underline;
  color: #21418d;
}
.signup .js-required ::placeholder {
  color: #ff9ea5;
  opacity: 1;
}
.signup .js-required :-ms-input-placeholder {
  color: #ff9ea5;
}
.signup .js-required ::-ms-input-placeholder {
  color: #ff9ea5;
}
.signup .js-required input[type="text"],
.signup .js-required input[type="email"],
.signup .js-required input[type="password"] {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2 !important;
  color: #ff9ea5;
}
.signup .js-required input:-webkit-autofill,
.signup .js-required input:-webkit-autofill:hover,
.signup .js-required input:-webkit-autofill:focus,
.signup .js-required textarea:-webkit-autofill,
.signup .js-required textarea:-webkit-autofill:hover,
.signup .js-required textarea:-webkit-autofill:focus,
.signup .js-required select:-webkit-autofill,
.signup .js-required select:-webkit-autofill:hover,
.signup .js-required select:-webkit-autofill:focus {
  -webkit-text-fill-color: #eb8488;
  box-shadow: 0 0 0 30px #f9e1e2 inset !important;
  -webkit-box-shadow: 0 0 0 30px #f9e1e2 inset !important;
}
.signup .js-required span.show-hide-password {
  color: #dd1f26 !important;
}
.signup__password-recover {
  background-color: #fff0f0;
  text-align: center;
  padding: 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__password-recover {
    padding: 24px 16px;
    margin: 40px 0;
    display: inline-block;
    width: 100%;
  }
}
.signup__password-recover .title {
  color: #dd1f26;
  font-size: 18px;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: -0.5px;
}
.signup__password-recover .description {
  width: 300px;
  margin: 16px auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__password-recover .description {
    width: auto;
    font-size: 15px;
  }
}
.signup__password-recover .button {
  font-size: 15px;
  color: #dd1f26;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #dd1f26;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  width: 184px;
  height: 40px;
  line-height: 36px;
  font-weight: 400;
}
.signup__password-recover .button:hover,
.signup__password-recover .button:focus,
.signup__password-recover .button:active {
  background-color: #fff;
  color: #22e0d9;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.signup__password-recover .button:disabled,
.signup__password-recover .button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup__password-recover .button {
    width: 100%;
  }
}
.signup__password-recover .button:hover {
  background-color: #dd1f26;
  color: #fff;
}
@media (min-width: 768px) {
  .signup .processing {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
  }
}
.interstitial .signup {
  z-index: 110;
  padding: 33px 0;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
}
@media (min-width: 768px) {
  .interstitial .signup {
    width: 572px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .interstitial .signup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 45px 25px 50px;
  }
}
@media (max-height: 720px) {
  .interstitial .signup {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);
  }
}
.interstitial .signup__form form input[type="submit"] {
  background-color: #dd1f26;
}
.interstitial .signup__form form input[type="submit"]:hover {
  background-color: #b0191e;
}
.interstitial .overlay {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(33, 33, 33, 0.5);
}
input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.social-auth {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.social-auth img {
  flex: 0 0 auto;
  height: 14px;
  width: 14px;
  position: relative;
  left: 0;
  top: 0;
}
.social-auth__google {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #4285f4;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.social-auth__google:hover,
.social-auth__google:focus,
.social-auth__google:active {
  background-color: #2a75f3;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.social-auth__facebook {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #3b5998;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.social-auth__facebook:hover,
.social-auth__facebook:focus,
.social-auth__facebook:active {
  background-color: #344e86;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.social-auth__apple {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 40px;
  height: 40px;
  cursor: pointer;
  background-color: #000;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.social-auth__apple:hover,
.social-auth__apple:focus,
.social-auth__apple:active {
  background-color: #000;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.social-auth:nth-child(1) {
  margin-right: 8px;
}
.social-auth:nth-child(2) {
  margin: 0 8px;
}
.social-auth:last-child {
  margin: 0 0 8px 8px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup--signin {
    padding: 56px 32px 76px;
  }
}
@media (min-width: 768px) {
  .signup--signin .signup--container {
    width: 472px;
    padding-bottom: 32px;
  }
}
.signup--signin .signup__terms {
  font-size: 11px;
}
@media (min-width: 768px) {
  .signup--signin .signup__terms {
    margin-top: 8px;
    margin-bottom: 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup--signin .signup__terms {
    padding-top: 8px;
  }
}
.signup--signin .signup__terms a {
  border-bottom: 1px solid #212121;
  text-decoration: none;
  color: #212121;
}
.signup--signin .signup__terms.signin {
  margin-top: 8px;
}
.signup--signin .signup__terms.signin a {
  border-bottom: 1px solid #212121;
  text-decoration: none;
  font-family: "proximanova-bold", sans-serif;
}
.signup--signin .signup__hint {
  width: 100%;
  padding: 7px 13px 7px 15px;
  background-color: #fafafa;
  border: 1px solid #dae0ed;
  display: flex;
  align-items: center;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup--signin .signup__hint {
    width: auto;
    margin: 0 -24px;
    padding: 16px 13px 16px 15px;
  }
}
.signup--signin .signup__hint .hint-image {
  flex: 0 0 auto;
  height: 50px;
  width: 28px;
  margin-right: 12px;
}
.signup--signin .signup__hint .hint-content {
  font-size: 12px;
  line-height: 18px;
  color: #212121;
  text-align: left;
}
.signup--signin .signup__hint .hint-content a {
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  border-bottom: 1px solid #212121;
  text-decoration: none;
}
.signup--signin .signup__divider {
  position: relative;
}
.signup--signin .signup__divider span {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding: 0 8px;
}
.signup--signin .signup__form {
  margin-bottom: 8px;
}
.signup--signin .signup__form form input[type="submit"] {
  width: 100%;
  margin-top: 16px;
  background-color: #dd1f26;
}
.signup--signin .signup__form form input[type="submit"]:hover {
  background-color: #c71c22;
}
.subscription {
  width: 754px;
  margin: 0 auto;
  position: relative;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription {
    padding: 16px 32px 40px !important;
    position: relative;
    background: #fff;
    width: 100%;
    min-height: 100vh;
  }
}
.subscription__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__close-btn {
    top: 16px;
  }
}
.subscription--container {
  width: 100%;
  margin: 0 auto;
  padding: 24px 0 0;
  background-color: #fff;
  text-align: center;
}
@media (min-width: 768px) {
  .subscription--container {
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--container {
    padding: 0;
  }
}
.subscription--container_footer {
  text-align: center;
  height: 52px;
  background-image: url("/images/pwa/brand-logos.svg");
  background-position: center;
  background-size: auto 21px;
  background-repeat: no-repeat;
  background-color: #21418d;
}
.subscription--container_footer img {
  max-width: unset;
  width: auto;
  height: 21px;
  margin-left: -50%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--container:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100% !important;
    margin: 0 !important;
  }
}
.subscription__heading {
  margin: 0 0 64px;
  font-size: 32px;
  font-family: "proximanova-bold", sans-serif;
  background-size: auto 30px;
  background-repeat: no-repeat;
  background-position: center;
  width: auto;
  height: 30px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__heading {
    margin: 0 auto 21px;
    font-size: 18px;
    letter-spacing: -0.5px;
    text-align: center;
    height: auto;
  }
  .subscription__heading img {
    height: 44px;
  }
}
.subscription__sub_free-period .subscription__sub-heading--info {
  font-size: 12px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__sub_free-period .subscription__sub-heading--info {
    display: none;
  }
}
.subscription__sub-heading {
  margin-bottom: 8px;
  font-size: 32px;
  letter-spacing: -0.57px;
  font-family: "proximanova-bold", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__sub-heading {
    margin-top: 4px;
    margin-bottom: 8px;
    font-size: 28px;
  }
}
.subscription__sub-heading--form {
  margin-bottom: 8px;
  font-size: 32px;
  letter-spacing: -0.57px;
  font-family: "proximanova-bold", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__sub-heading--form {
    margin: 4px 0 0;
    font-size: 18px;
    text-align: left;
    line-height: 24px;
    letter-spacing: -0.67px;
  }
}
.subscription__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subscription__form .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.subscription__form .recaptcha-container {
  text-align: center;
}
.subscription__form-selection .processing {
  height: auto;
  position: relative;
  background: #fafafa;
  padding: 32px 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form-selection .processing {
    position: relative;
    margin-top: 0;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.subscription--pricing {
  display: flex;
  flex-direction: row;
  border: solid 2px #e9e9e9;
  padding: 10px 16px;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 280px;
}
.subscription__sub-left {
  text-align: left;
}
.subscription__sub-left .price-bold {
  font-size: 16px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
}
.subscription__sub-left .price-regular {
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  color: #212121;
}
.subscription__sub-left .description-bottom {
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  color: #212121;
}
.subscription__sub-right {
  text-align: right;
  min-width: 80px;
}
.subscription__sub-right a {
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  color: #212121;
  text-decoration: underline;
}
.subscription--email {
  text-align: center;
  margin-bottom: 16px;
  display: inline-flex;
  align-items: center;
}
.subscription--email .subscription__sub-signedin-text {
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  color: #212121;
  line-height: 12px;
  margin-right: 4px;
  display: inline-block;
}
.subscription--email .subscription__sub-email-text {
  font-family: "proximanova-bold", sans-serif;
  font-size: 12px;
  color: #212121;
  line-height: 12px;
  display: inline-block;
}
.subscription--email .subscription__sub-provider.google,
.subscription--email .subscription__sub-provider.facebook {
  width: 18px;
  height: 18px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px;
  margin-right: 4px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.subscription--email .subscription__sub-provider.google {
  background-color: #4285f4;
  background-image: url("/images/icons/social/google.svg");
}
.subscription--email .subscription__sub-provider.facebook {
  background-color: #3b5998;
  background-image: url("/images/icons/social/icon_facebook_auth.svg");
  background-size: 5px;
}
.subscription__item {
  width: 100%;
}
.subscription__item--catalog {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.subscription__item--catalog .item__price--main {
  display: flex;
  flex-direction: column;
  margin-bottom: 4px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog .item__price--main {
    flex-direction: row;
    justify-content: center;
    margin-bottom: 8px;
  }
}
.subscription__item--catalog .item__price-text {
  font-size: 12px;
  letter-spacing: -0.75px;
  font-family: "proximanova-bold", sans-serif;
  display: block;
  color: #212121;
  text-align: left;
  line-height: 20px;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog .item__price-text {
    margin-right: 8px;
  }
}
.subscription__item--catalog .item__price-number {
  font-family: "proximanova-bold", sans-serif;
  font-size: 24px;
  color: #212121;
  line-height: 24px;
  display: flex;
  align-items: baseline;
}
.subscription__item--catalog .item__price-monthly {
  font-size: 12px;
  line-height: 12px;
}
.subscription__item--catalog .item__price-description {
  font-size: 12px;
  display: block;
  color: #212121;
  line-height: 14px;
  font-family: "proximanova-regular", sans-serif;
}
.subscription__item--catalog .item__price-description--digital {
  display: none;
}
.subscription__item--catalog .item__price-description--terms {
  display: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog .item__price-description--terms {
    font-size: 12px;
    display: block;
    color: #212121;
    line-height: 14px;
    font-family: "proximanova-regular", sans-serif;
  }
}
.subscription__item--catalog-left {
  text-align: left;
  border-right: 1px solid #eaeaea;
  padding-right: 16px;
  width: 358px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog-left {
    border-right: 0;
    padding-right: 0;
    margin: 0 auto;
    width: 256px;
    max-width: 256px;
  }
}
.subscription__item--catalog-left .item__includes {
  display: flex;
  margin: 0 0 8px 0;
  font-size: 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog-left .item__includes {
    font-size: 14px;
  }
}
.subscription__item--catalog-left .item__includes:before {
  content: "";
  width: 17px;
  height: 17px;
  min-width: 17px;
  background: url("/images/icons/redtick.png") no-repeat;
  display: inline-block;
  margin: 3px 16px 0 0;
}
@media (min-width: 768px) {
  .subscription__item--catalog-right {
    text-align: left;
    padding-left: 16px;
    display: flex;
    align-items: center;
    width: 254px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item--catalog-right {
    text-align: center;
    margin: 0 auto 16px;
    width: 240px;
  }
}
.subscription__item input[type="radio"] {
  display: none;
}
.subscription__item input[type="radio"] + label {
  width: 660px;
  padding: 21px 24px 19px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
.subscription__item input[type="radio"] + label:before,
.subscription__item input[type="radio"] + label:after {
  display: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item input[type="radio"] + label {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    margin-bottom: 8px;
  }
}
.subscription__item input {
  display: none;
}
.subscription__item input + label {
  width: 660px;
  padding: 21px 24px 19px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__item input + label {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    padding: 8px 0;
    margin-bottom: 8px;
  }
}
.subscription__user {
  width: 100%;
  padding: 19px 0;
  background: #fafafa;
}
.subscription__user .processing {
  height: 100vh;
  position: relative;
  background: rgba(0, 0, 0, 0);
  padding-bottom: 20px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user .processing {
    position: relative;
    margin-top: 0;
    height: 100vh;
    top: 0;
    left: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user {
    padding: 0;
    margin: 8px auto 16px;
    background-color: rgba(0, 0, 0, 0);
  }
}
.subscription__user span {
  text-align: left;
  font-size: 14px;
  display: block;
  margin: 10px 0;
}
.subscription__user label {
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #212121;
  display: block;
  text-align: left;
}
.subscription__user input[type="email"],
.subscription__user input[type="password"] {
  display: block;
  width: 100%;
  height: 48px;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  color: #000;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  z-index: 1;
  position: relative;
}
.subscription__user input[type="text"] {
  display: block;
  width: 100%;
  height: 48px;
  line-height: 48px;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  color: #000;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  z-index: 1;
  position: relative;
}
.subscription__user input[type="text"]:disabled {
  -webkit-text-fill-color: #909090;
  box-shadow: 0 0 0 48px #e9e9e9 inset !important;
  -webkit-box-shadow: 0 0 0 48px #e9e9e9 inset !important;
  color: #909090;
  border: 0;
  padding-right: 42px;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.subscription__user input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin-top: 8px;
  z-index: 1;
  position: relative;
}
.subscription__user input[type="submit"]:hover,
.subscription__user input[type="submit"]:focus,
.subscription__user input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription__user input[type="submit"]:disabled,
.subscription__user input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription__user-container {
  display: flex;
  justify-content: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-container {
    flex-direction: column;
  }
}
.subscription__user-registered {
  width: 280px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-registered {
    width: auto;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-registered .js-validate-error-label {
    min-height: 0;
  }
}
.subscription__user-registered .registered__input {
  display: none;
}
.subscription__user-registered .registered__input.show {
  display: block;
}
.subscription__user-registered .create-email {
  position: relative;
  text-align: left;
}
.subscription__user-registered .create-email .edit-email {
  position: absolute;
  font-size: 9px;
  color: #212121;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  cursor: pointer;
  top: 14px;
  z-index: 1;
}
.subscription__user-anonymous {
  display: none;
  position: relative;
}
.subscription__user-anonymous.show {
  display: flex;
  align-items: center;
  margin-left: -280px;
  min-height: 146px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-anonymous.show {
    margin-left: 0;
    flex-direction: column;
  }
}
.subscription__user-anonymous-divider {
  display: flex;
  justify-content: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-anonymous-divider {
    position: relative;
    text-align: center;
    font-size: 15px;
    color: #4a4a4a;
    margin: 8px 0;
  }
}
@media (min-width: 768px) {
  .subscription__user-anonymous-divider span {
    padding: 0 16px;
    margin: 36px 0 16px 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-anonymous-divider span {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding: 0 8px;
  }
}
.subscription__user-anonymous-input {
  width: 280px;
  align-self: flex-end;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-anonymous-input {
    width: 100%;
  }
}
.subscription__user-anonymous-social {
  width: 280px;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.subscription__user-anonymous-social--container {
  display: flex;
  justify-content: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__user-anonymous-social {
    width: 100%;
  }
}
.subscription__user .error-group.show {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
}
.subscription__user .error-group span {
  margin: 16px 0 0;
  padding: 0 16px;
  text-align: center;
}
.subscription__footer {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 64px;
}
.subscription__footer .item__terms {
  font-size: 13px;
  font-family: "proximanova-regular", sans-serif;
  text-align: center;
  display: block;
}
.subscription__footer .item__trial {
  font-size: 12px;
  margin: 8px auto 16px;
  text-align: center;
  font-family: "proximanova-regular", sans-serif;
}
.subscription__footer .item__secure {
  display: flex;
  color: #c1c7d2;
  justify-content: center;
  align-items: center;
}
.subscription__footer .item__secure img {
  margin-right: 8px;
  height: 16px;
}
.subscription__footer .item__secure .payment-secure {
  text-transform: uppercase;
  font-size: 12px;
  font-family: "proximanova-regular", sans-serif;
}
.subscription__footer--credit-card {
  padding-bottom: 24px;
}
.subscription__payment-icons {
  display: inline-flex;
  margin-left: 2px;
  align-items: center;
}
.subscription__payment-icons img {
  margin-right: 2px;
  height: 10px;
}
.subscription__terms {
  font-size: 11px;
  margin: 8px 0 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__terms {
    margin: 8px -10px 16px;
  }
}
.subscription__terms a {
  color: #2d4b9b;
  text-decoration: underline;
}
.subscription__details {
  width: 100%;
  padding: 19px 0;
  background: #fafafa;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__details {
    margin: 8px auto 16px;
    padding: 0;
    width: auto;
    background-color: rgba(0, 0, 0, 0);
  }
}
@media (min-width: 768px) {
  .subscription__details--contain {
    width: 290px;
    margin: auto;
  }
  .subscription__details--contain .recaptcha-container {
    margin: 0 -28px;
  }
}
.subscription__details span {
  text-align: center;
  font-size: 14px;
  width: 100%;
  display: block;
}
.subscription__details .payment__result--password {
  margin: 16px auto;
}
.subscription__details-terms {
  display: flex;
  flex-direction: column;
  font-size: 15px;
  align-items: center;
  line-height: 22px;
  margin: 0 8px 8px;
}
.subscription__details-terms span {
  font-family: "proximanova-bold", sans-serif;
}
.subscription__details-terms--reset {
  margin: 8px 0 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__details-terms--reset {
    margin: 0 0 16px;
  }
}
.subscription__details-terms--reset span {
  font-size: 13px;
  font-family: "proximanova-regular", sans-serif;
}
.subscription__details-terms--reset span a {
  border-bottom: 1px solid #212121;
  font-family: "proximanova-bold", sans-serif;
  color: #212121 !important;
  text-decoration: none;
}
.subscription__details label {
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #464343;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__details label {
    display: inline-block;
  }
}
.subscription__details .alert {
  display: none;
  font-family: "proximanova-bold", sans-serif;
  color: #dd1f26;
  font-size: 12px;
}
.subscription__details .alert.tf-show {
  display: block;
  margin: 8px auto;
  text-align: center;
}
.subscription__details input[type="text"],
.subscription__details input[type="email"],
.subscription__details input[type="password"] {
  width: 100%;
  height: 48px;
  border: 1px solid #d9d9d9;
  padding: 0 16px !important;
  color: #000;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.subscription__details input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin: 8px 0;
}
.subscription__details input[type="submit"]:hover,
.subscription__details input[type="submit"]:focus,
.subscription__details input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription__details input[type="submit"]:disabled,
.subscription__details input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription__password {
  position: relative;
  text-align: left;
}
.subscription__password span.show-hide-password {
  position: absolute;
  font-size: 9px;
  color: #212121;
  text-transform: uppercase;
  height: 48px;
  display: inline-flex;
  align-items: center;
  right: 16px;
  cursor: pointer;
  width: 30px;
}
.subscription__password--forgot {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.subscription__password--forgot a {
  border-bottom: 1px solid #212121;
  text-decoration: none !important;
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  margin-bottom: 8px;
  color: #212121 !important;
  align-self: flex-end;
}
.subscription__tooltip {
  position: relative;
  display: inline-block;
  margin-left: 8px;
}
.subscription__tooltip:before {
  content: "?";
  width: 16px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background-color: #dd1f26;
  color: #fff;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  cursor: pointer;
}
.subscription__tooltip:hover span {
  display: block;
}
.subscription__tooltip span {
  display: none;
  position: absolute;
  left: 30px;
  top: 0;
  background-color: #fafafa;
  padding: 8px;
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  width: 250px;
  font-size: 13px;
  text-align: center;
  z-index: 10;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__tooltip span {
    left: 50%;
    transform: translateX(-50%);
    top: -95px;
    width: 185px;
  }
}
.subscription__tooltip span:before {
  content: "▲";
  width: 5px;
  height: 5px;
  position: absolute;
  text-shadow: 0 -2px 2px rgba(33, 65, 141, 0.2);
  color: #fafafa;
  top: 14px;
  left: -14px;
  transform: rotate(-90deg);
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__tooltip span:before {
    top: 95px;
    left: 94px;
    transform: rotate(180deg);
  }
}
.subscription__hint {
  width: 400px;
  padding: 7px 13px 7px 15px;
  background-color: #fafafa;
  border: 1px solid #dae0ed;
  display: flex;
  align-items: center;
  -webkit-border-radius: 1px;
  -khtml-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  margin: 8px auto 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__hint {
    margin: 0 -24px;
    padding: 16px 13px 16px 15px;
    background-color: #fafafa;
    border: 1px solid #dae0ed;
    display: flex;
    align-items: center;
    width: auto;
  }
}
.subscription__hint .hint-image {
  flex: 0 0 auto;
  height: 50px;
  width: 28px;
  margin-right: 12px;
}
.subscription__hint .hint-content {
  font-size: 12px;
  line-height: 18px;
  color: #212121;
  text-align: left;
}
.subscription__hint .hint-content a {
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  border-bottom: 1px solid #212121;
}
.subscription__subscribed {
  width: 100%;
  padding: 19px 0 32px;
  background: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__subscribed {
    background-color: rgba(0, 0, 0, 0);
    min-height: 100vh;
  }
}
.subscription__subscribed-contain {
  width: 440px;
  margin: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__subscribed-contain {
    margin: 0 auto;
    width: auto;
  }
}
.subscription__subscribed-contain img {
  width: 68px;
}
.subscription__subscribed-title {
  font-size: 18px;
  font-family: "proximanova-bold", sans-serif;
  padding: 8px 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__subscribed-title {
    font-size: 28px;
    line-height: 26px;
    padding: 8px 0 16px;
  }
}
.subscription__subscribed-description {
  font-size: 15px;
  display: block;
  line-height: 22px;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
}
.subscription__subscribed-button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  margin: 16px auto;
  min-width: 290px;
}
.subscription__subscribed-button:hover,
.subscription__subscribed-button:focus,
.subscription__subscribed-button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription__subscribed-button:disabled,
.subscription__subscribed-button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: size) {
  .subscription__subscribed-button {
    margin: 24px auto;
    min-width: 0px;
  }
}
.subscription__mobile {
  display: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__mobile {
    text-align: center;
  }
  .subscription__mobile--secure {
    display: flex;
    color: #212121;
    justify-content: center;
    align-items: center;
  }
  .subscription__mobile--secure img {
    margin-right: 8px;
  }
  .subscription__mobile--secure .payment-secure {
    width: 62px;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "proximanova-regular", sans-serif;
  }
  .subscription__mobile--terms {
    text-align: center;
  }
}
.subscription .js-required a {
  text-decoration: underline;
  color: #21418d;
}
.subscription .js-required ::placeholder {
  color: #ff9ea5;
  opacity: 1;
}
.subscription .js-required :-ms-input-placeholder {
  color: #ff9ea5;
}
.subscription .js-required ::-ms-input-placeholder {
  color: #ff9ea5;
}
.subscription .js-required .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: left;
}
.subscription .js-required .password-rules-msg {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 4px 0;
  text-align: center;
}
.subscription .js-required .password-rules-msg--title {
  text-align: left;
}
.subscription .js-required .password-rules-msg ul li:before {
  background-image: url("/images/icons/icon-tick-red.svg") !important;
}
.subscription .js-required span.show-hide-password {
  color: #dd1f26 !important;
}
.subscription .js-required input[type="checkbox"] + label,
.subscription .js-required input[type="radio"] + label {
  color: #dd1f26;
}
.subscription .js-required input[type="checkbox"] + label:before,
.subscription .js-required input[type="radio"] + label:before {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.subscription .js-required input[type="text"],
.subscription .js-required input[type="email"],
.subscription .js-required input[type="password"],
.subscription .js-required select {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.subscription__item--benefit-header-container {
  text-align: center;
  padding: 8px 16px 16px;
}
.subscription__item--benefit-header {
  text-transform: uppercase;
  cursor: pointer;
  display: inline-block;
  border-bottom: 1px solid #000;
}
.subscription__item--benefit-header .drop {
  padding-left: 4px;
}
.subscription__item--benefit-text {
  padding-left: 0 !important;
  font-size: 10px !important;
}
.drop:after {
  width: 10px;
  height: 10px;
  margin-left: 4px;
  background-image: url(/images/icons/icon-arrow-black.svg);
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  position: relative;
  top: 2px;
}
.flip:after {
  transform: rotate(180deg);
}
@media (min-width: 768px) {
  .subscription--promo {
    width: 572px;
  }
}
@media (min-width: 768px) {
  .subscription--promo .subscription--container {
    min-height: 515px;
    padding-top: 42px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promo .subscription--container {
    padding: 60px 0;
    min-height: calc(100vh - 76px);
    text-align: center;
  }
}
.subscription--promo .subscription--container:after {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.subscription--promo .subscription-payment-selection {
  background-color: rgba(0, 0, 0, 0);
}
.subscription--promo .subscription__sub-heading {
  font-size: 22px;
  margin-top: 12px;
}
.subscription--promo .subscription__details {
  background-color: rgba(0, 0, 0, 0);
}
.subscription--promo .subscription__details label {
  font-size: 12px;
  color: #c1c7d2;
}
.subscription--promo .subscription__details--contain {
  text-align: left;
}
.subscription--promo .subscription__blurb {
  font-size: 14px;
}
.subscription--promo .subscription__footer .item__terms {
  margin: 8px 0 32px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promo .subscription__footer .item__terms {
    margin: 8px 0 8px;
  }
}
.subscription--promo .subscription__footer .item__terms span {
  font-size: 12px;
  margin: 2px;
  width: 100%;
  text-align: center;
  display: block;
}
.subscription--promo .recaptcha-container {
  max-width: 320px;
  margin: 0 auto;
}
.subscription--promo .recaptcha-container span {
  font-size: 10px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promo .recaptcha-container span {
    text-align: center;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promoPayment {
    text-align: center;
  }
}
.subscription--promoPayment .subscription__sub-heading {
  font-size: 22px;
  font-family: "proximanova-bold", sans-serif;
}
@media (min-width: 768px) {
  .subscription--promoPayment .subscription__item--catalog-left {
    padding-right: 32px;
  }
}
@media (min-width: 768px) {
  .subscription--promoPayment .subscription__item--catalog-right {
    padding-left: 32px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promoPayment .subscription__item--catalog-right {
    width: 230px;
  }
}
.subscription--promoPayment .subscription__item--catalog .item__price {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 166px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promoPayment .subscription__item--catalog .item__price {
    width: auto;
  }
}
.subscription--promoPayment .subscription__item--catalog .item__price-text {
  width: 100%;
  font-size: 14px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promoPayment .subscription__item--catalog .item__price-text {
    width: unset;
  }
}
.subscription--promoPayment
  .subscription__item--catalog
  .item__price-description {
  font-family: "proximanova-regular", sans-serif;
  font-size: 12px;
  line-height: normal;
}
.subscription--promoPayment
  .subscription__item--catalog
  .item__price-description
  strong {
  font-family: "proximanova-bold", sans-serif;
  font-weight: normal;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--promoPayment
    .subscription__item--catalog
    .item__price-description
    br {
    display: none;
  }
}
.subscription__sub-promo-text {
  display: inline-flex;
  border: 1px solid #212121;
  padding: 2px 10px;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 10px;
  margin-bottom: 12px;
}
.subscription .item__terms {
  font-size: 14px;
}
.subscription
  .subscription--promoPayment
  .create-password__password
  .password-rules-msg {
  padding-bottom: 17%;
}
@media (min-width: 768px) {
  .subscription-payment {
    margin: 16px auto 32px;
    width: 660px;
  }
}
.subscription-payment .loading {
  text-align: center;
  position: absolute;
  margin: 0 auto;
  width: 100%;
  height: 700px;
  padding-top: 150px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 1;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .loading {
    font-size: 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    height: 100vh;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (min-width: 768px) {
  .subscription-payment .processing {
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
  }
}
.subscription-payment .payment-product--content-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  flex-direction: column;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .payment-product--content-header {
    margin: 8px 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment
    .payment-product--content-header
    .payment-product__price {
    margin-top: 0px;
    font-size: 14px;
  }
  .subscription-payment
    .payment-product--content-header
    .payment-product__description {
    font-size: 14px;
    text-align: left;
  }
}
.subscription-payment .payment-product--content-header .form__label {
  margin-bottom: 4px;
}
.subscription-payment .payment-product--content-header .form__label label {
  font-size: 14px;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
  margin: 0;
  display: inline;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .payment-product--content-header .form__label label {
    margin: 0 8px 0 0;
  }
}
.subscription-payment .payment-product--content-header .form__items {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  text-align: left;
}
@media (min-width: 768px) {
  .subscription-payment .payment-product--content-header .form__items {
    margin-bottom: 0;
    z-index: 1;
    width: 162px;
    position: absolute;
    top: 0;
    right: 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .payment-product--content-header .form__items {
    flex-direction: row;
    justify-content: space-between;
    margin: 4px 0 8px;
    align-items: center;
  }
  .subscription-payment .payment-product--content-header .form__items select {
    width: 218px;
  }
}
.subscription-payment .payment-product--content-header select {
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #a4a4a4;
  padding: 10px 12px;
  font-size: 14px;
  display: block;
  width: 100%;
  background-color: #fff;
  background-position: bottom 6px right 12px;
}
.subscription-payment .payment-product--content-header select:hover,
.subscription-payment .payment-product--content-header select:focus,
.subscription-payment .payment-product--content-header select:active {
  outline: none;
}
.subscription-payment__heading {
  font-size: 32px;
  letter-spacing: -0.57px;
  color: #9e9eaf;
  font-family: "proximanova-bold", sans-serif;
  margin-bottom: 8px;
}
.subscription-payment__item {
  display: flex;
  justify-content: space-between;
  padding: 8px 45px 8px 8px;
  border: 1px solid #d9d9d9;
  background-color: #f1f1f1;
  font-family: "proximanova-bold", sans-serif;
  font-size: 15px;
  color: #6d7278;
  margin-bottom: 8px;
  position: relative;
}
.subscription-payment__item:after {
  content: "";
  width: 15px;
  height: 16px;
  position: absolute;
  top: 11px;
  right: 16px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  background-image: url("/images/icons/arrow-black-thin.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.subscription-payment__item .payment-icons {
  display: flex;
  align-items: center;
}
.subscription-payment__item .payment-icons img {
  margin-left: 16px;
  height: 16px;
}
.subscription-payment__item .payment-icons img:last-child {
  height: 23px;
}
.subscription-payment--off {
  opacity: 0.3;
}
.subscription-payment .payment-product {
  padding: 32px;
  position: relative;
  background-color: #fff;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  display: flex;
  justify-content: center;
}
.subscription-payment .payment-product--content {
  width: 50%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .payment-product--content {
    width: auto;
  }
}
.subscription-payment .payment-product--content-info {
  text-align: left;
  width: 70%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment .payment-product--content-info {
    width: auto;
  }
}
.subscription-payment .payment-product__prime {
  font-size: 0;
  width: 84px;
  height: 22px;
  display: block;
  margin-bottom: 8px;
  background-image: url("/images/prime24/icon-prime24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.subscription-payment .payment-product__title {
  display: block;
  font-size: 24px;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: -0.67px;
}
.subscription-payment .payment-product__price {
  display: block;
  font-size: 15px;
}
.subscription-payment .payment-product__description {
  font-size: 15px;
  display: block;
  text-align: left;
}
.subscription-payment .payment-product__subscriber {
  display: block;
  font-size: 15px;
}
.subscription-payment__edit {
  position: relative;
}
.subscription-payment__edit a {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  line-height: 38px;
  width: 175px;
  display: block;
  text-align: center;
  font-family: "proximanova-regular", sans-serif;
}
.subscription-payment__edit a:hover,
.subscription-payment__edit a:focus,
.subscription-payment__edit a:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription-payment__edit a:disabled,
.subscription-payment__edit a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription-payment__zuora {
  margin-top: 24px;
  padding-bottom: 32px;
}
.subscription-payment__zuora .payment__title {
  font-size: 32px;
  letter-spacing: -0.57px;
  font-family: "proximanova-bold", sans-serif;
  margin: 8px 0;
  display: block;
}
.subscription-credit:after {
  background-color: #f5f5f5 !important;
}
.subscription-credit .payment-product--content-header .form__items {
  width: 162px;
  top: 160px;
  right: 24px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-credit .payment-product--content-header .form__items {
    width: 100%;
  }
  .subscription-credit .payment-product--content-header .form__items select {
    width: 218px;
  }
}
.subscription-debit:after {
  background-color: #f5f5f5 !important;
}
.subscription-debit__title {
  padding: 16px;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  margin: 0 64px;
  text-align: left;
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit__title {
    padding: 8px;
    margin: 16px 0 8px;
  }
}
.subscription-debit .payment-product--content-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
  flex-direction: column;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .payment-product--content-header {
    margin-bottom: 0;
  }
}
.subscription-debit .payment-product--content-header .form__items {
  width: 162px;
  top: 219px;
  right: 64px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .payment-product--content-header .form__items {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 4px 0 8px;
    align-items: center;
    width: auto;
  }
}
.subscription-debit .payment-product--content-header .form__label label {
  margin: 0 8px 4px 0;
}
.subscription-debit .subscription-payment {
  width: 630px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .subscription-payment {
    width: auto;
  }
}
.subscription-debit .form .js-validate-error-label {
  color: #dd1f26 !important;
  font-size: 12px;
  margin: 8px 0;
  text-align: left;
}
.subscription-debit .form__submit {
  margin: 0 auto 16px;
}
.subscription-debit .form--columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .form--columns {
    margin-top: 16px;
  }
}
.subscription-debit .form--columns .form__items {
  width: 308px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .form--columns .form__items {
    width: 100%;
  }
}
.subscription-debit .form--columns .form__submit {
  width: 100%;
  text-align: center;
}
.subscription-debit .form--columns-three {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .form--columns-three {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .subscription-debit .form--columns-three .form__items:nth-child(1) {
    width: 80px;
  }
}
@media (min-width: 768px) {
  .subscription-debit .form--columns-three .form__items:nth-child(2),
  .subscription-debit .form--columns-three .form__items:nth-child(3) {
    width: 260px;
  }
}
.subscription-debit .form form {
  display: flex;
  justify-content: center;
  flex-direction: column;
  z-index: 1;
}
.subscription-debit .form label {
  font-size: 14px;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
  margin-bottom: 8px;
}
.subscription-debit .form a {
  text-decoration: underline;
  color: #21418d;
}
.subscription-debit .form textarea {
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  padding: 10px 12px;
  font-size: 14px;
  display: block;
  width: 100%;
  background-color: #fff;
  background-position: bottom 6px right 12px;
}
.subscription-debit .form textarea:hover,
.subscription-debit .form textarea:focus,
.subscription-debit .form textarea:active {
  outline: none;
}
.subscription-debit .form select {
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #d9d9d9;
  padding: 0px 12px;
  font-size: 14px;
  display: block;
  width: 100%;
  background-color: #fff;
  background-position: bottom 10px right 12px;
  height: 48px;
  line-height: 48px;
}
.subscription-debit .form select:hover,
.subscription-debit .form select:focus,
.subscription-debit .form select:active {
  outline: none;
}
.subscription-debit .form input::-webkit-outer-spin-button,
.subscription-debit .form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.subscription-debit .form input[type="number"] {
  -moz-appearance: textfield;
}
.subscription-debit .form input[type="text"],
.subscription-debit .form input[type="email"],
.subscription-debit .form input[type="password"],
.subscription-debit .form input[type="number"] {
  width: 100%;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  color: #000;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  height: 48px;
  line-height: 48px;
}
.subscription-debit .form__label label {
  font-size: 14px;
  color: #212121;
  font-family: "proximanova-regular", sans-serif;
  display: inline;
}
.subscription-debit .form__items {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  text-align: left;
  margin-bottom: 16px;
  z-index: 1;
}
.subscription-debit .form__items .form__label {
  margin-bottom: 4px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .form__items {
    margin-bottom: 4px;
  }
}
.subscription-debit .form input[type="radio"] + label {
  padding-left: 32px;
  line-height: 24px !important;
}
.subscription-debit .form input[type="radio"] + label:before {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  left: 0;
  top: 0;
  border: 1px solid #e2e2e2;
}
.subscription-debit .form input[type="radio"] + label:after {
  width: 24px;
  height: 24px;
  top: 1px;
  left: 0;
  background-image: url("/images/icons/icon-tick-black.svg");
  background-repeat: no-repeat;
  background-size: 26px;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
}
.subscription-debit .form input[type="radio"]:checked + label:after,
.subscription-debit .form input[type="radio"]:hover + label:after,
.subscription-debit .form input[type="radio"]:focus + label:after {
  opacity: 0.4;
}
.subscription-debit__terms {
  font-size: 15px;
  display: flex;
  flex-direction: column;
  text-align: left;
  line-height: 24px;
}
.subscription-debit__footer {
  font-size: 11px;
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.subscription-debit__footer span:last-child {
  font-size: 14px;
  margin-top: 24px;
}
.subscription-debit .button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 272px;
  margin-top: 16px;
}
.subscription-debit .button:hover,
.subscription-debit .button:focus,
.subscription-debit .button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription-debit .button:disabled,
.subscription-debit .button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-debit .button {
    width: 100%;
  }
}
.subscription-debit .debit-content .item__trial {
  font-size: 12px;
  margin: 8px auto 16px;
  text-align: center;
  font-family: "proximanova-regular", sans-serif;
}
.subscription-debit .debit-content .item__secure {
  display: flex;
  color: #c1c7d2;
  justify-content: center;
  align-items: center;
}
.subscription-debit .debit-content .item__secure img {
  margin-right: 8px;
  height: 16px;
}
.subscription-debit .debit-content .item__secure .payment-secure {
  text-transform: uppercase;
  font-size: 12px;
  font-family: "proximanova-regular", sans-serif;
}
.subscription-payment-selection {
  width: 100%;
  padding: 19px 0;
  background: #fafafa;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment-selection {
    background: rgba(0, 0, 0, 0);
    padding: 0 8px 8px;
  }
}
.subscription-payment-selection--catalog label {
  width: 660px;
  padding: 21px 24px 19px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0);
  -webkit-transition: border 0.3s ease;
  -moz-transition: border 0.3s ease;
  -o-transition: border 0.3s ease;
  transition: border 0.3s ease;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.subscription-payment-selection__type {
  margin: auto;
}
.subscription-payment-selection__type .text {
  font-size: 15px;
  line-height: 25px;
  margin: 0;
}
.subscription-payment-selection__type-item {
  display: none;
  justify-content: center;
  margin-bottom: 4px;
}
.subscription-payment-selection__type-item.show {
  display: flex;
}
.subscription-payment-selection__type-item img {
  margin-left: 8px;
}
.subscription-payment-selection__type-item .text {
  font-size: 15px;
  margin: 0;
}
.subscription-payment-selection__type-email {
  font-size: 15px;
  text-align: center;
  font-family: "proximanova-bold", sans-serif;
  width: 100%;
  display: block;
}
.subscription-payment-selection__actions {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}
.subscription-payment-selection__actions-title {
  font-size: 18px;
  font-family: "proximanova-bold", sans-serif;
  padding: 8px 0 16px;
}
.subscription-payment-selection__actions-buttons {
  display: flex;
  justify-content: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment-selection__actions-buttons {
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.subscription-payment-selection__actions-buttons .button {
  background-color: #fff;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2),
    0 0 2px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2), 0 0 2px 0 rgba(0, 0, 0, 0.12);
  font-family: "proximanova-bold", sans-serif;
  font-size: 15px;
  padding: 10px 16px;
  width: 264px;
  display: flex;
  justify-content: space-between;
  cursor: pointer;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment-selection__actions-buttons .button {
    width: 100%;
  }
}
.subscription-payment-selection__actions-buttons .button label {
  margin: 0;
}
.subscription-payment-selection__actions-buttons .button:first-child {
  margin-right: 4px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment-selection__actions-buttons .button:first-child {
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.subscription-payment-selection__actions-buttons .button:last-child {
  margin-left: 4px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-payment-selection__actions-buttons .button:last-child {
    margin-left: 0;
  }
}
.subscription-payment-selection__actions-buttons .button-icons {
  display: inline-flex;
  margin-left: 2px;
  align-items: center;
}
.subscription-payment-selection__actions-buttons .button-icons img:first-child {
  height: 12px;
  margin-right: 8px;
}
.subscription-payment-selection__actions-buttons .button-icons img:last-child {
  height: 18px;
}
.payment {
  width: 100%;
  text-align: center;
}
.payment__container {
  width: 660px;
  margin: 0 auto;
  padding: 16px;
  background-color: #fff;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, 0.2);
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__container {
    margin: 16px;
    width: auto;
    min-height: 100vh;
  }
}
.payment__container:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
.payment__container--success {
  min-height: 515px;
  width: 572px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__container--success {
    margin: 0 !important;
    width: auto;
    min-height: 100vh;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__container--error {
    margin: 0 !important;
    width: auto;
    min-height: 100vh;
  }
}
.payment__result {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.payment__result--success {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #7ea800;
  line-height: 16px;
  background: #ebf6e0;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: solid 1px #7ea800;
  margin: 32px 0 0 0;
  padding: 16px;
  width: 320px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--success {
    margin: 24px 0 0 0;
    padding: 16px;
    width: 100%;
  }
}
.payment__result--skip {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.payment__result.hide {
  display: none;
}
.payment__result--error {
  margin: 120px auto;
  width: 270px;
  text-align: center;
  padding: 0 20px;
  background-color: #fff;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--error {
    width: 100%;
    text-align: center;
    padding: 130px 38px 8px;
    margin: 0px;
  }
}
.payment__result--error-img {
  background-image: url("/images/icons/icon-error.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 88px 80px;
  width: 88px;
  height: 80px;
  display: inline-block;
  margin: auto;
}
.payment__result--error h1 {
  font-size: 28px;
  line-height: 37px;
  font-family: "proximanova-bold", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--error h1 {
    font-size: 18px;
    line-height: 25px;
    margin: 24px auto 50px;
    max-width: 150px;
  }
}
.payment__result--error-button {
  font-size: 15px;
  background-color: #212121;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  margin: 0 auto 16px;
  width: 174px;
}
.payment__result--error-button:hover,
.payment__result--error-button:focus,
.payment__result--error-button:active {
  background-color: #080808;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.payment__result--error-button:disabled,
.payment__result--error-button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--error-button {
    width: 100%;
  }
}
.payment__result--logo img {
  height: 70px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--logo img {
    height: 43px;
  }
}
.payment__result--icon img {
  height: 62px;
  margin-top: 16px;
}
.payment__result--heading {
  margin: 16px 0;
  font-family: "proximanova-bold", sans-serif;
  font-size: 24px;
  display: block;
  color: #212121;
  width: 286px;
}
.payment__result--description {
  font-size: 15px;
  display: block;
  line-height: 25px;
  color: #212121;
  width: 390px;
  margin-bottom: 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .payment__result--description {
    width: 100%;
  }
}
.payment__result--button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin: 0 auto 16px;
  width: 200px;
}
.payment__result--button:hover,
.payment__result--button:focus,
.payment__result--button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.payment__result--button:disabled,
.payment__result--button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.payment__result--divider {
  margin: 0 auto 16px;
  font-size: 15px;
  text-transform: uppercase;
  color: #4a4a4a;
}
.payment__result--text {
  font-size: 13px;
  color: #000;
}
.payment__result--signin,
.payment__result--skip {
  font-size: 13px;
  color: #000;
  text-decoration: underline;
  font-weight: 700;
}
.redirect__container {
  padding: 16px 16px 54px 16px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.redirect__container:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .redirect__container:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .redirect__container {
    max-width: 800px;
    min-height: 600px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .redirect__container {
    min-height: 100vh;
    box-shadow: none;
    width: 100%;
    padding: 78px 36px !important;
  }
}
.redirect__result--icon {
  margin-top: 78px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .redirect__result--icon {
    margin-top: 0px;
  }
}
.redirect__result--icon img {
  height: 68px;
}
.redirect__result--heading {
  margin: 16px 0;
  font-family: "proximanova-bold", sans-serif;
  font-size: 24px;
  display: block;
  color: #212121;
  width: 286px;
}
.redirect__result--description {
  font-size: 15px;
  display: block;
  line-height: 25px;
  color: #212121;
  width: 296px;
  margin-bottom: 16px;
}
.redirect__result--button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-bottom: 24px;
  background-color: #dd1f26;
  color: #000;
  width: 328px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px !important;
}
.redirect__result--button:hover,
.redirect__result--button:focus,
.redirect__result--button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.redirect__result--button:disabled,
.redirect__result--button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .redirect__result--button {
    width: 100%;
  }
}
.redirect__result--button:hover {
  background-color: #080808 !important;
  color: #212121 !important;
}
@media (min-width: 10px) and (max-width: 768px) {
  .redirect .subscription__form {
    width: 100%;
  }
}
.status__container {
  padding: 16px 16px 54px 16px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto;
  position: relative;
}
.status__container:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .status__container:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .status__container {
    max-width: 800px;
    min-height: 600px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .status__container {
    min-height: 100vh;
    box-shadow: none;
    width: 100%;
    padding: 78px 36px !important;
  }
}
.status__icon {
  margin-top: 78px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .status__icon {
    margin-top: 0px;
  }
}
.status__icon img {
  height: 68px;
}
.status__heading {
  margin: 16px 0;
  font-family: "proximanova-bold", sans-serif;
  font-size: 24px;
  display: block;
  color: #212121;
  width: 286px;
}
.status__description {
  font-size: 15px;
  display: block;
  line-height: 25px;
  color: #212121;
  width: 296px;
  margin-bottom: 16px;
}
.status__button {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  margin-bottom: 24px;
  background-color: #dd1f26;
  color: #000;
  width: 328px;
  height: 48px;
  line-height: 48px;
  padding: 0 16px !important;
}
.status__button:hover,
.status__button:focus,
.status__button:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.status__button:disabled,
.status__button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .status__button {
    width: 100%;
  }
}
.status__button:hover {
  background-color: #080808 !important;
  color: #212121 !important;
}
#z_hppm_iframe {
  background: #fff !important;
  border: 0 !important;
}
.subscription-cancel {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 768px) {
  .subscription-cancel {
    max-width: 800px;
    min-height: 600px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel {
    min-height: 100vh;
    box-shadow: none;
    padding: 56px 32px 76px;
  }
}
.subscription-cancel__close-btn {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25px;
  background-color: rgba(0, 0, 0, 0);
}
.subscription-cancel--container {
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .subscription-cancel--container {
    min-height: 600px;
    padding: 48px 0 0;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    text-align: center;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel--confirmation {
    min-height: 100vh;
  }
}
.subscription-cancel--confirmation .subscription-cancel__details > span {
  margin: 8px auto 36px;
  text-align: left;
  position: relative;
}
@media (min-width: 768px) {
  .subscription-cancel--confirmation .subscription-cancel__details > span {
    width: 250px;
  }
}
.subscription-cancel--confirmation .subscription-cancel__details > span:before {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  left: -29px;
  top: 3px;
  background-image: url("/images/icons/icon-tick-blue.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
}
.subscription-cancel__sub-heading {
  font-size: 32px;
  line-height: 37px;
  font-family: "proximanova-bold", sans-serif;
  width: 350px;
  margin: 0 auto 16px;
  text-align: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel__sub-heading {
    font-size: 21px;
    line-height: 26px;
    margin: 0 auto 32px;
    width: auto;
  }
}
.subscription-cancel__form {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.subscription-cancel__form .js-validate-error-label {
  margin: 4px 0;
  font-family: "proximanova-bold", sans-serif;
  font-size: 14px;
  color: #dd1f26;
}
.subscription-cancel__details {
  margin: 0 auto;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 768px) {
  .subscription-cancel__details {
    width: 340px;
  }
}
.subscription-cancel__details--contain {
  margin: auto;
  display: flex;
  flex-direction: column-reverse;
}
@media (min-width: 768px) {
  .subscription-cancel__details--contain {
    width: 290px;
  }
}
.subscription-cancel__details > span {
  display: block;
  font-size: 15px;
  text-align: center;
  line-height: 24px;
  margin-bottom: 12px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel__details > span {
    width: 230px;
    margin: 0 auto 12px;
  }
}
.subscription-cancel__details label {
  text-align: left;
  font-family: "proximanova-regular", sans-serif;
  font-size: 14px;
  color: #464343;
  display: block;
}
.subscription-cancel__details input[type="text"],
.subscription-cancel__details input[type="email"] {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #d9d9d9;
  padding: 0 16px;
  color: #000;
  -webkit-border-radius: 20px;
  -khtml-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.subscription-cancel__details textarea {
  width: 290px;
  height: 88px;
  border: 1px solid #212121;
  padding: 11px 14px;
  font-size: 14px;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  display: none;
  margin: auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription-cancel__details textarea {
    height: 121px;
    width: 100%;
  }
}
.subscription-cancel__details textarea:focus {
  outline: 0;
}
.subscription-cancel__details input[type="radio"] + label {
  font-size: 14px;
  height: 32px;
  padding: 0 0 0 34px;
  margin: 0;
  color: #252525;
}
.subscription-cancel__details input[type="radio"] + label:before {
  width: 24px;
  height: 24px;
  border: 1px solid #212121;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.subscription-cancel__details input[type="radio"] + label:after {
  width: 16px;
  height: 16px;
  background-image: url("/images/icons/icon-tick-blue.svg");
  background-size: 26px;
  background-repeat: no-repeat;
  background-color: rgba(0, 0, 0, 0);
  background-position: center;
}
.subscription-cancel__details .button {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  width: 100%;
  margin: 0 auto 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.subscription-cancel__details .button:hover,
.subscription-cancel__details .button:focus,
.subscription-cancel__details .button:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription-cancel__details .button:disabled,
.subscription-cancel__details .button [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription-cancel__details input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin: 8px auto;
  font-family: "proximanova-bold", sans-serif;
}
.subscription-cancel__details input[type="submit"]:hover,
.subscription-cancel__details input[type="submit"]:focus,
.subscription-cancel__details input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription-cancel__details input[type="submit"]:disabled,
.subscription-cancel__details input[type="submit"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription-cancel__details .hide {
  display: none;
}
.subscription-cancel__details .show {
  display: block;
}
.subscription-cancel__reasons {
  margin: 0 auto 20px;
}
@media (min-width: 768px) {
  .subscription-cancel__reasons {
    width: 280px;
  }
}
.subscription-cancel__reasons div {
  margin-bottom: 8px;
  line-height: 24px;
}
.subscription-cancel__reasons div input + label:before {
  border-color: #000;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.subscription-cancel__reasons div input[type="checkbox"]:checked + label:after,
.subscription-cancel__reasons div input[type="checkbox"]:focus + label:after,
.subscription-cancel__reasons div input[type="checkbox"]:hover + label:after {
  opacity: 1;
}
.subscription-cancel--off {
  opacity: 0.3;
}
.subscription-cancel .payment-product {
  padding: 32px;
  position: relative;
  background-color: #fff;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, 0.2);
  display: flex;
  justify-content: center;
}
.subscription-cancel .payment-product--content {
  width: 50%;
}
.subscription-cancel .payment-product--content-info {
  text-align: left;
}
.subscription-cancel .payment-product__prime {
  font-size: 0;
  width: 84px;
  height: 22px;
  display: block;
  margin-bottom: 8px;
  background-image: url("/images/prime24/icon-prime24.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.subscription-cancel .payment-product__title {
  display: block;
  font-size: 24px;
  font-family: "proximanova-bold", sans-serif;
  letter-spacing: -0.67px;
}
.subscription-cancel .payment-product__price {
  display: block;
  font-size: 15px;
  font-family: "proximanova-bold", sans-serif;
}
.subscription-cancel .payment-product__description {
  font-size: 15px;
  display: block;
}
.subscription-cancel .payment-product__subscriber {
  display: block;
  font-size: 15px;
}
.subscription-cancel__edit {
  position: relative;
}
.subscription-cancel__edit a {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 1px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 40px;
  line-height: 38px;
  width: 175px;
  display: block;
  text-align: center;
  font-family: "proximanova-regular", sans-serif;
}
.subscription-cancel__edit a:hover,
.subscription-cancel__edit a:focus,
.subscription-cancel__edit a:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription-cancel__edit a:disabled,
.subscription-cancel__edit a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription-cancel__item {
  min-height: 350px;
}
.subscription-cancel__item iframe {
  height: 100% !important;
  min-height: 350px !important;
  background: #fff !important;
}
.subscription--corpsub,
.subscription--corpsub-cancel,
.subscription--corpsub-voucher {
  width: 572px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub,
  .subscription--corpsub-cancel,
  .subscription--corpsub-voucher {
    width: auto;
    text-align: center;
    padding-top: 60px;
  }
}
.subscription--corpsub .recaptcha-container,
.subscription--corpsub-cancel .recaptcha-container,
.subscription--corpsub-voucher .recaptcha-container {
  max-width: 320px;
  padding: 8px;
  margin: 0 auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub .recaptcha-container,
  .subscription--corpsub-cancel .recaptcha-container,
  .subscription--corpsub-voucher .recaptcha-container {
    text-align: center;
  }
}
.subscription--corpsub .recaptcha-container span,
.subscription--corpsub-cancel .recaptcha-container span,
.subscription--corpsub-voucher .recaptcha-container span {
  font-size: 10px;
  text-align: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub .signup__form .row,
  .subscription--corpsub-cancel .signup__form .row,
  .subscription--corpsub-voucher .signup__form .row {
    margin: 0 auto 4px;
  }
}
.subscription--corpsub .subscription--container,
.subscription--corpsub-cancel .subscription--container,
.subscription--corpsub-voucher .subscription--container {
  padding-bottom: 40px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub .subscription--container,
  .subscription--corpsub-cancel .subscription--container,
  .subscription--corpsub-voucher .subscription--container {
    padding: 60px 0;
    text-align: center;
    margin: 0 auto;
    min-height: calc(100vh - 76px);
  }
}
.subscription--corpsub .subscription--container:after,
.subscription--corpsub-cancel .subscription--container:after,
.subscription--corpsub-voucher .subscription--container:after {
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub .subscription--container:after,
  .subscription--corpsub-cancel .subscription--container:after,
  .subscription--corpsub-voucher .subscription--container:after {
    width: 100%;
  }
}
.subscription--corpsub .subscription__sub-heading,
.subscription--corpsub-cancel .subscription__sub-heading,
.subscription--corpsub-voucher .subscription__sub-heading {
  font-size: 22px;
  max-width: 220px;
  margin: 0 auto 8px;
  font-family: "proximanova-bold", sans-serif;
}
.subscription--corpsub .subscription__image,
.subscription--corpsub-cancel .subscription__image,
.subscription--corpsub-voucher .subscription__image {
  width: 71px;
  height: 62px;
  margin: 0 auto 16px;
}
.subscription--corpsub .subscription__image img,
.subscription--corpsub-cancel .subscription__image img,
.subscription--corpsub-voucher .subscription__image img {
  width: 100%;
}
.subscription--corpsub .subscription__hasprofile,
.subscription--corpsub .subscription__terms,
.subscription--corpsub-cancel .subscription__hasprofile,
.subscription--corpsub-cancel .subscription__terms,
.subscription--corpsub-voucher .subscription__hasprofile,
.subscription--corpsub-voucher .subscription__terms {
  font-size: 10px;
  text-align: center;
}
@media (min-width: 768px) {
  .subscription--corpsub .subscription__hasprofile,
  .subscription--corpsub .subscription__terms,
  .subscription--corpsub-cancel .subscription__hasprofile,
  .subscription--corpsub-cancel .subscription__terms,
  .subscription--corpsub-voucher .subscription__hasprofile,
  .subscription--corpsub-voucher .subscription__terms {
    max-width: 305px;
    margin-left: auto;
    margin-right: auto;
  }
}
.subscription--corpsub .subscription__passwordinfo,
.subscription--corpsub-cancel .subscription__passwordinfo,
.subscription--corpsub-voucher .subscription__passwordinfo {
  font-size: 12px;
  text-align: center;
}
.subscription--corpsub .subscription__details,
.subscription--corpsub-cancel .subscription__details,
.subscription--corpsub-voucher .subscription__details {
  background-color: rgba(0, 0, 0, 0);
}
.subscription--corpsub .subscription__details--contain,
.subscription--corpsub-cancel .subscription__details--contain,
.subscription--corpsub-voucher .subscription__details--contain {
  width: 305px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--corpsub .subscription__details--contain,
  .subscription--corpsub-cancel .subscription__details--contain,
  .subscription--corpsub-voucher .subscription__details--contain {
    width: auto;
    margin: 0 auto;
  }
}
.subscription--corpsub .subscription__details label,
.subscription--corpsub-cancel .subscription__details label,
.subscription--corpsub-voucher .subscription__details label {
  width: 100%;
  text-align: left;
  color: #c1c7d2;
}
.subscription--corpsub .subscription__details .signup__social--rounded,
.subscription--corpsub-cancel .subscription__details .signup__social--rounded,
.subscription--corpsub-voucher .subscription__details .signup__social--rounded {
  margin-top: 8px;
}
.subscription--corpsub
  .subscription__details
  .signup__social--rounded
  .social-auth,
.subscription--corpsub-cancel
  .subscription__details
  .signup__social--rounded
  .social-auth,
.subscription--corpsub-voucher
  .subscription__details
  .signup__social--rounded
  .social-auth {
  margin: 8px 6px 16px;
}
.subscription--corpsub
  .subscription__details
  .signup__social--rounded
  .social-auth
  img,
.subscription--corpsub-cancel
  .subscription__details
  .signup__social--rounded
  .social-auth
  img,
.subscription--corpsub-voucher
  .subscription__details
  .signup__social--rounded
  .social-auth
  img {
  margin-right: 0;
}
.subscription--corpsub .subscription .signup__form form label,
.subscription--corpsub-cancel .subscription .signup__form form label,
.subscription--corpsub-voucher .subscription .signup__form form label {
  color: #c1c7d2;
  font-size: 12px;
}
@media (min-width: 768px) {
  .subscription--corpsub-cancel .subscription--container,
  .subscription--corpsub-voucher .subscription--container {
    min-height: 515px;
  }
}
.subscription--corpsub-cancel .subscription__image,
.subscription--corpsub-voucher .subscription__image {
  width: 60px;
  height: 60px;
  opacity: 0.8;
}
.subscription--corpsub-cancel .subscription__sub-heading,
.subscription--corpsub-voucher .subscription__sub-heading {
  max-width: 160px;
  margin-bottom: 24px;
}
.subscription--corpsub-cancel .subscription__cancel-info,
.subscription--corpsub-voucher .subscription__cancel-info {
  font-size: 14px;
  text-align: center;
  max-width: 260px;
  margin: 0 auto 24px;
}
.subscription--corpsub-cancel .subscription__cancel-info a,
.subscription--corpsub-voucher .subscription__cancel-info a {
  text-decoration: underline;
}
.subscription--corpsub-cancel .subscription__hasprofile,
.subscription--corpsub-voucher .subscription__hasprofile {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  max-width: 280px;
  margin: 0 auto;
}
.subscription--corpsub-voucher .subscription__sub-heading {
  max-width: 260px;
}
.subscription--corpsub-voucher .subscription__hasprofile {
  position: relative;
  bottom: 0;
}
.subscription__form--container {
  position: relative;
  width: 100%;
  max-width: 590px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container {
    flex-direction: column;
  }
}
.subscription__form--container input[type="radio"] {
  display: none;
}
.subscription__form--container input[type="radio"] + label:before,
.subscription__form--container input[type="radio"] + label:after {
  display: none;
}
.subscription__form--container input[type="radio"]:checked + label,
.subscription__form--container input[type="radio"]:hover + label {
  border: 2px solid #21418d;
  background-color: #e9ecf4;
}
.subscription__form--container input[type="radio"]:checked + label .tick,
.subscription__form--container input[type="radio"]:hover + label .tick {
  background-image: url("/images/icons/icon-tick-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: #21418d;
}
.subscription__form--container .subscription__item {
  width: 184px;
  height: 170px;
  display: inline-flex;
  vertical-align: bottom;
  flex-direction: column;
  justify-content: center;
  border: 2px solid #e9e9e9;
  margin: 0 4px;
  padding: 0 12px;
  position: relative;
  -webkit-transition: border 0.2s ease, background 0.2s ease;
  -moz-transition: border 0.2s ease, background 0.2s ease;
  -o-transition: border 0.2s ease, background 0.2s ease;
  transition: border 0.2s ease, background 0.2s ease;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item {
    width: 100%;
    height: 96px;
    margin: 0 0 4px;
    text-align: left;
  }
}
.subscription__form--container .subscription__item .term {
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  margin-bottom: 2px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item .term {
    width: 100%;
    margin-bottom: 0;
  }
}
.subscription__form--container .subscription__item .price {
  font-size: 24px;
  line-height: 24px;
  font-family: "proximanova-bold", sans-serif;
  margin-bottom: 14px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item .price {
    width: 100%;
    margin-bottom: 2px;
  }
}
.subscription__form--container .subscription__item .description {
  font-size: 10px;
  min-height: 28px;
  font-family: "proximanova-regular", sans-serif;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item .description {
    width: 100%;
    min-height: 0;
  }
}
.subscription__form--container .subscription__item .save {
  color: #21418d;
  font-size: 10px;
  font-family: "proximanova-bold", sans-serif;
  margin-bottom: 12px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item .save {
    position: absolute;
    top: 16px;
    right: 16px;
  }
}
.subscription__form--container .subscription__item.featured .featured-text {
  color: #fff;
  background-color: #dd1f26;
  font-family: "proximanova-bold", sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  padding: 2px 0;
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  width: 96px;
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item.featured .featured-text {
    left: initial;
    right: 16px;
    top: -10px;
  }
}
.subscription__form--container .subscription__item .tick {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  display: none;
  background-color: #e9e9e9;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--container .subscription__item .tick {
    display: block;
  }
}
@media (min-width: 768px) {
  .subscription__form--container .subscription__item:nth-child(2) {
    order: 1;
  }
}
@media (min-width: 768px) {
  .subscription__form--container .subscription__item:nth-child(4) {
    order: 0;
  }
}
@media (min-width: 768px) {
  .subscription__form--container .subscription__item:nth-child(6) {
    order: 2;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection {
    padding: 16px 16px 40px !important;
  }
}
.subscription__form--selection .subscription__item--catalog {
  align-self: auto;
}
.subscription__form--selection .subscription__item--catalog-left {
  border-right: none;
  padding: 0;
}
.subscription__form--selection
  .subscription__item--catalog-left
  .item__includes {
  font-family: "proximanova-bold", sans-serif;
}
.subscription__form--selection .subscription__item--benefit-header {
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
}
.subscription__form--selection .subscription__item--benefit-header span {
  margin: 2px 0;
  font-family: "proximanova-bold", sans-serif;
}
.subscription__form--selection .subscription__item--benefit-header .drop {
  padding-left: 8px;
}
.subscription__form--selection .subscription__heading {
  margin-bottom: 12px;
  background-size: contain;
}
.subscription__form--selection .subscription__sub-heading {
  font-size: 24px;
  letter-spacing: 0;
  margin-bottom: 16px;
}
.subscription__form--selection .subscription__form input[type="submit"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  width: 248px;
  line-height: 48px;
  font-size: 16px;
  font-family: "proximanova-bold", sans-serif;
  margin: 8px auto 0;
}
.subscription__form--selection .subscription__form input[type="submit"]:hover,
.subscription__form--selection .subscription__form input[type="submit"]:focus,
.subscription__form--selection .subscription__form input[type="submit"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription__form--selection
  .subscription__form
  input[type="submit"]:disabled,
.subscription__form--selection
  .subscription__form
  input[type="submit"]
  [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription__form input[type="submit"] {
    width: 100%;
  }
}
.subscription__form--selection .subscription__terms {
  font-size: 12px;
  color: #909090;
}
.subscription__form--selection .subscription__terms a {
  color: #909090;
  text-decoration: none;
  border-bottom: 1px solid #909090;
}
.subscription__form--selection .subscription__preterms {
  font-size: 12px;
  margin-bottom: 8px;
}
.subscription__form--selection .subscription__user,
.subscription__form--selection .subscription__details {
  background-color: rgba(0, 0, 0, 0);
  padding-top: 0;
}
.subscription__form--selection .subscription__user-container,
.subscription__form--selection .subscription__details-container {
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  max-width: 328px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription__user-container,
  .subscription__form--selection .subscription__details-container {
    max-width: none;
  }
}
.subscription__form--selection .subscription__user--contain,
.subscription__form--selection .subscription__details--contain {
  width: 100%;
  max-width: 328px;
}
.subscription__form--selection .subscription__user-registered,
.subscription__form--selection .subscription__details-registered {
  width: 100%;
}
.subscription__form--selection
  .subscription__user-registered
  input[type="text"],
.subscription__form--selection
  .subscription__details-registered
  input[type="text"] {
  height: 48px;
  line-height: 48px;
}
.subscription__form--selection .subscription__user-anonymous.show,
.subscription__form--selection .subscription__details-anonymous.show {
  margin-left: 0;
  flex-direction: column;
  width: 100%;
}
.subscription__form--selection .subscription__user-anonymous-input,
.subscription__form--selection .subscription__details-anonymous-input {
  width: 100%;
}
.subscription__form--selection
  .subscription__user-anonymous-input
  input[type="submit"],
.subscription__form--selection
  .subscription__details-anonymous-input
  input[type="submit"] {
  width: 100%;
}
.subscription__form--selection .subscription__user-anonymous-social,
.subscription__form--selection .subscription__details-anonymous-social {
  width: 100%;
}
.subscription__form--selection
  .subscription__user-anonymous-social
  .social-auth,
.subscription__form--selection
  .subscription__details-anonymous-social
  .social-auth {
  width: 48px;
  height: 48px;
}
.subscription__form--selection
  .subscription__user-anonymous-social
  .social-auth
  img,
.subscription__form--selection
  .subscription__details-anonymous-social
  .social-auth
  img {
  height: 24px;
}
.subscription__form--selection .subscription__user-anonymous-divider span,
.subscription__form--selection .subscription__details-anonymous-divider span {
  margin: 16px auto;
}
.subscription__form--selection .subscription__user input[type="password"],
.subscription__form--selection .subscription__details input[type="password"] {
  height: 48px;
  line-height: 48px;
}
.subscription__form--selection .subscription__user input[type="text"],
.subscription__form--selection .subscription__details input[type="text"] {
  height: 48px;
  line-height: 48px;
}
.subscription__form--selection .subscription__user input[type="text"]:disabled,
.subscription__form--selection
  .subscription__details
  input[type="text"]:disabled {
  -webkit-text-fill-color: #909090;
  box-shadow: 0 0 0 48px #e9e9e9 inset !important;
  -webkit-box-shadow: 0 0 0 48px #e9e9e9 inset !important;
  color: #909090;
  border: 0;
}
.subscription__form--selection .subscription__user input[type="submit"],
.subscription__form--selection .subscription__details input[type="submit"] {
  width: 100%;
}
.subscription__form--selection .subscription__password span.show-hide-password {
  height: 48px;
}
.subscription__form--selection .subscription__footer {
  padding-top: 0;
}
.subscription__form--selection .subscription__secure {
  color: #909090;
  font-size: 10px;
  text-transform: uppercase;
  margin-top: 8px;
}
.subscription__form--selection .subscription__secure .item__secure span {
  display: inline-block;
  width: auto;
}
.subscription__form--selection .subscription__secure .item__secure-cards {
  margin-bottom: 8px;
}
.subscription__form--selection .subscription__secure img {
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.subscription__form--selection .subscription--pricing {
  max-width: 328px;
  padding: 18px;
  margin: 0 auto 16px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription--pricing {
    max-width: none;
  }
}
.subscription__form--selection .subscription-payment-selection {
  background-color: rgba(0, 0, 0, 0);
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription-payment-selection {
    padding: 0;
  }
}
.subscription__form--selection .subscription-payment-selection__actions {
  width: 100%;
  max-width: 328px;
  margin: 0 auto 1em;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription-payment-selection__actions {
    max-width: none;
    margin: 0 -16px 1em;
    width: auto;
  }
}
.subscription__form--selection .subscription-payment-selection__actions-title {
  font-size: 12px;
  text-transform: uppercase;
  font-family: "proximanova-regular", sans-serif;
  padding: 15px;
  text-align: left;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons {
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
  border-top: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button {
  width: 100%;
  padding: 12px 16px;
  align-items: center;
  justify-content: start;
  font-family: "proximanova-regular", sans-serif;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button
  span {
  margin-left: 4px;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button:first-child {
  margin-right: 0;
  margin-bottom: 0;
  border-bottom: 1px solid #e9e9e9;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button:last-child {
  margin-left: 0;
  padding-bottom: 16px;
  border-bottom: none;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button-icons {
  margin-left: 0;
  flex-direction: column;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button-icons
  img:first-child {
  height: 7px;
  margin: 0 0 2px;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button-icons
  img:last-child {
  height: 12px;
}
.subscription__form--selection
  .subscription-payment-selection__actions-buttons
  .button-icons.debit
  img {
  height: 24px;
}
.subscription__form--selection
  .subscription-payment
  .payment-product--content-header {
  flex-direction: row;
  justify-content: start;
  align-items: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection
    .subscription-payment
    .payment-product--content-header {
    flex-direction: column;
  }
}
.subscription__form--selection
  .subscription-payment
  .payment-product--content-header
  .form__items {
  position: relative;
  top: inherit;
  right: inherit;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection
    .subscription-payment
    .payment-product--content-header
    .form__items {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection
    .subscription-payment
    .payment-product--content-header
    .form__items
    select {
    width: 100%;
  }
}
.subscription__form--selection
  .subscription-payment
  .payment-product--content-header
  .form__label {
  margin: 4px 0;
}
.subscription__form--selection
  .subscription-payment
  .payment-product__description {
  color: #909090;
  font-size: 12px;
  max-width: 150px;
  margin-left: 10px;
  margin-top: 25px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection
    .subscription-payment
    .payment-product__description {
    max-width: none;
    width: 100%;
    text-align: left;
    margin-left: 0;
    margin-top: 4px;
  }
}
.subscription__form--selection .subscription--email {
  display: inline-flex;
  align-items: center;
}
.subscription__form--selection
  .subscription--email
  .subscription__sub-provider.google,
.subscription__form--selection
  .subscription--email
  .subscription__sub-provider.facebook {
  width: 18px;
  height: 18px;
  display: inline-flex;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  margin-right: 4px;
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%;
}
.subscription__form--selection
  .subscription--email
  .subscription__sub-provider.google {
  background-color: #4285f4;
  background-image: url("/images/icons/social/google.svg");
}
.subscription__form--selection
  .subscription--email
  .subscription__sub-provider.facebook {
  background-color: #3b5998;
  background-image: url("/images/icons/social/icon_facebook_auth.svg");
  background-size: 5px;
}
.subscription__form--selection .subscription-debit__title {
  font-family: "proximanova-regular", sans-serif;
  font-size: 16px;
  border-bottom: 1px solid #e9e9e9;
  padding: 14px 10px;
  display: flex;
  align-items: center;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -khtml-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.subscription__form--selection .subscription-debit__title img {
  height: 19px;
  width: auto;
  display: inline-block;
  margin-right: 10px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .subscription-debit .processing {
    position: fixed;
    height: 100vh;
    top: 50%;
  }
}
.subscription__form--selection
  .subscription-debit
  .subscription__secure
  .item__secure-cards,
.subscription__form--selection
  .subscription-credit
  .subscription__secure
  .item__secure-cards {
  display: none !important;
}
.subscription__form--selection .processing {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription__form--selection .processing {
    margin: 0 auto;
    position: fixed;
    height: 100vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.8);
  }
}
.subscription--retention {
  width: 100%;
  max-width: 800px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention {
    padding: 16px 16px 40px !important;
  }
}
.subscription--retention .subscription__heading {
  background-size: contain;
  margin: 0 auto;
  width: 116px;
  height: 30px;
}
.subscription--retention .subscription__terms a {
  color: #212121;
}
.subscription--retention .subscription__image {
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.subscription--retention .subscription__image img {
  width: 100%;
}
.subscription--retention .subscription__sub-heading {
  font-size: 24px;
  line-height: 30px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription__sub-heading {
    font-size: 20px;
  }
}
.subscription--retention .subscription--container {
  padding: 24px 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription--container {
    padding: 10px 0;
  }
}
.subscription--retention .subscription-payment-selection {
  padding: 0;
  max-width: 328px;
  margin: 0 auto;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription-payment-selection {
    max-width: none;
    padding: 0;
  }
}
.subscription--retention .subscription__blurb {
  font-size: 16px;
  line-height: 21px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription__blurb {
    margin-bottom: 24px;
  }
}
.subscription--retention .subscription-cta {
  position: relative;
  border: 2px solid #21418d;
  background-color: #e9ecf4;
  padding: 16px;
  text-align: left;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.subscription--retention .subscription-cta__tag {
  position: absolute;
  top: -10px;
  right: 16px;
  z-index: 1;
  background-color: #dd1f26;
  display: flex;
  font-size: 10px;
  font-family: "proximanova-bold", sans-serif;
  color: #fff;
  padding: 2px 4px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.subscription--retention .subscription-cta__regular {
  font-size: 12px;
  margin-bottom: 4px;
}
.subscription--retention .subscription-cta__regular b {
  font-family: "proximanova-regular", sans-serif;
  text-decoration: line-through;
}
.subscription--retention .subscription-cta__now {
  font-size: 16px;
  font-family: "proximanova-bold", sans-serif;
  margin-bottom: 8px;
}
.subscription--retention .subscription-cta__text {
  font-size: 10px;
}
.subscription--retention .subscription__details input[type="submit"] {
  margin-bottom: 24px;
  font-family: "proximanova-bold", sans-serif;
}
.subscription--retention .subscription__details--block {
  border: 1px solid #909090;
  padding: 16px;
  margin-bottom: 6px;
  display: flex;
  flex-wrap: wrap;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.subscription--retention .subscription__details--block > div {
  width: 50%;
  margin-bottom: 6px;
  font-size: 12px;
  text-align: right;
}
.subscription--retention .subscription__details--block > div:nth-child(odd) {
  text-align: left;
  font-family: "proximanova-bold", sans-serif;
}
.subscription--retention .subscription__details--block > div span {
  display: inline-block;
  margin-left: 2px;
  font-size: 12px;
  width: auto;
}
.subscription--retention .subscription__print {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 16px;
}
.subscription--retention .subscription__print::before {
  content: "";
  width: 18px;
  height: 18px;
  display: flex;
  margin-right: 4px;
  background-image: url("/images/icons/notices/basic-print.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.subscription--retention .subscription__print a {
  color: #212121;
  text-decoration: underline;
  font-size: 12px;
  font-family: "proximanova-bold", sans-serif;
  cursor: pointer;
}
.subscription--retention .subscription__cancel {
  font-family: "proximanova-bold", sans-serif;
  text-decoration: underline;
  font-size: 16px;
  margin-bottom: 25px;
}
.subscription--retention .subscription__cancel a {
  color: #212121;
}
.subscription--retention .subscription__cancel-text {
  font-size: 12px;
  margin-bottom: 24px;
}
.subscription--retention .subscription__footer {
  padding-top: 0;
  font-size: 10px;
  line-height: 12px;
  margin-bottom: 24px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription__footer {
    margin-bottom: 0;
  }
}
.subscription--retention .subscription__continue a {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  line-height: 48px;
  width: 100%;
  margin-bottom: 8px;
  font-family: "proximanova-bold", sans-serif;
}
.subscription--retention .subscription__continue a:hover,
.subscription--retention .subscription__continue a:focus,
.subscription--retention .subscription__continue a:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription--retention .subscription__continue a:disabled,
.subscription--retention .subscription__continue a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription--retention .subscription__continue a {
    margin-top: 16px;
  }
}
.subscription--retention .subscription__manage a {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  font-size: 16px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  margin-bottom: 40px;
}
.subscription--retention .subscription__manage a:hover,
.subscription--retention .subscription__manage a:focus,
.subscription--retention .subscription__manage a:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.subscription--retention .subscription__manage a:disabled,
.subscription--retention .subscription__manage a [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.subscription--retention-confirmation .subscription__sub-heading {
  font-size: 24px;
}
.subscription--retention .htmx-indicator {
  display: none;
}
.subscription--retention .htmx-request .htmx-indicator {
  display: flex;
}
.subscription--retention .htmx-request.htmx-indicator {
  display: flex;
}
@media print {
  .subscription--retention .subscription__continue a,
  .subscription--retention .subscription__manage a,
  .subscription--retention .subscription__image,
  .subscription--retention .subscription__print,
  .subscription--retention .signup__close-btn,
  .need-help {
    display: none;
  }
  #main-content.wrapper {
    background-color: rgba(0, 0, 0, 0);
  }
  .subscription--retention {
    max-width: none;
  }
}
.need-help {
  text-align: center;
  position: absolute;
  width: 100%;
  max-width: 370px;
  margin: 0 auto;
  bottom: 0;
  left: 0;
  right: 0;
  display: inline-block;
}
.need-help__callcentre {
  margin: 0 auto;
  font-size: 12px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  font-family: "proximanova-regular", sans-serif;
}
.need-help__callcentre img {
  margin: 0 8px;
  width: 23px;
  height: 23px;
}
.need-help__callcentre a {
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
}
.need-help--legacy {
  max-width: 510px;
  display: block !important;
}
@media (min-width: 10px) and (max-width: 768px) {
  .need-help--legacy {
    max-width: 280px;
    bottom: 0px;
  }
}
.need-help--legacy .need-help__callcentre {
  align-items: center;
}
@media (min-width: 10px) and (max-width: 768px) {
  .need-help--legacy .need-help__callcentre {
    max-width: 280px;
    height: 70px;
    bottom: -70px;
    display: block;
    line-height: 20px;
    padding-top: 14px;
  }
}
.need-help--legacy .need-help__callcentre a {
  border-bottom: 2px solid #212121;
  text-decoration: none;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  margin: 4px 0 0 8px;
  height: 16px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .signup,
  .subscription--container,
  .subscription-cancel,
  .forgot-password,
  .reset-password,
  .password-success,
  .verify-email,
  .recover-email,
  .payment__container,
  .create-password,
  .verify-mobile {
    position: relative;
  }
}
.signup:after,
.subscription--container:after,
.subscription-cancel:after,
.forgot-password:after,
.reset-password:after,
.password-success:after,
.verify-email:after,
.recover-email:after,
.payment__container:after,
.create-password:after,
.verify-mobile:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
}
@media (min-width: 10px) and (max-width: 768px) {
  .subscription {
    padding: 16px 32px 0;
  }
  .subscription--container:after {
    margin: 0 -32px;
    width: auto;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .signup:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
.forgot-password:after,
.reset-password:after,
.password-success:after,
.verify-email:after,
.recover-email:after,
.verify-mobile:after {
  position: absolute;
  bottom: 0;
  left: 0;
}
.processing ~ .need-help {
  display: none !important;
}
.profile {
  font-family: "proximanova-regular", sans-serif;
}
.profile-delete {
  padding: 48px 16px 54px 16px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 800px;
  min-height: 515px;
  margin: 0 auto;
  position: relative;
}
.profile-delete:after {
  content: "";
  width: 100%;
  height: 40px;
  background-color: #f5f5f5;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-delete:after {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-delete {
    min-height: 100vh;
    box-shadow: none;
    width: 100%;
    padding: 78px 16px !important;
  }
}
.profile-delete__container {
  width: 296px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-delete__container {
    width: 100%;
  }
}
.profile-delete__container--subscribed {
  width: 289px !important;
}
.profile-delete__heading {
  font-family: "proximanova-bold", sans-serif;
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .profile-delete__heading {
    padding: 0 260px;
  }
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-delete__heading {
    padding: 0 12%;
    letter-spacing: -0.67px;
  }
}
.profile-delete__description {
  font-size: 16px;
  line-height: 21px;
  margin: 0 auto 16px;
  text-align: left;
  display: flex;
}
.profile-delete__description--subscribed {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile-delete__description--subscribed p {
  text-align: center;
}
.profile-delete__description--subscribed p:first-child {
  margin: 0;
}
.profile-delete__description--subscribed a {
  margin-top: 0;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
}
.profile-delete__reasons {
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  font-family: "proximanova-regular", sans-serif;
  margin: 16px 0;
  display: block;
}
.profile-delete__reasons.js-required input[type="checkbox"] + label {
  color: #dd1f26;
}
.profile-delete__reasons.js-required input[type="checkbox"] + label:before {
  border: 1px solid #dd1f26;
}
.profile-delete-feedback__container {
  display: none;
}
.profile-delete-feedback__container.tf-show {
  display: block;
}
.profile-delete-feedback__container.js-required {
  margin-bottom: 0;
}
.profile-delete-feedback__container.js-required textarea {
  border: 1px solid #dd1f26;
  background-color: #f9e1e2;
}
.profile-delete__feedback {
  font-size: 12px;
  line-height: 15px;
  text-align: left;
  font-family: "proximanova-regular", sans-serif;
  display: block;
}
.profile-delete__footer {
  font-size: 15px;
}
@media (min-width: 10px) and (max-width: 768px) {
  .profile-delete__footer {
    margin-bottom: 0;
  }
}
.profile-delete__footer a {
  font-family: "proximanova-bold", sans-serif;
  border-bottom: 2px solid #212121;
  color: #212121;
}
.profile-delete__image {
  width: 68px;
  height: 68px;
  flex: 0 0 auto;
  margin: 0 auto 8px;
  overflow: hidden;
  position: relative;
}
.profile-delete__image img {
  width: 68px;
  height: 68px;
}
.profile-delete__button--border {
  font-size: 15px;
  color: #212121;
  font-family: "proximanova-bold", sans-serif;
  padding: 0 24px;
  cursor: pointer;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: 2px solid #212121;
  background-color: #fff;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  height: 48px;
  font-size: 16px;
  margin: 0 auto 32px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
}
.profile-delete__button--border:hover,
.profile-delete__button--border:focus,
.profile-delete__button--border:active {
  background-color: #212121;
  color: #dedede;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.profile-delete__button--border:disabled,
.profile-delete__button--border [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.profile-delete__close-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 0 !important;
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  transition: transform 0.2s ease;
  background-image: url("/images/icons/Icon-close-black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 32px;
  background-color: rgba(0, 0, 0, 0);
}
.profile-delete__social {
  flex-direction: column;
  padding: 0;
}
.profile-delete__social .signup__social--container {
  flex-direction: column;
  width: 100%;
}
.profile-delete__social .social-auth {
  display: flex;
  width: 100%;
  height: 48px;
  color: #fff;
  margin: 0 0 8px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.profile-delete__social .social-auth img {
  margin-right: 8px;
}
@media (min-width: 768px) {
  .profile-delete__social .social-auth {
    max-width: 305px;
  }
}
.profile-delete__form textarea {
  border: 1px solid #909090;
  background-color: #fff;
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  width: 100%;
  resize: none;
  margin: 8px 0;
  min-height: 90px;
  font-size: 16px;
}
.profile-delete__form textarea::placeholder {
  color: #212121;
  opacity: 1;
  font-size: 16px;
}
.profile-delete__form input[type="checkbox"] + label {
  font-size: 12px;
  line-height: 24px;
  margin-bottom: 4px;
  text-align: left;
  font-family: "proximanova-regular", sans-serif;
}
.profile-delete__form input[type="checkbox"] + label:before {
  border: 1px solid #212121;
}
.profile-delete__form input[type="checkbox"] + label:after {
  width: 24px;
  height: 24px;
  top: 1px;
  left: 0;
  background-image: url("/images/icons/icon-tick-black.svg");
  background-repeat: no-repeat;
  background-size: 18px;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
}
.profile-delete__form input[type="checkbox"]:checked + label:after {
  opacity: 1;
}
.profile-delete__form input[type="text"],
.profile-delete__form input[type="password"] {
  width: 100%;
  margin: 0 auto 8px;
  height: 48px;
  line-height: 48px;
  color: #000;
  font-size: 12px;
  border: 1px solid #a4a4a4;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
@media (min-width: 768px) {
  .profile-delete__form input[type="text"],
  .profile-delete__form input[type="password"] {
    max-width: 305px;
  }
}
.profile-delete__form input[type="submit"],
.profile-delete__form input[type="button"] {
  font-size: 15px;
  background-color: #dd1f26;
  color: #fff;
  font-family: "proximanova-regular", sans-serif;
  padding: 0 24px;
  display: inline-block;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  -webkit-border-radius: 25px;
  -khtml-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  -webkit-transition: background-color 0.2s ease, color 0.2s ease;
  -moz-transition: background-color 0.2s ease, color 0.2s ease;
  -o-transition: background-color 0.2s ease, color 0.2s ease;
  transition: background-color 0.2s ease, color 0.2s ease;
  line-height: 48px;
  margin-bottom: 8px;
  width: 100%;
  color: #fff;
  height: 48px;
  font-family: "proximanova-bold", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.profile-delete__form input[type="submit"]:hover,
.profile-delete__form input[type="submit"]:focus,
.profile-delete__form input[type="submit"]:active,
.profile-delete__form input[type="button"]:hover,
.profile-delete__form input[type="button"]:focus,
.profile-delete__form input[type="button"]:active {
  background-color: #b0191e;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: 0;
}
.profile-delete__form input[type="submit"]:disabled,
.profile-delete__form input[type="submit"] [disabled="disabled"],
.profile-delete__form input[type="button"]:disabled,
.profile-delete__form input[type="button"] [disabled="disabled"] {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.profile-delete__form .alert {
  font-family: "proximanova-regular", sans-serif;
  text-align: left;
  margin: -8px 0 8px;
  color: #dd1f26;
}
.subscription__heading {
  margin-bottom: 24px !important;
  background: url("/images/tenants/news24/Logo.svg");
  background-repeat: no-repeat;
  background-position: center;
  height: 52px;
}
.discover-container .section__img.discoverIcons img {
  height: 46px;
}
.discover-container .section-items .more-ellipsis {
  top: 4px;
  color: #212121;
}
.discover-container .section--news24-discover {
  height: 72px;
}
.discover-container .section--news24-discover .section__text {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
}
.discover-container .section--magazines-discover {
  height: 96px;
}
.discover-container .section--magazines-discover .section-items .more-ellipsis {
  top: 4px;
  color: #fff;
}
.discover-container .section__text-paidcontent .section-items a {
  padding: 0 8px;
}
.subscription__sub_free-period .subscription__sub-heading {
  background: #29b85d;
  color: #fff;
  padding: 0px 8px 4px;
  border-radius: 10px;
  font-size: 24px;
  line-height: 28px;
  display: inline-block;
}
.header__nav {
  border-top: 1px solid #e9e9e9;
}
@media (min-width: 768px) {
  .header__nav ul > li.header__nav--fade {
    font-family: "proximanova-bold", sans-serif;
  }
  .header__nav ul > li.header__nav--fade:before {
    content: "";
    width: 12px;
    height: 9px;
    position: absolute;
    top: 17px;
    left: 15px;
    z-index: 1;
    background-image: url("/images/icons/icon-arrow-grey-left.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .header__nav ul > li.header__nav--fade a {
    padding: 13px 20px 13px 32px;
    color: #909090;
    background: #f5f5f5;
  }
  .header__nav ul > li.header__nav--fade a:after {
    display: none;
  }
}
.header__nav ul > li a {
  font-size: 12px;
}
.header__nav ul > li.has-children:before {
  top: 18px;
}
.header__nav ul > li.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}
.header__nav ul > li.has-children.is-active.has-children:hover:before {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 14px;
}

@media (min-width: 10px) and (max-width: 768px) {
  .header__logo {
    height: 29px;
  }
}

@media (min-width: 10px) and (max-width: 768px) {
  .category__header span {
    flex: 1;
    text-align: center;
    margin: 0 15px 0 0;
  }
}
.payment__result--logo {
  margin-top: 8px;
}
.payment__result--logo img {
  height: 50px;
}

.paragraph_italic {
  font-style: italic;
}
@media (max-width: 1000px) {
  .brandbar {
    display: none;
  }
  body {
    padding-top: 0;
  }
  .header-container--content,
  .tf-rhs-col {
    display: none;
  }
  .container {
    justify-content: center;
  }
  .article.tf-lhs-col {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .header__nav {
    overflow-x: auto;
  }

  .vf3-comments__tabbed-nav__right {
    display: none !important;
  }
}
.text_link {
  color: rgb(33 65 141);
}