@font-face {
  font-family: "SimplonNorm";
  src: url(/assets/SimplonNorm-Regular-a917171bfcd6e71212454d18492e7d5b31db9192ac8e56ceae6fdaed8dee2778.otf) format('opentype');
  font-weight: normal;
  font-style: normal;
}

@media (max-width: 480px) {
  /* line 9, app/assets/stylesheets/subscription.scss */
  body.subscription__new #active_admin_content,
body.subscription__show #active_admin_content,
body.subscription__create #active_admin_content {
    padding: 8px;
  }
}

/* line 14, app/assets/stylesheets/subscription.scss */
body.subscription__new *,
body.subscription__show *,
body.subscription__create * {
  font-family: "SimplonNorm";
}

/* line 18, app/assets/stylesheets/subscription.scss */
body.subscription__new #main_content_wrapper,
body.subscription__show #main_content_wrapper,
body.subscription__create #main_content_wrapper {
  max-width: 992px;
  margin: auto;
}

/* line 27, app/assets/stylesheets/subscription.scss */
body.subscription__new .main_content_header .language_switcher,
body.subscription__show .main_content_header .language_switcher,
body.subscription__create .main_content_header .language_switcher {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: flex-end;
}

/* line 33, app/assets/stylesheets/subscription.scss */
body.subscription__new .main_content_header .language_switcher *,
body.subscription__show .main_content_header .language_switcher *,
body.subscription__create .main_content_header .language_switcher * {
  margin-left: 12px;
  font-size: 1.25rem;
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.6;
}

/* line 38, app/assets/stylesheets/subscription.scss */
body.subscription__new .main_content_header .language_switcher *:hover,
body.subscription__show .main_content_header .language_switcher *:hover,
body.subscription__create .main_content_header .language_switcher *:hover {
  text-decoration: none;
  opacity: 1;
}

/* line 43, app/assets/stylesheets/subscription.scss */
body.subscription__new .main_content_header .language_switcher .current,
body.subscription__show .main_content_header .language_switcher .current,
body.subscription__create .main_content_header .language_switcher .current {
  opacity: 1;
  border-bottom: 2px solid #f15600;
}

/* line 50, app/assets/stylesheets/subscription.scss */
body.subscription__new .panel,
body.subscription__show .panel,
body.subscription__create .panel {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

/* line 54, app/assets/stylesheets/subscription.scss */
body.subscription__new .inner-panel,
body.subscription__show .inner-panel,
body.subscription__create .inner-panel {
  width: 440px;
  max-width: 100%;
  margin: 0 auto;
}

/* line 60, app/assets/stylesheets/subscription.scss */
body.subscription__new h1,
body.subscription__show h1,
body.subscription__create h1 {
  font-size: 1.5rem;
  margin-bottom: 2rem;
}

/* line 65, app/assets/stylesheets/subscription.scss */
body.subscription__new h1,
body.subscription__new h2,
body.subscription__show h1,
body.subscription__show h2,
body.subscription__create h1,
body.subscription__create h2 {
  font-weight: bold;
}

/* line 70, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section,
body.subscription__show .subscribe_section,
body.subscription__create .subscribe_section {
  padding: 4px;
}

/* line 73, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .error,
body.subscription__show .subscribe_section .error,
body.subscription__create .subscribe_section .error {
  background-color: #ff6d6d;
}

/* line 77, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input,
body.subscription__show .subscribe_section .input,
body.subscription__create .subscribe_section .input {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  padding: 8px 0;
}

/* line 83, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input > label,
body.subscription__new .subscribe_section .subscribe_button,
body.subscription__show .subscribe_section .input > label,
body.subscription__show .subscribe_section .subscribe_button,
body.subscription__create .subscribe_section .input > label,
body.subscription__create .subscribe_section .subscribe_button {
  flex: 1 0 120px;
  max-width: 220px;
}

/* line 89, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .subscribe_button,
body.subscription__show .subscribe_section .subscribe_button,
body.subscription__create .subscribe_section .subscribe_button {
  margin: 0 auto;
}

/* line 93, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section h1,
body.subscription__new .subscribe_section h2,
body.subscription__new .subscribe_section p,
body.subscription__show .subscribe_section h1,
body.subscription__show .subscribe_section h2,
body.subscription__show .subscribe_section p,
body.subscription__create .subscribe_section h1,
body.subscription__create .subscribe_section h2,
body.subscription__create .subscribe_section p {
  flex: 1 0 440px;
  max-width: 440px;
  max-width: 100%;
}

/* line 101, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input > label ~ *:not([type="hidden"]),
body.subscription__show .subscribe_section .input > label ~ *:not([type="hidden"]),
body.subscription__create .subscribe_section .input > label ~ *:not([type="hidden"]) {
  flex: 1 0 220px;
  max-width: 220px;
}

/* line 105, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .tooltip,
body.subscription__show .subscribe_section .tooltip,
body.subscription__create .subscribe_section .tooltip {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.4);
  max-width: 440px !important;
  margin-top: 4px !important;
}

/* line 112, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input > label[required="required"]:after,
body.subscription__show .subscribe_section .input > label[required="required"]:after,
body.subscription__create .subscribe_section .input > label[required="required"]:after {
  content: " *";
  color: #f15600;
}

/* line 116, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input > label.really-required:after,
body.subscription__show .subscribe_section .input > label.really-required:after,
body.subscription__create .subscribe_section .input > label.really-required:after {
  content: " **";
  color: #f15600;
}

/* line 121, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input-checkbox input,
body.subscription__show .subscribe_section .input-checkbox input,
body.subscription__create .subscribe_section .input-checkbox input {
  margin-left: 0;
}

/* line 126, app/assets/stylesheets/subscription.scss */
body.subscription__new .subscribe_section .input-group *,
body.subscription__show .subscribe_section .input-group *,
body.subscription__create .subscribe_section .input-group * {
  margin: 0;
  padding: 0;
}

/* line 132, app/assets/stylesheets/subscription.scss */
body.subscription__new #done.subscribe_section p,
body.subscription__show #done.subscribe_section p,
body.subscription__create #done.subscribe_section p {
  margin: 0 2rem;
}

/* line 140, app/assets/stylesheets/subscription.scss */
body.subscription__new .inner-input,
body.subscription__show .inner-input,
body.subscription__create .inner-input {
  flex: 1 0 120px;
  max-width: 440px;
}

/* line 148, app/assets/stylesheets/subscription.scss */
body.subscription__new #done,
body.subscription__show #done,
body.subscription__create #done {
  padding: 1rem;
}

/* line 153, app/assets/stylesheets/subscription.scss */
body.subscription__new .rectangle,
body.subscription__show .rectangle,
body.subscription__create .rectangle {
  height: 48px;
  width: 100vw;
  background-color: #008390;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 500;
  letter-spacing: 1.44px;
  line-height: 15px;
  text-transform: uppercase;
}

/* line 166, app/assets/stylesheets/subscription.scss */
body.subscription__new .rectangle .new-share,
body.subscription__show .rectangle .new-share,
body.subscription__create .rectangle .new-share {
  font-size: 12px;
  font-weight: 500;
  line-height: 15px;
}

/* line 174, app/assets/stylesheets/subscription.scss */
body.subscription__new .group-2-themed,
body.subscription__show .group-2-themed,
body.subscription__create .group-2-themed {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 179, app/assets/stylesheets/subscription.scss */
body.subscription__new .mmb-header,
body.subscription__show .mmb-header,
body.subscription__create .mmb-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80px;
}

/* line 185, app/assets/stylesheets/subscription.scss */
body.subscription__new .label,
body.subscription__show .label,
body.subscription__create .label {
  height: 13px;
  width: 36px;
  color: rgba(0, 0, 0, 0.84);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.2px;
  line-height: 13px;
}

/* line 195, app/assets/stylesheets/subscription.scss */
body.subscription__new .label-instructions,
body.subscription__show .label-instructions,
body.subscription__create .label-instructions {
  height: 11px;
  width: 224px;
  color: rgba(0, 0, 0, 0.44);
  font-size: 9px;
  line-height: 11px;
}

/* line 204, app/assets/stylesheets/subscription.scss */
body.subscription__new .btn-orange,
body.subscription__show .btn-orange,
body.subscription__create .btn-orange {
  background-color: #f15700;
  border-color: #f15700 !important;
  color: white !important;
  text-decoration: none;
  border-width: 2px;
  border-radius: 10px !important;
  border-style: solid;
  width: 224px;
}

/* line 216, app/assets/stylesheets/subscription.scss */
body.subscription__new .btn-blue,
body.subscription__show .btn-blue,
body.subscription__create .btn-blue {
  background-color: #e9e9e9;
  border-color: #008390 !important;
  color: #008390 !important;
  text-decoration: none;
  border-width: 2px;
  border-radius: 10px !important;
  border-style: solid;
  width: 224px;
}

/* line 229, app/assets/stylesheets/subscription.scss */
body.subscription__new .centered-column-text,
body.subscription__show .centered-column-text,
body.subscription__create .centered-column-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: justify;
  width: 224px;
}

/* line 237, app/assets/stylesheets/subscription.scss */
body.subscription__new .centered-wide_column-text,
body.subscription__show .centered-wide_column-text,
body.subscription__create .centered-wide_column-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: justify;
  width: 224px;
}