#creditCard-modal-wrapper .remodal-close {
  left: auto;
  right: 0;
  z-index: 10; }

#creditCard-modal-wrapper {
  padding: 0px;
  border-radius: 4px;
  overflow: hidden;
  max-width: 768px;
  width: auto; }
  #creditCard-modal-wrapper .hidden-text-input {
    opacity: 0;
    position: absolute;
    left: 0; }

#card-number.braintree-hosted-fields-focused,
#cvv.braintree-hosted-fields-focused,
#expiration-date.braintree-hosted-fields-focused,
#postal-code.braintree-hosted-fields-focused {
  border-color: #3DBEB3; }

#card-number.braintree-hosted-fields-invalid,
#cvv.braintree-hosted-fields-invalid,
#expiration-date.braintree-hosted-fields-invalid,
#postal-code.braintree-hosted-fields-invalid {
  border-color: #E2665A; }

.creditCard-modal {
  background-color: #F2F3F4;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
      align-items: stretch;
  -ms-flex-direction: column;
      flex-direction: column; }

.creditCard-form {
  margin-bottom: 25px;
  padding: 0px 8px;
  -ms-flex: 1;
      flex: 1;
  position: relative; }

.creditCard-form-header {
  text-align: left;
  margin: 15px 0px;
  font-weight: normal; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; }

.creditCard-form .input-default {
  margin-bottom: 20px; }

.creditCard-form .alert-box {
  margin-bottom: 20px;
  text-align: left; }

.subscription-terms {
  margin-bottom: 13px; }

.subscription-terms,
.accept-terms {
  text-align: left;
  color: #8C95A0;
  font-size: 13px; }

.price-summary {
  text-align: left;
  padding-top: 7px;
  padding-right: 0; }

.price-summary,
.buy-now {
  margin-top: 25px; }

.creditCard-price {
  font-size: 18px;
  font-weight: bold; }

button.primary.buy-now.small {
  font-size: 16px;
  width: calc(100% - 10px);
  margin-left: 10px; }

.subscription-details {
  padding: 0;
  -ms-flex: 0 0 40%;
      flex: 0 0 40%;
  background-color: #D1D6DA;
  padding: 20px 15px 15px 15px;
  text-align: left;
  color: #5F6D7A; }

.subscription-details-header,
.payment-details-header {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 3px; }

.feature-list {
  margin-top: 5px;
  -webkit-padding-start: 17px;
  font-size: 16px;
  padding-bottom: 20px;
  border-bottom: 1px solid #8C95A0; }

.feature-item {
  font-size: 13px; }

.feature-text {
  line-height: 36px;
  font-size: 16px; }

.subscription-details .price-text {
  line-height: 36px; }

.update-action {
  width: 100% !important;
  max-width: none; }

.cancel-action {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 40px;
  padding: 0;
  cursor: pointer; }

@media screen and (min-width: 48em) {
  .creditCard-modal {
    -ms-flex-direction: row;
        flex-direction: row; }
  .price-summary {
    padding-top: 0px; }
  .creditCard-price {
    font-size: 24px; } }

#content {
  background-color: #F1F3F3; }

#premium-pricing-section {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  padding: 0 16px 24px 16px; }

.premium-pricing-info {
  margin-bottom: 0;
  text-align: center; }
  .premium-pricing-info .pink-text {
    color: #E33574; }

.premium-pricing-subheader-copy {
  font-weight: 400; }

.pricing-card-set {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: stretch;
      align-items: stretch; }

.premium-card {
  margin: 0px 12px 0px 12px; }

.pricing-card {
  width: 300px;
  border-radius: 4px;
  border: 1px solid #E4E5E5;
  cursor: default;
  margin-top: 24px;
  height: calc(100% - 24px);
  background-color: #FDFFFC; }
  .pricing-card.plus {
    box-shadow: 0px 0px 16px #D1D6DA; }

.pricing-card-hero {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  color: #FDFFFC;
  padding: 12px 25px 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.pricing-card-hero.basic {
  background: #8C95A0; }

.pricing-card-hero.plus {
  background: #3DBEB3;
  background: linear-gradient(to bottom right, #3DBEB3, #29BFE0);
  cursor: pointer; }

.pricing-card-hero.pro {
  background: #E33574;
  background: linear-gradient(to bottom right, #E33574, #204497); }

.pricing-card-features {
  padding: 20px 5px 5px 25px; }
  .pricing-card-features .pricing-availability-container {
    padding-right: 20px; }

.pricing-plan {
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 3px; }

.pricing-amount {
  font-size: 32px;
  font-weight: 600; }

.pricing-frequency {
  font-size: 13px;
  text-transform: lowercase;
  margin-top: -5px; }

.pricing-availability-container {
  width: 100%;
  height: 80px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center; }
  .pricing-availability-container .more-info-text {
    font-style: italic;
    text-align: center; }

.pricing-card-feature {
  padding-bottom: 3px; }

.feature-check {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE4IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MSAoMzUzMjYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlNoYXBlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IkNseXAtMy4wIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iTWlzYy4tUGFnZXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01OTMuMDAwMDAwLCAtNTc3LjAwMDAwMCkiIHN0cm9rZT0iIzNEQkVCMyIgZmlsbD0iIzNEQkVCMyI+CiAgICAgICAgICAgIDxnIGlkPSJQcmVtaXVtLWNvbWluZy1zb29uIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNjMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0icGx1cyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQ3LjAwMDAwMCwgMjcwLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIGlkPSJmZWF0dXJlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDQuMDAwMDAwLCAxNDkuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgIDxnIGlkPSJwcm9maWxlLVVSTCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMy4wMDAwMDAsIDkzLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTYuMDAwMjUsMTQuOTk5NTUzNSBDNS43MzUyNSwxNC45OTk1NTM1IDUuNDgwMjUsMTQuODk0NTUzNSA1LjI5MzI1LDE0LjcwNjU1MzUgTDAuMjkzMjUsOS43MDY1NTM1MSBDLTAuMDk3NzUsOS4zMTU1NTM1MSAtMC4wOTc3NSw4LjY4MzU1MzUxIDAuMjkzMjUsOC4yOTI1NTM1MSBDMC42ODQyNSw3LjkwMTU1MzUxIDEuMzE2MjUsNy45MDE1NTM1MSAxLjcwNzI1LDguMjkyNTUzNTEgTDUuOTYyMjUsMTIuNTQ3NTUzNSBMMTQuMjU3MjUsMy4zMzA1NTM1MSBDMTQuNjI3MjUsMi45MjE1NTM1MSAxNS4yNTkyNSwyLjg4NjU1MzUxIDE1LjY2OTI1LDMuMjU2NTUzNTEgQzE2LjA3OTI1LDMuNjI1NTUzNTEgMTYuMTEyMjUsNC4yNTc1NTM1MSAxNS43NDMyNSw0LjY2ODU1MzUxIEw2Ljc0MzI1LDE0LjY2ODU1MzUgQzYuNTYwMjUsMTQuODcyNTUzNSA2LjMwMDI1LDE0Ljk5MTU1MzUgNi4wMjYyNSwxNC45OTk1NTM1IEw2LjAwMDI1LDE0Ljk5OTU1MzUgTDYuMDAwMjUsMTQuOTk5NTUzNSBaIiBpZD0iU2hhcGUiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  height: 14px;
  width: 18px;
  display: inline-block;
  margin-bottom: -1px; }

.feature-x {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjE0cHgiIGhlaWdodD0iMTRweCIgdmlld0JveD0iMCAwIDE0IDE0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA0MSAoMzUzMjYpIC0gaHR0cDovL3d3dy5ib2hlbWlhbmNvZGluZy5jb20vc2tldGNoIC0tPgogICAgPHRpdGxlPlBhdGg8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZGVmcz48L2RlZnM+CiAgICA8ZyBpZD0iQ2x5cC0zLjAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJNaXNjLi1QYWdlcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU5Ny4wMDAwMDAsIC01NzcuMDAwMDAwKSIgc3Ryb2tlPSIjRTI2NjVBIiBmaWxsPSIjRTI2NjVBIj4KICAgICAgICAgICAgPGcgaWQ9IlByZW1pdW0tY29taW5nLXNvb24iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMDAwMDAwLCA2My4wMDAwMDApIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJwbHVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1NDcuMDAwMDAwLCAyNzAuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgPGcgaWQ9ImZlYXR1cmVzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0NC4wMDAwMDAsIDE0OS4wMDAwMDApIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgaWQ9InByb2ZpbGUtVVJMIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjAwMDAwMCwgOTMuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTEuMTU2NTM3Niw5LjAwMTk2NDQxIEwxNS43NTkxMTU1LDQuMzk5ODc3NjQgQzE2LjA4MTI3NjMsNC4wNzc3MTY4NSAxNi4wNzkzMTE5LDMuNTYxNTcyMDEgMTUuNzU5MTE1NSwzLjI0MDg4NDUyIEMxNS40Mzg0MjgsMi45MTg3MjM3MyAxNC45MjIyODMxLDIuOTIyNjUyNSAxNC42MDIwODY3LDMuMjQwODg0NTIgTDEwLDcuODQyOTcxMjQgTDUuMzk3OTEzMjgsMy4yNDA4ODQ1MiBDNS4wNzU3NTI0NCwyLjkxODcyMzczIDQuNTU5NjA3NjUsMi45MjA2ODgwOSA0LjI0MDg4NDUyLDMuMjQwODg0NTIgQzMuOTE4NzIzNzMsMy41NjM1MzY0MiAzLjkyMDY4ODA5LDQuMDc5MTkwMTUgNC4yNDA4ODQ1Miw0LjM5OTg3NzY0IEw4Ljg0MzQ2MjM2LDkuMDAxOTY0NDEgTDQuMjQwODg0NTIsMTMuNjAyMDg2NyBDMy45MTg3MjM3MywxMy45MjQyNDc2IDMuOTIwNjg4MDksMTQuNDQwMzkyNCA0LjI0MDg4NDUyLDE0Ljc2MDU4ODggQzQuNTYxNTcyMDEsMTUuMDgzMjQwNyA1LjA3NzcxNjg1LDE1LjA4MTI3NjMgNS4zOTc5MTMyOCwxNC43NjA1ODg4IEwxMCwxMC4xNTg1MDIxIEwxNC42MDIwODY3LDE0Ljc2MDU4ODggQzE0LjkyNDI0NzYsMTUuMDgzMjQwNyAxNS40NDAzOTI0LDE1LjA4MTI3NjMgMTUuNzU5MTE1NSwxNC43NjA1ODg4IEMxNi4wODEyNzYzLDE0LjQzODQyOCAxNi4wNzkzMTE5LDEzLjkyMjI4MzEgMTUuNzU5MTE1NSwxMy42MDIwODY3IEwxMS4xNTY1Mzc2LDkuMDAxOTY0NDEgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
  background-repeat: no-repeat;
  height: 14px;
  width: 18px;
  display: inline-block;
  margin-bottom: -1px; }

button.primary.medium.cta {
  border: 0;
  font-size: 16px;
  width: 100%; }
  button.primary.medium.cta:hover {
    border: 0; }

.button.secondary.small.upgrade {
  border: 1px solid #FDFFFC;
  color: #FDFFFC;
  width: 100%; }

.premium-cta-wrapper,
.current-plan-wrapper {
  padding: 15px 25px 25px 25px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center; }

.current-plan {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  height: 48px; }

.cta {
  cursor: pointer; }

.plus.cta {
  background-color: #3DBEB3 !important; }
  .plus.cta:hover {
    background-color: #29A39A !important; }

.pro.cta {
  background-color: #D1D6DA !important;
  color: #071827;
  font-style: italic;
  cursor: default; }

.cta-tier-text {
  text-transform: capitalize; }

@media screen and (min-width: 48em) {
  .premium-pricing-section {
    padding-top: 16px; }
  .premium-card:first-child .pricing-card {
    margin-top: 24px; }
  .premium-pricing-info .alert-box {
    margin-top: 0; }
  .premium-pricing-email-button {
    margin-left: 16px; }
  .premium-pricing-email-input {
    max-width: 300px; } }