/* Reset CSS rules */
/* line 2, app/assets/stylesheets/new_account_signup/main.css.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 23, app/assets/stylesheets/new_account_signup/main.css.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 27, app/assets/stylesheets/new_account_signup/main.css.scss */
ol, ul {
  list-style: none;
}

/* line 30, app/assets/stylesheets/new_account_signup/main.css.scss */
blockquote, q {
  quotes: none;
}

/* line 33, app/assets/stylesheets/new_account_signup/main.css.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 38, app/assets/stylesheets/new_account_signup/main.css.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 42, app/assets/stylesheets/new_account_signup/main.css.scss */
a {
  text-decoration: none;
}

/* CUSTOM STUFF */
/* line 49, app/assets/stylesheets/new_account_signup/main.css.scss */
#discount_info p {
  font-size: 23px !important;
  font-weight: bold !important;
}

/* line 54, app/assets/stylesheets/new_account_signup/main.css.scss */
button.learn-more {
  font-size: 20px;
  font-weight: 400;
  text-align: center;
  padding: 15px 10px;
  background: #2B59A1;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 16px;
}

/* line 65, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel .container {
  max-width: 95% !important;
}

/* line 66, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel .discount_info_txt p {
  font-size: 16px !important;
}

/* line 67, app/assets/stylesheets/new_account_signup/main.css.scss */
.strike {
  text-decoration: line-through !important;
}

/* line 70, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form .sag-member-check-form {
  margin-left: 25%;
}

/* line 72, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form .sag-member-check-form .sign-up-input-field {
  width: 315px !important;
}

/* line 74, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form #continue_without_sag {
  text-align: center;
  display: block;
}

/* line 78, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form #error_view {
  text-align: center;
  display: none;
}

/* line 81, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form #error_view .sag_error_txt {
  color: #d5233b;
  font-weight: 600;
  margin-top: 15px;
}

/* line 87, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form .skip_sag_btn {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 10px 20px;
  background: #ffffff;
  color: #2a56a3;
  text-transform: capitalize;
  border-radius: 100px;
  border: 1px solid #2a56a3;
  margin-top: 25px;
}

/* line 99, app/assets/stylesheets/new_account_signup/main.css.scss */
#sag_check_form .skip_sag_btn:hover {
  background: #2a56a3;
  color: #ffffff;
}

/* line 105, app/assets/stylesheets/new_account_signup/main.css.scss */
#sale_active {
  font-size: 20px !important;
  line-height: 1.3 !important;
}

/* line 109, app/assets/stylesheets/new_account_signup/main.css.scss */
#small_ethnicities {
  display: none;
}

@media screen and (max-width: 640px) {
  /* line 111, app/assets/stylesheets/new_account_signup/main.css.scss */
  #big_ethnicities {
    display: none;
  }
  /* line 112, app/assets/stylesheets/new_account_signup/main.css.scss */
  #small_ethnicities {
    display: block;
  }
}

/* line 115, app/assets/stylesheets/new_account_signup/main.css.scss */
input.vs__search {
  margin-bottom: 0 !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  line-height: 1.4;
  font-size: 1em;
  border: 1px solid transparent;
  border-left: none;
  outline: none;
  margin: 4px 0 0;
  padding: 0 7px;
  background: none;
  box-shadow: none;
  width: 0;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

/* line 134, app/assets/stylesheets/new_account_signup/main.css.scss */
button.vs__clear {
  margin: 0 5px 0 0 !important;
  line-height: 1;
  font-size: inherit;
}

/* line 140, app/assets/stylesheets/new_account_signup/main.css.scss */
button.vs__clear:hover {
  background-color: transparent;
}

/* line 143, app/assets/stylesheets/new_account_signup/main.css.scss */
#select-region, #select-gender, #age-range-from, #age-range-to {
  border-bottom: none;
  margin-bottom: 9px;
}

/* line 147, app/assets/stylesheets/new_account_signup/main.css.scss */
#actor_region_id, #actor_gender, #actor_age_range_start, #actor_age_range_end {
  color: black;
}

/* line 150, app/assets/stylesheets/new_account_signup/main.css.scss */
.eth_groups {
  display: inline-block;
  float: none !important;
}

/* line 154, app/assets/stylesheets/new_account_signup/main.css.scss */
.hidden {
  display: none;
}

/* line 157, app/assets/stylesheets/new_account_signup/main.css.scss */
.ico_spinner {
  padding: 0 0 0 19px;
  color: #666666;
  background: url(/images/spinner.gif) left 2px no-repeat;
}

/* line 163, app/assets/stylesheets/new_account_signup/main.css.scss */
.ico_error {
  padding: 0 0 0 19px;
  color: #dc2929;
  background: url(/images/ico_error.png) left 2px no-repeat;
}

/* line 169, app/assets/stylesheets/new_account_signup/main.css.scss */
.ico_ok {
  padding: 0 0 0 19px;
  color: #84a50f;
  background: url(/images/ico_ok.png) left 2px no-repeat;
}

/* line 175, app/assets/stylesheets/new_account_signup/main.css.scss */
.ico_error a, .ico_ok a {
  color: #dc2929 !important;
}

/* line 179, app/assets/stylesheets/new_account_signup/main.css.scss */
.no_ico {
  background: none;
  margin-bottom: 10px;
}

/* line 183, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .checked_field {
  margin-bottom: 0 !important;
}

/* line 186, app/assets/stylesheets/new_account_signup/main.css.scss */
.check_results {
  margin-bottom: 35px;
}

/* line 189, app/assets/stylesheets/new_account_signup/main.css.scss */
.username_results, .email_results {
  margin-left: 70px;
}

/* line 192, app/assets/stylesheets/new_account_signup/main.css.scss */
.fields_required {
  text-align: center;
  margin-top: 10px !important;
  color: #8D97A6;
}

/* line 197, app/assets/stylesheets/new_account_signup/main.css.scss */
.errors {
  text-align: center;
}

/* line 199, app/assets/stylesheets/new_account_signup/main.css.scss */
.errors h5 {
  font-size: 19px;
}

/* line 200, app/assets/stylesheets/new_account_signup/main.css.scss */
.errors p {
  display: inline-block;
  padding: 0 5px;
  text-transform: capitalize;
  color: #c50000;
}

/* line 208, app/assets/stylesheets/new_account_signup/main.css.scss */
#order-button {
  border-radius: 31px;
  padding-top: 0;
}

/* Main CSS */
/* line 214, app/assets/stylesheets/new_account_signup/main.css.scss */
body {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Nunito', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 224, app/assets/stylesheets/new_account_signup/main.css.scss */
header,
section,
footer {
  max-width: 100%;
  margin: 0 auto;
}

/* line 230, app/assets/stylesheets/new_account_signup/main.css.scss */
.container {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 85px;
}

/* line 235, app/assets/stylesheets/new_account_signup/main.css.scss */
.bold-font {
  font-weight: bold;
}

/* line 238, app/assets/stylesheets/new_account_signup/main.css.scss */
.uppercase-font {
  text-transform: uppercase;
}

/* line 241, app/assets/stylesheets/new_account_signup/main.css.scss */
.italic-font {
  font-style: italic;
}

/* line 244, app/assets/stylesheets/new_account_signup/main.css.scss */
[v-cloak] {
  display: none;
}

/* line 247, app/assets/stylesheets/new_account_signup/main.css.scss */
[v-cloak]::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
}

/* line 262, app/assets/stylesheets/new_account_signup/main.css.scss */
.continue-button {
  display: block;
  margin: 0 auto;
  padding-top: 10px;
  width: 246px;
  height: 50px;
  border-radius: 31px;
  background-color: #8D97A6;
  font-size: 19px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out .1s;
  transition: all .2s ease-in-out .1s;
}

/* line 279, app/assets/stylesheets/new_account_signup/main.css.scss */
.continue-button::active {
  border-bottom: 2px solid #fff;
}

/* line 281, app/assets/stylesheets/new_account_signup/main.css.scss */
.continue-button:hover {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

/* line 285, app/assets/stylesheets/new_account_signup/main.css.scss */
.continue-button:visited {
  color: white !important;
}

/* line 287, app/assets/stylesheets/new_account_signup/main.css.scss */
.continue-button--blue {
  background-color: #2B59A1;
}

/* line 290, app/assets/stylesheets/new_account_signup/main.css.scss */
.sign-up-form-wrapper {
  margin: 75px 100px;
  padding: 70px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  background-image: url(/assets/new_account_signup/wave/wave-lightblue_1-2286ff6ac944613f70df15d509e43103cd97576420ecf96349eeeacbd9cc7b06.png);
  background-repeat: no-repeat;
  background-position: bottom;
  -webkit-background-size: 100% 170px;
          background-size: 100% 170px;
}

/* line 302, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section {
  padding-bottom: 60px;
}

/* line 304, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .sign-up-input-field {
  display: block;
  margin: 0 auto 40px;
  width: 230px;
  padding: 4px 0;
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #8D97A6;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 20px;
  color: #8D97A6;
  line-height: 35px;
  text-indent: 1px;
  -webkit-transition: all .1s ease-in-out .1s;
  transition: all .1s ease-in-out .1s;
}

/* line 324, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .sign-up-input-field:focus {
  background-color: transparent;
  border-bottom: 3px solid #FBB03A;
  padding-bottom: 2px;
}

/* line 328, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .sign-up-input-field:focus::-webkit-input-placeholder {
  font-weight: bold;
}

/* line 330, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .sign-up-input-field:focus:-moz-placeholder {
  font-weight: bold;
}

/* line 332, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .vue-input-select {
  display: block;
  margin: 0 auto 18px;
  width: 230px;
  padding: 4px 0;
  outline: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #8D97A6;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 20px;
  color: #8D97A6;
  line-height: 35px;
  text-indent: 1px;
  -webkit-transition: all .1s ease-in-out .1s;
  transition: all .1s ease-in-out .1s;
}

/* line 353, app/assets/stylesheets/new_account_signup/main.css.scss */
.vue-input-select .v-select .dropdown-toggle {
  border: none;
}

/* line 356, app/assets/stylesheets/new_account_signup/main.css.scss */
.vue-input-select .v-select input[type=search], .vue-input-select .v-select input[type=search]:focus {
  padding-left: 0;
}

/* line 359, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-wrapper {
  position: relative;
  display: block;
  width: 230px;
  margin: 0 auto;
  padding-left: 28px;
  font-size: 20px;
  color: #8D97A6;
  cursor: pointer;
}

/* line 368, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-wrapper input {
  position: absolute;
  opacity: 0;
}

/* line 371, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-wrapper .checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  width: 18px;
  height: 18px;
  background-image: url(/assets/new_account_signup/check-icons/ic-checkbox-inactive-e4241e5043ee70384f7040cab6d6af6f3818bcf4fd412d87dfa5d82000e4ee92.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

/* line 381, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-wrapper input:checked ~ .checkmark {
  background-image: url(/assets/new_account_signup/check-icons/ic-checkbox-active-6e722a64a43b71239ae1f8af509e541277a40bc6d79f2c263d0836346a4438f3.svg);
}

/* line 384, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section {
  background-color: #EFF2F6;
}

/* line 386, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section h2 {
  font-size: 30px;
  color: #193560;
  text-align: center;
  font-weight: bold;
}

/* line 391, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .step-section__hint {
  font-size: 15px;
  line-height: 23px;
  color: #8D97A6;
  text-align: center;
}

/* line 397, app/assets/stylesheets/new_account_signup/main.css.scss */
.header {
  margin-top: 30px;
  margin-bottom: 70px;
  background-color: #fff;
}

/* line 401, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .logo {
  display: block;
  width: 220px;
  height: 40px;
  margin-top: 10px;
}

/* line 406, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .header-navigation-steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
          justify-content: space-around;
}

/* line 416, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item {
  cursor: pointer;
}

/* line 418, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item img {
  display: block;
  margin: 0 auto;
}

/* line 421, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item figcaption {
  margin-top: 14px;
  font-size: 15px;
  line-height: 20px;
  color: #8D97A6;
  text-align: center;
  margin-bottom: 20px;
}

/* line 428, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item .step-item__done-checkbox {
  display: block;
}

/* line 430, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item .step-item__inactive-checkbox {
  display: block;
}

/* line 432, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item .step-item__active-checkbox {
  display: block;
}

/* line 434, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item.active {
  border-bottom: 5px solid #FBB03A;
  border-radius: 2px;
}

/* line 437, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item.active figcaption {
  color: #FBB03A;
}

/* line 439, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item.active .step-item__done-checkbox {
  display: block;
}

/* line 441, app/assets/stylesheets/new_account_signup/main.css.scss */
.header .step-item.active .step-item__inactive-checkbox {
  display: none;
}

/* line 444, app/assets/stylesheets/new_account_signup/main.css.scss */
.choose-your-membership-step {
  display: block;
}

/* line 447, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transition: all .2s ease-in-out .1s;
  transition: all .2s ease-in-out .1s;
}

/* line 460, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper input {
  visibility: hidden;
  position: absolute;
}

/* line 463, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-label {
  width: 33%;
  margin: 140px 0 10px 0;
}

/* line 466, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item {
  position: relative;
  padding: 30px 50px 16px;
  background-color: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11);
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  cursor: pointer;
}

/* line 477, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item.sale_active {
  padding: 30px 20px 16px !important;
}

/* line 480, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item h3 {
  margin-bottom: 15px;
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
  color: #8D97A6;
}

/* line 486, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-periods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  -webkit-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

/* line 497, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-periods .membership-period__item input {
  visibility: hidden;
  position: absolute;
}

/* line 500, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-periods .membership-period__item label {
  color: #8D97A6;
  font-size: 17px;
  border-bottom: 1px solid #fff;
  cursor: -webkit-grab;
  cursor: grab;
}

/* line 506, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-periods .membership-period__item input:checked + label {
  color: #FBB03A;
  font-weight: bold;
  border-bottom: 1px solid #FBB03A;
}

/* line 510, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-value {
  position: relative;
  font-family: 'Lato', sans-serif;
  color: #193560;
  font-size: 56px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

/* line 518, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-value::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  content: 'per month';
  font-size: 17px;
  font-weight: normal;
  color: #8D97A6;
  text-align: center;
  text-transform: none;
}

/* line 529, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-image {
  display: block;
  width: 100%;
  margin: 40px 0 10px 0;
}

/* line 533, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .mobile-premium-plus-image {
  margin: 40px 0 10px 15px;
}

/* line 536, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-list {
  margin-top: 20px;
  padding-left: 20px;
}

/* line 539, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-list li {
  position: relative;
  color: #8D97A6;
  font-size: 17px;
  line-height: 33px;
}

/* line 544, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-list li::before {
  display: block;
  position: absolute;
  left: -15px;
  top: 40%;
  content: '';
  width: 6px;
  height: 6px;
  background-image: url(/assets/new_account_signup/ic-bullet-649c0cd8eadfda284aeaa04ab745b744eee1ba7590a8fbe5f76e820ddc5831b4.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

/* line 555, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-button {
  margin: 30px auto 15px;
}

/* line 557, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-plan__item .membership-tip {
  font-size: 15px;
  color: #fff;
  text-align: center;
}

/* line 562, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .basic-membership-section .membership-plan__item .membership-value::after {
  display: none;
}

/* line 565, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .premium-membership-section .membership-plan__item {
  background-image: url(/assets/new_account_signup/wave/wave-blue-47a35732e4f57f87623c9b4e46beef9213ca777b65029044304be4caef7b97bc.svg);
}

/* line 568, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .premium-plus-membership-section .membership-plan__item {
  background-image: url(/assets/new_account_signup/wave/wave-gold-46fd7b2cb34052861beffa7793bfe42937d74ef61718afe028124efa0243b6eb.svg);
}

/* line 571, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .basic-membership-section .membership-plan__item {
  background-image: url(/assets/new_account_signup/wave/wave-lightblue-39c47c10cca2872f12fb3e221310aac1dcff304c237b4e637e7bebea000f976d.svg);
}

/* line 574, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-plan-wrapper .membership-label {
  -webkit-transition: all .3s ease-in-out .1s;
  transition: all .3s ease-in-out .1s;
  z-index: 10;
}

/* line 580, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-input:checked + label {
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 20;
}

/* line 586, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-input:checked + label .membership-plan__item {
  position: relative;
}

/* line 588, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-input:checked + label .membership-plan__item::before {
  display: block;
  content: '';
  position: absolute;
  top: -2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 5px;
  background-color: #FBB03A;
  border-radius: 2px;
}

/* line 601, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-input:checked + label .membership-plan__item .membership-button {
  background-color: #2B59A1;
  border: 1px solid #fff;
}

/* line 605, app/assets/stylesheets/new_account_signup/main.css.scss */
.discount {
  position: absolute;
  top: -30px;
  right: -5px;
  width: 70px;
  height: 70px;
  background-color: #2B59A1;
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27);
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.27);
  border-radius: 50%;
  text-align: center;
  color: #fff;
  z-index: 50;
}

/* line 618, app/assets/stylesheets/new_account_signup/main.css.scss */
.discount .discount__value {
  font-family: 'Lato', sans-serif;
  font-size: 25px;
  margin-top: 14px;
}

/* line 622, app/assets/stylesheets/new_account_signup/main.css.scss */
.discount .discount__off {
  text-align: right;
  padding-right: 12px;
  line-height: .2;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
}

/* line 630, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan {
  position: relative;
}

/* line 632, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan::before {
  display: block;
  content: '';
  position: absolute;
  top: -40px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 140px;
  height: 2px;
  background-color: #FBB03A;
}

/* line 645, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-navigation {
  width: 120px;
  height: 30px;
  margin: 0 auto;
}

/* line 649, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-navigation .billing-method__checkbox {
  display: inline-block;
}

/* line 652, app/assets/stylesheets/new_account_signup/main.css.scss */
.membership-navigation {
  display: none;
}

/* line 655, app/assets/stylesheets/new_account_signup/main.css.scss */
.create-account-step {
  display: block;
}

/* line 657, app/assets/stylesheets/new_account_signup/main.css.scss */
.create-account-step .password-input-wrapper {
  margin: 0 auto;
}

/* line 660, app/assets/stylesheets/new_account_signup/main.css.scss */
.password-input-wrapper {
  position: relative;
  display: block;
  width: 230px;
}

/* line 665, app/assets/stylesheets/new_account_signup/main.css.scss */
.show-password-button {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 15px;
  right: 0;
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
  cursor: pointer;
}

/* line 676, app/assets/stylesheets/new_account_signup/main.css.scss */
.vue-input-select .v-select .open-indicator::before {
  border-color: #FBB03A;
}

/* line 679, app/assets/stylesheets/new_account_signup/main.css.scss */
.vue-input-select .v-select input[type=search], .vue-input-select .v-select input[type=search]:focus,
.vs--searchable .vs__dropdown-toggle {
  border: none;
}

/* line 683, app/assets/stylesheets/new_account_signup/main.css.scss */
.vs__open-indicator {
  fill: #FBB03A;
}

/* line 686, app/assets/stylesheets/new_account_signup/main.css.scss */
.enter-details-step {
  display: block;
}

/* line 689, app/assets/stylesheets/new_account_signup/main.css.scss */
.age-range-title {
  display: block;
  width: 230px;
  margin: 0 auto 10px;
  color: #193560;
  font-size: 20px;
  line-height: 35px;
}

/* line 697, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-group-title {
  margin-top: 30px;
  padding-left: 88px;
  color: #193560;
  font-size: 20px;
  line-height: 35px;
}

/* line 704, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-group-wrapper {
  padding: 0 9%;
}

/* line 706, app/assets/stylesheets/new_account_signup/main.css.scss */
.checkbox-group-wrapper .checkbox-wrapper {
  margin: 10px auto;
}

/* line 709, app/assets/stylesheets/new_account_signup/main.css.scss */
.enter-details-step .continue-button,
.create-account-step .continue-button {
  margin-top: 30px;
}

/* line 713, app/assets/stylesheets/new_account_signup/main.css.scss */
.notification-step {
  display: block;
}

/* line 715, app/assets/stylesheets/new_account_signup/main.css.scss */
.notification-step .checkbox-wrapper {
  margin: 12px 0;
}

/* line 717, app/assets/stylesheets/new_account_signup/main.css.scss */
.notification-step .fix-label-position {
  margin: 0 0 10px 0;
}

/* line 719, app/assets/stylesheets/new_account_signup/main.css.scss */
.notification-step .last-checkbox {
  width: auto;
  margin: auto;
}

/* line 722, app/assets/stylesheets/new_account_signup/main.css.scss */
.notification-step .continue-button {
  margin-top: 40px;
}

/* line 725, app/assets/stylesheets/new_account_signup/main.css.scss */
.review-order-step {
  display: block;
}

/* line 727, app/assets/stylesheets/new_account_signup/main.css.scss */
.review-order-step .sign-up-form-wrapper {
  padding: 40px 80px;
}

/* line 732, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan.selected-basic {
  color: #FBB03A;
}

/* line 735, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan .selected-plan__title {
  color: #8D97A6;
  font-weight: bold;
  font-size: 20px;
  line-height: 27px;
  text-align: center;
}

/* line 742, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan .selected-plan__rate {
  margin: 18px 0 35px;
  font-size: 20px;
  line-height: 27px;
  color: #FBB03A;
  text-align: center;
  font-weight: bold;
}

/* line 750, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan .selected-plan__details-list {
  position: relative;
  font-size: 20px;
  color: #8D97A6;
  line-height: 40px;
}

/* line 755, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan .selected-plan__details-list li {
  position: relative;
  padding-left: 20px;
}

/* line 758, app/assets/stylesheets/new_account_signup/main.css.scss */
.selected-plan .selected-plan__details-list li::before {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 40%;
  width: 7px;
  height: 7px;
  background-image: url(/assets/new_account_signup/ic-bullet-649c0cd8eadfda284aeaa04ab745b744eee1ba7590a8fbe5f76e820ddc5831b4.svg);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
          background-size: 100%;
}

/* line 770, app/assets/stylesheets/new_account_signup/main.css.scss */
.billing-method__checkbox {
  position: relative;
  display: block;
  margin-bottom: 10px;
  padding-left: 35px;
  font-size: 20px;
  color: #8D97A6;
  cursor: pointer;
}

/* line 778, app/assets/stylesheets/new_account_signup/main.css.scss */
.billing-method__checkbox input {
  position: absolute;
  opacity: 0;
}

/* line 781, app/assets/stylesheets/new_account_signup/main.css.scss */
.billing-method__checkbox .checkmark {
  display: block;
  position: absolute;
  left: 0;
  top: 5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  border: 2px solid #8D97A6;
}

/* line 792, app/assets/stylesheets/new_account_signup/main.css.scss */
.billing-method__checkbox input:checked ~ .checkmark {
  border-color: #FBB03A;
}

/* line 794, app/assets/stylesheets/new_account_signup/main.css.scss */
.billing-method__checkbox input:checked ~ .checkmark::after {
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FBB03A;
}

/* line 808, app/assets/stylesheets/new_account_signup/main.css.scss */
.credit-card-icon {
  padding-left: 20px;
}

/* line 811, app/assets/stylesheets/new_account_signup/main.css.scss */
.input-title {
  color: #193560;
  font-size: 20px;
  line-height: 35px;
  margin-bottom: 10px;
}

/* line 817, app/assets/stylesheets/new_account_signup/main.css.scss */
.choose-billing-method .input-title {
  margin-top: 30px;
}

/* line 820, app/assets/stylesheets/new_account_signup/main.css.scss */
.credit-card-method-group {
  margin-bottom: 35px;
}

/* line 823, app/assets/stylesheets/new_account_signup/main.css.scss */
.main-section .review-order-step .sign-up-input-field {
  margin: 0 0 12px 0;
}

/* line 826, app/assets/stylesheets/new_account_signup/main.css.scss */
.footer {
  background-color: #EFF2F6;
  padding-top: 30px;
  padding-bottom: 50px;
}

/* line 830, app/assets/stylesheets/new_account_signup/main.css.scss */
.footer p {
  font-size: 14px;
  text-align: center;
  color: #354052;
}

@media (max-width: 991.98px) {
  /* line 836, app/assets/stylesheets/new_account_signup/main.css.scss */
  .selected-plan::before {
    left: 58% !important;
  }
  /* line 839, app/assets/stylesheets/new_account_signup/main.css.scss */
  .choose-your-membership-step {
    overflow-x: hidden;
  }
  /* line 841, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-label {
    width: 90%;
    margin: 30px 8px;
  }
  /* line 844, app/assets/stylesheets/new_account_signup/main.css.scss */
  .sign-up-form-wrapper {
    margin: 70px 20px;
    padding: 40px 20px;
  }
  /* line 847, app/assets/stylesheets/new_account_signup/main.css.scss */
  .review-order-step .sign-up-form-wrapper {
    padding: 40px 20px;
  }
  /* line 849, app/assets/stylesheets/new_account_signup/main.css.scss */
  .selected-plan .selected-plan__details-list {
    width: 300px;
    font-size: 17px !important;
    margin: 0 auto;
  }
  /* line 853, app/assets/stylesheets/new_account_signup/main.css.scss */
  .header .header-navigation-steps {
    display: none;
  }
  /* line 855, app/assets/stylesheets/new_account_signup/main.css.scss */
  .header .logo {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  /* line 858, app/assets/stylesheets/new_account_signup/main.css.scss */
  .age-range-title {
    width: 230px;
  }
  /* line 860, app/assets/stylesheets/new_account_signup/main.css.scss */
  .main-section .sign-up-input-field {
    margin: 10px auto;
  }
  /* line 862, app/assets/stylesheets/new_account_signup/main.css.scss */
  .password-input-wrapper {
    margin: 10px auto;
  }
}

@media (max-width: 647.98px) {
  /* line 866, app/assets/stylesheets/new_account_signup/main.css.scss */
  .container {
    padding: 0 20px;
  }
  /* line 868, app/assets/stylesheets/new_account_signup/main.css.scss */
  .main-section .sign-up-input-field {
    width: 90%;
  }
  /* line 870, app/assets/stylesheets/new_account_signup/main.css.scss */
  .password-input-wrapper {
    width: 100%;
  }
  /* line 872, app/assets/stylesheets/new_account_signup/main.css.scss */
  .show-password-button {
    right: 35px;
  }
  /* line 874, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-label {
    width: 95%;
  }
  /* line 876, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-plan__item .membership-value {
    margin-top: 40px;
    font-size: 38px;
  }
  /* line 879, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-plan__item #basic_mem_value.membership-value {
    margin-top: 0 !important;
  }
  /* line 880, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-plan__item .membership-value::after {
    width: 100%;
    top: 40px;
    left: 10%;
  }
  /* line 884, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-input:checked + label {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  /* line 888, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-navigation {
    display: block;
  }
}

@media (max-width: 575.98px) {
  /* line 893, app/assets/stylesheets/new_account_signup/main.css.scss */
  .notification-step .checkbox-wrapper {
    margin: 0 auto;
  }
  /* line 895, app/assets/stylesheets/new_account_signup/main.css.scss */
  .notification-step .last-checkbox {
    width: 230px;
  }
  /* line 897, app/assets/stylesheets/new_account_signup/main.css.scss */
  .header {
    margin-bottom: 30px;
  }
  /* line 899, app/assets/stylesheets/new_account_signup/main.css.scss */
  .sign-up-form-wrapper {
    margin: 30px 10px;
  }
  /* line 901, app/assets/stylesheets/new_account_signup/main.css.scss */
  .checkbox-group-title {
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
}

@media (max-width: 399.98px) {
  /* line 907, app/assets/stylesheets/new_account_signup/main.css.scss */
  .membership-plan-wrapper .membership-plan__item {
    padding: 20px 30px;
  }
  /* line 909, app/assets/stylesheets/new_account_signup/main.css.scss */
  .main-section h2 {
    font-size: 26px;
  }
  /* line 911, app/assets/stylesheets/new_account_signup/main.css.scss */
  .selected-plan .selected-plan__details-list {
    width: 100%;
  }
}

/* line 914, app/assets/stylesheets/new_account_signup/main.css.scss */
.package-box-details-inner-bottom {
  background: #399ffa;
  padding: 15px 25px;
  text-align: center;
  width: 100%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

/* line 921, app/assets/stylesheets/new_account_signup/main.css.scss */
.package-box-details-inner-bottom p {
  color: #fff;
  font-size: 15px;
  margin-bottom: 10px;
}

/* line 926, app/assets/stylesheets/new_account_signup/main.css.scss */
.package-box-details-inner-bottom-button {
  font-size: 12px;
  line-height: 12px;
  padding: 10px 15px;
  color: #399ffa;
  background: #ffffff;
  display: block;
  background: #ffffff;
  text-align: center;
  text-transform: capitalize;
  border-radius: 50px;
}

/* line 941, app/assets/stylesheets/new_account_signup/main.css.scss */
.model-container {
  min-height: 100vh;
  min-width: 100vw;
  margin: 0;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

/* line 953, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal {
  position: absolute;
  top: 1%;
  border: 0px;
  background-color: #ffffff;
  padding: 50px 20px 15px;
  text-align: center;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px 0 #00000026;
          box-shadow: 0 0 20px 0 #00000026;
}

/* line 962, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .container {
  padding: 0px;
}

/* line 965, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .row {
  margin: 0px;
}

/* line 968, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .columns {
  padding: 0px;
}

/* line 971, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .page-title-panel-title {
  margin: 0;
  text-align: center;
  font-size: 24px;
  color: #183361;
  margin-bottom: 16px;
  font-weight: 600;
  text-transform: capitalize;
}

/* line 979, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .page-title-panel-title span {
  font-size: 26px;
  font-weight: 600;
  color: #d46d23;
}

@media (max-width: 720px) {
  /* line 971, app/assets/stylesheets/new_account_signup/main.css.scss */
  #myModal .page-title-panel-title {
    font-size: 20px;
  }
  /* line 986, app/assets/stylesheets/new_account_signup/main.css.scss */
  #myModal .page-title-panel-title span {
    font-size: 22px;
  }
}

/* line 992, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #c7d7f0;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #224780;
  text-align: center;
  letter-spacing: 2px;
}

@media (max-width: 720px) {
  /* line 992, app/assets/stylesheets/new_account_signup/main.css.scss */
  #myModal .content-panel-title {
    font-size: 18px;
  }
}

/* line 1007, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel .container {
  max-width: 720px;
}

/* line 1010, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel p {
  font-size: 18px;
  font-weight: 200;
}

@media (max-width: 720px) {
  /* line 1010, app/assets/stylesheets/new_account_signup/main.css.scss */
  #myModal .content-panel p {
    font-size: 16px;
  }
}

/* line 1017, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel .price {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  text-transform: uppercase;
  color: #d46c24;
  text-align: center;
}

/* line 1025, app/assets/stylesheets/new_account_signup/main.css.scss */
#myModal .content-panel .price span {
  font-size: 22px;
  font-weight: 800;
}

@media (max-width: 720px) {
  /* line 1017, app/assets/stylesheets/new_account_signup/main.css.scss */
  #myModal .content-panel .price {
    font-size: 18px;
  }
}