@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200;300;500&display=swap);input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.FormInput {
  position: relative;
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.FormInput-label {
  position: absolute;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: 0.2s opacity;
  -moz-transition: 0.2s opacity;
  -o-transition: 0.2s opacity;
  -ms-transition: 0.2s opacity;
  transition: 0.2s opacity;
  z-index: -1;
  font-weight: normal;
}
.FormInput-error {
  margin: 0.5rem 0 0 0.5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #ff4842;
  font-size: 0.75rem;
  line-height: 1.33;
  min-height: 1rem;
}
.FormInput-error p {
  margin-left: 0.5rem;
}
.FormInput-field {
  border: 1px solid #c7c7c7;
  padding: 0.375rem 1rem;
  height: 4rem;
  font-size: 1rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  -webkit-transition: 0.2s border-color;
  -moz-transition: 0.2s border-color;
  -o-transition: 0.2s border-color;
  -ms-transition: 0.2s border-color;
  transition: 0.2s border-color;
  background-color: #fff;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #696969;
}
.FormInput-field::placeholder {
  font-family: 'IBM Plex Sans';
  color: #637b9d !important;
}
.FormInput-field.isTextArea {
  height: 130px;
}
.FormInput-field.isDate {
  padding: 17px 12px;
  font-family: 'Lato', sans-serif;
}
.FormInput .icon-arrow-down {
  font-size: 25px;
  position: absolute;
  top: 1rem;
  right: 0.75rem;
}
.FormInput-field.error,
.FormInput-field.error:focus {
  border-color: #ff4842;
  padding: 26px 12px 14px 12px;
}
.FormInput-field.error ~ .FormInput-label,
.FormInput-field.error:focus ~ .FormInput-label {
  font-size: 12px;
  line-height: 1.33;
  z-index: 1;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  color: #ff4842;
  left: 0.75rem;
  top: 0.25rem;
}
.FormInput-field.error ~ .icon-arrow-down,
.FormInput-field.error:focus ~ .icon-arrow-down {
  color: #ff4842;
}
.FormInput-field.isDate.error,
.FormInput-field.isDate.error:focus {
  padding: 24px 12px 10px 12px;
}
.FormInput-field.filled:not(.error),
.FormInput-field:focus:not(.error),
.FormInput-field:valid:not(.is-select):not(.error),
.FormInput-field:valid:not(.isUrl):not(.error) {
  color: #273b47;
  border-color: #0791e6;
  padding: 26px 12px 14px 12px;
}
.FormInput-field.filled:not(.error) ~ .FormInput-label,
.FormInput-field:focus:not(.error) ~ .FormInput-label,
.FormInput-field:valid:not(.is-select):not(.error) ~ .FormInput-label,
.FormInput-field:valid:not(.isUrl):not(.error) ~ .FormInput-label {
  font-size: 12px;
  line-height: 1.33;
  z-index: 1;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  color: #637b9d;
  left: 0.75rem;
  top: 0.25rem;
}
.FormInput-field.filled:not(.error) ~ .icon-arrow-down,
.FormInput-field:focus:not(.error) ~ .icon-arrow-down,
.FormInput-field:valid:not(.is-select):not(.error) ~ .icon-arrow-down,
.FormInput-field:valid:not(.isUrl):not(.error) ~ .icon-arrow-down {
  color: #637b9d;
}
.FormInput-field.filled.isDate:not(.error),
.FormInput-field:focus.isDate:not(.error),
.FormInput-field:valid:not(.is-select).isDate:not(.error),
.FormInput-field:valid:not(.isUrl).isDate:not(.error) {
  padding: 24px 12px 10px 12px;
}
.FormInput-field.FormInput-field--radiance {
  border-color: #59616f !important;
  background-color: rgba(0,0,0,0.95);
}
.FormInput-field.FormInput-field--radiance:focus {
  border-color: #05a460 !important;
}
.FormInput-field.FormInput-field--radiance::placeholder {
  color: #a4abb6 !important;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.2px;
}
.FormInput-field.FormInput-field--radiance ~ .FormInput-label {
  color: #a4abb6 !important;
}
.FormInput-field.FormInput-field--radiance ~ .icon-arrow-down {
  color: #a4abb6 !important;
}
.Loader {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,0.8);
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  z-index: 10;
}
.Loader-circle {
  border: 0.5rem solid #f6f6f6;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border-top: 0.5rem solid #98ca3f;
  width: 3rem;
  height: 3rem;
  -webkit-animation: spin 2s linear infinite;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite;
  -ms-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.TermsAndConditions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  font-size: 0.75rem;
  line-height: 1.38;
  margin: 1rem 0 2rem 0;
  text-align: center;
}
.TermsAndConditions a {
  text-decoration: none;
  color: #0791e6;
}
.TermsAndConditions-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  top: 0.5rem;
}
.TermsAndConditions-error {
  color: #ff4842;
  height: 1rem;
  position: relative;
  top: 0.5rem;
}
.Steps {
  padding: 1rem 0.25rem;
  color: #fff;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .Steps {
    padding: 1.5rem 1rem;
  }
}
.Steps-details {
  display: none;
  padding: 0 3rem;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 64em) {
  .Steps-details {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    max-width: 526px;
    font-size: 0.75rem;
    line-height: 1rem;
    color: #fff;
    margin: 0 auto;
    margin-top: 0.5rem;
  }
}
.Steps-details :first-child {
  max-width: 90px;
}
.Steps-bar {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0 3rem;
  margin: 0 auto;
}
@media only screen and (min-width: 48em) {
  .Steps-bar {
    padding: 0 13rem;
  }
}
@media only screen and (min-width: 64em) {
  .Steps-bar {
    max-width: 440px;
  }
}
.Steps-circle {
  width: 1.25rem;
  height: 1.25rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Steps-circle .Steps-current {
  height: 1rem;
  width: 1rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Steps-circle.is-empty {
  background: #8da2c0;
}
.Steps-circle.is-empty .Steps-current {
  background: #121f3d;
}
.Steps-circle.is-full {
  background: #98ca3f;
}
.Steps-circle.is-full .Steps-current {
  background: #98ca3f;
}
.Steps-circle.is-current {
  background: #98ca3f;
}
.Steps-circle.is-current .Steps-current {
  background: #121f3d;
}
.Steps-line {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2px;
  margin: 0 0.5rem;
  background: #98ca3f;
}
.Steps-line.is-empty {
  background: #8da2c0;
}
.Steps-subtitle {
  margin-top: 0.5rem;
  line-height: 1.25;
}
@media only screen and (min-width: 48em) {
  .Steps-subtitle {
    margin-top: 1rem;
    line-height: 20px;
  }
}
a {
  text-decoration: none;
}
.StickyCustomBanner {
  padding-bottom: 0.5rem;
}
.StickyCustomBanner .u-wrapper {
  max-width: 1200px;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner {
    padding-bottom: 0;
  }
}
.StickyCustomBanner-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -o-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
}
.StickyCustomBanner-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner-info {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 60%;
    margin-right: 0.5rem;
  }
}
.StickyCustomBanner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.5rem;
  padding-top: 0.5rem;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner-content {
    width: 44%;
    margin-right: 0.5rem;
    padding: 0.5rem 0;
  }
}
@media only screen and (min-width: 64em) {
  .StickyCustomBanner-content {
    width: 48%;
  }
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-content {
    width: 56%;
  }
}
.StickyCustomBanner-content--withoutCta {
  width: 100%;
}
.StickyCustomBanner-cta {
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner-cta {
    width: 56%;
    text-align: left;
  }
}
@media only screen and (min-width: 64em) {
  .StickyCustomBanner-cta {
    width: 50%;
  }
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-cta {
    width: 43%;
  }
}
.StickyCustomBanner-avatar {
  display: none;
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-avatar {
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 0.5rem;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    object-fit: cover;
  }
}
.StickyCustomBanner-description {
  font-size: 0.75rem;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner-description {
    text-align: left;
  }
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-description {
    font-size: 0.875rem;
  }
}
.StickyCustomBanner-btn {
  display: inline-block;
  padding: 0.6rem 1rem;
  border: 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background-color 0.37s ease-in-out;
  -moz-transition: background-color 0.37s ease-in-out;
  -o-transition: background-color 0.37s ease-in-out;
  -ms-transition: background-color 0.37s ease-in-out;
  transition: background-color 0.37s ease-in-out;
  background-color: #98ca3f;
  color: #03091e;
  font-size: 0.75rem;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
@media only screen and (min-width: 64em) {
  .StickyCustomBanner-btn {
    font-size: 0.875rem;
  }
}
.StickyCustomBanner-btn:hover {
  background-color: #c1df8b;
}
.StickyCustomBanner-btn:active {
  background-color: #77a61e;
}
.StickyCustomBanner-countdown {
  display: none;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner-countdown {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 35%;
  }
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-countdown {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.StickyCustomBanner-countdownTitle {
  margin-bottom: 0.5rem;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner-countdownTitle {
    margin-right: 0.5rem;
    margin-bottom: 0;
  }
}
.StickyCustomBanner-countdownWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.StickyCustomBanner-countdownWrapper-col {
  position: relative;
  margin-right: 1rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 64em) {
  .StickyCustomBanner-countdownWrapper-col {
    font-size: 1.5rem;
  }
}
.StickyCustomBanner--referral {
  background-color: #121f3d;
  color: #eff3f8;
}
.StickyCustomBanner--referral .StickyCustomBanner-icon {
  display: none;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner--referral .StickyCustomBanner-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 0.8rem;
  }
}
.StickyCustomBanner--referral .StickyCustomBanner-icon img {
  height: 42px;
}
.StickyCustomBanner--referral .StickyCustomBanner-description strong {
  color: #98ca3f;
}
.StickyCustomBanner--referral .StickyCustomBanner-countdown {
  background-color: #9362b2;
}
.StickyCustomBanner--individual_promo {
  background-color: #0048ff;
  color: #fff;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-container {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-icon {
  display: none;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-content {
  width: 100%;
  margin-bottom: 0;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-avatar {
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 0.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-cta {
  display: none;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner--individual_promo .StickyCustomBanner-cta {
    display: block;
  }
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-description {
  line-height: 1.3;
  margin: 0.5rem;
  text-align: left;
}
@media only screen and (min-width: 48em) {
  .StickyCustomBanner--individual_promo .StickyCustomBanner-description {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 64em) {
  .StickyCustomBanner--individual_promo .StickyCustomBanner-description {
    white-space: nowrap;
  }
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-cta {
  text-align: right;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-countdown {
  width: auto;
  margin-left: 2rem;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-countdownTitle {
  font-size: 0.875rem;
  font-weight: 400;
}
.StickyCustomBanner--individual_promo .StickyCustomBanner-countdownSingle {
  font-size: 0.875rem;
}
@media only screen and (min-width: 75em) {
  .StickyCustomBanner--individual_promo .StickyCustomBanner-countdown {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.Form {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #637b9d;
}
@media only screen and (min-width: 48em) {
  .Form {
    margin: 0 auto;
  }
}
.Form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #becde3;
}
.Form .btn {
  margin-top: 0.5rem;
}
.Form-tel .FormInput-field.filled:not(.error),
.Form-tel .FormInput-field:focus:not(.error) {
  padding-left: 3.25rem !important;
}
.Form-tel .FormInput-field.filled:not(.error) ~ .Form-phoneCode,
.Form-tel .FormInput-field:focus:not(.error) ~ .Form-phoneCode {
  display: block;
}
.Form-phoneCode {
  position: absolute;
  top: 1.125rem;
  left: 0.75rem;
  display: none;
}
.Form-top {
  padding: 1rem 0.75rem;
  font-size: 0.75rem;
  line-height: 18px;
}
.Form-top h2 {
  font-size: 1rem;
  margin-bottom: 0.8rem;
}
.Form-top p {
  line-height: 1.4;
}
@media only screen and (min-width: 48em) {
  .Form-top {
    max-width: 512px;
    margin: 0 auto;
    padding: 1.5rem 0.75rem;
    font-size: 14px;
    line-height: 18px;
  }
}
.Form-top h2 {
  font-family: 'cooper_hewittmedium';
  font-size: 0.75rem;
  line-height: 18px;
  font-weight: bold;
}
@media only screen and (min-width: 48em) {
  .Form-top h2 {
    font-size: 14px;
  }
}
.Form-relative {
  position: relative;
}
.Form-code {
  position: absolute;
  top: 0.54rem;
  left: 0.54rem;
}
.Form-code.not-selected {
  color: #ceced1;
}
.Form .form-control {
  margin: 0.5rem 0 0 0;
}
.Form .form-control.not-selected {
  color: #ceced1;
}
.Form .form-control.padding {
  padding-left: 3.5rem;
}
.Form-label {
  font-size: 14px;
  font-weight: bold;
  top: 0.05rem;
}
@media only screen and (min-width: 48em) {
  .Form-label {
    font-size: 1rem;
  }
}
.Form-field {
  padding: 0 1rem 1.5rem 1rem;
}
@media only screen and (min-width: 48em) {
  .Form-field {
    padding: 0 1rem 2rem 1rem;
  }
}
.Form-fields {
  padding: 0 0.75rem 2rem 0.75rem;
}
@media only screen and (min-width: 48em) {
  .Form-fields {
    margin: 0 auto;
    max-width: 512px;
    padding: 0 0.75rem 2.5rem 0.75rem;
  }
}
.Form-bottom {
  padding-top: 1.25rem;
}
@media only screen and (min-width: 48em) {
  .Form-bottom {
    padding-top: 30px;
  }
}
.Form-more {
  text-decoration: underline;
  color: #6d7072;
  font-size: 14px;
  margin-top: 0.5rem;
  cursor: pointer;
}
@media only screen and (min-width: 48em) {
  .Form-more {
    font-size: 1rem;
  }
}
.Form-button {
  margin: 0 1rem;
}
@media only screen and (min-width: 48em) {
  .Form-button {
    text-align: center;
  }
}
@media only screen and (min-width: 48em) {
  .Form-button .btn {
    width: initial !important;
  }
}
.Form .radio {
  margin: 0.5rem 0;
}
.FormInput-field {
  border: 1px solid #5c6b85;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #03091e;
  color: #fff;
}
.FormInput-field.filled:not(.error),
.FormInput-field:focus:not(.error),
.FormInput-field:valid:not(.is-select):not(.error),
.FormInput-field:valid:not(.isUrl):not(.error) {
  border: 1px solid #5c6b85;
  color: #fff;
  padding: 1rem 0.75rem 0.375rem 0.75rem;
}
.FormInput-field::placeholder {
  color: #becde3;
}
.UserForm {
  position: relative;
  padding: 1.25rem 0 0;
}
@media only screen and (min-width: 64em) {
  .UserForm {
    padding: 2.5rem 0.25rem 0;
  }
}
.UserForm .u-wrapper {
  padding: 1rem;
}
@media only screen and (min-width: 48em) {
  .UserForm .u-wrapper {
    padding: 1rem 0;
  }
}
@media only screen and (min-width: 75em) {
  .UserForm .u-wrapper {
    padding: 0 0.5rem;
  }
}
.UserForm .icon {
  position: absolute;
  right: 10px;
  top: 0.5rem;
  font-size: 2rem;
}
.UserForm-title {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.UserForm-subtitle {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
.UserForm button {
  margin-top: 1.25rem;
}
.PaymentDetails {
  position: relative;
  max-width: 592px;
  margin: 0 auto;
  padding: 1.25rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 64em) {
  .PaymentDetails {
    padding: 1.25rem 0;
  }
}
@media only screen and (min-width: 75em) {
  .PaymentDetails {
    padding: 0.75rem 1rem;
  }
}
.PaymentDisclaimer {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.112px;
  color: #eff3f8;
}
.Dropdown {
  position: relative;
  font-family: inherit;
}
.Dropdown__trigger {
  border: 1px solid #404650;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: rgba(0,0,0,0.95);
}
.Dropdown__options {
  position: absolute;
  display: none;
  background-color: #2c323c;
  padding: 0.25rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #464e5b;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
  z-index: 5;
}
.Dropdown__options--open {
  display: block;
}
.Dropdown__option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 1rem;
  color: #fff;
  padding: 0.5rem;
}
.Dropdown__option__label {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  color: #fff;
  font-style: normal;
  font-weight: 500;
  line-height: 18px;
  letter-spacing: 0.16px;
}
.Dropdown__option__checked:empty {
  width: 1rem;
}
.Dropdown__option:hover {
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  background-color: #383e48;
}
.Dropdown__option--selected {
  -webkit-border-radius: 0.375rem;
  border-radius: 0.375rem;
  background-color: #383e48;
}
.Dropdown .TextField {
  position: relative;
  line-height: 0;
  height: 48px;
}
.Dropdown .TextField__label {
  position: absolute;
  font: inherit;
  -webkit-transition: -webkit-transform 200ms;
  -moz-transition: -moz-transform 200ms;
  -o-transition: -o-transform 200ms;
  -ms-transition: -ms-transform 200ms;
  transition: transform 200ms;
  -webkit-transform-origin: top left;
  -moz-transform-origin: top left;
  -o-transform-origin: top left;
  -ms-transform-origin: top left;
  transform-origin: top left;
  color: #87909d;
  pointer-events: none;
  line-height: 1;
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.16px;
}
.Dropdown .TextField__input {
  position: absolute;
  font: inherit;
  background: transparent;
  height: 2em;
  line-height: 1;
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  width: 100%;
  bottom: 0;
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  pointer-events: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Dropdown .TextField__value {
  position: absolute;
  top: 45%;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.16px;
  color: #fff;
}
.Dropdown .TextField__icon {
  position: absolute;
  right: 0;
  -webkit-transform: translate(0, 1rem) scale(0.8);
  -moz-transform: translate(0, 1rem) scale(0.8);
  -o-transform: translate(0, 1rem) scale(0.8);
  -ms-transform: translate(0, 1rem) scale(0.8);
  transform: translate(0, 1rem) scale(0.8);
}
.Dropdown .TextField__isFilled .TextField__label {
  -webkit-transform: translate(0, 0.5em) scale(0.8);
  -moz-transform: translate(0, 0.5em) scale(0.8);
  -o-transform: translate(0, 0.5em) scale(0.8);
  -ms-transform: translate(0, 0.5em) scale(0.8);
  transform: translate(0, 0.5em) scale(0.8);
}
.Dropdown .TextField__isEmpty .TextField__label {
  -webkit-transform: translate(0, 1em) scale(1);
  -moz-transform: translate(0, 1em) scale(1);
  -o-transform: translate(0, 1em) scale(1);
  -ms-transform: translate(0, 1em) scale(1);
  transform: translate(0, 1em) scale(1);
}
.PaymentErrorMessage {
  border: solid 1px #ff4842;
  background: rgba(255,72,66,0.2);
  padding: 0.75rem;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.38;
  color: #fff;
  margin: 0.8rem 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}
.PaymentErrorMessage .icon {
  font-size: 1.5rem;
  margin-right: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .PaymentErrorMessage {
    font-size: 14px;
  }
}
.Tooltip {
  display: none;
}
.Tooltip--active {
  display: block;
  position: absolute;
  z-index: 1;
  width: auto;
  max-width: 264px;
  padding: 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #eff3f8;
  color: #121f3d;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.25px;
}
.Tooltip--active::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  pointer-events: none;
}
.Tooltip--active ol {
  margin: 0;
  padding: 1rem;
  text-align: left;
}
@media only screen and (max-width: 48em) {
  .Tooltip--top,
  .Tooltip--bottom,
  .Tooltip--right,
  .Tooltip--left {
    top: calc(0.5rem + 100%);
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
  .Tooltip--top::before,
  .Tooltip--bottom::before,
  .Tooltip--right::before,
  .Tooltip--left::before {
    bottom: 100%;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    border-bottom: 0.5rem solid #eff3f8;
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
  }
}
.Tooltip--top,
.Tooltip--bottom {
  right: 50%;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
@media only screen and (min-width: 48em) {
  .Tooltip--top::before,
  .Tooltip--bottom::before {
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -o-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
    border-left: 0.5rem solid transparent;
    border-right: 0.5rem solid transparent;
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--right,
  .Tooltip--left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--right::before,
  .Tooltip--left::before {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-top: 0.5rem solid transparent;
    border-bottom: 0.5rem solid transparent;
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--top {
    top: unset;
    bottom: calc(0.5rem + 100%);
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--top::before {
    top: 100%;
    bottom: unset;
    border-top: 0.5rem solid #eff3f8;
    border-bottom: 0;
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--right {
    left: calc(1rem + 100%);
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--right::before {
    left: -0.5rem;
    border-right: 0.5rem solid #eff3f8;
    border-left: none;
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--bottom {
    top: calc(0.5rem + 100%);
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--bottom::before {
    bottom: 100%;
    border-bottom: 0.5rem solid #eff3f8;
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--left {
    right: calc(1rem + 100%);
  }
}
@media only screen and (min-width: 48em) {
  .Tooltip--left::before {
    right: -0.5rem;
    border-left: 0.5rem solid #eff3f8;
    border-right: none;
  }
}
.PaymentInstallments {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
@media only screen and (min-width: 64em) {
  .PaymentInstallments {
    margin-bottom: 1rem;
  }
}
.PaymentInstallmentsOption {
  padding: 0.75rem 1rem;
  border: 1px solid #40587c;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.PaymentInstallmentsOption--selected {
  border-color: #8da2c0;
  color: #fff;
}
.PaymentInstallmentsOption--disabled {
  border-color: #24385b;
  color: #637b9d;
}
.PaymentInstallmentsOptionSubtitle {
  margin: 0.5rem 0;
  font-size: 0.875rem;
  line-height: 1.5;
}
.PaymentInstallmentsOptionSubtitle-tooltip {
  position: relative;
  text-decoration: none;
  cursor: pointer;
  margin-left: 0.25rem;
  color: #fff;
  text-decoration: underline;
}
.PaymentInstallmentsOptionContent {
  margin-top: 0.75rem;
}
.PaymentInstallmentsLabel {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -o-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  cursor: pointer;
  font-size: 0.875rem;
  gap: 0.5rem;
}
@media only screen and (max-width: 48em) {
  .PaymentInstallmentsLabel {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsLabel {
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -o-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}
.PaymentInstallmentsLabel--disabled {
  color: #8da2c0;
  cursor: not-allowed;
}
.PaymentInstallmentsLabel-text {
  display: inline-block;
  font-weight: 400;
}
.PaymentInstallmentsTags {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.25rem 0.5rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #24385b;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTags {
    position: absolute;
    right: 0;
    margin: 0;
  }
}
.PaymentInstallmentsTags-icon {
  margin-right: 0.5rem;
  color: #becde3;
  font-size: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTags-icon {
    margin-right: 0.25rem;
  }
}
.PaymentInstallmentsTags-text {
  color: #becde3;
  font-size: 0.75rem;
  text-transform: uppercase;
}
.PaymentInstallmentsInput {
  display: none;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.75rem;
  border: 1px solid #40587c;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.PaymentInstallmentsInput::before {
  content: '';
  width: 0.875rem;
  height: 0.875rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.25s -webkit-transform ease-in-out;
  -moz-transition: 0.25s -moz-transform ease-in-out;
  -o-transition: 0.25s -o-transform ease-in-out;
  -ms-transition: 0.25s -ms-transform ease-in-out;
  transition: 0.25s transform ease-in-out;
  background-color: #33b1ff;
}
.PaymentInstallmentsInput:checked {
  border: 1px solid #33b1ff;
}
.PaymentInstallmentsInput:checked::before {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.PaymentInstallmentsTimeline {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 2rem);
  margin-bottom: 1rem;
  padding-left: 2rem;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding-top: 2rem;
    padding-left: 0;
  }
}
.PaymentInstallmentsTimeline::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 1rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1px;
  height: 100%;
  background-color: #07c373;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline::before {
    top: 1rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    height: 1px;
  }
}
.PaymentInstallmentsTimeline--steps-2::before {
  height: 75%;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline--steps-2::before {
    width: 50%;
    height: 1px;
  }
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline--steps-2 .PaymentInstallmentsTimelineItem {
    width: 50%;
  }
}
.PaymentInstallmentsTimeline--steps-4::before {
  height: 75%;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline--steps-4::before {
    width: 75%;
    height: 1px;
  }
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimeline--steps-4 .PaymentInstallmentsTimelineItem {
    width: 25%;
  }
}
.PaymentInstallmentsTimelineDot {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: -1.3rem;
  width: 0.5rem;
  height: 0.5rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #07c373;
  background-color: #13161c;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimelineDot {
    top: -1.4rem;
    left: 50%;
    width: 0.75rem;
    height: 0.75rem;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.PaymentInstallmentsTimelineItem {
  position: relative;
  margin-bottom: 1rem;
}
.PaymentInstallmentsTimelineItem:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimelineItem {
    margin-bottom: 0;
  }
}
.PaymentInstallmentsTimelineItem:first-child .PaymentInstallmentsTimelineDot {
  background-color: #07c373;
}
.PaymentInstallmentsTimelineContent {
  font-size: 0.875rem;
  line-height: 1.6;
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimelineContent {
    text-align: center;
  }
}
@media only screen and (min-width: 48em) {
  .PaymentInstallmentsTimelineContent strong {
    display: block;
  }
}
.PaymentOption {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  position: relative;
  z-index: 2;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.75rem 0;
}
@media only screen and (min-width: 48em) {
  .PaymentOption {
    padding: 1.125rem 0;
  }
}
.PaymentOption--selected {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.PaymentOption-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0 1rem;
  gap: 0.75rem;
}
.PaymentOption-option {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.PaymentOption-circle {
  width: 1.5rem;
  height: 1.5rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #637b9d;
  background-color: #03091e;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.PaymentOption-checked {
  width: 1rem;
  height: 1rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #33b1ff;
}
.PaymentOption-title {
  line-height: 20px;
}
@media only screen and (min-width: 48em) {
  .PaymentOption-title {
    font-size: 1.125rem;
  }
}
.PaymentOption-divider {
  height: 1px;
  background-color: #24385b;
  border: none;
  margin: 0.75rem 0;
}
.PaymentOption-disclaimer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  color: #becde3;
  font-size: 0.75rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.75rem /* 120% */;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
}
.PaymentOption-adds {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}
.PaymentOption-image {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 48em) {
  .PaymentOption-image img {
    height: 1.125rem;
  }
}
.PaymentOption-icon {
  width: 1rem;
  height: 1rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
.PaymentOption-icon--selected {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.PaymentOptionContent {
  overflow: hidden;
}
.PaymentOptionDetail {
  position: relative;
  padding: 0 1rem 0.5rem 1rem;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media only screen and (min-width: 48em) {
  .PaymentOptionDetail {
    padding: 0 1rem 0.5rem 1rem;
  }
}
.PaymentOptionDetail--collapsed {
  display: none;
}
.PaymentStepsTitle {
  display: none;
  margin-bottom: 0.75rem;
  color: #eff3f8;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media only screen and (min-width: 48em) {
  .PaymentStepsTitle {
    display: block;
  }
}
.PaymentOptionMessage {
  margin: 1rem 0;
  color: #becde3;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}
.PaymentOptions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  overflow: hidden;
}
.PaymentSubOption {
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid #5c6b85;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 1rem;
  line-height: 1.25;
  color: #fff;
  padding: 14px 0.75rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
@media only screen and (min-width: 48em) {
  .PaymentSubOption img {
    height: 25px;
  }
}
.PaymentSubOption.is-selected {
  background: rgba(51,177,255,0.08);
  border: 1px solid #0791e6;
  color: #fff;
}
.Security {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 2rem;
  color: #becde3;
  line-height: 1.25;
}
.Security-main {
  display: block;
  margin-bottom: 1rem;
  font-weight: 400;
}
.Security-main .icon {
  font-size: 16px;
  margin-right: 0.75rem;
}
.MorePaymentOptions {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 0.75rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background: #0c1633;
  margin-top: 1rem;
}
.MorePaymentOptions--warning {
  border: 1px solid rgba(254,204,1,0.4);
  color: #fecc01;
}
.MorePaymentOptions--warning a {
  font-weight: bold;
  color: #0791e6;
}
.MorePaymentOptions--info {
  border: 1px solid #40587c;
  color: #fff;
}
.MorePaymentOptions.is-promo {
  margin: 1rem 0 -1rem 0;
}
.MorePaymentOptions-small {
  font-size: 0.75rem;
  margin-top: 0.25rem;
  line-height: 1rem;
}
@media only screen and (min-width: 48em) {
  .MorePaymentOptions {
    font-size: 0.875rem;
    padding: 0.75rem 1rem;
  }
}
.StripeInput {
  display: grid;
  grid-template-rows: 0.5fr 1fr;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 0.5rem;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  row-gap: 0.5rem;
}
.StripeInput p {
  min-height: 1rem;
}
.StripeInput-item-number {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 3;
}
.StripeInput-item-expiry {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 2;
}
.StripeInput-item-cvc {
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 3;
}
.StripeInput-input {
  font-family: 'IBM Plex Sans';
  padding: 0.9125rem 1rem;
  border: 1px solid #5c6b85;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #03091e;
}
.StripeInput-input.error {
  border-color: #ff4842;
}
.StripeInput-input.is-active {
  border-color: #0791e6;
}
.StripeInput-amex {
  margin: 0.5rem 0 1rem;
  background: #6e5a2b;
  color: #fee685;
  padding: 0.75rem;
  font-size: 0.75rem;
  line-height: 1.4;
}
@media only screen and (min-width: 48em) {
  .StripeInput-amex {
    padding: 0.75rem 1rem;
    font-size: 14px;
  }
}
.StripeInput-error {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  margin: 0.5rem 0;
  color: #ff4842;
  font-size: 0.75rem;
  line-height: 1.5;
}
.StripeElement--webkit-autofill {
  background-color: #03091e !important;
  color: #fff;
}
.DLocalInput {
  font-family: 'IBM Plex Sans', sans-serif;
  margin-bottom: 0.5rem;
}
.DLocalInput-input {
  padding: 1.3em 1rem;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #5c6b85;
  background-color: #03091e;
}
.DLocalInput-input:focus {
  border-color: #0791e6;
}
.DLocalInput-input.is-active {
  border-color: #0791e6;
}
.DLocalInput-input.error {
  border-color: #ff4842;
}
.DLocalInput-error {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  margin: 0.5rem 0;
  color: #ff4842;
  font-size: 0.75rem;
  line-height: 1.5;
}
.DlocalField--autofilled {
  background-color: #03091e !important;
}
.DLocal {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.DLocal-duedate {
  position: absolute;
  left: 0;
  right: 0;
}
.DLocal-duedate.Details {
  padding: 1em 4em;
}
.DLocal-duedate .icon-clock {
  margin-right: 0.5em;
}
.DLocal-description {
  margin-top: 4em;
  margin-bottom: 1em;
}
.DLocal-instruction-ol {
  padding-left: 1em;
}
.DLocal-instruction-li {
  margin-bottom: 1em;
}
.DLocal-button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  text-align: center;
  padding: 1em 0;
}
.CouponModal {
  font-family: 'IBM Plex Sans' !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1.25rem;
}
@media only screen and (min-width: 75em) {
  .CouponModal {
    margin-bottom: 1.5rem;
  }
}
.CouponModal-closeBtn {
  display: none;
}
.CouponModal-icon {
  color: #33b1ff;
  margin-right: 0.5rem;
}
.CouponModal-button {
  color: #becde3;
}
.CouponModal-appliedText {
  display: inline-block;
  margin-bottom: 0.25rem;
  color: #98ca3f;
  font-size: 0.75rem;
  letter-spacing: 0.4px;
}
.CouponModal-appliedText svg {
  margin-right: 0.5rem;
}
.CouponModal-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
@media only screen and (min-width: 48em) {
  .CouponModal-container {
    font-size: 1rem;
  }
}
.CouponModal-container:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.CouponModal-container--validated {
  cursor: unset;
  padding: 0.5rem 1.25rem 0.75rem;
  border: 1px solid #5c6b85;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
.CouponModal-container--validated:hover {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.CouponModal-text {
  font-family: 'IBM Plex Sans' !important;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #becde3;
  text-decoration: underline;
}
.CouponModal-text--applied {
  color: #eff3f8;
  text-decoration: none;
}
.CouponModal-content {
  padding: 0 2rem;
}
.CouponModal-actions {
  padding: 0 2rem;
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #121f3d;
  margin-top: 1rem;
  margin-bottom: 2rem;
}
.CouponModal-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 1rem;
  width: 100%;
}
.CouponModal-buttons .Button {
  width: 50%;
}
.CouponModal-buttons .Button.continue {
  width: 100%;
}
.CouponModal-actionButton {
  width: 100%;
  background-color: #24385b;
  color: #33b1ff;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  border: none;
  margin-right: 1rem;
  text-transform: uppercase;
  padding: 0.75rem 2rem;
  font-weight: 800;
  cursor: pointer;
}
.CouponModal-actionButton:hover {
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  -webkit-filter: alpha(opacity=80);
  -moz-filter: alpha(opacity=80);
  -ms-filter: alpha(opacity=80);
  -o-filter: alpha(opacity=80);
  filter: alpha(opacity=80);
}
.CouponModal-actionButton--primary {
  background-color: #98ca3f;
  color: #03091e;
  margin-right: 0;
}
.CouponModal-actionButton--disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  -webkit-filter: alpha(opacity=60);
  -moz-filter: alpha(opacity=60);
  -ms-filter: alpha(opacity=60);
  -o-filter: alpha(opacity=60);
  filter: alpha(opacity=60);
  cursor: not-allowed;
}
.CouponModal-disclaimer {
  margin-top: 2rem;
  font-size: 0.6875rem;
  text-align: center;
}
.CouponModal-disclaimer a {
  text-decoration: underline;
}
.CouponModal-validated {
  margin-top: 1.5rem;
  text-align: center;
}
.CouponModal-validated-text {
  margin-top: 0.5rem;
  color: #becde3;
}
.CouponModal-validated-title {
  color: #fff;
}
.CouponModal-error {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #ff605b;
  font-size: 0.6875rem;
  margin-top: 0.5rem;
}
.CouponModal-error svg {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
.CouponModal-error a {
  color: #fff;
}
.CouponModal-deleteButton {
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.875rem;
  color: #becde3;
  text-decoration: underline;
}
.CouponModal-deleteButton:hover {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
}
.CouponModal .ModalDark-container {
  background-color: #24385b;
  width: auto;
}
.CouponModal .ModalDark-header {
  display: block;
}
.CouponModal .ModalDark-headerIcon {
  background-color: transparent;
  margin: 0;
}
.CouponModal .ModalDark-title {
  color: #fff;
  text-align: center;
  margin-bottom: 2rem;
  width: auto;
}
.CouponModal .ModalDark-content {
  padding: 0;
}
.CouponModal .ModalDark-closeBtn {
  display: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.Spreedly {
  display: grid;
  grid-template-rows: 0.5fr 1fr;
  grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 0.5rem;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
}
.Spreedly-item {
  padding-left: 1rem;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 0.5rem;
  background-color: #03091e;
  border: 1px solid #637b9d;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  height: 3rem;
}
.Spreedly-item-error {
  border: 1px solid #ff4842;
}
.Spreedly-item-img {
  width: 1.5rem;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-filter: alpha(opacity=70);
  -moz-filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  -o-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}
.Spreedly-item-img-bright {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.Spreedly-item-number {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 3;
}
.Spreedly-item-number-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 0.5rem;
}
.Spreedly-item-expiry {
  grid-row-start: 2;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 2;
}
.Spreedly-item-expiry-month {
  width: 22%;
  max-width: 2.2375rem;
  min-width: 1.4875rem;
}
.Spreedly-item-expiry-year {
  width: 25%;
  padding-left: 0.3rem;
}
.Spreedly-item-cvc {
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 3;
}
.Spreedly--error {
  border-color: #ff4842;
}
.Spreedly-input {
  font-family: 'IBM Plex Sans', sans-serif;
  height: 3rem;
  border: 0;
  background-color: transparent;
  color: #fff;
  font-size: 1rem;
}
.Spreedly-input:focus {
  outline: none;
}
.Spreedly-input-divider {
  color: #696969;
}
.Spreedly .filled {
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
  width: 7%;
}
.Spreedly .unfilled {
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
  width: 12%;
}
.Spreedly input::placeholder,
.Spreedly input::-webkit-input-placeholder,
.Spreedly input #placeholder {
  color: #a4abb6 !important;
  font-size: 1rem;
}
.PoweredBy {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}
.PoweredBy p {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  color: #becde3;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.112px;
}
.OfflineContent .ModalWarning {
  margin-top: 1em;
  margin-bottom: 2em;
}
@media print {
  .Header {
    display: none;
  }
  .Steps {
    display: none;
  }
  .Details {
    display: none;
  }
  .Benefits {
    display: none;
  }
  .Content {
    padding-top: 2em;
  }
  .ModalWarning {
    display: none;
  }
}
@page {
  width: auto;
  height: auto;
  margin-top: 1mm;
  margin-bottom: 2em;
}
.OfflineDueDate {
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #24385b;
  padding: 1em;
}
.OfflineDueDate .icon-clock {
  margin-right: 0.5em;
}
.OfflineHeader {
  max-width: 552px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 2em 1em;
}
.OfflineHeader-logos {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.OfflineHeader-logos--logo {
  height: 50px;
}
.OfflineInstructions {
  max-width: 552px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
}
.OfflineInstructions-list {
  padding: 1em 2em 2em 2em;
}
.OfflineInstructions-list li {
  line-height: 1.4;
}
.OfflineTicket {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #5c6b85;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  padding: 1rem 0;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin-bottom: 1em;
}
.OfflineTicket-title {
  padding: 0.5em;
}
.OfflineTicket-items {
  padding: 1rem 0;
  width: 100%;
}
.OfflineTicket-item {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  padding: 1em;
  border-bottom: solid 1px #5c6b85;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.OfflineTicket-item:nth-child(odd) {
  background-color: #24385b;
}
.OfflineTicket-item-label {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.OfflineTicket-item-value {
  margin-right: 1em;
}
.OfflineTicket-barcode {
  width: 320px;
}
@media only screen and (min-width: 64em) {
  .OfflineTicket-barcode {
    width: 400px;
  }
}
@media print {
  .OfflinePrint {
    display: none;
  }
}
.OfflinePrint-print {
  text-align: center;
  width: 100%;
}
.ModalTitle {
  font-size: 20px;
  line-height: 26px;
  font-family: 'cooper_hewittmedium';
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .ModalTitle {
    margin-bottom: 1rem;
  }
}
.ModalWarning {
  margin-top: 0.75rem;
  padding: 0.75rem;
  background: rgba(252,252,210,0.8);
  border: 1px solid #fecc01;
  font-size: 0.75rem;
  line-height: 18px;
}
@media only screen and (min-width: 48em) {
  .ModalWarning {
    margin-top: 1.5rem;
  }
}
.ModalWarning a {
  text-decoration: none;
  color: #0791e6;
}
.Benefit {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Benefit .icon {
  color: #0791e6;
  font-size: 1.125rem;
}
.Benefit-logo {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 0;
  background-color: rgba(7,145,230,0.14);
  width: 2rem;
  height: 2rem;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.Benefit-text {
  margin-left: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.Benefits {
  background: #0c1633;
  padding: 1.5rem 0.75rem;
  color: #fff;
}
@media only screen and (min-width: 48em) {
  .Benefits {
    padding: 2rem 7.25rem;
  }
}
.Benefits-wrapper {
  margin: 0 auto;
  max-width: 700px;
}
.Benefits-title {
  font-size: 1.4rem;
  font-weight: 900;
  line-height: 1.25;
  margin-bottom: 1rem;
  text-align: center;
}
@media only screen and (min-width: 48em) {
  .Benefits-title {
    margin-bottom: 1.5rem;
  }
}
.Benefits-content {
  display: grid;
  grid-template-columns: 1fr;
  list-style-type: none;
  padding: 0;
  gap: 0.75rem 0;
}
@media only screen and (min-width: 48em) {
  .Benefits-content {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem 2rem;
  }
}
.Benefits-separator {
  display: block;
  width: 100%;
  text-align: center;
}
.Benefits-separator img {
  max-width: 70px;
  margin-bottom: 1rem;
}
.GiftForm {
  margin: 1rem;
}
.GiftForm .u-wrapper {
  border: 1px solid #40587c;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 1rem;
}
.GiftForm-title {
  font-size: 1.125rem;
  margin-bottom: 1.5rem;
}
.GiftForm-copy {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.GiftForm-cta.btn {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.GiftForm-tos {
  margin: 0;
  margin-top: 1rem;
}
.GiftForm .FormInput-error {
  margin-top: 0.25rem;
}
.PromoBanner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 592px;
  margin: 0 auto;
  padding: 0.5rem;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  overflow: hidden;
  width: 100%;
}
.PromoBanner-image {
  display: none;
  margin-top: 5px;
  margin-right: 0.75rem;
}
.PromoBanner-image img {
  width: 125px;
}
@media only screen and (min-width: 48em) {
  .PromoBanner-image {
    display: block;
  }
}
.PromoBanner-countdown {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25rem;
  margin: 0 auto;
  gap: 0.25rem;
}
.PromoBanner-countdown-counter {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  gap: 0.5rem;
}
.PromoBanner-countdown-counter > p {
  display: none;
}
@media only screen and (min-width: 48em) {
  .PromoBanner-countdown-counter > p {
    display: block;
  }
}
.PromoBanner-title {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1rem;
}
.PromoBanner-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.PromoBanner-content-col {
  margin-right: 0.375rem;
  font-weight: bolder;
  font-size: 0.875rem;
}
.PromoBanner-content-col p {
  font-weight: bolder;
}
.PromoBanner-content-col p strong {
  font-weight: bolder;
}
.PromoBanner-content-col:last-child {
  margin-right: 0;
}
.ReferralBanner {
  max-width: 592px;
  margin: 0 auto;
  text-transform: uppercase;
  color: #fff;
  background-color: #40587c;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  padding: 0.5rem 0;
  font-size: 0.875rem;
  text-align: center;
  font-weight: 700;
  margin-top: 1rem;
  letter-spacing: 0.12em;
}
.Details {
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.37);
  box-shadow: 0 3px 6px rgba(0,0,0,0.37);
  background: #24385b;
  padding: 1rem 0.25rem;
  color: #fff;
}
@media only screen and (min-width: 48em) {
  .Details {
    padding: 1rem 0;
  }
}
.Details-title {
  font-size: 0.75rem;
  line-height: 1.33;
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-filter: alpha(opacity=70);
  -moz-filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  -o-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}
.Details-plan {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 592px;
  margin: 0 auto;
}
.Details-before {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.33;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Details-discount {
  display: inline-block;
  text-decoration: line-through;
  margin-left: 2px;
  color: #fff;
  text-align: right;
}
.Details-name {
  font-size: 1.5rem;
  line-height: 1.25;
}
.Details-disclaimer {
  font-size: 0.75rem;
  line-height: 1.33;
}
@media only screen and (min-width: 48em) {
  .Details-disclaimer {
    font-size: 0.9rem;
  }
}
.Details-pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Details-saving {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.Details-saving svg {
  color: #33b1ff;
  margin-right: 0.25rem;
}
.Details-flag {
  width: 20px;
  height: 20px;
}
.Details-flag img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.Details-price {
  display: inline-block;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.36;
  margin-left: 0.5rem;
  white-space: nowrap;
}
@media only screen and (min-width: 48em) {
  .Details-price {
    font-size: 2.1rem;
  }
}
.Details-price:first-letter {
  color: #becde3;
  font-weight: 500;
}
.UniversityDisclaimer {
  max-width: 592px;
  margin: 0 auto;
  color: #c4c8ce;
  padding: 1rem;
  padding-top: 0;
  font-size: 0.75rem;
}
@media only screen and (min-width: 75em) {
  .UniversityDisclaimer {
    padding: 0.5rem 0;
    margin-top: 2.5rem;
  }
}
.Content {
  color: #fff;
}
.Content-fade-enter {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
}
.Content-fade-enter.Content-fade-enter-active {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  -ms-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
.Content-fade-leave {
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
}
.Content-fade-leave.Content-fade-leave-active {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.8s;
  -moz-transition: opacity 0.8s;
  -o-transition: opacity 0.8s;
  -ms-transition: opacity 0.8s;
  transition: opacity 0.8s;
}
.Content .Loader {
  background: rgba(18,31,61,0.4);
}
.Content .Loader-circle {
  border-color: transparent;
  border-top-color: #98ca3f;
}
.Content .FormCheckbox-label:before {
  border: 1px solid #5c6b85;
  background: #03091e;
}
.Content .FormCheckbox-field:checked + .FormCheckbox-label:before {
  color: #03091e;
}
.Content .Button {
  display: inline-block;
  padding: 0.75rem;
  border: 0;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  cursor: pointer;
  color: #13161c;
  text-transform: none;
  border-top: 1px solid #c4c8ce;
  border-right: 1px solid #c4c8ce;
  border-bottom: 2px solid #c4c8ce;
  border-left: 1px solid #c4c8ce;
}
.Content .Button--primary {
  background-color: #fff;
}
.Content .Button--disabled {
  background-color: #fff;
  color: #a5acb6;
  cursor: not-allowed;
}
.Content .Button--fullwidth {
  width: 100%;
}
.Deposit {
  font-size: 14px;
  line-height: 18px;
}
.Deposit-instructions {
  margin-bottom: 0.75rem;
}
.Deposit-highlight {
  background: #f6f6f6;
  margin: 1rem -1.5rem 0 -1.5rem;
  padding: 0.75rem 1.5rem;
}
@media only screen and (min-width: 48em) {
  .Deposit-highlight {
    margin: 1rem -4rem 0 -4rem;
    padding: 1rem 4rem;
  }
}
.Deposit ol,
.Deposit ul {
  padding-inline-start: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .Deposit ol,
  .Deposit ul {
    padding-inline-start: 40px;
  }
}
.Deposit label {
  line-height: 21px;
}
.Deposit-nit {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .Deposit-nit {
    margin-top: 1rem;
  }
}
.Deposit-QR {
  margin: 1rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 90vw;
}
.Deposit-QR img {
  width: 100%;
}
@media only screen and (min-width: 30em) {
  .Deposit-QR {
    max-width: none;
  }
  .Deposit-QR img {
    width: auto;
  }
}
.Bitcoin {
  font-size: 14px;
  line-height: 18px;
}
.Bitcoin-instructions {
  margin-bottom: 0.75rem;
}
.Bitcoin-highlight {
  background: #f6f6f6;
  margin: 1rem -1.5rem 0 -1.5rem;
  padding: 0.75rem 1.5rem;
}
@media only screen and (min-width: 48em) {
  .Bitcoin-highlight {
    margin: 1rem -4rem 0 -4rem;
    padding: 1rem 4rem;
  }
}
.Bitcoin ol,
.Bitcoin ul {
  padding-inline-start: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .Bitcoin ol,
  .Bitcoin ul {
    padding-inline-start: 40px;
  }
}
.Bitcoin label {
  line-height: 21px;
}
.Bitcoin-nit {
  margin-top: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .Bitcoin-nit {
    margin-top: 1rem;
  }
}
.Bitcoin-QR {
  margin: 1rem 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 90vw;
}
.Bitcoin-QR img {
  width: 100%;
}
@media only screen and (min-width: 30em) {
  .Bitcoin-QR {
    max-width: none;
  }
  .Bitcoin-QR img {
    width: auto;
  }
}
.CreateAccount-title {
  margin: 1.2rem 0 0.75rem 0;
  font-size: 1.125rem;
}
.CreateAccount-cta {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  color: #03091e;
  background-color: #77a61e;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  width: 100%;
  padding: 0.75rem 0;
  -webkit-transition: all ease 250ms;
  -moz-transition: all ease 250ms;
  -o-transition: all ease 250ms;
  -ms-transition: all ease 250ms;
  transition: all ease 250ms;
}
.CreateAccount-cta:hover,
.CreateAccount-cta:focus {
  background-color: #98ca3f;
}
.StepsV2 {
  padding: 1rem;
  border-bottom: 1px solid #40587c;
}
.StepsV2-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-height: 25px;
}
@media print {
  .StepsV2-container {
    display: none;
  }
}
.StepsV2-logo {
  display: none;
  margin-right: 180px;
}
.StepsV2-logo img {
  width: auto;
}
@media only screen and (min-width: 64em) {
  .StepsV2-logo {
    display: block;
  }
}
.StepsV2-details {
  color: #becde3;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.StepsV2-navigator {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.StepsV2-back {
  background: none;
  color: #becde3;
  border: none;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
}
.Button {
  display: inline-block;
  border: 0;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: #fff;
  font-weight: 700;
  line-height: 1.6;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}
.Button--small {
  padding: 0.5rem 0.75rem;
  font-size: 0.75rem;
}
.Button--medium {
  padding: 0.5rem 1rem;
  font-size: 0.875rem;
}
.Button--big {
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
}
.Button--primary.Button--platzi {
  background-color: #98ca3f;
}
.Button--primary.Button--platzi:hover {
  background-color: #c1df8b;
}
.Button--primary.Button--platzi:active {
  background-color: #77a61e;
}
.Button--primary.Button--platzi:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--primary.Button--platzi:disabled {
  background-color: #40587c;
  cursor: not-allowed;
}
.Button--primary.Button--sky {
  background-color: #0791e6;
}
.Button--primary.Button--sky:hover {
  background-color: #33b1ff;
}
.Button--primary.Button--sky:active {
  background-color: #1d4f7c;
}
.Button--primary.Button--sky:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--primary.Button--sky:disabled {
  background-color: #40587c;
  cursor: not-allowed;
}
.Button--primary.Button--admin {
  background-color: #ff955b;
}
.Button--primary.Button--admin:hover {
  background-color: #ffb084;
}
.Button--primary.Button--admin:active {
  background-color: #ff7c33;
}
.Button--primary.Button--admin:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--primary.Button--admin:disabled {
  background-color: #40587c;
  cursor: not-allowed;
}
.Button--primary.Button--danger {
  background-color: #ff605b;
}
.Button--primary.Button--danger:hover {
  background-color: #ff8884;
}
.Button--primary.Button--danger:active {
  background-color: #ff3933;
}
.Button--primary.Button--danger:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--primary.Button--danger:disabled {
  background-color: #40587c;
  cursor: not-allowed;
}
.Button--secondary.Button {
  background: transparent;
}
.Button--secondary.Button--platzi {
  border: 1px solid #77a61e;
  color: #77a61e;
}
.Button--secondary.Button--platzi:hover {
  border: 1px solid #98ca3f;
  color: #98ca3f;
}
.Button--secondary.Button--platzi:active {
  border: 1px solid #425c3d;
  color: #425c3d;
}
.Button--secondary.Button--platzi:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--secondary.Button--platzi:disabled {
  border: 1px solid #637b9d;
  color: #637b9d;
  cursor: not-allowed;
}
.Button--secondary.Button--sky {
  border: 1px solid #33b1ff;
  color: #33b1ff;
}
.Button--secondary.Button--sky:hover {
  border: 1px solid #74caff;
  color: #74caff;
}
.Button--secondary.Button--sky:active {
  border: 1px solid #0791e6;
  color: #0791e6;
}
.Button--secondary.Button--sky:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--secondary.Button--sky:disabled {
  border: 1px solid #637b9d;
  color: #637b9d;
  cursor: not-allowed;
}
.Button--secondary.Button--admin {
  border: 1px solid #ff955b;
  color: #ff955b;
}
.Button--secondary.Button--admin:hover {
  border: 1px solid #ffb084;
  color: #ffb084;
}
.Button--secondary.Button--admin:active {
  border: 1px solid #ff7c33;
  color: #ff7c33;
}
.Button--secondary.Button--admin:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--secondary.Button--admin:disabled {
  border: 1px solid #637b9d;
  color: #637b9d;
  cursor: not-allowed;
}
.Button--secondary.Button--danger {
  border: 1px solid #ff605b;
  color: #ff605b;
}
.Button--secondary.Button--danger:hover {
  border: 1px solid #ff8884;
  color: #ff8884;
}
.Button--secondary.Button--danger:active {
  border: 1px solid #ff3933;
  color: #ff3933;
}
.Button--secondary.Button--danger:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--secondary.Button--danger:disabled {
  border: 1px solid #637b9d;
  color: #637b9d;
  cursor: not-allowed;
}
.Button--tertiary.Button {
  background-color: #24385b;
}
.Button--tertiary.Button--platzi {
  color: #77a61e;
}
.Button--tertiary.Button--platzi:hover {
  color: #98ca3f;
}
.Button--tertiary.Button--platzi:active {
  color: #425c3d;
}
.Button--tertiary.Button--platzi:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--tertiary.Button--platzi:disabled {
  color: #637b9d;
  cursor: not-allowed;
}
.Button--tertiary.Button--sky {
  background-color: #fff;
  color: #33b1ff;
}
.Button--tertiary.Button--sky:hover {
  color: #74caff;
}
.Button--tertiary.Button--sky:active {
  color: #0791e6;
}
.Button--tertiary.Button--sky:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--tertiary.Button--sky:disabled {
  color: #637b9d;
  cursor: not-allowed;
}
.Button--tertiary.Button--admin {
  color: #ff955b;
}
.Button--tertiary.Button--admin:hover {
  color: #ffb084;
}
.Button--tertiary.Button--admin:active {
  color: #ff7c33;
}
.Button--tertiary.Button--admin:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--tertiary.Button--admin:disabled {
  color: #637b9d;
  cursor: not-allowed;
}
.Button--tertiary.Button--danger {
  color: #ff605b;
}
.Button--tertiary.Button--danger:hover {
  color: #ff8884;
}
.Button--tertiary.Button--danger:active {
  color: #ff3933;
}
.Button--tertiary.Button--danger:focus {
  outline: none;
  border: 4px solid #1d4f7c;
}
.Button--tertiary.Button--danger:disabled {
  color: #637b9d;
  cursor: not-allowed;
}
.ModalDark {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 10;
}
.ModalDark-backdrop {
  display: block;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(3,9,30,0.6);
  padding: 0;
  border: none;
}
.ModalDark-container {
  position: relative;
  z-index: 2;
  width: 95%;
  max-width: 600px;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fff;
  -webkit-animation-name: modal;
  -moz-animation-name: modal;
  -o-animation-name: modal;
  -ms-animation-name: modal;
  animation-name: modal;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  -o-animation-duration: 0.4s;
  -ms-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-direction: normal;
  -moz-animation-direction: normal;
  -o-animation-direction: normal;
  -ms-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  -o-animation-timing-function: ease-out;
  -ms-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  -ms-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.ModalDark-closeBtn {
  position: absolute;
  z-index: 2;
  top: 0.75rem;
  right: 1rem;
  width: 0.875rem;
  color: #5c6b85;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.ModalDark-closeBtn:hover {
  color: #131d30;
}
.ModalDark-header {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-lines: single;
  -moz-box-lines: single;
  -o-box-lines: single;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 2rem 2rem 0;
}
.ModalDark-headerIcon {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 1rem;
  padding: 0.75rem;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-color: #e6f4fc;
  color: #03091e;
  font-size: 1.125rem;
}
.ModalDark-title {
  width: 90%;
  color: #273b47;
  font-size: 1.125rem;
  font-weight: bold;
}
.ModalDark-content {
  padding: 1.25rem 2rem;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  color: #273b47;
}
.ModalDark-actions {
  padding: 1.5rem 2rem;
  -webkit-border-radius: 0 0 0.5rem 0.5rem;
  border-radius: 0 0 0.5rem 0.5rem;
  background-color: #e6f4fc;
}
.ModalDark-actions .Button {
  width: 100%;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 48em) {
  .ModalDark-actions .Button {
    width: auto;
    margin-bottom: 0;
    margin-right: 1rem;
  }
}
.ModalDark-error {
  margin-bottom: 1.5rem;
  color: #ff605b;
  font-size: 1.125rem;
  line-height: 1.6;
}
@-moz-keyframes modal {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes modal {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@-o-keyframes modal {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes modal {
  from {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-filter: alpha(opacity=0);
    -moz-filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    -o-filter: alpha(opacity=0);
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10%);
    -moz-transform: translateY(10%);
    -o-transform: translateY(10%);
    -ms-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.Instructions__list {
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
}
.Instructions__item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.Instructions__item__qr {
  display: none;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  margin: 1rem 0;
}
@media print {
  .Instructions__item__qr {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
.Instructions__item__qr img {
  width: 80%;
  height: auto;
}
@media only screen and (min-width: 64em) {
  .Instructions__item__qr img {
    width: 60%;
  }
}
.Instructions__action {
  -webkit-border-radius: 0;
  border-radius: 0;
  text-align: inherit;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  color: #eff3f8;
  gap: 0.3rem;
  text-decoration: underline;
}
.PayWith {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
}
.PayWith-text {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
  letter-spacing: -0.008rem;
}
.PayWith-logo {
  object-fit: cover;
  max-width: 80px;
}
.PayWith-logo--btc {
  max-width: 28px;
}
.PayWith-logo--paypal,
.PayWith-logo--davivienda {
  max-width: 30px;
}
.PayWith-logo--deposit {
  max-width: 32px;
}
.PayWith-logo--oxxo {
  max-width: 45px;
}
.PayWith-logo--single {
  width: 30px;
}
.BenefitsV2 {
  max-width: 592px;
  margin: 0 auto;
  padding-top: 1rem;
  display: none;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 75em) {
  .BenefitsV2 {
    display: block;
  }
}
.BenefitsV2-title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25rem;
  color: #eff3f8;
  margin-bottom: 0.75rem;
}
.BenefitsV2-content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  gap: 0.75rem;
  list-style-type: none;
  padding: 0 0 0 0.25rem;
}
.BenefitsV2-content-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 1rem;
  color: #8da2c0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.BenefitsV2-content-item-icon {
  color: #8da2c0;
  font-size: 1rem;
}
.BenefitsV2-content-item--apply {
  color: #becde3;
}
.BenefitsV2-content-item--apply svg {
  color: #fff;
}
.DetailsV2 {
  background: #1e2949;
  color: #fff;
}
@media print {
  .DetailsV2 {
    display: none;
  }
}
.DetailsV2-container {
  max-width: 592px;
  margin: 0 auto;
  padding: 1rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-container {
    padding: 0;
    margin-bottom: 2rem;
  }
}
.DetailsV2-b2b {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 1rem;
  -webkit-border-radius: 0.75rem;
  border-radius: 0.75rem;
  margin: 0 auto;
  background-color: #2d323a;
  margin-bottom: 0.75rem;
}
@media only screen and (min-width: 48em) {
  .DetailsV2-b2b {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media only screen and (min-width: 75em) {
  .DetailsV2-b2b {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
  }
}
.DetailsV2-b2b-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  gap: 1rem;
  width: 96.5%;
}
@media only screen and (min-width: 48em) {
  .DetailsV2-b2b-info {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 75em) {
  .DetailsV2-b2b-info {
    padding: initial;
  }
}
.DetailsV2-b2b-info-content-heading {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.16px;
}
.DetailsV2-b2b-info-content-text {
  color: #87909d;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0.16px;
}
.DetailsV2-b2b-info-number {
  color: #c4c8ce;
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
}
.DetailsV2-title {
  font-size: 0.75rem;
  line-height: 1.33;
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  -webkit-filter: alpha(opacity=70);
  -moz-filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
  -o-filter: alpha(opacity=70);
  filter: alpha(opacity=70);
}
.DetailsV2-plan {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  margin: 0 auto;
  gap: 1rem;
  padding-bottom: 0.75rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-plan {
    padding-bottom: 2rem;
  }
}
.DetailsV2-plan figure {
  display: none;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-plan figure {
    display: block;
  }
}
.DetailsV2-plan-icon {
  display: block;
  cursor: pointer;
  margin-left: auto;
  margin-right: 1rem;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -moz-transition: -moz-transform 0.3s ease-in-out;
  -o-transition: -o-transform 0.3s ease-in-out;
  -ms-transition: -ms-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-plan-icon {
    display: none;
  }
}
.DetailsV2-plan-icon--open {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.DetailsV2-plan-content h2 {
  font-size: 1.5rem;
  padding-bottom: 0.125rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-plan-content h2 {
    font-size: 1.75rem;
  }
}
.DetailsV2-plan-content p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #becde3;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-plan-content p {
    font-size: 1rem;
  }
}
.DetailsV2-info {
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-in-out;
  -moz-transition: height 0.3s ease-in-out;
  -o-transition: height 0.3s ease-in-out;
  -ms-transition: height 0.3s ease-in-out;
  transition: height 0.3s ease-in-out;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-info {
    height: auto;
  }
}
.DetailsV2-info-monthly {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  color: #becde3;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-info-monthly {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.DetailsV2-info-total {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  padding: 1rem 0;
  margin-right: auto;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (max-width: 48em) {
  .DetailsV2-info-total {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 48em) {
  .DetailsV2-info-total {
    padding: 0;
  }
}
@media only screen and (min-width: 75em) {
  .DetailsV2-info-total {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.DetailsV2-info-total-text {
  font-size: 1.125rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-info-total-text {
    font-size: 1.375rem;
  }
}
.DetailsV2-info-total-amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.DetailsV2-info-total-flag {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  margin-right: 0.5rem;
  width: 20px;
  height: 20px;
}
.DetailsV2-info-total-flag img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.DetailsV2-info-item {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem 0;
}
.DetailsV2-info-item:last-child {
  border-bottom: none;
}
.DetailsV2-info-item:empty {
  padding: 0;
}
.DetailsV2-info-item .CouponModal {
  margin-bottom: 0;
  width: 100%;
}
.DetailsV2-info-item .CouponModal-icon {
  color: #fff;
}
.DetailsV2-info-pricing {
  width: 100%;
}
.DetailsV2-info-pricing:empty {
  display: none;
}
.DetailsV2-info-amount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 0.3rem 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
.DetailsV2-info-amount strong {
  font-weight: 700;
}
.DetailsV2-info-discount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  color: #becde3;
}
.DetailsV2-info-price,
.DetailsV2-info-saving {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: Mist-20;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-info-price,
  .DetailsV2-info-saving {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.DetailsV2-info-saving {
  margin-bottom: 0.5rem;
}
.DetailsV2-info-saving-amount {
  color: #98ca3f;
}
.DetailsV2-total {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 auto;
  width: 100%;
  padding: 1rem 0;
}
@media only screen and (max-width: 48em) {
  .DetailsV2-total {
    padding-top: 0.5rem;
    padding-bottom: 0;
  }
}
.DetailsV2-total-text {
  margin-right: auto;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-total-text {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}
.DetailsV2-total-right {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.DetailsV2-total-price {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.5rem;
  margin-left: 0.5rem;
  white-space: nowrap;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-total-price {
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.36;
  }
}
.DetailsV2-total-price:first-letter {
  color: #becde3;
  font-weight: 500;
}
.DetailsV2-total-savingMessage {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
}
.DetailsV2-total-savingMessage-beforepay {
  display: block;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  letter-spacing: -0.096px;
  color: #becde3;
}
.DetailsV2-total-savingMessage-beforepay > span {
  text-decoration: line-through;
}
@media only screen and (min-width: 64em) {
  .DetailsV2-total-savingMessage-beforepay {
    display: none;
  }
}
.DetailsV2-total-savingMessage-quota {
  display: none;
}
@media only screen and (min-width: 64em) {
  .DetailsV2-total-savingMessage-quota {
    display: block;
  }
}
.DetailsV2-savingBanner {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 0.5rem;
  gap: 0.5rem;
  background-color: #1d4f7c;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-savingBanner {
    padding: 0.5rem 1rem;
    gap: 1rem;
  }
}
.DetailsV2-savingBanner a {
  color: #fff;
  text-decoration: underline;
}
.DetailsV2-savingBanner svg {
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
  font-size: 1.125rem;
}
.DetailsV2-savingBanner p {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  -webkit-align-self: flex-start;
  align-self: flex-start;
  -ms-flex-item-align: start;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-savingBanner p {
    font-size: unset;
    line-height: unset;
    font-weight: unset;
    -webkit-align-self: unset;
    align-self: unset;
    -ms-flex-item-align: unset;
  }
}
.DetailsV2-before {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.33;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.DetailsV2-discount {
  display: inline-block;
  text-decoration: line-through;
  margin-left: 2px;
  color: #fff;
  text-align: right;
}
.DetailsV2-name {
  font-size: 1.5rem;
  line-height: 1.25;
}
.DetailsV2-disclaimer {
  font-size: 0.75rem;
  line-height: 1.33;
}
@media only screen and (min-width: 48em) {
  .DetailsV2-disclaimer {
    font-size: 0.9rem;
  }
}
.DetailsV2-pricing {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.DetailsV2-saving {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.DetailsV2-saving svg {
  color: #33b1ff;
  margin-right: 0.25rem;
}
.DetailsV2-divider {
  position: relative;
  height: 1px;
  border: 0;
  width: 100%;
  background-color: #404650;
  margin: 0.5em 0;
  padding: 0;
}
@media only screen and (min-width: 75em) {
  .DetailsV2-divider {
    margin: 1em 0;
  }
}
@media only screen and (min-width: 48em) {
  .DetailsV2-divider-vertical {
    width: 1px;
    height: 50px;
    margin: 0 1em;
  }
}
@media only screen and (min-width: 75em) {
  .DetailsV2-divider-vertical {
    width: 100%;
    height: 1px;
    margin: 1em 0;
  }
}
.DetailsV2-divider-icon {
  position: absolute;
  top: 50%;
  left: 95%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.DetailsV2-divider-icon::before {
  content: 'X';
  font-size: 0.7rem;
  color: #87909d;
  padding: 0 5px;
  background-color: #2d323a;
}
.DetailsV2-custom-summary {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0.25rem 0;
  gap: 0.25rem;
}
.DetailsV2-custom-summary-info {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #c4c8ce;
}
.DetailsV2-custom-summary-info-text,
.DetailsV2-custom-summary-info-amount {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}
.radiance .StepsV2 {
  background-color: #13161c;
  border-bottom-color: #2d323a;
}
.radiance .StepsV2-details {
  color: #c4c8ce;
  text-transform: uppercase;
  font-size: 0.75rem;
}
@media only screen and (min-width: 64em) {
  .radiance .StepsV2-details {
    font-size: 0.875rem;
  }
}
.radiance .StepsV2-back {
  cursor: pointer;
}
.radiance .CheckoutV2 {
  background-color: #13161c;
}
.radiance .DetailsV2 {
  background-color: #1e2229;
}
.radiance .DetailsV2-divider {
  border-top-color: #2d323a;
}
.radiance .TermsAndConditions-label {
  color: #87909d;
}
@media only screen and (min-width: 64em) {
  .radiance .TermsAndConditions-label {
    font-size: 0.875rem;
  }
}
.radiance .TermsAndConditions-label a {
  text-decoration: underline;
  color: #87909d;
}
.radiance .Loader {
  background: rgba(19,22,28,0.4) !important;
}
.radiance .Loader-circle {
  border-top-color: #fff !important;
}
.radiance .DetailsV2-plan-content p,
.radiance .DetailsV2-info-monthly,
.radiance .CouponModal-text,
.radiance .PaymentInstallmentsLabel-text,
.radiance .PaymentOption-disclaimer,
.radiance .Security-main,
.radiance .PaymentInstallmentsOptionContent {
  color: #c4c8ce;
}
.radiance .PaymentOptionContent {
  background-color: #1e2229;
}
.radiance .PaymentOptionContent--custom {
  background-color: transparent;
}
.radiance .PaymentOptionInputs-content {
  margin-bottom: 0.75rem;
}
.radiance .PaymentOption-divider {
  background-color: #2d323a;
}
.radiance .PaymentInstallmentsOption {
  border-color: #2d323a;
}
.radiance .PaymentInstallmentsOption--selected {
  border-color: #c4c8ce;
}
.radiance .PaymentInstallmentsOption--selected .PaymentInstallmentsLabel-text {
  color: #fff;
}
.radiance .Spreedly-item {
  background-color: rgba(0,0,0,0.95);
  border-color: #59616f;
}
.radiance .ModalDark-backdrop {
  background-color: rgba(0,0,0,0.6);
}
.radiance .CouponModal .ModalDark-container,
.radiance .CouponModal-actions {
  background-color: #1e2229;
}
.radiance .CouponModal .ModalDark-container .Button,
.radiance .CouponModal-actions .Button {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
}
.radiance .CouponModal-disclaimer {
  color: #87909d;
}
.radiance .CouponModal-disclaimer a {
  color: #c4c8ce;
}
.radiance .Button {
  display: inline-block;
  padding: 0.5rem;
  border: 0;
  font-family: 'IBM Plex Sans', sans-serif !important;
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  color: #13161c;
  text-transform: none;
  border-top: 1px solid #c4c8ce;
}
.radiance .Button a {
  text-decoration: none;
}
.radiance .Button--primary {
  background-color: #0ae98a;
}
.radiance .Button--primary:hover {
  background-color: #07c373;
}
.radiance .Button--primary:active {
  background-color: #05a460;
}
.radiance .Button--disabled {
  border-top: none;
  background-color: #2d323a;
  color: #6c7583;
  cursor: not-allowed;
}
.radiance .Button.Button--secondary {
  background-color: #2d323a;
  color: #fff;
  border-color: #404650;
}
.radiance .Button--fullwidth {
  width: 100%;
}
.radiance .Form-phoneCode {
  color: #a4abb6;
}
.radiance .PoweredBy p {
  color: #c4c8ce;
}
.radiance .CashSummary__Divider {
  background-color: #2d323a;
}
.radiance .MorePaymentOptions {
  background-color: #1e2229;
  border: none;
  color: #c4c8ce;
  padding: 0.75rem;
}
.radiance .MorePaymentOptions a {
  text-decoration: underline;
  color: #c4c8ce;
}
.radiance .StripeInput-input {
  background-color: rgba(0,0,0,0.95);
  color: #87909d;
  border-color: #404650;
}
.radiance .StripeInput-input.is-active {
  border-color: #05a460;
}
.radiance .PaymentCTA {
  margin-bottom: 1rem;
}
.radiance .BenefitsV2-content-item svg {
  color: #87909d;
}
.radiance .BenefitsV2-content-item-text {
  color: #87909d;
}
.radiance .BenefitsV2-content-item--apply .BenefitsV2-content-item-text,
.radiance .BenefitsV2-content-item--apply svg {
  color: #c4c8ce !important;
}
.radiance .CashSummary p > a {
  color: #fff;
  text-decoration: underline;
  font-weight: 500;
}
.radiance .CashSummary .Button {
  min-width: 210px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.radiance .DetailsV2-info-saving-amount,
.radiance .CouponModal-appliedText {
  color: #0ae98a;
}
.radiance .PaymentInstallmentsTags {
  -webkit-border-radius: 0.25rem;
  border-radius: 0.25rem;
  background-color: #2d323a;
}
.radiance .PaymentInstallmentsTags-text {
  color: #c4c8ce;
  font-size: 0.625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 0.75rem;
  letter-spacing: 1px;
}
.radiance .PaymentInstallmentsTags-icon {
  color: #87909d;
}
* {
  margin: 0;
}
a {
  color: #0791e6;
}
body {
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  color: #273b47;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* #Iconografía */
/* Usamos iconos de https://icomoon.io solo agrega la clase del icono por ejemplo icon-search al elemento que lo necesite y listo. */
@font-face {
  font-family: 'icomoon';
  src: url(https://static.platzi.com/static/css/icons.f869d0463c50f35127de110146383aec.eot);
  src: url(https://static.platzi.com/static/css/icons.f869d0463c50f35127de110146383aec.eot?#iefi9dtney) format('embedded-opentype'), url(https://static.platzi.com/static/css/icons.b7c65e4ef66326c8a320d0fb4a1fad43.woff) format('woff'), url(https://static.platzi.com/static/css/icons.4e6791871db114bcca17240cf7f47922.ttf) format('truetype'), url(https://static.platzi.com/static/css/icons.9abc781cf722134d3599dd5186bb3448.svg#icons) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fonts,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: 'icomoon';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  speak: none;
  text-transform: none;
}
[class^="icon-"],
[class*=" icon-"] {
  line-height: 100%;
}
.icon-mobile:before {
  content: "\E984";
}
.icon-medal-b:before {
  content: "\E97F";
}
.icon-ico-subtitled:before {
  content: "\E97D";
}
.icon-ico-dubbed:before {
  content: "\E97E";
}
.icon-rocket:before {
  content: "\E97C";
}
.icon-star-empty:before {
  content: "\E979";
}
.icon-pc:before {
  content: "\E97A";
}
.icon-behance:before {
  content: "\E97B";
}
.icon-bookmark:before {
  content: "\E975";
}
.icon-new:before {
  content: "\E978";
}
.icon-connect:before {
  content: "\E977";
}
.icon-fcbk-square:before {
  content: "\E976";
}
.icon-diseno:before {
  content: "\E96E";
}
.icon-produccion-audiovisual:before {
  content: "\E96F";
}
.icon-crecimiento-profesional:before {
  content: "\E970";
}
.icon-desarrollo:before {
  content: "\E971";
}
.icon-marketing:before {
  content: "\E972";
}
.icon-negocios:before {
  content: "\E973";
}
.icon-twt-square:before {
  content: "\E974";
}
.icon-whatsapp:before {
  content: "\E980";
}
.icon-whats-square:before {
  content: "\E975";
}
.icon-crown_B:before {
  content: "\E966";
}
.icon-cup_A:before {
  content: "\E96D";
}
.icon-diploma-b:before {
  content: "\E963";
}
.icon-board:before {
  content: "\E964";
}
.icon-chart-b:before {
  content: "\E965";
}
.icon-download-b:before {
  content: "\E967";
}
.icon-invoice:before {
  content: "\E968";
}
.icon-lock-b:before {
  content: "\E969";
}
.icon-money-check:before {
  content: "\E96A";
}
.icon-pause-b:before {
  content: "\E96B";
}
.icon-astronaut:before {
  content: "\E96C";
}
.icon-live-b:before {
  content: "\E962";
}
.icon-arrow-right-b:before {
  content: "\E95A";
}
.icon-teacher-board:before {
  content: "\E95B";
}
.icon-cog1:before {
  content: "\E95C";
}
.icon-comment:before {
  content: "\E95D";
}
.icon-menu-ellipsis:before {
  content: "\E95E";
}
.icon-eye-slash:before {
  content: "\E95F";
}
.icon-newspaper:before {
  content: "\E960";
}
.icon-thumbs-up-b:before {
  content: "\E961";
}
.icon-theater-undone:before {
  content: "\E958";
}
.icon-theater-do:before {
  content: "\E959";
}
.icon-backward:before {
  content: "\E955";
}
.icon-bug:before {
  content: "\E957";
}
.icon-forward:before {
  content: "\E956";
}
.icon-tickets:before {
  content: "\E953";
}
.icon-shield:before {
  content: "\E954";
}
.icon-name-circle:before {
  content: "\E951";
}
.icon-mail-circle:before {
  content: "\E952";
}
.icon-suitecase_B:before {
  content: "\E950";
}
.icon-platzirank:before {
  content: "\E94F";
}
.icon-search_B:before {
  content: "\E94E";
}
.icon-pin_icon:before {
  content: "\E94D";
}
.icon-rocket_ibm:before {
  content: "\E94C";
}
.icon-cloud-smile:before {
  content: "\E94B";
}
.icon-afternoon:before {
  content: "\E947";
}
.icon-calendar:before {
  content: "\E948";
}
.icon-morning:before {
  content: "\E949";
}
.icon-night:before {
  content: "\E94A";
}
.icon-plan-estudios:before {
  content: "\E946";
}
.icon-platzimark:before {
  content: "\E945";
}
.icon-intermedio .path1:before {
  content: "\E93E";
  color: #3a3c3f;
}
.icon-intermedio .path2:before {
  content: "\E93F";
  margin-left: -0.8125em;
  color: #3a3c3f;
}
.icon-intermedio .path3:before {
  content: "\E940";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-basico .path1:before {
  content: "\E941";
  color: #3a3c3f;
}
.icon-basico .path2:before {
  content: "\E942";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-basico .path3:before {
  content: "\E943";
  margin-left: -0.8125em;
  color: #c0c0c0;
}
.icon-avanzado:before {
  content: "\E944";
}
.icon-texto2:before {
  content: "\E93A";
  color: #696969;
}
.icon-lock2:before {
  content: "\E93D";
  color: #696969;
}
.icon-blocked:before {
  content: "\E939";
  color: #e9e9e9;
}
.icon-circular-check:before {
  content: "\E937";
  color: #dfe0e6;
}
.icon-timeline-video:before {
  content: "\E936";
  color: #dfe0e6;
}
.icon-texto:before {
  content: "\E938";
  color: #dfe0e6;
}
.icon-events:before {
  content: "\E933";
  color: #ff4842;
}
.icon-live:before {
  content: "\E934";
  color: #7fc719;
}
.icon-courses:before {
  content: "\E932";
  color: #0791e6;
}
.icon-star-circle:before {
  content: "\E935";
  color: #fecc01;
}
.icon-external:before {
  content: "\E931";
}
.icon-login:before {
  content: "\E930";
}
.icon-save:before {
  content: "\E9D5";
}
.icon-cast_connected:before {
  content: "\E92E";
}
.icon-tool:before {
  content: "\E9D4";
}
.icon-instagram:before {
  content: "\E9D3";
}
.icon-cast:before {
  content: "\E92F";
}
.icon-quiz:before {
  content: "\E92D";
}
.icon-puzzle:before {
  content: "\E92C";
}
.icon-gift_B:before {
  content: "\E92B";
}
.icon-bold:before {
  content: "\F032";
}
.icon-italic:before {
  content: "\F033";
}
.icon-expand_A:before {
  content: "\F065";
}
.icon-compress:before {
  content: "\F066";
}
.icon-list-ol:before {
  content: "\F0CB";
}
.icon-underline:before {
  content: "\F0CD";
}
.icon-youtube-play:before {
  content: "\F16A";
}
.icon-header:before {
  content: "\F1DC";
}
.icon-user_B:before {
  content: "\E927";
}
.icon-clock_B:before {
  content: "\E928";
}
.icon-medal:before {
  content: "\E929";
}
.icon-star_B:before {
  content: "\E92A";
}
.icon-siguiente:before,
.icon-next:before {
  content: "\E925";
}
.icon-anterior:before,
.icon-prev:before {
  content: "\E926";
}
.icon-circle:before {
  content: "\E924";
}
.icon-chart_B:before {
  content: "\E922";
}
.icon-play:before {
  content: "\E91F";
}
.icon-arrow-top-right:before {
  content: "\E920";
}
.icon-dolar:before {
  content: "\E921";
}
.icon-badge:before {
  content: "\E923";
}
.icon-grid-world:before {
  content: "\E91C";
}
.icon-check:before {
  content: "\E91A";
}
.icon-delete:before {
  content: "\E91B";
}
.icon-sadness:before {
  content: "\E916";
}
.icon-gift-3:before {
  content: "\E91A";
}
.icon-send-message:before {
  content: "\E919";
}
.icon-plane:before {
  content: "\E919";
}
.icon-referral_A:before {
  content: "\E917";
}
.icon-referral_B:before {
  content: "\E918";
}
.icon-responses:before {
  content: "\E915";
}
.icon-trash:before {
  content: '\E907';
}
.icon-icono_responder3:before {
  content: "\E913";
}
.icon-thumbs-down:before {
  content: "\E906";
}
.icon-thumbs-up:before {
  content: "\E914";
}
.icon-unlink:before {
  content: '\E912';
}
.icon-show-editor:before {
  content: '\E913';
}
.icon-list:before {
  content: "\E910";
}
.icon-image:before {
  content: "\E90E";
}
.icon-code:before {
  content: "\E90F";
}
.icon-information:before {
  content: "\E911";
}
.icon-user-banned:before {
  content: "\E90D";
}
.icon-quote:before {
  content: "\E90C";
}
.icon-ytb_B:before {
  content: "\E90B";
}
.icon-play_B:before {
  content: "\E908";
}
.icon-flecha:before {
  content: "\E909";
}
.icon-blog:before {
  content: "\E90A";
}
.icon-ytb_B:before {
  content: "\E90B";
}
.icon-calendar_C:before {
  content: "\E905";
}
.icon-cup:before {
  content: "\E904";
}
.icon-graduate:before {
  content: "\E903";
}
.icon-both:before {
  content: "\E900";
}
.icon-lecture:before {
  content: "\E901";
}
.icon-player:before {
  content: "\E902";
}
.icon-share:before {
  content: "\E800";
}
.icon-notification:before {
  content: "\E66D";
}
.icon-download:before {
  content: "\E66E";
}
.icon-currencies:before {
  content: "\E66C";
}
.icon-subscribe:before {
  content: "\E66B";
}
.icon-creditcard:before {
  content: "\E663";
}
.icon-calendar_B:before {
  content: "\E666";
}
.icon-pointer:before {
  content: "\E66A";
}
.icon-pause:before {
  content: "\E664";
}
.icon-arrows:before {
  content: "\E661";
}
.icon-cap:before {
  content: "\E65E";
}
.icon-envivo:before {
  content: "\E665";
}
.icon-streaming:before {
  content: "\E667";
}
.icon-check_B:before {
  content: "\E007";
}
.icon-doc_A:before {
  content: "\E653";
}
.icon-notebook_A:before {
  content: "\E65F";
}
.icon-suitecase:before {
  content: "\E659";
}
.icon-doc:before {
  content: "\E660";
}
/* ###.icon-bell */
/*
    <i class="icon-bell"></i>
*/
.icon-bell:before {
  content: "\E655";
}
/* ###.icon-cloud_A */
/*
    <i class="icon-cloud_A"></i>
*/
.icon-cloud_A:before {
  content: "\E657";
}
/* ###.icon-cloud */
/*
    <i class="icon-cloud"></i>
*/
.icon-cloud:before {
  content: "\E658";
}
/* ###.icon-cog */
/*
    <i class="icon-cog"></i>
*/
.icon-cog:before {
  content: "\E656";
}
/* ###.icon-user_B */
/*
    <i class="icon-user_B"></i>
*/
/* ###.icon-search */
/*
    <i class="icon-search"></i>
*/
.icon-search:before {
  content: "\E650";
}
/* ###.icon-pin */
/*
    <i class="icon-pin"></i>
*/
.icon-pin:before {
  content: "\E652";
}
/* ###.icon-platzi */
/*
    <i class="icon-platzi"></i>
*/
.icon-platzi:before {
  content: "\E651";
}
/* ###.icon-eye */
/*
    <i class="icon-eye"></i>
*/
.icon-eye:before {
  content: "\E64F";
}
/* ###.icon-at */
/*
    <i class="icon-at"></i>
*/
.icon-at:before {
  content: "\E64E";
}
/* ###.icon-expand */
/*
    <i class="icon-expand"></i>
*/
.icon-expand:before {
  content: "\E64B";
}
/* ###.icon-retract */
/*
    <i class="icon-retract"></i>
*/
.icon-retract:before {
  content: "\E64C";
}
/* ###.icon-arrow-down_A */
/*
    <i class="icon-arrow-down_A"></i>
*/
.icon-arrow-down_A:before {
  content: "\E647";
}
/* ###.icon-arrow-up-right_A */
/*
    <i class="icon-arrow-up-right_A"></i>
*/
.icon-arrow-up-right_A:before {
  content: "\EA3B";
}
/* ###.icon-github */
/*
    <i class="icon-github"></i>
*/
.icon-github:before {
  content: "\EAB1";
}
/* ###.icon-star */
/*
    <i class="icon-star"></i>
*/
.icon-star:before {
  content: "\E62F";
}
/* ###.icon-close */
/*
    <i class="icon-close"></i>
*/
.icon-close:before {
  content: "\E624";
}
/* ###.icon-close_A */
/*
    <i class="icon-close_A"></i>
*/
.icon-close_A:before {
  content: "\E630";
}
/* ###.icon-exit */
/*
    <i class="icon-exit"></i>
*/
.icon-exit:before {
  content: "\E631";
}
/* ###.icon-fcbk */
/*
    <i class="icon-fcbk"></i>
*/
.icon-fcbk:before {
  content: "\E600";
}
/* ###.icon-twt */
/*
    <i class="icon-twt"></i>
*/
.icon-twt:before {
  content: "\E601";
}
/* ###.icon-discussions */
/*
    <i class="icon-discussions"></i>
*/
.icon-discussions:before {
  content: "\E645";
}
/* ###.icon-files */
/*
    <i class="icon-files"></i>
*/
.icon-files:before {
  content: "\E646";
}
/* ###.icon-notebook */
/*
    <i class="icon-notebook"></i>
*/
.icon-notebook:before {
  content: "\E63D";
}
/* ###.icon-snowflake */
/*
    <i class="icon-snowflake"></i>
*/
.icon-snowflake:before {
  content: "\E63C";
}
/* ###.icon-gift_A */
/*
    <i class="icon-gift_A"></i>
*/
.icon-gift_A:before {
  content: "\E639";
}
/* ###.icon-heart */
/*
    <i class="icon-heart"></i>
*/
.icon-heart:before {
  content: "\E978";
}
/* ###.icon-users */
/*
    <i class="icon-users"></i>
*/
.icon-users:before {
  content: "\E63B";
}
/* ###.icon-crown_A */
/*
    <i class="icon-crown_A"></i>
*/
.icon-crown_A:before {
  content: "\E633";
}
/* ###.icon-tree */
/*
    <i class="icon-tree"></i>
*/
.icon-tree:before {
  content: "\E634";
}
/* ###.icon-user */
/*
    <i class="icon-user"></i>
*/
.icon-user:before {
  content: "\E91E";
}
/* ###.icon-check_A */
/*
    <i class="icon-check_A"></i>
*/
.icon-check_A:before {
  content: "\E636";
}
/* ###.icon-poster */
/*
    <i class="icon-poster"></i>
*/
.icon-poster:before {
  content: "\E637";
}
/* ###.icon-workshop */
/*
    <i class="icon-workshop"></i>
*/
.icon-workshop:before {
  content: "\E638";
}
/* ###.icon-reply */
/*
    <i class="icon-reply"></i>
*/
.icon-reply:before {
  content: "\E632";
}
/* ###.icon-smile */
/*
    <i class="icon-smile"></i>
*/
.icon-smile:before {
  content: "\E62D";
}
/* ###.icon-goole-plus_A */
/*
    <i class="icon-goole-plus_A"></i>
*/
.icon-google-plus_A:before {
  content: "\E627";
}
/* ###.icon-lnkdn */
/*
    <i class="icon-lnkdn"></i>
*/
.icon-lnkdn:before {
  content: "\E628";
}
/* ###.icon-skype_A */
/*
    <i class="icon-skype_A"></i>
*/
.icon-skype_A:before {
  content: "\E629";
}
/* ###.icon-fcbk-square */
/*
    <i class="icon-fcbk-square"></i>
*/
/* ###.icon-email */
/*
    <i class="icon-email"></i>
*/
.icon-email:before {
  content: "\E62B";
}
/* ###.icon-plus */
/*
    <i class="icon-plus"></i>
*/
.icon-plus:before {
  content: "\E62C";
}
/* ###.icon-micro */
/*
    <i class="icon-micro"></i>
*/
.icon-micro:before {
  content: "\E626";
}
/* ###.icon-alert */
/*
    <i class="icon-alert"></i>
*/
.icon-alert:before {
  content: "\E625";
}
/* ###.icon-card */
/*
    <i class="icon-card"></i>
*/
.icon-card:before {
  content: "\E621";
}
/* ###.icon-chart */
/*
    <i class="icon-chart"></i>
*/
.icon-chart:before {
  content: "\E622";
}
/* ###.icon-bill */
/*
    <i class="icon-bill"></i>
*/
.icon-bill:before {
  content: "\E623";
}
/* ###.icon-calendar */
/*
    <i class="icon-calendar"></i>
*/
/* ###.icon-money */
/*
    <i class="icon-money"></i>
*/
.icon-money:before {
  content: "\E61D";
}
/* ###.icon-lock */
/*
    <i class="icon-lock"></i>
*/
.icon-lock:before {
  content: "\E61E";
}
/* ###.icon-cart */
/*
    <i class="icon-cart"></i>
*/
.icon-cart:before {
  content: "\E61F";
}
/* ###.icon-twt_A */
/*
    <i class="icon-twt_A"></i>
*/
.icon-twt_A:before {
  content: "\E61C";
}
/* ###.icon-skype */
/*
    <i class="icon-skype"></i>
*/
.icon-skype:before {
  content: "\E606";
}
/* ###.icon-gift */
/*
    <i class="icon-gift"></i>
*/
.icon-gift:before {
  content: "\E60F";
}
/* ###.icon-fcbk_A */
/*
    <i class="icon-fcbk_A"></i>
*/
.icon-fcbk_A:before {
  content: "\E91D";
}
/* ###.icon-phone_A */
/*
    <i class="icon-phone_A"></i>
*/
.icon-phone_A:before {
  content: "\E604";
}
/* ###.icon-phone */
/*
    <i class="icon-phone"></i>
*/
.icon-phone:before {
  content: "\E605";
}
/* ###.icon-googleplus */
/*
    <i class="icon-googleplus"></i>
*/
.icon-googleplus:before {
  content: "\E607";
}
/* ###.icon-ytb */
/*
    <i class="icon-ytb"></i>
*/
.icon-ytb:before {
  content: "\E608";
}
/* ###.icon-enie */
/*
    <i class="icon-enie"></i>
*/
.icon-enie:before {
  content: "\E609";
}
/* ###.icon-arrow_bottom */
/*
    <i class="icon-arrow_bottom"></i>
*/
.icon-arrow_bottom:before {
  content: "\E60A";
}
/* ###.icon-brain */
/*
    <i class="icon-brain"></i>
*/
.icon-brain:before {
  content: "\E60B";
}
/* ###.icon-video */
/*
    <i class="icon-video"></i>
*/
.icon-video:before {
  content: "\E60C";
}
/* ###.icon-crown */
/*
    <i class="icon-crown"></i>
*/
.icon-crown:before {
  content: "\E60D";
}
/* ###.icon-diploma */
/*
    <i class="icon-diploma"></i>
*/
.icon-diploma:before {
  content: "\E60E";
}
/* ###.icon-line_chat */
/*
    <i class="icon-line_chat"></i>
*/
.icon-line_chart:before {
  content: "\E610";
}
/* ###.icon-clock_A */
/*
    <i class="icon-clock_A"></i>
*/
.icon-clock_A:before {
  content: "\E611";
}
/* ###.icon-gear */
/*
    <i class="icon-gear"></i>
*/
.icon-gear:before {
  content: "\E612";
}
/* ###.icon-pencil */
/*
    <i class="icon-pencil"></i>
*/
.icon-pencil:before {
  content: "\E613";
}
/* ###.icon-play_A */
/*
    <i class="icon-play_A"></i>
*/
.icon-play_A:before {
  content: "\E614";
}
/* ###.icon-mooon */
/*
    <i class="icon-mooon"></i>
*/
.icon-moon:before {
  content: "\E615";
}
/* ###.icon-mic */
/*
    <i class="icon-mic"></i>
*/
.icon-mic:before {
  content: "\E616";
}
/* ###.icon-sun */
/*
    <i class="icon-sun"></i>
*/
.icon-sun:before {
  content: "\E617";
}
/* ###.icon-clock */
/*
    <i class="icon-clock"></i>
*/
.icon-clock:before {
  content: "\E618";
}
/* ###.icon-arrow-right */
/*
    <i class="icon-arrow-right"></i>
*/
.icon-arrow-right:before {
  content: "\E619";
}
/* ###.icon-marker */
/*
    <i class="icon-marker"></i>
*/
.icon-marker:before {
  content: "\E61A";
}
/* ###.icon-play */
/*
    <i class="icon-play"></i>
*/
.icon-minus_A:before {
  content: "\E648";
}
/* ###.icon-plus_A */
/*
    <i class="icon-plus_A"></i>
*/
.icon-plus_A:before {
  content: "\E649";
}
/* ###.icon-cross */
/*
    <i class="icon-cross"></i>
*/
.icon-cross:before {
  content: "\E64A";
}
/* ###.icon-warning */
/*
    <i class="icon-warning"></i>
*/
.icon-warning:before {
  content: "\E63E";
}
/* ###.icon-arrow-down */
/*
    <i class="icon-arrow-down"></i>
*/
.icon-arrow-down:before {
  content: "\E63F";
}
/* ###.icon-arrow-up */
/*
    <i class="icon-arrow-up"></i>
*/
.icon-arrow-up:before {
  content: "\E640";
}
/* ###.icon-house */
/*
    <i class="icon-house"></i>
*/
.icon-house:before {
  content: "\E641";
}
/* ###.icon-link */
/*
    <i class="icon-link"></i>
*/
.icon-link:before {
  content: "\E642";
}
/* ###.icon-arrow-left_A */
/*
    <i class="icon-arrow-left_A"></i>
*/
.icon-arrow-left_A:before {
  content: "\E643";
}
/* ###.icon-arrow-right_A */
/*
    <i class="icon-arrow-right_A"></i>
*/
.icon-arrow-right_A:before {
  content: "\E644";
}
/* ###.icon-menu */
/*
    <i class="icon-menu"></i>
*/
.icon-menu:before {
  content: "\E602";
}
/* ###.icon-user_A */
/*
    <i class="icon-user_A"></i>
*/
.icon-user_A:before {
  content: "\E64D";
}
.icon-picture_in_picture_alt:before {
  content: "\E981";
}
.icon-headphones:before {
  content: "\E982";
}
.icon-reload:before {
  content: "\E983";
}
.icon-dashboard:before {
  content: "\E985";
  color: #0484d3;
}
.icon-linkedin:before {
  content: "\E986";
  color: #0077b5;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url(https://static.platzi.com/static/css/bebasneue_regular-webfont.2ee1ec9cddf1ca54345436c4e7848ebc.eot);
  src: url(https://static.platzi.com/static/css/bebasneue_regular-webfont.2ee1ec9cddf1ca54345436c4e7848ebc.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.58001b2920a0ba974ad25181579ca08e.woff) format('woff'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.bbdf2ed4dd4172f66e06437f30f32385.ttf) format('truetype'), url(https://static.platzi.com/static/css/bebasneue_regular-webfont.1a75e93f40c5fbb5c75813bec57f7c3f.svg#bebas_neue_regularregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Bebas Neue';
  src: url(https://static.platzi.com/static/css/bebasneue_bold-webfont.705c630c1a92308ba1524165b13279d1.eot);
  src: url(https://static.platzi.com/static/css/bebasneue_bold-webfont.705c630c1a92308ba1524165b13279d1.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.314446403a69618dcc38d273442c8d99.woff) format('woff'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.0afc4669e026f83b94b169a43c93e851.ttf) format('truetype'), url(https://static.platzi.com/static/css/bebasneue_bold-webfont.0b0294e096918ad7ac023502093b807b.svg#bebas_neuebold) format('svg');
  font-weight: bold;
  font-style: normal;
}
/* #Botones */
/*
+ **Todos** los botones heredan de un boton básico que es muy parecido al ``` .btn-Gray ```
+ Los botones pueden contener un tag ``` <strike>texto</strike> ``` si deseas un tachado en el boton, ten en cuenta esta funcionalidad para cualquier tag que no sea un ```<input/>```. _No puedes poner más tag dentro de elementos de fomulario_
*/
/*


    <button class="btn">Botón básico</button>
    <button class="btn :hover">Botón básico</button>
    <button class="btn"><strike>Botón básico</strike></button>
*/
.Twt-Login {
  margin-right: 20px;
}
.btn,
.btn-Gray,
.btn-gray,
.btn-White,
.btn-white,
.btn-Green,
.btn-green,
.btn-Yellow,
.btn-yellow,
.btn-Orange,
.btn-orange,
.btn-Sky,
.btn-sky,
.btn-Red,
.btn-red,
.btn-Purple,
.btn-purple,
.btn-Black,
.btn-black,
.btn-fcbk,
.btn-twt,
.btn-ytb,
.btn-lkd {
  background-color: #d3d3d3;
  border: none;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
  padding: 8px 0.8em 6px 0.8em;
  text-decoration: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: 0;
}
.btn:before,
.btn-Gray:before,
.btn-gray:before,
.btn-White:before,
.btn-white:before,
.btn-Green:before,
.btn-green:before,
.btn-Yellow:before,
.btn-yellow:before,
.btn-Orange:before,
.btn-orange:before,
.btn-Sky:before,
.btn-sky:before,
.btn-Red:before,
.btn-red:before,
.btn-Purple:before,
.btn-purple:before,
.btn-Black:before,
.btn-black:before,
.btn-fcbk:before,
.btn-twt:before,
.btn-ytb:before,
.btn-lkd:before {
  margin-right: 10px;
  vertical-align: middle;
}
.btn:empty:before,
.btn-Gray:empty:before,
.btn-gray:empty:before,
.btn-White:empty:before,
.btn-white:empty:before,
.btn-Green:empty:before,
.btn-green:empty:before,
.btn-Yellow:empty:before,
.btn-yellow:empty:before,
.btn-Orange:empty:before,
.btn-orange:empty:before,
.btn-Sky:empty:before,
.btn-sky:empty:before,
.btn-Red:empty:before,
.btn-red:empty:before,
.btn-Purple:empty:before,
.btn-purple:empty:before,
.btn-Black:empty:before,
.btn-black:empty:before,
.btn-fcbk:empty:before,
.btn-twt:empty:before,
.btn-ytb:empty:before,
.btn-lkd:empty:before {
  margin-right: 0;
}
.btn:hover,
.btn-Gray:hover,
.btn-gray:hover,
.btn-White:hover,
.btn-white:hover,
.btn-Green:hover,
.btn-green:hover,
.btn-Yellow:hover,
.btn-yellow:hover,
.btn-Orange:hover,
.btn-orange:hover,
.btn-Sky:hover,
.btn-sky:hover,
.btn-Red:hover,
.btn-red:hover,
.btn-Purple:hover,
.btn-purple:hover,
.btn-Black:hover,
.btn-black:hover,
.btn-fcbk:hover,
.btn-twt:hover,
.btn-ytb:hover,
.btn-lkd:hover,
.btn:focus,
.btn-Gray:focus,
.btn-gray:focus,
.btn-White:focus,
.btn-white:focus,
.btn-Green:focus,
.btn-green:focus,
.btn-Yellow:focus,
.btn-yellow:focus,
.btn-Orange:focus,
.btn-orange:focus,
.btn-Sky:focus,
.btn-sky:focus,
.btn-Red:focus,
.btn-red:focus,
.btn-Purple:focus,
.btn-purple:focus,
.btn-Black:focus,
.btn-black:focus,
.btn-fcbk:focus,
.btn-twt:focus,
.btn-ytb:focus,
.btn-lkd:focus {
  background-color: #000;
}
.btn:active,
.btn-Gray:active,
.btn-gray:active,
.btn-White:active,
.btn-white:active,
.btn-Green:active,
.btn-green:active,
.btn-Yellow:active,
.btn-yellow:active,
.btn-Orange:active,
.btn-orange:active,
.btn-Sky:active,
.btn-sky:active,
.btn-Red:active,
.btn-red:active,
.btn-Purple:active,
.btn-purple:active,
.btn-Black:active,
.btn-black:active,
.btn-fcbk:active,
.btn-twt:active,
.btn-ytb:active,
.btn-lkd:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
}
.btn strike,
.btn-Gray strike,
.btn-gray strike,
.btn-White strike,
.btn-white strike,
.btn-Green strike,
.btn-green strike,
.btn-Yellow strike,
.btn-yellow strike,
.btn-Orange strike,
.btn-orange strike,
.btn-Sky strike,
.btn-sky strike,
.btn-Red strike,
.btn-red strike,
.btn-Purple strike,
.btn-purple strike,
.btn-Black strike,
.btn-black strike,
.btn-fcbk strike,
.btn-twt strike,
.btn-ytb strike,
.btn-lkd strike {
  font-weight: normal;
  font-size: 0.8em;
  position: relative;
  bottom: 0.1em;
}
.btn.btn--full-width,
.btn-Gray.btn--full-width,
.btn-gray.btn--full-width,
.btn-White.btn--full-width,
.btn-white.btn--full-width,
.btn-Green.btn--full-width,
.btn-green.btn--full-width,
.btn-Yellow.btn--full-width,
.btn-yellow.btn--full-width,
.btn-Orange.btn--full-width,
.btn-orange.btn--full-width,
.btn-Sky.btn--full-width,
.btn-sky.btn--full-width,
.btn-Red.btn--full-width,
.btn-red.btn--full-width,
.btn-Purple.btn--full-width,
.btn-purple.btn--full-width,
.btn-Black.btn--full-width,
.btn-black.btn--full-width,
.btn-fcbk.btn--full-width,
.btn-twt.btn--full-width,
.btn-ytb.btn--full-width,
.btn-lkd.btn--full-width {
  width: 100%;
}
.btn.is-normal,
.btn-Gray.is-normal,
.btn-gray.is-normal,
.btn-White.is-normal,
.btn-white.is-normal,
.btn-Green.is-normal,
.btn-green.is-normal,
.btn-Yellow.is-normal,
.btn-yellow.is-normal,
.btn-Orange.is-normal,
.btn-orange.is-normal,
.btn-Sky.is-normal,
.btn-sky.is-normal,
.btn-Red.is-normal,
.btn-red.is-normal,
.btn-Purple.is-normal,
.btn-purple.is-normal,
.btn-Black.is-normal,
.btn-black.is-normal,
.btn-fcbk.is-normal,
.btn-twt.is-normal,
.btn-ytb.is-normal,
.btn-lkd.is-normal {
  font-weight: 400;
}
.btn.is-light,
.btn-Gray.is-light,
.btn-gray.is-light,
.btn-White.is-light,
.btn-white.is-light,
.btn-Green.is-light,
.btn-green.is-light,
.btn-Yellow.is-light,
.btn-yellow.is-light,
.btn-Orange.is-light,
.btn-orange.is-light,
.btn-Sky.is-light,
.btn-sky.is-light,
.btn-Red.is-light,
.btn-red.is-light,
.btn-Purple.is-light,
.btn-purple.is-light,
.btn-Black.is-light,
.btn-black.is-light,
.btn-fcbk.is-light,
.btn-twt.is-light,
.btn-ytb.is-light,
.btn-lkd.is-light {
  font-weight: 300;
}
/* # Botón Gris

    <button class="btn-Gray">Boton Gris</button> <button class="btn-Gray :hover">Boton Gris:hover</button> */
.btn-Gray,
.btn-gray {
  background: -webkit-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -moz-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -o-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: -ms-linear-gradient(right, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  background: linear-gradient(to left, #d3d3d3 0%, #d3d3d3 50%, #d7d7d7 100%);
  color: #808080;
  -webkit-box-shadow: 0 1px 1px 0 #bdbdbd;
  box-shadow: 0 1px 1px 0 #bdbdbd;
}
.btn-Gray:hover,
.btn-gray:hover,
.btn-Gray:focus,
.btn-gray:focus {
  color: #fff;
  -webkit-box-shadow: 0 2px 13px 0 rgba(189,189,189,0.49);
  box-shadow: 0 2px 13px 0 rgba(189,189,189,0.49);
}
/* # Botón Blanco

    <button class="btn-White">Boton blanco</button> <button class="btn-White :hover">Boton blanco:hover</button> */
.btn-White,
.btn-white {
  background-color: #fff;
  color: #696969;
  -webkit-box-shadow: 0 1px 1px 0 #e5e5e5;
  box-shadow: 0 1px 1px 0 #e5e5e5;
}
.btn-White:hover,
.btn-white:hover,
.btn-White:focus,
.btn-white:focus {
  background: #fff;
  -webkit-box-shadow: 0 2px 13px 0 rgba(229,229,229,0.49);
  box-shadow: 0 2px 13px 0 rgba(229,229,229,0.49);
}
/* # Botón verde

    <button class="btn-Green">Boton Verde</button> <button class="btn-Green :hover">Boton Verde:hover</button> */
.btn-Green,
.btn-green {
  background: -webkit-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -moz-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -o-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: -ms-linear-gradient(right, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  background: linear-gradient(to left, #95ca3e 0%, #95ca3e 50%, #85c638 100%);
  -webkit-box-shadow: 0 1px 1px 0 #58902d;
  box-shadow: 0 1px 1px 0 #58902d;
}
.btn-Green:hover,
.btn-green:hover,
.btn-Green:focus,
.btn-green:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(88,144,45,0.49);
  box-shadow: 0 2px 13px 0 rgba(88,144,45,0.49);
  color: #fff;
}
/* # Botón amarillo

    <button class="btn-Yellow">Botón Amarillo</button> <button class="btn-Yellow :hover">Botón Amarillo:hover</button> */
.btn-Yellow,
.btn-yellow {
  background: -webkit-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -moz-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -o-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: -ms-linear-gradient(right, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  background: linear-gradient(to left, #fecc01 0%, #fecc01 50%, #fed11a 100%);
  color: color-brown;
  -webkit-box-shadow: 0 1px 1px 0 #e4b700;
  box-shadow: 0 1px 1px 0 #e4b700;
}
.btn-Yellow:hover,
.btn-yellow:hover,
.btn-Yellow:focus,
.btn-yellow:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(228,183,0,0.49);
  box-shadow: 0 2px 13px 0 rgba(228,183,0,0.49);
}
/* # Botón naranja

    <button class="btn-Orange">Botón Naranja</button>  <button class="btn-Orange :hover">Botón Naranja</button> */
.btn-Orange,
.btn-orange {
  background: -webkit-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -moz-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -o-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: -ms-linear-gradient(right, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  background: linear-gradient(to left, #ff7020 0%, #ff7020 50%, #ff6f1f 100%);
  -webkit-box-shadow: 0 1px 1px 0 #ec621c;
  box-shadow: 0 1px 1px 0 #ec621c;
}
.btn-Orange:hover,
.btn-orange:hover,
.btn-Orange:focus,
.btn-orange:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(236,98,28,0.5);
  box-shadow: 0 2px 13px 0 rgba(236,98,28,0.5);
}
/* # Botón cielo

    <button class="btn-Orange">Botón Naranja</button>  <button class="btn-Orange :hover">Botón Naranja</button> */
.btn-Sky,
.btn-sky {
  background: -webkit-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -moz-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -o-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: -ms-linear-gradient(right, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  background: linear-gradient(to left, #0684d3 0%, #0684d3 50%, #0790e4 100%);
  -webkit-box-shadow: 0 1px 1px 0 #0474ba;
  box-shadow: 0 1px 1px 0 #0474ba;
}
.btn-Sky:hover,
.btn-sky:hover,
.btn-Sky:focus,
.btn-sky:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(4,116,186,0.5);
  box-shadow: 0 2px 13px 0 rgba(4,116,186,0.5);
}
/* #Botón Rojo */
/*
    <button class="btn-Red">Botón Rojo</button> <button class="btn-Red :hover">Botón Rojo</button> */
.btn-Red,
.btn-red {
  background: -webkit-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -moz-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -o-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: -ms-linear-gradient(right, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  background: linear-gradient(to left, #e43f39 0%, #e43f39 50%, #e12a24 100%);
  -webkit-box-shadow: 0 1px 1px 0 #e12a24;
  box-shadow: 0 1px 1px 0 #e12a24;
}
.btn-Red:hover,
.btn-red:hover,
.btn-Red:focus,
.btn-red:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(225,42,36,0.5);
  box-shadow: 0 2px 13px 0 rgba(225,42,36,0.5);
}
/*
    <button class="btn-Red">Botón Rojo</button> <button class="btn-Red :hover">Botón Rojo</button> */
/* #Botón purpura

    <button class="btn-Purple">Botón Purpura</button> <button class="btn-Purple :hover">Botón Purpura</button> */
.btn-Purple,
.btn-purple {
  background: -webkit-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -moz-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -o-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: -ms-linear-gradient(right, color-purple 0%, color-purple 50%, #e222a0 100%);
  background: linear-gradient(to left, color-purple 0%, color-purple 50%, #e222a0 100%);
  -webkit-box-shadow: 0 1px 1px 0 #c80987;
  box-shadow: 0 1px 1px 0 #c80987;
}
.btn-Purple:hover,
.btn-purple:hover,
.btn-Purple:focus,
.btn-purple:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(200,9,135,0.5);
  box-shadow: 0 2px 13px 0 rgba(200,9,135,0.5);
}
/* #Botón negro

    <button class="btn-Black">Botón Negro</button> <button class="btn-Black :hover">Botón Negro</button> */
.btn-Black,
.btn-black {
  background: -webkit-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -moz-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -o-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: -ms-linear-gradient(right, #1c3643 0%, #273b47 50%, #2d3723 100%);
  background: linear-gradient(to left, #1c3643 0%, #273b47 50%, #2d3723 100%);
  -webkit-box-shadow: 0 1px 1px 0 #131d09;
  box-shadow: 0 1px 1px 0 #131d09;
}
.btn-Black:hover,
.btn-black:hover,
.btn-Black:focus,
.btn-black:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(19,29,9,0.5);
  box-shadow: 0 2px 13px 0 rgba(19,29,9,0.5);
}
/* ##Botones especiales */
/* #Botón Facebook

    <button class="btn-fcbk">Botón Facebook</button> <button class="btn-fcbk icon-fcbk :hover">Botón Facebook icon-fcbk :hover</button> */
.btn-fcbk {
  background: -webkit-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -moz-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -o-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: -ms-linear-gradient(right, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  background: linear-gradient(to left, #3b5999 0%, #3b5999 50%, #4e69a3 100%);
  -webkit-box-shadow: 0 1px 1px 0 #355089;
  box-shadow: 0 1px 1px 0 #355089;
}
.btn-fcbk:hover,
.btn-fcbk:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(53,80,137,0.5);
  box-shadow: 0 2px 13px 0 rgba(53,80,137,0.5);
}
/* #Botón Twitter

    <button class="btn-twt">Botón Twitter</button> <button class="btn-twt icon-twt :hover">Botón Twitter icon-twt :hover</button> */
.btn-twt {
  background: -webkit-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -moz-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -o-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: -ms-linear-gradient(right, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  background: linear-gradient(to left, #60a9de 0%, #60a9de 50%, #6fb1e1 100%);
  -webkit-box-shadow: 0 1px 1px 0 #5698c7;
  box-shadow: 0 1px 1px 0 #5698c7;
}
.btn-twt:hover,
.btn-twt:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(86,152,199,0.5);
  box-shadow: 0 2px 13px 0 rgba(86,152,199,0.5);
}
/* #Botón YouTube

    <button class="btn-ytb">Botón YouTube</button> <button class="btn-ytb icon-ytb :hover">Botón YouTube icon-ytb :hover</button> */
.btn-ytb {
  background: -webkit-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -moz-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -o-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: -ms-linear-gradient(right, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  background: linear-gradient(to left, #e52c26 0%, #e52c26 50%, #e7413b 100%);
  -webkit-box-shadow: 0 1px 1px 0 #ce2722;
  box-shadow: 0 1px 1px 0 #ce2722;
}
.btn-ytb:hover,
.btn-ytb:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(206,39,34,0.5);
  box-shadow: 0 2px 13px 0 rgba(206,39,34,0.5);
}
.btn-lkd {
  background: -webkit-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -moz-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -o-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: -ms-linear-gradient(right, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  background: linear-gradient(to left, #007bb5 0%, #007bb5 50%, #007bb5 100%);
  -webkit-box-shadow: 0 1px 1px 0 #007bb5;
  box-shadow: 0 1px 1px 0 #007bb5;
}
.btn-lkd:hover,
.btn-lkd:focus {
  -webkit-box-shadow: 0 2px 13px 0 rgba(0,123,181,0.5);
  box-shadow: 0 2px 13px 0 rgba(0,123,181,0.5);
}
.btn-lkd > .icon-linkedin:before {
  color: #fff;
}
/* #Modificadores en Botones */
/* Los modificadores son clases adicionales que van a modificar el estilo base de un botón y tienen la peculiaridad de tener dos guiones en su nombre de clase. */
/* #Botón circular */
/* Cualquier tipo de botón puede ser completamente redondeado con la clase .btn--rounded

    <button class="btn-Gray btn--rounded icon-twt"></button>
    <button class="btn-Gray btn--rounded">:)</button>
*/
.btn--rounded {
  border: none;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  height: 50px;
  line-height: 50px;
  width: 50px;
  text-align: center;
  margin-left: 15px;
  padding: 0;
}
.btn--rounded:before {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.btn--disabled {
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  cursor: not-allowed;
}
/* #Botón en mayusculas
    <button class="btn-Gray btn--uppercase">Botón en mayusculas</button>
*/
.btn--uppercase {
  text-transform: uppercase;
}
/* #Botón con texto blanco */
/* Si tienes un boton preconfigurado con otro color de texto puedes forzarlo a que sea blanco con este modificador. */
/*
    <button class="btn-Yellow btn--white">Botón con texto blanco</button>
*/
.btn--white {
  color: #fff;
}
.btn--white:hover,
.btn--white:focus {
  color: #fff;
}
/* #Tamaños de botón */
/* El botn por defecto (sin los siguiente modificadores) es considerado el pequeño, */
/* ## Boton Pequeño
    <button class="btn-Gray">Botón pequeño</button>
*/
/* ## Boton Mediano
    <button class="btn-Gray btn--medium">Botón mediano</button>
*/
.btn--medium,
.btn--md {
  font-size: 1rem;
  padding: 9px 0.8em 10px 0.8em;
}
/* ## Boton Grande
    <button class="btn-Gray btn--big">Botón grande</button>
*/
.btn--big {
  font-size: 18px;
  padding: 11px 0.8em 12px 0.8em;
}
/* ## Boton Grande responsive */
/* El botón grande puede tomar el tamaños de un botón pequeño en viewports de 767px a menos es decir más pequeño que un ipad en vertical.
    ** usa el boton de la barra inferior con icono de tablet ver el efecto **
*/
/*
    <button class="btn-Gray btn--big btn--responsive">Botón grande responsive</button>
*/
@media only screen and (max-width: 767px) {
  .btn--big.btn--responsive,
  .btn--medium.btn--responsive {
    font-size: 0.85em;
  }
}
/* #Botones con iconos */
/* Todos los botones pueden tener iconos de clase o iconos en <span></span> es recomendable poner el texto en un span para tener centrado verticalmente todo el contenido */
/*
    <button class="btn-Yellow icon-user_A"><span>Boton con icono de usuario</span></button>
    <button class="btn-Yellow btn--medium icon-user_A"><span>Boton mediano con icono de usuario</span></button>
    <button class="btn-Yellow btn--big icon-user_A"><span>Boton grande con icono de usuario</span></button>
*/
/* #Botones con linea intermedia e iconos */
/* Todos los botones pueden tener iconos de clase o iconos en <span></span> es recomendable poner el texto en un span para tener centrado verticalmente todo el contenido */
/*
    <button class="btn-Yellow "><span class="icon--line icon-user_A"></span><span>Boton con icono de usuario</span></button>
    <button class="btn-Yellow btn--medium "><span class="icon--line icon-user_A"></span><span>Boton mediano con icono de usuario</span></button>
    <button class="btn-Yellow btn--big "><span class="icon--line icon-user_A"></span><span>Boton grande con icono de usuario</span></button>
*/
.icon--right {
  margin-left: 1rem;
}
.icon--line,
.icon--left {
  margin-right: 0.5em;
}
.btn-icon--medium {
  font-size: 1.5em;
}
.btn--icon:before {
  margin-right: 0;
}
.btn-corner-right-orange {
  position: relative;
  font-size: 12px;
}
.btn-corner-right-orange:after {
  border-bottom: 27.5px solid transparent;
  border-right: 27.5px solid #ff7f38;
  content: "";
  right: 0;
  position: absolute;
  top: 0;
  z-index: 1;
}
.btn-corner-right-orange:before {
  color: #fff;
  right: 2.5px;
  position: absolute;
  top: 2.5px;
  font-size: 10px;
  z-index: 2;
}
@media only screen and (max-width: 320px) {
  .SocialButton-Login {
    margin: 0 auto;
    min-width: 160px;
  }
  .Twt-Login {
    margin-bottom: 10px;
  }
}
/* #Links */
/* ## Link Rojo
    <a class="link-red" href="#">link rojo</a>
*/
a.link-red {
  color: #ff4842;
}
a.link-red:hover {
  color: #98ca3f;
}
/* ## Link Verde
    <a class="link-green" href="#">link verde</a>
*/
a.link-green {
  color: #98ca3f;
}
a.link-green:hover {
  color: #ff4842;
}
/* #Títulos */
/* creo que no fueron tan buena idea así que recomiedo no usarlos
*/
/* ##Título A
    <h2 class="title-A">Título A</h2>
*/
.title-A {
  font-size: 36px;
  font-weight: bold;
}
/* ##Título B
    <h2 class="title-B">Título B</h2>
*/
.title-B {
  font-size: 26px;
}
/* ##Título C
    <h2 class="title-C">Título C</h2>
*/
.title-C {
  border-bottom: 1px solid #1c3643;
  display: inline-block;
  font-size: 32px;
  padding-bottom: 10px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .title-C {
    font-size: 21px;
  }
}
.title-Main {
  font-size: 65px;
}
/* #Utilidades
Las utilidades existen en todo el sitio y como su nombre lo dices son de uso fácil y ayudan a hacer cosas rutinarias de UI en las que no queremos repetir estilos sino heredar.
+ Las utilidades empiezan SIEMPRE con .u-
+ Las utilidades se instancian antes de los estilos de componentes
*/
/* #u-left
Flota un elemento a la izquierda
*/
/*
  <div class="">
    <div class="u-left u-border">izquierda</div>
  </div>

*/
.u-left {
  float: left;
}
/* #u-right
Flota un elemento a la derecha
*/
/*
  <div class="">
    <div class="u-right u-border">derecha</div>
  </div>

*/
.u-floatRight,
.u-right {
  float: right;
}
/* #u-clearfix
Si estas usando floats, será muy común usar .u-clearfix sobre el padre directo
*/
/* ## sin clearfix
  <div class="u-border">
    <div class="u-left u-border">izquierda</div>
    <div class="u-right u-border">derecha</div>
  </div>

*/
/* ## con clearfix

  <div class="u-clearfix u-border">
    <div class="u-left u-border">izquierda</div>
    <div class="u-right u-border">derecha</div>
  </div>
*/
.u-clearfix {
  zoom: 1;
}
.u-clearfix:before,
.u-clearfix:after {
  content: "";
  display: table;
}
.u-clearfix:after {
  clear: both;
}
/* #.u-uppercase
Coloca los textos en mayusculas
  <h2 class="u-uppercase">Esto es un texto en mayusculas</h2>
*/
.u-uppercase {
  text-transform: uppercase;
}
/* #.u-wrapper
Platzi tiene por lo general contenedores a 1000px pero uno general no es suficiente y ahi es donde u-wrapper brillará
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-grid-wrapper {
  max-width: 1024px;
  margin: 0 auto;
  padding: 0 15px;
}
.u-row-wrapper {
  max-width: 1024px;
  margin: 0 auto !important;
}
.u-wrapper,
.u-wrapper_A,
.u-wrapper_B {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto !important;
  max-width: 1200px;
  padding: 0 0.5em;
  position: relative;
}
/* #.u-wrapper_A
Es un contenedor orientado a tablets
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper_A u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper_A u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-wrapper_A {
  max-width: 768px;
}
/* #.u-wrapper_B
Es un contenedor orientado a moviles
*/
/*
  <div>
    <p>Este es el background se una sección importante</p>
    <div class="u-wrapper_B u-border">Este es el contenido de la sección importante </div>
  </div>
  <div>
    <p>Este es el background se otra sección importante</p>
    <div class="u-wrapper_B u-border">Este es el contenido de la sección importante  </div>
  </div>

*/
.u-wrapper_B {
  max-width: 340px;
}
/* u-verticalCenter +  u-verticalContent


*/
/*
  <div class="u-verticalCenter u-border" style="height 500px">
    <div class="u-verticalContent u-border">
      contenido centrado verticalment
    </div>
  </div>
*/
.u-verticalCenter {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.u-verticalContent {
  display: table-cell;
  vertical-align: middle;
}
/* #.u-inlineCenter
Coloca a los hijos directos con display inline-block y los alinea verticalmente
*/
/*
  <div class="u-inlineCenter">
    <img src="https://static.platzi.com/static/images/logos/platzi_favicon.png">
    <p>platzi :)</p>
  </div>


*/
.u-inlineCenter > * {
  vertical-align: middle;
  display: inline-block;
}
.u-textLeft {
  text-align: left;
}
.u-textCenter {
  text-align: center;
}
.u-flexBetween {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.u-flexAround {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.u-alignCenter {
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.u-marginLeft {
  margin-left: 0.5em;
}
.u-videoWrapper {
  position: relative;
  padding-bottom: 56.25% /* 16:9 */;
  height: 0;
}
.u-videoSource {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
.u-hr {
  border-top-color: #1c3643;
}
.u-lightText {
  font-weight: 300;
}
.Login {
  background: #232426;
  color: #fff;
  height: 0;
  overflow: hidden;
  padding: 0;
  text-align: center;
  -webkit-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -moz-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -o-transition: height 0.5s ease-out, padding 0.5s ease-out;
  -ms-transition: height 0.5s ease-out, padding 0.5s ease-out;
  transition: height 0.5s ease-out, padding 0.5s ease-out;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Login-callback {
  display: none;
}
.Login-content * {
  margin-right: 15px;
}
.Login-content *:last-child {
  margin-right: 0;
}
.Login-callback:checked ~ .Login,
.Login.is-show {
  height: 115px;
  padding: 0 10px;
}
.Login-copy {
  border-left: 1px solid #fff;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  padding: 15px;
}
@media only screen and (max-width: 1100px) {
  .Login-copy {
    font-size: 16px;
    padding: 15px 10px;
  }
  .Login [class^="btn"],
  .Login [class*=" btn"] {
    font-size: 16px;
  }
}
@media only screen and (max-width: 800px) {
  .Login-copy {
    display: block;
    padding: 10px 0;
    border-left: none;
    margin: 0 auto 10px;
  }
  .Login-callback:checked ~ .Login,
  .Login.is-show {
    height: 210px;
  }
  .Login [class^="btn"],
  .Login [class*=" btn"] {
    display: block;
    margin: 0 auto 10px;
    max-width: 250px;
    text-align: left;
  }
}
.MainMenu {
  float: right;
}
.MainMenu-modal {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-modal:hover {
    border-top: 5px solid #ff4842;
  }
}
.MainMenu-link {
  display: block;
  padding: 15px 13px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
}
.MainMenu-btn {
  padding: 5px 0;
  border-top: 5px solid transparent;
}
.MainMenu-btn.desktop {
  display: none;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-btn.desktop {
    display: inline-block;
  }
}
.MainMenu-btn.mobile {
  padding: 0;
  border: 0;
}
@media only screen and (min-width: 1087px) {
  .MainMenu-btn.mobile {
    padding: 5px 0;
    border-top: 5px;
    display: none;
  }
}
.MainMenu-callback {
  display: none;
}
.MainMenu-container {
  font-size: 0;
  line-height: 0;
  padding: 0;
  text-align: right;
}
.MainMenu-option {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
  font-family: 'Open Sans', Arial;
  line-height: 16px;
  position: relative;
  vertical-align: top;
}
.MainMenu-option.is_sticky_mobile {
  display: none;
}
.MainMenu-option.is_sticky {
  text-decoration: underline;
  text-decoration-color: #98ca3f;
}
.MainMenu-option.is_sticky .MainMenu-link {
  color: #98ca3f;
}
.MainMenu-option.show-modal {
  position: relative;
}
@media only screen and (max-width: 1087px) {
  .MainMenu {
    display: none;
    overflow: hidden;
    -webkit-transition: height 0.5s ease-out;
    -moz-transition: height 0.5s ease-out;
    -o-transition: height 0.5s ease-out;
    -ms-transition: height 0.5s ease-out;
    transition: height 0.5s ease-out;
    width: calc(100% + 30px);
    margin-left: -15px;
    float: none;
  }
  .MainMenu-container {
    background: #141d24;
    margin: 0;
    padding: 0;
  }
  .MainMenu-callback:checked ~ .MainMenu {
    display: block;
  }
  .MainMenu-loged:checked ~ .MainMenu {
    display: block;
  }
  .MainMenu-option {
    display: block;
    text-align: center;
  }
  .MainMenu-option.is_sticky_mobile {
    display: block;
  }
}
@media only screen and (min-width: 1087px) {
  .MainMenu .line:before {
    height: 1.5em;
    border-right: 1px solid #fff;
    content: '';
    position: absolute;
    top: 17px;
    right: 0;
  }
  .MainMenu-link {
    border-top: 5px solid transparent;
  }
  .MainMenu-link:hover {
    border-top: 5px solid #ff4842;
  }
}
.LanguageSelect {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.LanguageSelect input {
  background: #000;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.LanguageSelect input:checked ~ .LanguageSelect-change:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.LanguageSelect input:checked ~ .LanguageSelect-list {
  visibility: visible;
  opacity: 1;
  -ms-filter: none;
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.LanguageSelect-option {
  padding: 0 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  background: inherit;
  height: 100%;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border: none;
  color: #fff;
  font-weight: bold;
  overflow: ellipisis;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  border-top: 1px solid #284e60;
}
.LanguageSelect-option img {
  margin-right: 10px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.LanguageSelect-selected {
  padding-right: 30px;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
}
.LanguageSelect-change {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  height: inherit;
  cursor: pointer;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
.LanguageSelect-change:before {
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  -o-transition: -o-transform 0.2s;
  -ms-transition: -ms-transform 0.2s;
  transition: transform 0.2s;
  will-change: transform;
}
.LanguageSelect a {
  background: #1c3643;
  text-decoration: none;
}
.LanguageSelect-list {
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0;
  height: inherit;
  z-index: 3;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s;
  will-change: opacity, transform;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-filter: alpha(opacity=0);
  -moz-filter: alpha(opacity=0);
  -ms-filter: alpha(opacity=0);
  -o-filter: alpha(opacity=0);
  filter: alpha(opacity=0);
  visibility: hidden;
  -webkit-transform: translateY(-2em);
  -moz-transform: translateY(-2em);
  -o-transform: translateY(-2em);
  -ms-transform: translateY(-2em);
  transform: translateY(-2em);
}
@media only screen and (max-width: 640px) {
  .LanguageSelect-selected span {
    display: none;
  }
  .LanguageSelect-option {
    padding: 0 20px;
  }
}
.HeaderSticky-saas {
  margin: 0 auto !important;
}
.HeaderSticky-saasContainer {
  max-width: calc(100% - 30px);
}
.HeaderSticky-on {
  position: fixed;
  width: 100%;
  z-index: 4;
  top: 0;
}
.HeaderSticky-on + * {
  margin-top: 52px;
}
.HeaderSticky-on .Header-desktop,
.HeaderSticky-on .Header-mobile {
  display: none;
}
.HeaderSticky-on .HeaderSticky-wrapper {
  margin-right: 20px;
}
.HeaderSticky-on.is-new-home {
  min-width: calc(100% - 410px);
  width: 70%;
  max-width: calc(100% - 320px);
}
@media only screen and (max-width: 767px) {
  .HeaderSticky-on.is-new-home {
    min-width: 100%;
    max-height: 100%;
    width: 100%;
  }
}
.HeaderSticky-wrapper {
  display: block;
}
.HeaderSticky-label {
  margin: 15px;
  float: left;
  position: relative;
}
.HeaderSticky-options {
  display: none;
}
.HeaderSticky-login {
  color: #7dcd40;
}
.HeaderSticky-option {
  padding: 5px;
  border-top: 2px solid transparent;
  display: inline-block !important;
}
.HeaderSticky-option .Header-login {
  margin: 0;
}
.HeaderSticky-subscribe {
  cursor: pointer;
  float: right;
  position: relative;
}
@media only screen and (max-width: 640px) {
  .HeaderSticky-on .Header-login {
    padding: 0px 9.6px 9.6px;
  }
  .HeaderSticky-on .Header-option {
    margin-top: -5px;
  }
}
@media only screen and (max-width: 380px) {
  .HeaderSticky-on .Header-login {
    padding: 0px 9.6px 9.6px;
  }
}
@media only screen and (max-width: 500px) {
  .HeaderSticky-label {
    font-size: 12px;
  }
  .HeaderSticky-label span {
    display: none;
  }
}
.Header {
  background: -webkit-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -moz-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -o-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: -ms-linear-gradient(left, #1c3643 0%, #273b47 25%, #1e5372 100%);
  background: linear-gradient(to right, #1c3643 0%, #273b47 25%, #1e5372 100%);
  padding: 0 15px;
  position: relative;
  z-index: 2;
}
.Header-options,
.Header-desktop,
.Header-mobile {
  float: right;
  padding: 0;
  height: inherit;
  height: 52px;
}
.Header-options > li,
.Header-desktop > li,
.Header-mobile > li {
  color: #fff;
  display: inline-block;
  vertical-align: top;
  height: inherit;
}
.Header--dark {
  border-bottom: 1px solid rgba(255,255,255,0.2);
  background: #121f3d;
}
.Header-session {
  margin-right: -10px;
  padding: 0 12px;
}
.Header-desktop {
  display: block;
}
.Header-mobile {
  display: none;
}
@media only screen and (max-width: 1180px) {
  .Header-option > .btn-Green {
    display: none;
  }
}
@media only screen and (max-width: 1087px) {
  .Header-option > .btn-Green {
    display: inline-block;
  }
}
.Header-container {
  position: relative;
  height: inherit;
}
.Header-login {
  cursor: pointer;
  margin: 8px 0 0 0;
  position: relative;
}
.Header-avatar {
  display: inline-block;
  float: right;
  margin: 11px 0px 11px 12px;
  cursor: pointer;
}
.Header-avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  object-fit: cover;
}
.Header-logo,
.Header-logoEnglish {
  float: left;
  overflow: hidden;
  vertical-align: top;
  position: relative;
}
.Header-logo {
  height: 50px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Header-logoEnglish {
  padding: 12px 0 7px 0px;
}
.Header-mobileLogo {
  display: none;
  height: 36px;
  overflow: hidden;
  width: 98px;
  vertical-align: top;
  position: absolute;
  top: 10px;
  left: 10px;
}
.Header-mobileMenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 24px;
  margin-left: 15px;
  position: relative;
  height: 50px;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  line-height: 50px;
}
.Header-menuContainer {
  right: 0;
  top: 0;
  height: inherit;
}
@media only screen and (max-width: 1087px) {
  .Header-container {
    padding: 0;
  }
  .Header-login:before {
    content: none;
  }
  .Header-mobileMenu {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
  .Header-menuContainer {
    zoom: 1;
  }
  .Header-menuContainer:before,
  .Header-menuContainer:after {
    content: "";
    display: table;
  }
  .Header-menuContainer:after {
    clear: both;
  }
  .Header-desktop {
    display: none;
  }
  .Header-mobile {
    display: block;
  }
}
@media only screen and (max-width: 640px) {
  .Header-login {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    background: none;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    color: #98ca3f !important;
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: box !important;
    display: flex !important;
    text-decoration: underline;
    padding: 0;
    margin: 1rem 0 0 0 !important;
  }
  .Header-login:hover {
    background: none;
    color: #ff4842 !important;
  }
  .Header-session {
    background: transparent;
  }
  .Header-avatar {
    display: none;
  }
  .Header-english .Header-login {
    padding: 7.2px 9.6px 9.6px;
  }
}
@media only screen and (max-width: 380px) {
  .Header-login {
    font-size: 12px;
    margin-left: -20px;
  }
  .Header-session {
    margin: 0;
    padding: 0;
  }
}
.Footer {
  background: #1c3643;
  color: #fff;
  padding: 46px 0;
}
.Footer-saas {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.Footer-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.Footer-powered {
  margin-top: 1rem;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  -webkit-filter: alpha(opacity=50);
  -moz-filter: alpha(opacity=50);
  -ms-filter: alpha(opacity=50);
  -o-filter: alpha(opacity=50);
  filter: alpha(opacity=50);
  font-size: 14px;
}
.Footer-powered a {
  text-decoration: none;
  color: #fff;
}
.Footer-column {
  max-width: 300px;
}
.Footer-column_A {
  max-width: none;
}
.Footer-contactList,
.Footer-navList {
  margin: 0;
  padding: 0;
  margin-left: 50px;
}
.Footer-contactInfo {
  display: block;
  font-weight: bold;
  margin: 10px 20px 10px 0;
}
.Footer-contactInfo:before {
  font-size: 20px;
  margin-right: 0.4em;
  position: relative;
  top: 3px;
}
.Footer-contactInfo a {
  color: #fff;
  text-decoration: none;
}
.Footer-nav {
  border-left: 1px solid #fff;
}
.Footer-navLink {
  color: #fff;
  display: block;
  font-weight: bold;
  margin: 10px 20px;
  text-decoration: underline;
}
.Footer-navLink a {
  color: #fff;
}
.Footer-navLink a:hover {
  color: #98ca3f;
}
.Footer-socialList {
  border-left: 1px solid #fff;
  display: inline-block;
  margin: 20px 0;
  padding: 5px 10px;
}
.Footer-buttons {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.Footer-language {
  display: inline-block;
  margin: 0px 0px 0px 25px;
  border: solid 2px #fff;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.Footer-languageBtn {
  outline: none;
  cursor: pointer;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 8px 10px;
  color: #fff;
  font-size: 13px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.Footer-languageBtn img {
  -webkit-border-radius: 100%;
  border-radius: 100%;
  width: 15px;
}
.Footer-languageBtn span {
  margin-left: 10px;
}
.Footer-languageBtn i {
  margin-left: 10px;
  font-size: 14px;
}
.Footer a {
  text-decoration: none;
}
.Footer-languageSelect {
  display: none;
}
.Footer-languageShow {
  display: block;
  border-top: 1px solid rgba(255,255,255,0.3);
}
.Footer-socialNetwork {
  display: inline-block;
  height: 20px;
  margin: 0 5px;
}
.Footer-socialNetwork a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
.Footer-socialNetwork a:hover {
  color: #fff;
}
.Footer-extraInfo {
  line-height: 1.3;
  margin-bottom: 15px;
}
.Footer-socialTitle {
  display: inline-block;
  padding: 0 15px 0 5px;
}
@media only screen and (max-width: 640px) {
  .Footer-contactInformation {
    display: inline-block;
    vertical-align: top;
    width: 50%;
  }
  .Footer-nav {
    border-left: none;
  }
  .Footer-contactList {
    margin: 0;
  }
  .Footer-container {
    display: block;
    text-align: center;
  }
  .Footer-extraInfo {
    max-width: 100%;
  }
  .Footer-navList {
    margin: 0;
    padding: 0;
  }
  .Footer-navLink {
    margin: 10px 0px;
  }
  .Footer-column {
    margin: 0;
    padding: 0;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    max-width: initial;
  }
  .Footer-description {
    margin-bottom: 20px;
    min-width: 100%;
  }
  .Footer-description:nth-child(3) {
    display: block;
    float: none !important;
    margin: 40px auto 0;
  }
}
@font-face {
  font-family: 'cooper_hewittmedium';
  src: url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b90caad8c5de2b74822acdfe8452f202.eot);
  src: url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b90caad8c5de2b74822acdfe8452f202.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.a23aeab68bbdc1b3f571ac216af5f59a.woff2) format('woff2'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.e3f4106c60f10db0a0fb1f6c1b658c53.woff) format('woff'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.b5ae2c0a6a5a7caecd04b012073882b9.ttf) format('truetype'), url(https://static.platzi.com/static/css/cooperhewitt-medium-webfont.7e9160254bc37a0ec34c29bea2bb1bf4.svg#cooperRegular) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'cooper_hewittmedium';
  src: url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.38d15d0c054629ff1e6442981aefa369.eot);
  src: url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.38d15d0c054629ff1e6442981aefa369.eot?#iefix) format('embedded-opentype'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.b569525507c54a3580a45a27ce53205a.woff2) format('woff2'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.bca640da316ae6ef792934ceab435f6a.woff) format('woff'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.3ccf5a36969c6f0ae9180dd39a2c7488.ttf) format('truetype'), url(https://static.platzi.com/static/css/cooperhewitt-semibold-webfont.395619d80455ef70ee30595c010e5fa6.svg#cooperSemibold) format('svg');
  font-weight: 500;
  font-style: normal;
}
.fb_reset {
  display: none;
}
img[src*='https://www.googleadservices.com'] {
  display: none;
}
.row,
.row.row:before,
.row.row:after,
.row .row:before,
.row .row:after {
  content: normal;
}
.container-fluid,
.container {
  margin-right: auto;
  margin-left: auto;
}
.container-fluid {
  padding-right: 2rem;
  padding-left: 2rem;
}
.row {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}
.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -o-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  -o-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.col-xs {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  -ms-box-flex: 1;
  box-flex: 1;
  -webkit-flex-grow: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  max-width: 100%;
}
.col-xs-1 {
  -ms-flex-preferred-size: 8.33333333%;
  -webkit-flex-basis: 8.33333333%;
  flex-basis: 8.33333333%;
  max-width: 8.33333333%;
}
.col-xs-2 {
  -ms-flex-preferred-size: 16.66666667%;
  -webkit-flex-basis: 16.66666667%;
  flex-basis: 16.66666667%;
  max-width: 16.66666667%;
}
.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.col-xs-4 {
  -ms-flex-preferred-size: 33.33333333%;
  -webkit-flex-basis: 33.33333333%;
  flex-basis: 33.33333333%;
  max-width: 33.33333333%;
}
.col-xs-5 {
  -ms-flex-preferred-size: 41.66666667%;
  -webkit-flex-basis: 41.66666667%;
  flex-basis: 41.66666667%;
  max-width: 41.66666667%;
}
.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.col-xs-7 {
  -ms-flex-preferred-size: 58.33333333%;
  -webkit-flex-basis: 58.33333333%;
  flex-basis: 58.33333333%;
  max-width: 58.33333333%;
}
.col-xs-8 {
  -ms-flex-preferred-size: 66.66666667%;
  -webkit-flex-basis: 66.66666667%;
  flex-basis: 66.66666667%;
  max-width: 66.66666667%;
}
.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%;
}
.col-xs-10 {
  -ms-flex-preferred-size: 83.33333333%;
  -webkit-flex-basis: 83.33333333%;
  flex-basis: 83.33333333%;
  max-width: 83.33333333%;
}
.col-xs-11 {
  -ms-flex-preferred-size: 91.66666667%;
  -webkit-flex-basis: 91.66666667%;
  flex-basis: 91.66666667%;
  max-width: 91.66666667%;
}
.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -o-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  text-align: start;
}
.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  text-align: center;
}
.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -o-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: end;
}
.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-align: start;
  -moz-box-align: start;
  -o-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-align: end;
  -moz-box-align: end;
  -o-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.around-xs {
  -ms-flex-pack: distribute;
  -webkit-box-pack: distribute;
  -moz-box-pack: distribute;
  -o-box-pack: distribute;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.first-xs {
  -webkit-box-ordinal-group: 0;
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: -1;
  -moz-box-ordinal-group: -1;
  -o-box-ordinal-group: -1;
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1;
}
.last-xs {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 1;
  -moz-box-ordinal-group: 1;
  -o-box-ordinal-group: 1;
  -ms-flex-order: 1;
  -webkit-order: 1;
  order: 1;
}
@media only screen and (min-width: 48em) {
  .container {
    width: 49rem;
  }
  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12,
  .col-sm-offset-0,
  .col-sm-offset-1,
  .col-sm-offset-2,
  .col-sm-offset-3,
  .col-sm-offset-4,
  .col-sm-offset-5,
  .col-sm-offset-6,
  .col-sm-offset-7,
  .col-sm-offset-8,
  .col-sm-offset-9,
  .col-sm-offset-10,
  .col-sm-offset-11,
  .col-sm-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-sm-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 64em) {
  .container {
    width: 65rem;
  }
  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-offset-0,
  .col-md-offset-1,
  .col-md-offset-2,
  .col-md-offset-3,
  .col-md-offset-4,
  .col-md-offset-5,
  .col-md-offset-6,
  .col-md-offset-7,
  .col-md-offset-8,
  .col-md-offset-9,
  .col-md-offset-10,
  .col-md-offset-11,
  .col-md-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-md {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-md-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
@media only screen and (min-width: 75em) {
  .container {
    width: 76rem;
  }
  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-offset-0,
  .col-lg-offset-1,
  .col-lg-offset-2,
  .col-lg-offset-3,
  .col-lg-offset-4,
  .col-lg-offset-5,
  .col-lg-offset-6,
  .col-lg-offset-7,
  .col-lg-offset-8,
  .col-lg-offset-9,
  .col-lg-offset-10,
  .col-lg-offset-11,
  .col-lg-offset-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .col-lg-1 {
    -ms-flex-preferred-size: 8.33333333%;
    -webkit-flex-basis: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-2 {
    -ms-flex-preferred-size: 16.66666667%;
    -webkit-flex-basis: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -ms-flex-preferred-size: 33.33333333%;
    -webkit-flex-basis: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-5 {
    -ms-flex-preferred-size: 41.66666667%;
    -webkit-flex-basis: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -ms-flex-preferred-size: 58.33333333%;
    -webkit-flex-basis: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-8 {
    -ms-flex-preferred-size: 66.66666667%;
    -webkit-flex-basis: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -ms-flex-preferred-size: 83.33333333%;
    -webkit-flex-basis: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-11 {
    -ms-flex-preferred-size: 91.66666667%;
    -webkit-flex-basis: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    -o-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: start;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: end;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-box-align: end;
    -moz-box-align: end;
    -o-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    -webkit-box-pack: distribute;
    -moz-box-pack: distribute;
    -o-box-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: -1;
    -moz-box-ordinal-group: -1;
    -o-box-ordinal-group: -1;
    -ms-flex-order: -1;
    -webkit-order: -1;
    order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -o-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
  }
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'cooper_hewittmedium';
  font-weight: bold;
}
.h1.no-margin,
.h2.no-margin,
.h3.no-margin,
.h4.no-margin,
.h5.no-margin,
.h6.no-margin {
  margin: 0;
}
.h1 {
  font-size: 2em;
  margin: 2rem 0 1rem;
}
@media only screen and (min-width: 48em) {
}
.h2 {
  font-size: 1.5em;
  margin: 2rem 0;
  line-height: 2rem;
}
@media only screen and (min-width: 48em) {
  .h2 {
    font-size: 2em;
  }
}
.h3 {
  font-size: 1.3em;
  margin: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .h3 {
    font-size: 1.75em;
  }
}
.h4 {
  font-size: 1.25em;
  margin: 1rem 0;
}
@media only screen and (min-width: 48em) {
  .h4 {
    font-size: 1.5em;
  }
}
.h5 {
  font-size: 1.25em;
  margin: 0.5rem 0;
}
.h6 {
  font-size: 1em;
  margin: 0.5rem 0;
}
.p {
  font-size: 1rem;
  font-family: 'Lato', sans-serif;
  margin: 0.8rem 0;
}
@media only screen and (min-width: 48em) {
  .p .big {
    font-size: 1.25rem;
  }
}
.p .mid {
  font-size: 0.95rem;
}
.p small,
.p .small {
  font-size: 0.75rem;
}
.tag {
  font-size: 0.95em;
}
.h1 + .h3 {
  margin-top: 0;
}
.link,
.link--green,
.link--orange,
.link--green--orange {
  text-decoration: underline;
  color: #0791e6;
  cursor: pointer;
}
.link--green,
.link--green--green,
.link--orange--green,
.link--green--orange--green {
  color: #98ca3f;
}
.link--orange,
.link--green--orange,
.link--orange--orange,
.link--green--orange--orange {
  color: #ff7f38;
}
.ul {
  padding: 0;
  margin: 0.5em 0;
}
.ul .li {
  font-size: 0.9em;
  list-style: none;
  padding-left: 25px;
  position: relative;
  margin-bottom: 0.5em;
}
.ul .li:before {
  content: "";
  width: 8px;
  height: 8px;
  display: block;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #0791e6;
  display: inline-block;
  position: absolute;
  left: 7.5px;
  top: 5px;
}
.BannerReferral {
  font-family: 'cooper_hewittmedium';
  background: #000;
  background-image: url(https://static.platzi.com/static/css/cover_home.5bf2e3be26a44e88a53e4872e5de09f2.jpg);
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-position: center bottom;
  color: #fff;
  padding: 0.75rem 0;
}
.BannerReferral.is-game {
  background-position: center center;
  background-image: url(https://static.platzi.com/static/css/brayan_referidos_header.bf4004d5c481eeda2e2a85001b42a332.jpg);
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game {
    height: 400px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-avatar {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-avatar img {
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-avatarContainer {
    margin-right: 2rem;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-container {
    max-width: 590px;
    margin: 0 auto;
    margin-left: 5rem;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-referral {
    font-size: 2.5rem;
  }
}
@media only screen and (min-width: 64em) {
  .BannerReferral.is-game .BannerReferral-amount {
    font-size: 1.75rem;
  }
}
.BannerReferral .Place {
  text-align: center;
}
.BannerReferral .Place h2 {
  font-family: 'Bebas Neue';
  margin: 54px 0 58px;
  text-decoration: underline;
  font-size: 45px;
  color: #db5656;
}
.BannerReferral .Place-container {
  padding-bottom: 30px;
}
.BannerReferral .Place-outside {
  width: 50%;
}
.BannerReferral .Place-left {
  float: left;
  width: 350px;
  height: 350px;
  position: relative;
}
.BannerReferral .Place-left iframe {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
}
.BannerReferral .Place-right {
  text-align: left;
  margin-left: 420px;
}
.BannerReferral .Place-day {
  font-size: 23px;
  font-weight: bold;
}
.BannerReferral .Place-day:before {
  margin-right: 5px;
}
.BannerReferral .Place-hour {
  font-size: 23px;
  font-weight: bold;
  margin-top: 8px;
  margin-bottom: 17px;
}
.BannerReferral .Place-hour:before {
  margin-right: 5px;
}
.BannerReferral .Place-label {
  font-size: 23px;
}
.BannerReferral .Place-subplace {
  font-size: 23px;
  margin-bottom: 18px;
}
.BannerReferral .Place-image {
  margin-right: 22px;
}
.BannerReferral .Place-image img {
  width: 200px;
}
.BannerReferral .Place-info {
  margin-top: 30px;
}
.BannerReferral .Place-info a {
  font-size: 18px;
}
.BannerReferral .Place-rightTop {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  border-bottom: 1px solid;
  padding: 0 100px 25px 100px;
}
.BannerReferral .Place-rightBottom {
  text-align: center;
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.BannerReferral .Place-timeTitle {
  margin: 0 auto;
  font-size: 20px;
  padding-top: 5px;
}
.BannerReferral .Place-timer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.BannerReferral .Place-col {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.BannerReferral .Place-col:last-child .Place-num:after {
  display: none;
}
.BannerReferral .Place-num {
  font-size: 38px;
  font-weight: bold;
}
.BannerReferral .Place-num:after {
  content: ":";
}
.BannerReferral .Place-timerFooter {
  margin: 0 auto;
  font-size: 20px;
  margin-top: 10px;
}
.BannerReferral.is-bf {
  background-image: url(https://static.platzi.com/static/css/bf_colombia.174e741a8b5a23c5d23f86aba2c3b638.jpg);
  background-position: center center;
}
.BannerReferral-triangle {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 10px solid #fff;
  border-bottom: 5px solid transparent;
  position: absolute;
  right: 0;
  top: 45%;
}
.BannerReferral-username {
  text-transform: capitalize;
}
.BannerReferral-info {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -o-box-flex: 1;
  box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.BannerReferral-container {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 520px;
  padding: 0 15px;
  margin: 0 auto;
}
.BannerReferral-referral {
  font-size: 18px;
}
.BannerReferral-amount {
  font-size: 1rem;
}
.BannerReferral-currency {
  color: #fecc01;
}
.BannerReferral-avatarContainer {
  position: relative;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 0.75rem;
}
.BannerReferral-avatar {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #fff;
  width: 50px;
  height: 50px;
}
.BannerReferral-avatar img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
@media only screen and (max-width: 1000px) {
  .BannerReferral .Place-container {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0 30px 0;
  }
  .BannerReferral .Place-left {
    width: 100%;
    height: 280px;
    margin-bottom: 50px;
  }
  .BannerReferral .Place-right {
    width: 70%;
    margin: 0 auto;
  }
  .BannerReferral .Place-rightBottom {
    text-align: center;
    margin-right: -40px;
    margin-left: -40px;
    margin-bottom: 0px;
  }
  .BannerReferral .Place-rightTop {
    padding-left: 20%;
  }
}
@media only screen and (max-width: 768px) {
  .BannerReferral-referral {
    font-size: 18px;
  }
  .BannerReferral-amount {
    font-size: 1rem;
  }
  .BannerReferral-avatar {
    width: 35px;
    height: 35px;
  }
  .BannerReferral-avatar img {
    width: 35px;
    height: 35px;
  }
  .BannerReferral-avatarContainer {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
  }
}
@media only screen and (max-width: 710px) {
  .BannerReferral .Place-left {
    margin-bottom: 50px;
  }
  .BannerReferral .Place-right {
    margin: 0 auto;
  }
  .BannerReferral .Place-rightTop {
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -o-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: -40px;
    margin-left: -40px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .BannerReferral .Place-image {
    text-align: center;
  }
  .BannerReferral .Place-num {
    font-size: 38px;
  }
  .BannerReferral .Place-footerPlace {
    display: none;
  }
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: 'IBM Plex Sans', sans-serif !important;
}
.ModalPayments {
  max-width: 84%;
  padding: 2rem 1.5rem;
  text-align: left;
  position: relative;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-color: #121f3d !important;
  color: #fff;
}
@media only screen and (min-width: 48em) {
  .ModalPayments {
    max-width: 536px;
    padding: 3rem 4rem;
  }
}
.ModalPayments .DLocal-button {
  padding: 0.8rem 1rem;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #98ca3f;
  color: #03091e;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ModalPayments .DLocal-button:hover,
.ModalPayments .DLocal-button:focus {
  background-color: #b8eb60;
}
.ModalWarning {
  border: 1px solid rgba(254,204,1,0.4);
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background: #0c1633;
  color: #fecc01;
  font-size: 0.9rem;
  line-height: 1.3;
}
.ModalWarning a {
  font-weight: 700;
}
.u-wrapper {
  max-width: 592px;
}
.checkout {
  min-height: calc(100vh - 51px);
  background: #0c1633;
  color: #fff;
  scroll-behavior: smooth;
}
.CheckoutV2 {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: calc(100vh - 51px);
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 {
    min-height: calc(100vh - 51px);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.4fr 0.6fr;
    grid-auto-columns: 1fr;
    grid-template-rows: 0.1fr;
    grid-template-areas: "content details" "content details";
  }
}
.CheckoutV2 .Content {
  -webkit-box-ordinal-group: 2;
  -moz-box-ordinal-group: 2;
  -o-box-ordinal-group: 2;
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2;
  grid-area: content;
}
@media only screen and (min-width: 64em) {
  .CheckoutV2 .Content {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .CheckoutV2 .Content::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .Content {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -o-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
  }
}
.CheckoutV2 .DetailsV2 {
  grid-area: details;
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .DetailsV2 {
    padding: 2.5rem 1.75rem;
    min-width: 450px;
  }
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .DetailsV2--custom {
    padding: 1rem 1.75rem !important;
  }
}
.CheckoutV2 .PaymentOptionDetail {
  padding-bottom: 1rem;
}
.CheckoutV2 .PaymentOptionDetail .PaymentOptionInputs {
  padding: 0;
}
.CheckoutV2 .PaymentOptionContent {
  -webkit-border-radius: 0.5rem;
  border-radius: 0.5rem;
  overflow: visible;
}
.CheckoutV2 .PaymentOptionInputs {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 592px;
  margin: 0 auto;
  padding: 1rem;
}
.CheckoutV2 .PaymentOptionInputs-content {
  width: 100%;
}
@media only screen and (max-width: 48em) {
  .CheckoutV2 .PaymentOptions {
    border: none;
  }
}
.CheckoutV2 .PaymentOptions-heading {
  padding-bottom: 0.5rem;
}
@media only screen and (max-width: 48em) {
  .CheckoutV2 .PaymentOptions-heading {
    padding: 0;
  }
}
.CheckoutV2 .PaymentOptions-heading-title {
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
}
@media only screen and (min-width: 64em) {
  .CheckoutV2 .PaymentOptions-heading-title {
    font-size: 1.375rem;
  }
}
.CheckoutV2 .PaymentOptions-heading-link {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
@media only screen and (max-width: 48em) {
  .CheckoutV2 .PaymentOptions-heading-link {
    font-size: 0.875rem;
  }
}
.CheckoutV2 .PaymentOptions-heading-subtitle {
  display: none;
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .PaymentOptions-heading-subtitle {
    display: block;
  }
}
.CheckoutV2 .UserForm-title {
  margin-bottom: 1rem;
}
.CheckoutV2 .UserForm-subtitle {
  display: none;
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .UserForm-subtitle {
    display: block;
  }
}
.CheckoutV2 .PSEForm {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  max-width: 592px;
  margin: 0 auto;
  padding: 1rem;
}
.CheckoutV2 .PSEForm-heading {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.5rem;
}
.CheckoutV2 .PSEForm-form {
  width: 100%;
}
.CheckoutV2 .PSEForm-form .Form-fields {
  padding: 0;
  max-width: none;
}
.CheckoutV2 .PSEForm-form .Form-body {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.75rem;
}
.CheckoutV2 .PSEForm-form .FormInput {
  margin-bottom: 0;
}
.CheckoutV2 .PSEForm-form .FormInput .icon-arrow-down {
  font-size: 1.875rem;
  top: 0.6rem;
}
.CheckoutV2 .PSEForm-form .Button {
  margin-top: 0.25rem;
  margin-bottom: 1rem;
}
.CheckoutV2 .PSEForm-footer {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.75rem;
}
.CheckoutV2 .PSEForm-footer p {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
}
.CheckoutV2 .PaymentAmount {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -o-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25rem;
  letter-spacing: -0.112px;
}
.CheckoutV2 .PaymentAmount p {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -o-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  gap: 0.5rem;
}
.CheckoutV2 .PaymentAmount p img {
  -webkit-border-radius: 50%;
  border-radius: 50%;
  width: 0.75rem;
  height: 0.75rem;
}
.CheckoutV2 .CashSummary {
  max-width: 592px;
  margin: 0 auto;
  padding: 1.25rem 1rem;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.CheckoutV2 .CashSummary__Content {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem auto;
  color: #eff3f8;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.112px;
}
@media only screen and (min-width: 64em) {
  .CheckoutV2 .CashSummary__Content {
    font-size: 16px;
    line-height: 24px;
  }
}
.CheckoutV2 .CashSummary__Divider {
  height: 1px;
  background-color: #eff3f8;
  border: none;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}
.CheckoutV2 .CashSummary__CtaWrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -o-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
}
@media only screen and (min-width: 75em) {
  .CheckoutV2 .CashSummary__CtaWrapper button {
    width: fit-content;
  }
}
@media print {
  .CheckoutV2 .CashSummary__CtaWrapper {
    display: none;
  }
}
.CheckoutV2 .CashSummary__CtaWrapper p {
  text-align: center;
}
.CheckoutV2 .CashSummary__CtaWrapper a {
  text-align: center;
}
@media only screen and (min-width: 64em) {
  .CheckoutV2 .CashSummary__CtaWrapper {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.CheckoutV2 .PaymentStepsTitle-link {
  padding-bottom: 1rem;
  display: block;
}
@media only screen and (min-width: 48em) {
  .CheckoutV2 .PaymentStepsTitle-link {
    display: none;
  }
}
.CheckoutV2 .PaymentStepsTitle-link svg {
  margin-right: 0.5rem;
}