.form_cnt .form_div {
  max-height: 1050px
}

.form_cnt .form_div.hide {
  display: none;
}

/* Add this to your dialog.css file */
body#rep_interstitialext_interstitial.show {
  overflow: hidden;
}


#rep_interstitial {
  overflow-x: hidden;
  overflow-y: auto;
  -ms-flex-align: start;
  align-items: start;
}

#rep_interstitial>.container {
  margin: 40px auto;
  width: calc(100% - 32px);
  max-width: 485px;
  padding-top: 40px
}

.custom-dropdown-container,
.select_field {
  position: relative;
  min-height: 71px
}

#rep_interstitial .container h1+p {
  margin-top: 16px;
}

.custom-dropdown-container #announcement,
.select_field #announcement {
  opacity: 0;
  pointer-events: none;
  height: 0
}

.custom-dropdown-container button,
.custom-dropdown-container select,
.custom-dropdown-container ul,
.select_field button,
.select_field select,
.select_field ul {
  display: block;
  padding: .7rem .8rem;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  background: var(--white-color);
  border: 0;
  font-size: 1rem
}

.custom-dropdown-container button,
.select_field button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-family: var(--font-montserrat-pro_sans);
  border: 1px solid var(--secondary-font-color);
  border-radius: 6px;
  background: url(/img/icons/select-dropdown-arrow.png) calc(100% + 1px) 0 no-repeat;
  background-size: 50px;
  height: 50px
}

.custom-dropdown-container button:before,
.select_field button:before {
  content: "";
  vertical-align: middle;
  font-weight: 900;
  position: absolute;
  right: .8rem
}

.custom-dropdown-container button:focus-visible,
.select_field button:focus-visible {
  outline: 0;
  box-shadow: inset 0 0 5px 2px rgba(251, 146, 60, .7)
}

.custom-dropdown-container ul,
.select_field ul {
  color: var(--select-field-text-color);
  position: absolute;
  left: 0;
  right: 0;
  top: 70px;
  height: 0;
  overflow-y: auto;
  list-style-type: none;
  padding: 0;
  margin-top: .1rem;
  transform-origin: top left;
  transition: height .3s ease-in;
  pointer-events: none;
  z-index: 2;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.custom-dropdown-container ul.active,
.select_field ul.active {
  height: 320px;
  pointer-events: auto;
  border-bottom: 4px solid var(--cta-border-color)
}

.custom-dropdown-container ul li,
.select_field ul li {
  padding: .6rem .5rem;
  cursor: pointer;
  transition: all .1s ease-in;
  position: relative;
  font-family: var(--font-montserrat-pro_sans)
}

.custom-dropdown-container ul li.current,
.custom-dropdown-container ul li:hover,
.select_field ul li.current,
.select_field ul li:hover {
  background: var(--hover-background-color)
}

.custom-dropdown-container ul li.active,
.select_field ul li.active {
  color: var(--secondary-font-color)
}

.custom-dropdown-container ul li.active:before,
.select_field ul li.active:before {
  opacity: 1
}

.custom-dropdown-container .error_msg,
.select_field .error_msg {
  display: none;
  font-size: 12px;
  line-height: 15px;
  color: var(--error-text-color);
  margin: 2px 0 0;
  font-family: var(--font-montserrat-pro_sans)
}

.custom-dropdown-container.field_error button,
.select_field.field_error button {
  border-color: var(--error-text-color)
}

.custom-dropdown-container.field_error .error_msg,
.select_field.field_error .error_msg {
  display: block;
  font-weight: 400
}

.button.secondary_old:hover {
  border-color: var(--secondary-button-hover-color)
}

.button.secondary_old:focus {
  box-shadow: 1px 1px 10px rgba(0, 0, 0, .4)
}

.button.primary {
  padding: 0;
  font-size: 16px;
  line-height: 20px;
  padding-right: 60px;
  background-color: var(--secondary-font-color);
  overflow: hidden;
}

.button.submit_button {
  position: relative;
  display: inline-block;
  cursor: pointer
}

.button.submit_button input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden
}


.form_cnt .form_div._hide {
  max-height: 0;
  transition: max-height .5s ease-in-out;
  overflow: hidden
}

.form_cnt .form_div p {
  font-family: var(--font-montserrat-pro_sans)
}

.form_cnt .form_div sup.emailsup {
  top: -8px;
}

.form_cnt .form {
  text-align: left;
  margin-top: 16px;
  margin-left: auto;
  margin-right: auto
}

.form_cnt .form .quest_field label,
.form_cnt .form .select_field label {
  display: block
}

.form_cnt .form .quest_field label span.label-copy,
.form_cnt .form .select_field label span.label-copy {
  margin: 0 0 5px;
  margin-bottom: 1px;
  font-size: 16px;
  line-height: 20px;
  display: block;
  font-family: var(--font-montserrat-pro_sans)
}

.form_cnt .form .quest_field label p:not(.error_msg),
.form_cnt .form .select_field label p:not(.error_msg) {
  margin: 0 0 5px;
  font-size: 16px;
  line-height: 20px
}

.form_cnt .form .quest_field label input,
.form_cnt .form .select_field label input {
  height: 50px;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 16px 8px 8px;
  border: 1px solid var(--secondary-font-color);
  font-family: var(--font-montserrat-pro_sans);
  border-radius: 5px;
  outline: none
}

.form_cnt .form .quest_field label input:focus,
.form_cnt .form .select_field label input:focus {
  border: 1px solid var(--secondary-background-color)
}

.form_cnt .form .quest_field label .error_msg,
.form_cnt .form .select_field label .error_msg {
  display: none;
  font-size: 12px;
  line-height: 15px;
  color: var(--error-text-color);
  margin: 2px 0 0;
  font-family: var(--font-montserrat-pro_sans)
}

.form_cnt .form .quest_field~.quest_field,
.form_cnt .form .select_field~.quest_field {
  margin-top: 10px
}

.form_cnt .form .quest_field.field_error label input,
.form_cnt .form .quest_field.field_error label select,
.form_cnt .form .select_field.field_error label input,
.form_cnt .form .select_field.field_error label select {
  border-color: var(--error-text-color)
}

.form_cnt .form .quest_field.field_error label .error_msg,
.form_cnt .form .select_field.field_error label .error_msg {
  display: block;
  font-weight: 400
}

.form_cnt .form .select_field {
  margin-top: 10px
}

.form_cnt .form .select_field label select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  background: transparent;
  background-image: none;
  cursor: pointer;
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  font-size: 16px;
  line-height: 20px;
  padding: 8px 16px 8px 8px;
  border: 1px solid var(--secondary-font-color);
  border-radius: 6px;
  outline: none;
  background: url(/img/icons/select-dropdown-arrow.png) 100% 0 / 50px no-repeat;
  height: 50px;
  font-family: var(--font-montserrat-pro_sans)
}

.form_cnt .form .select_field label select:after {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  content: "";
  display: block;
  background-color: red;
  pointer-events: none
}

.form_cnt .form .select_field label select option {
  display: block;
  border: 0
}

.form_cnt .form .select_field label select::-ms-expand {
  display: none
}

.form_cnt .form .checkbox_field {
  margin: 8px 0
}

.form_cnt .form .checkbox_field label {
  display: block;
  position: relative
}

.form_cnt .form .checkbox_field label input {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 0;
  padding: 0;
  margin: 0;
  overflow: hidden
}

.form_cnt .form .checkbox_field label input:focus+.label-copy span {
  border-color: var(--secondary-background-color)
}

.form_cnt .form .checkbox_field label input:checked+.label-copy span:after,
.form_cnt .form .checkbox_field label input:checked+.label-copy span:before {
  opacity: 1;
  visibility: visible
}

.form_cnt .form .checkbox_field label .label-copy {
  position: relative;
  padding: 8px 0 8px 30px;
  line-height: 1em;
  margin: 0;
  font-family: var(--font-montserrat-pro_sans)
}

.form_cnt .form .checkbox_field label .label-copy span {
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid var(--secondary-font-color);
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%)
}

.form_cnt .form .checkbox_field label .label-copy span:after,
.form_cnt .form .checkbox_field label .label-copy span:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  background-color: var(--primary-font-color);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s linear 0s, visibility .2s linear 0s
}

.form_cnt .form .checkbox_field label .label-copy span:before {
  width: 1px;
  height: 80%
}

.form_cnt .form .checkbox_field label .label-copy span:after {
  width: 80%;
  height: 1px
}

.form_cnt .form .submit_btn {
  text-align: center;
  margin: 32px 0 8px
}

.form_cnt .form .submit_btn label input:disabled+span {
  cursor: no-drop
}

.form_cnt .form .submit_btn label input:disabled+span+span {
  cursor: no-drop;
  background-color: var(--border-light-gray)
}

.form_cnt .form>p {
  font-size: 13px;
  line-height: 15px;
  text-align: center;
  margin: 0
}

.form_cnt .form>p~p {
  margin-top: 8px
}

.form_cnt .form>p.footnote {
  font-size: 14px;
  line-height: 17px;
  margin-top: 16px
}

.form_cnt .form>p.footnote a.form_link_pp {
  display: inline;
  border-bottom: 0;
  text-decoration: underline
}

.form_cnt .form>p.footnote a.form_link_pp:hover {
  text-decoration: underline
}

.form_cnt .form .form_bottom_error {
  display: none;
  color: var(--error-text-color);
  font-weight: 400
}

.form_cnt .form .form_bottom_error.show {
  display: block
}

.form_cnt .form_thanks_rep {
  max-height: 0;
  overflow: hidden;
  display: none
}

.form_cnt .form_thanks_rep.show {
  max-height: max-content;
  display: block
}

.form_cnt .form_thanks_rep p {
  font-family: var(--font-montserrat-pro_sans)
}

@media only screen and (min-width: 981px) {
  .form_cnt .form_div {
    max-height: 1030px
  }

  .form_cnt .form_div.hide {
    display: none;
  }

  .form_cnt .form .quest_field label span.label-copy,
  .form_cnt .form .select_field label span.label-copy {
    margin-bottom: 1px
  }

  .form_cnt .form>p.footnote {
    margin-top: 32px
  }
}
