.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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12)
}

#notices__loadcontent,
#articles__loadmore,
.htmx-request.loader-indicator {
  width: 50px;
  height: 50px;
  display: block;
  
  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
}

.newsletter-subscription__heading {
  display: flex;
  margin-bottom: 16px
}

.newsletter-subscription__heading-text {
  margin-right: 8px
}

.newsletter-subscription__heading-text div {
  font-size: 24px;
  line-height: 26px;
  font-family: "proximanova-bold", sans-serif;
  color: #212121;
  margin: 0 0 8px
}

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

.newsletter-subscription__blurb img {
  width: 54px;
  margin-right: 16px;
  flex: 0 0 auto
}

.newsletter-subscription__blurb p {
  margin: 0
}

.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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .5;
  cursor: not-allowed;
  pointer-events: none
}

.newsletter-subscription__image-url {
  width: calc(32px + 100%);
  height: 214px;
  flex: 0 0 auto;
  overflow: hidden;
  position: relative;
  margin-left: -16px
}

.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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12)
}

#notices__loadcontent,
#articles__loadmore,
.htmx-request.loader-indicator {
  width: 50px;
  height: 50px;
  display: block;
  
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain
}

.newsletter-subscription__image-url img {
  object-fit: cover;
  min-height: 100%;
  min-width: 100%
}

@font-face {
  font-family: "proximanova-bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "proximanova-regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "proximanova-boldit";
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "proximanova-regularit";
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "raleway-regular";
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "raleway-semibold";
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "raleway-bold";
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: "raleway-bold-italic";
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: "gibson-light";
  font-style: normal;
  font-weight: 300;
  font-display: swap
}

@font-face {
  font-family: "gibson-regular";
  font-style: normal;
  font-weight: 400;
  font-display: swap
}

@font-face {
  font-family: "gibson-semibold";
  font-style: normal;
  font-weight: 600;
  font-display: swap
}

.adblock {
  text-align: center;
  margin: 0 auto;
  min-height: 1px;
  margin-bottom: 16px;
  position: relative
}

.adblock#sticky {
  margin-bottom: 0
}

.adblock.ad--loaded {
  max-height: 100%
}

.adblock.ad--margin {
  margin-bottom: 16px
}

.adblock div:first-of-type {
  margin-bottom: 16px;
  height: 100%
}

@media(min-width: 10px)and (max-width: 768px) {
  .adblock div:first-of-type {
    margin-bottom: 8px
  }
}

@media(min-width: 10px)and (max-width: 768px) {
  .adblock {
    width: 100%
  }
}

.adblock.fullwidth {
  width: 100%
}

.adblock.neg-pos {
  z-index: -1
}

.ad-expand {
  height: 0;
  overflow: hidden
}

.ad-expand>div {
  margin: 0 auto
}

.ad-expand.ad--loaded {
  -webkit-transition: height .8s ease-in-out;
  -moz-transition: height .8s ease-in-out;
  -o-transition: height .8s ease-in-out;
  transition: height .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
}

.tf-hide {
  display: none !important
}

.tf-hidden {
  visibility: hidden !important
}

.tf-disabled {
  opacity: .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, .8) !important;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-align: center
}

.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: .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: .35em .75em .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
}



@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 {
  zoom: 1
}

.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-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f5f5f5
}

.img-lazy {
  opacity: 0;
  -webkit-transition: opacity .3s ease-in-out;
  -moz-transition: opacity .3s ease-in-out;
  -o-transition: opacity .3s ease-in-out;
  transition: opacity .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: 1024px) {
  body {
    padding-top: 58px;
  }
}

@media(min-width: 768px) {
  body {
    /* padding-top: 58px; */
    background-color: #fafafa
  }
}

@media(min-width: 1024px) {
  .mobile {
    display: none !important;
  }
}

@media(max-width: 1023px) {
  .desktop {
    display: none !important;
  }
}

em {
  font-family: "proximanova-regularit", sans-serif;
  font-weight: normal;
  font-style: italic
}



.wrapper {
  width: 980px;
  margin: auto
}

#main-content {
  cursor: default
}

@media(min-width: 10px)and (max-width: 1023px) {
  #main-content {
    padding-bottom: 60px;
    width: 100vw;
    position: relative;
    background-color: #f0f4fb
  }
}

@media(min-width: 1023px) {
  #main-content {
    margin-bottom: 0px;
    padding: 0
  }

  .footer--rhs {
    width: 996px;
    padding: 8px;
    margin: auto;
    text-align: center;
  }

  #main-content.wrapper {
    width: 996px;
    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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease
}

#articles__loadmore {
  flex-basis: 100%;
  margin: 8px auto 16px;
  opacity: 0;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .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
}



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-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 .2s ease, transform .1s ease-in-out;
  -moz-transition: opacity .2s ease, transform .1s ease-in-out;
  -o-transition: opacity .2s ease, transform .1s ease-in-out;
  transition: opacity .2s ease, transform .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-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: .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 16px 0 0;
  padding: 0;
  min-height: 22px
}

.brandbar__links .links--image-notice img {
  min-width: 110px
}

.brandbar__links .links--image a {
  display: flex;
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.brandbar__links .links--image a:hover {
  text-decoration: none;
  opacity: .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
}

.brandbar .auth {
  margin: 0;
  padding: 0;
  display: flex
}

.brandbar .auth li {
  list-style: none;
  display: inline-flex;
  align-items: center;
  margin-left: 8px
}

.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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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-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: 16px;
  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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease
}

header .social-links .social-control .social-item a img {
  height: 22px
}

header .social-links .social-control .social-item a:hover {
  opacity: .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: 1024px) {

  .main--free .zone--article {
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  }

  .header {
    background-color: #fff;
    /* margin-bottom: 8px; */
    -o-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, .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;
    min-width: 680px;
    height: 40px;
    justify-content: flex-end
  }

  .header__logo {
    display: inline-block;
    flex: 1
  }

  .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-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 .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .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 .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out;
    -o-transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    
    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: 1023px) {
  .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: 1023px)and (min-width: 10px)and (max-width: 1023px) {
  .header__content #auth-section {
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
    height: auto
  }
}

@media(min-width: 10px)and (max-width: 1023px) {
  .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .8s ease-in-out;
  -moz-transition: height .8s ease-in-out;
  -o-transition: height .8s ease-in-out;
  transition: height .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;
    margin-bottom: 4px
  }

  .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;
    overflow-x: auto;
  }
}

@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 .2s ease;
    -moz-transition: color .2s ease;
    -o-transition: color .2s ease;
    transition: color .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, .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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .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-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 {
  
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  top: 16px
}

.header__nav ul>li.has-children.is-active.has-children:before {
  }

.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, .2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, .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: .71px;
  color: #212121;
  padding: 8px 16px;
  text-transform: uppercase;
  -webkit-transition: background .2s ease;
  -moz-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .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 {
  
  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: 1000px) {
  .footer__nav ul li {
    display: none;
    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-evenly;
  margin-bottom: 20px;
  flex-wrap: wrap
}

.footer__app-links a {
  -webkit-transition: opacity .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  /* width: 50%; */
  margin-bottom: 4px
}

.footer__app-links a:hover {
  opacity: .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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease
}

.footer__social .social-links .social-control .social-item:hover {
  opacity: .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;
  margin-bottom: 10px;
}

.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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: inline-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;
  }

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

.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-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 .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  visibility: hidden;
  position: fixed;
  height: 100vh;
  z-index: 300
}

.menu.open {
  right: 0;
  top: 0;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .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 .2s ease;
  -moz-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .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: .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 .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .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: .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: .5;
  -webkit-transition: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .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: .3s all ease-in-out;
  -moz-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .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, .2);
    -ms-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
    -khtml-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0px 0 10px rgba(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-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-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 .4s ease-out;
  -moz-transition: max-height .4s ease-out;
  -o-transition: max-height .4s ease-out;
  transition: max-height .4s ease-out
}

.discovermore-dropdown__dropdown--active {
  max-height: 500px;
  transition: max-height .4s ease-in;
  -webkit-transition: max-height .4s ease-in;
  -moz-transition: max-height .4s ease-in;
  -o-transition: max-height .4s ease-in;
  transition: max-height .4s ease-in
}

[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";
  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, .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
}

.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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px;
  background-color: #212121
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
  opacity: .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 .2s ease;
  -moz-transition: background .2s ease;
  -o-transition: background .2s ease;
  transition: background .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 .2s ease;
  -moz-transition: opacity .2s ease;
  -o-transition: opacity .2s ease;
  transition: opacity .2s ease;
  
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgba(33, 33, 33, .8)
}

.swiper .toggle-fullscreen:hover {
  opacity: .8
}

.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-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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .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
}


.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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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;
  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, .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-size: auto 51px;
  height: 51px;
  background-position: center
}

#subs-verify-mobile .verify-mobile__image {
  margin: 32px auto;
  background-size: auto 51px;
  height: 51px;
  background-position: center
}

#profile-verify-mobile .verify-mobile__image {
  margin: 32px auto;
  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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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, .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, .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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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-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-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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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: .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-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-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-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-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: .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, .2), 0 0 2px 0 rgba(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, .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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: .5px
}

.auth__profile>div:before {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 12px;
  
  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-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 .2s ease-in, visibility .2s ease-in, z-index .2s ease-in, top .2s ease-in;
  -moz-transition: opacity .2s ease-in, visibility .2s ease-in, z-index .2s ease-in, top .2s ease-in;
  -o-transition: opacity .2s ease-in, visibility .2s ease-in, z-index .2s ease-in, top .2s ease-in;
  transition: opacity .2s ease-in, visibility .2s ease-in, z-index .2s ease-in, top .2s ease-in;
  -o-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease;
  -moz-transition: background-color .2s ease;
  -o-transition: background-color .2s ease;
  transition: background-color .2s ease
}

.auth__profile .profile-menu__section a:after {
  content: "";
  width: 7px;
  height: 12px;
  display: block;
  position: absolute;
  top: 12px;
  right: 15px;
  
  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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .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-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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .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-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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
    -moz-transition: background-color .2s ease, color .2s ease;
    -o-transition: background-color .2s ease, color .2s ease;
    transition: background-color .2s ease, color .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: .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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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-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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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-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, .2), 0 0 2px 0 rgba(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, .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 .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .8)
  }
}

.interstitial .signup {
  z-index: 110;
  padding: 33px 0;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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, .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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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, .2);
    -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
    box-shadow: 0 2px 2px rgba(33, 65, 141, .2)
  }
}

@media(min-width: 10px)and (max-width: 768px) {
  .subscription--container {
    padding: 0
  }
}

.subscription--container_footer {
  text-align: center;
  height: 52px;
  
  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, .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;
  }

.subscription--email .subscription__sub-provider.facebook {
  background-color: #3b5998;
  
  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 .3s ease;
  -moz-transition: color .3s ease;
  -o-transition: color .3s ease;
  transition: color .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;
  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 .3s ease;
  -moz-transition: border .3s ease;
  -o-transition: border .3s ease;
  transition: border .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 .3s ease;
  -moz-transition: border .3s ease;
  -o-transition: border .3s ease;
  transition: border .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .2), 0 0 2px 0 rgba(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, .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 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;
  
  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, .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, .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-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: .3
}

.subscription-payment .payment-product {
  padding: 32px;
  position: relative;
  background-color: #fff;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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-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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .3s ease;
  -moz-transition: border .3s ease;
  -o-transition: border .3s ease;
  transition: border .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, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(0, 0, 0, .12);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2), 0 0 2px 0 rgba(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, .2);
  -ms-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -moz-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -khtml-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  -webkit-box-shadow: 0 2px 2px rgba(33, 65, 141, .2);
  box-shadow: 0 2px 2px rgba(33, 65, 141, .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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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-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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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: .3
}

.subscription-cancel .payment-product {
  padding: 32px;
  position: relative;
  background-color: #fff;
  -o-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -ms-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -moz-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -khtml-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  -webkit-box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .2);
  box-shadow: 0 2px 2px 0 rgba(33, 65, 141, .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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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: .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-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 .2s ease, background .2s ease;
  -moz-transition: border .2s ease, background .2s ease;
  -o-transition: border .2s ease, background .2s ease;
  transition: border .2s ease, background .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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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;
  }

.subscription__form--selection .subscription--email .subscription__sub-provider.facebook {
  background-color: #3b5998;
  
  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, .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, .8)
  }
}

.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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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 .2s ease;
  -moz-transition: transform .2s ease;
  -o-transition: transform .2s ease;
  transition: transform .2s ease;
  
  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-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 .2s ease, color .2s ease;
  -moz-transition: background-color .2s ease, color .2s ease;
  -o-transition: background-color .2s ease, color .2s ease;
  transition: background-color .2s ease, color .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: .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-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-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
}

.header__logo {
  width: auto;
  height: 55px;
  flex: 1;
  
  background-size: contain;
  background-repeat: no-repeat
}

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

.header__logo img {
  display: none
}

@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
}
.mark {
  width: 50px;
}
@media(min-width: 700px) {
 .mark {
  width: 150px;
}
}