@charset "UTF-8";
.tether-element-attached-top .datepicker__triangle, .tether-element-attached-bottom .datepicker__triangle, .datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }
  .tether-element-attached-top .datepicker__triangle, .tether-element-attached-bottom .datepicker__triangle, .datepicker__year-read-view--down-arrow, .tether-element-attached-top .datepicker__triangle::before, .tether-element-attached-bottom .datepicker__triangle::before, .datepicker__year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px; }
  .tether-element-attached-top .datepicker__triangle::before, .tether-element-attached-bottom .datepicker__triangle::before, .datepicker__year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae; }

.tether-element-attached-top .datepicker__triangle {
  top: 0;
  margin-top: -8px; }
  .tether-element-attached-top .datepicker__triangle, .tether-element-attached-top .datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0; }
  .tether-element-attached-top .datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae; }

.tether-element-attached-bottom .datepicker__triangle, .datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }
  .tether-element-attached-bottom .datepicker__triangle, .datepicker__year-read-view--down-arrow, .tether-element-attached-bottom .datepicker__triangle::before, .datepicker__year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff; }
  .tether-element-attached-bottom .datepicker__triangle::before, .datepicker__year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae; }

.datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  display: inline-block;
  position: relative; }

.datepicker__container {
  position: absolute;
  display: inline-block;
  z-index: 2147483647; }

.datepicker__triangle {
  position: absolute;
  left: 50px; }

.tether-target-attached-top.datepicker__container {
  margin-top: -20px; }

.datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 8px;
  position: relative; }

.datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 13px; }
  .datepicker__current-month--hasYearDropdown {
    margin-bottom: 16px; }

.datepicker__navigation {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 6px solid transparent; }
  .datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc; }
    .datepicker__navigation--previous:hover {
      border-right-color: #b3b3b3; }
  .datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc; }
    .datepicker__navigation--next:hover {
      border-left-color: #b3b3b3; }
  .datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto; }
    .datepicker__navigation--years-previous {
      top: 4px;
      border-top-color: #ccc; }
      .datepicker__navigation--years-previous:hover {
        border-top-color: #b3b3b3; }
    .datepicker__navigation--years-upcoming {
      top: -4px;
      border-bottom-color: #ccc; }
      .datepicker__navigation--years-upcoming:hover {
        border-bottom-color: #b3b3b3; }

.datepicker__week-day {
  color: #ccc;
  display: inline-block;
  width: 28px;
  line-height: 24px; }

.datepicker__month {
  margin: 5px;
  text-align: center; }

.datepicker__day {
  color: #000;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 2px;
  cursor: pointer; }
  .datepicker__day:hover {
    border-radius: 4px;
    background-color: #f0f0f0; }
  .datepicker__day--today {
    font-weight: bold; }
  .datepicker__day--selected, .datepicker__day--in-range {
    border-radius: 4px;
    background-color: #216ba5;
    color: #fff; }
    .datepicker__day--selected:hover, .datepicker__day--in-range:hover {
      background-color: #1d5d90; }
  .datepicker__day--disabled {
    cursor: default;
    color: #ccc; }
    .datepicker__day--disabled:hover {
      background-color: transparent; }

.datepicker__input-container {
  position: relative; }

.datepicker__input {
  position: relative;
  font-size: 13px;
  border-radius: 4px;
  box-shadow: inset 0 2px 2px #e9e9e9;
  border: 1px solid #aeaeae;
  line-height: 16px;
  padding: 6px 10px 5px; }
  .datepicker__input:focus {
    outline: none;
    border-color: #aeaeae;
    box-shadow: inset 0 2px 2px #e9e9e9, 0 0 10px 0 rgba(73, 107, 125, 0.3); }
  .datepicker__input:not(:valid) ~ .close-icon {
    display: none; }

.datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 4px; }
  .datepicker__year-read-view:hover {
    cursor: pointer; }
    .datepicker__year-read-view:hover .datepicker__year-read-view--down-arrow {
      border-top-color: #b3b3b3; }
  .datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    margin-bottom: 3px;
    left: 5px;
    top: 9px;
    position: relative;
    border-width: 6px; }
  .datepicker__year-read-view--selected-year {
    right: 6px;
    position: relative; }

.datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #aeaeae; }
  .datepicker__year-dropdown:hover {
    cursor: pointer; }

.datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .datepicker__year-option:first-of-type {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px; }
  .datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px; }
  .datepicker__year-option:hover {
    background-color: #ccc; }
    .datepicker__year-option:hover .datepicker__navigation--years-upcoming {
      border-bottom-color: #b3b3b3; }
    .datepicker__year-option:hover .datepicker__navigation--years-previous {
      border-top-color: #b3b3b3; }
  .datepicker__year-option--selected {
    position: absolute;
    left: 30px; }

.close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }
  .close-icon::after {
    background-color: #216ba5;
    border-radius: 50%;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    content: "\D7";
    cursor: pointer;
    font-size: 12px;
    height: 16px;
    width: 16px;
    line-height: 1;
    margin: -8px auto 0;
    padding: 2px;
    position: absolute;
    right: 7px;
    text-align: center;
    top: 50%; }

html {
  box-sizing: border-box;
  font-size: 62.5%; }

*,
*:after,
*:before {
  box-sizing: inherit; }

body {
  margin: 0;
  padding: 0;
  color: #808080;
  font-family: "TradeGothic", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.01em;
  line-height: 1.5; }

section {
  border-radius: 2px;
  padding: 0.5em 2em;
  margin: 1em; }
  section .item-title,
  section label {
    color: #808080;
    font-size: 14px; }

.your-summary section {
  background-color: rgba(240, 240, 240, 0.7); }

ul {
  list-style-type: none;
  padding-left: 0; }

h2 {
  color: #4da19b;
  font-weight: 400; }

h3 {
  color: #5E5E5E;
  font-weight: 400; }

input[type="text"],
input[type="email"],
input[type="number"],
select {
  padding-left: 0.4em;
  font-size: 12px;
  height: 3em;
  line-height: 3em;
  border-radius: 4px;
  border: 1px solid #b0bac3;
  background-color: white; }

input[type="radio"] {
  display: none; }
  input[type="radio"]:checked + label:before {
    background: white;
    border-color: #888;
    box-shadow: inset 0 0 0 0.6em #888; }
  input[type="radio"] + label:before {
    content: '';
    background: white;
    border: 1px solid #d1d1d1;
    padding: 1em;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    border-radius: 50%; }
  input[type="radio"].invalid + label:before {
    border-color: #EF5350; }

ul {
  padding-left: 0; }

.no-background {
  background: none; }

.show {
  display: block !important; }

.pointer {
  cursor: pointer; }

::-webkit-input-placeholder {
  font-size: 11px !important; }

::-moz-placeholder {
  font-size: 11px !important; }

/* firefox 19+ */
:-ms-input-placeholder {
  font-size: 11px !important; }

/* ie */
input:-moz-placeholder {
  font-size: 11px !important; }

.text-primary {
  color: #808080; }

.text-orange {
  color: #FD8803; }

.accentuate {
  font-size: 14px;
  font-weight: 500; }

.summary-title {
  color: #808080;
  font-weight: 400;
  font-size: 0.65em; }

.summary-value {
  color: #808080;
  font-weight: 300;
  font-size: 0.65em; }

.small-text {
  font-size: 0.7em; }

.medium-text {
  font-size: 0.8em;
  font-weight: 300; }

.large-text {
  font-size: 1.5em; }

.item-title {
  text-align: right;
  padding-right: 1rem; }

.primary-color-text {
  color: #4da19b; }

.secondary-color-text {
  color: #92CFC6; }

.black-color-text {
  color: black; }

.text-deco-none {
  text-decoration: none; }

.underline {
  text-decoration: underline; }

.hover-opacity:hover {
  opacity: .5; }

.bold {
  font-weight: bold; }

.full-width {
  width: 100%; }

.half-width-no-responsiveness {
  width: calc(50% - 4px);
  display: inline-block; }

.half-width {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .half-width {
      width: calc(50% - 4px);
      display: inline-block; } }

.one-third-width-no-responsiveness {
  width: calc(33.333% - 4px);
  display: inline-block; }

.one-third-width {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .one-third-width {
      width: calc(33.333% - 4px);
      display: inline-block; } }

.two-thirds-width {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .two-thirds-width {
      width: calc(66.666% - 4px);
      display: inline-block; } }

.one-quarter-width {
  width: calc(25% - 4px);
  display: inline-block; }

.one-fifth-width {
  width: calc(20% - 4px);
  display: inline-block; }

.two-fifths-width-no-responsiveness {
  width: calc(40% - 4px);
  display: inline-block; }

.two-fifths-width {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .two-fifths-width {
      width: calc(40% - 4px);
      display: inline-block; } }

.three-fifths-width-no-responsiveness {
  width: calc(60% - 4px);
  display: inline-block; }

.three-fifths-width {
  width: 100%; }
  @media screen and (min-width: 480px) {
    .three-fifths-width {
      width: calc(60% - 4px);
      display: inline-block; } }

.relative {
  position: relative; }
  .relative:before, .relative:after {
    content: " ";
    display: table; }
  .relative:after {
    clear: both; }

.align-top {
  vertical-align: top; }

.align-right {
  text-align: right; }

.align-left {
  text-align: left; }

.align-center {
  text-align: center; }

.input-row {
  position: relative;
  padding: 1em 0; }

.padding-1em {
  padding: 1em; }

.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.calendar-icon {
  position: absolute;
  line-height: 4.2em;
  height: 20px;
  width: 20px;
  right: 8px;
  top: 3px;
  fill: #4da19b; }

#voucher-form {
  float: right; }

.flow-form {
  width: 100%; }
  .flow-form:before, .flow-form:after {
    content: " ";
    display: table; }
  .flow-form:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .flow-form {
      width: 66.666%;
      min-height: 27.5em; } }
  .flow-form input:focus {
    -webkit-outline: none;
    outline: none; }
  .flow-form input {
    padding: 6px !important; }
  .flow-form input[type="email"],
  .flow-form input[type="text"] {
    margin: 0 auto; }

.flow-form--page h2.header {
  position: relative;
  text-align: center;
  color: #fff;
  background: #4da19b;
  padding: 12px 2px 10px;
  font-size: 20px;
  text-transform: uppercase;
  margin-left: -1.4em;
  margin-right: -1.4em;
  margin-top: -0.3em; }
  .flow-form--page h2.header.outline:after {
    content: " ";
    width: 200px;
    height: 36px;
    position: absolute;
    left: 50%;
    margin-left: -100px;
    top: 50%;
    margin-top: -18px;
    border: 1px solid #fff; }
  .flow-form--page h2.header.outline {
    margin-top: 1.1em;
    margin-left: -0.7em;
    margin-right: -0.7em; }
    @media screen and (max-width: 768px) {
      .flow-form--page h2.header.outline {
        margin-top: -0.3em; } }

.flow-form2 {
  width: 100%;
  clear: both;
  float: left; }
  .flow-form2:before, .flow-form2:after {
    content: " ";
    display: table; }
  .flow-form2:after {
    clear: both; }
  @media screen and (min-width: 768px) {
    .flow-form2 {
      min-height: 27.5em; } }
  .flow-form2 h2.header {
    margin: 0 0 1em !important;
    padding: 16px;
    text-transform: none;
    background: #67B8AB; }

.flow-form2 .flow-form--page-indicator td:last-child {
  display: none; }

.flow-form--page-indicator {
  width: 100%;
  margin-top: 1.5em;
  padding: 0 1em; }
  .flow-form--page-indicator td {
    text-align: center; }
    .flow-form--page-indicator td span {
      display: inline-block;
      vertical-align: middle; }

.flow-form--page-name {
  vertical-align: top;
  line-height: 1.5rem;
  height: 1.5rem;
  padding-right: 1em;
  font-size: 0.6em; }
  @media screen and (min-width: 480px) {
    .flow-form--page-name {
      text-align: right;
      font-size: 0.75em; } }
  @media screen and (max-width: 480px) {
    .flow-form--page-name {
      height: 3rem;
      line-height: 1.3rem;
      font-size: 11px; } }

.flow-form--page-icon {
  width: 1.5rem;
  height: 1.5rem;
  background-color: #dddddd;
  border-radius: 50%; }

.form-landing .box.calculator {
  margin-top: 4em; }

.form-landing .next-page-button {
  margin-bottom: 2em; }

.form-landing ul {
  list-style: initial; }
  .form-landing ul li {
    margin-left: 14px; }

.form-landing .half {
  padding: 0; }
  .form-landing .half.bottom {
    width: 100%; }

.form-landing .box {
  padding: 14px; }

.form-landing .header {
  padding: 10px;
  white-space: break;
  line-height: 39px; }
  .form-landing .header > div {
    border: 1px solid #fff;
    font-size: 16px;
    margin-right: 4px;
    padding: 4px 6px;
    font-weight: 300;
    display: inline-block;
    line-height: 22px; }

@media screen and (min-width: 768px) {
  .form-landing .half:first-child {
    padding-right: 26px; } }

@media screen and (max-width: 768px) {
  .form-landing {
    padding: 0.5em 0; } }

.customer-service-details {
  background: #f2f2f2;
  text-align: center; }
  .customer-service-details .item-title {
    text-align: center; }
  .customer-service-details .text-primary {
    text-align: left; }

.complete:after {
  content: '\2022';
  display: block;
  height: 100%;
  width: 100%;
  font-size: 32px;
  top: -14px;
  left: -0.5px;
  position: relative;
  color: #1E84D8; }

.current:after {
  content: '\2022';
  display: block;
  height: 100%;
  width: 100%;
  font-size: 37px;
  top: -17px;
  left: -1.3px;
  position: relative;
  color: #1E84D8; }

.step-counter {
  text-align: left;
  margin-bottom: 8px; }

.button-container {
  padding: 0 8%; }

.next-page-button {
  border: none;
  min-width: 160px;
  padding: 0.6em 1em;
  font-size: 1.8em;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: white;
  background: #FD8803;
  cursor: pointer;
  transition: background-color 0.2s linear;
  margin: 0 auto;
  display: block; }
  @media screen and (max-width: 768px) {
    .next-page-button:hover {
      background: #FD8803 !important; } }
  @media screen and (max-width: 480px) {
    .next-page-button {
      width: 100% !important; } }
  .next-page-button:disabled {
    cursor: default;
    background: #5e5e5e; }

@media screen and (max-width: 768px) {
  .flow-form2 .next-page-button {
    width: 100%; } }

.flow-form2 .flow-form--page-indicator {
  width: 20%;
  margin: 1em auto 1em; }

@media screen and (max-width: 480px) {
  .procedure-type {
    padding-top: 15px; } }

@media screen and (min-width: 480px) {
  .flow-form2 .flow-form--page {
    position: relative;
    z-index: 2;
    margin: 2em 0; }
    .flow-form2 .flow-form--page:before {
      content: '';
      display: block;
      position: absolute;
      top: -2em;
      left: -100%;
      right: 0;
      bottom: 0;
      width: 200vw;
      height: calc(100% + 4em);
      z-index: -1; } }

.dental-history .input-row > span,
.your-details .input-row > span {
  text-align: left; }

@media screen and (min-width: 768px) {
  .package-flex-reverse {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    width: 100%; } }

@media screen and (max-width: 767px) {
  .mobile-full-width {
    display: block !important;
    width: 100%; }
  .mobile-full-width > div {
    text-align: center;
    padding-top: 1em; } }

.recaptcha {
  margin: 2em auto;
  display: block;
  width: 304px; }

.your-summary {
  width: 33.333%;
  float: right;
  clear: both;
  display: block;
  margin-top: 2em; }
  @media screen and (max-width: 768px) {
    .your-summary {
      width: 100%;
      float: left; } }
  .your-summary span {
    font-size: 1.4rem; }
  .your-summary li {
    margin-bottom: 0.5rem; }
  .your-summary h2 {
    color: #444; }

.summary-title {
  color: #5E5E5E;
  font-weight: bold; }

.summary-value span:after {
  content: ', '; }

.summary-value span:last-child:after {
  content: ''; }

.summary-edit {
  float: right;
  margin-top: -2.6em;
  color: #FD8803; }

.dental-history input[type="radio"] + label {
  padding-left: 1em; }

.treatment-select {
  display: none; }

.multi-select {
  height: 8em; }

.multi-select-label {
  vertical-align: top;
  width: calc(25% - 4px); }

.know-whats-needed select {
  display: none; }

.know-whats-needed .one-third-width {
  position: relative;
  vertical-align: top; }

.know-whats-needed .know-whats-needed_yes:checked + label + select {
  display: block;
  position: absolute;
  width: 100%; }

.treatment-selection {
  font-size: 12px;
  border-radius: 4px;
  border: 1px solid #b0bac3;
  background-color: white;
  cursor: pointer; }
  .treatment-selection .button-page {
    display: none; }
  .treatment-selection.expanded .button-page {
    display: -ms-flexbox;
    display: flex; }
  .treatment-selection .item-title {
    position: relative;
    padding: 1em;
    text-align: left; }
    .treatment-selection .item-title:after {
      content: '';
      position: absolute;
      top: 50%;
      right: 2em;
      border-width: 5px;
      border-style: solid;
      border-color: #d1d1d1 transparent transparent transparent;
      transform: translateY(-50%);
      margin-top: 3px; }
  .treatment-selection .button-page > .button {
    position: relative;
    width: calc(48% - 4px);
    background-color: #4da19b;
    border-color: #4da19b;
    font-size: 1.4rem; }
    .treatment-selection .button-page > .button:hover, .treatment-selection .button-page > .button.active {
      opacity: 1;
      background-color: #9ec8c5;
      border-color: #9ec8c5; }
    .treatment-selection .button-page > .button.active:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url("data:image/png;base64,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");
      background-repeat: no-repeat;
      background-size: 28px;
      background-position: center; }

@media screen and (max-width: 480px) {
  .flex-wrapper-column {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .flex-wrapper {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: justify;
        justify-content: space-between; }
  .flex-items {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start; }
  .flex-items input,
  .flex-items label {
    -ms-flex-item-align: center;
        align-self: center; } }

.package-notice {
  height: calc(100% - 3em);
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #808080;
  padding-top: 3em; }

.your-preference .item-title {
  height: auto;
  line-height: 1em;
  text-align: left;
  margin-bottom: 1.5em; }
  @media screen and (min-width: 480px) {
    .your-preference .item-title {
      height: 1.5em;
      line-height: 1.5em; } }

.package-table {
  margin: 0 10px;
  width: 100%; }
  @media screen and (max-width: 768px) {
    .package-table {
      margin: 0; } }
  .package-table td {
    padding: 4px;
    vertical-align: top; }
    .package-table td:first-child {
      padding: 4px;
      font-weight: 600;
      font-size: 1em; }
    .package-table td:last-child {
      padding-left: 10px;
      white-space: nowrap;
      text-align: right;
      font-size: 1.2em; }

.package {
  text-align: center;
  margin-bottom: 1em;
  transition: all .15s ease; }
  .package > label {
    display: block;
    vertical-align: top;
    cursor: pointer; }
  .package > input {
    display: none; }
    .package > input:checked + label .package--name {
      background-color: #f2ff2f;
      font-weight: 600; }
    .package > input:checked + label .accentuate {
      color: #4da19b; }
  .package p {
    margin: 0;
    padding: 1em;
    border-right: 1px solid white; }
    @media screen and (max-width: 768px) {
      .package p {
        border: none; } }
  .package:first-child p {
    border-right: none; }
  .package:hover {
    opacity: .5; }

.package--name {
  padding-left: 0.4em;
  font-size: 10px;
  height: 3.5em;
  line-height: 3.5em;
  border-radius: 4px;
  border: 1px solid #b0bac3;
  background-color: white;
  margin: 0.25em 0.5em; }

.package-select {
  padding: 0;
  text-decoration: underline; }

.payment-details input[type="radio"] + label {
  padding-left: 1em; }

.card-type-list > li:nth-child(2) {
  text-align: center; }

.card-type-list > li:last-child {
  text-align: right; }

.credit-card-input input {
  border-right: none;
  border-left: 1px solid #b0bac3;
  border-radius: 0; }
  .credit-card-input input:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-left: 1px solid #b0bac3; }
  .credit-card-input input:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #b0bac3; }

.card-type_Image {
  position: relative;
  width: calc(39% + 24px);
  display: inline-block;
  white-space: nowrap; }
  .card-type_Image:after {
    content: '';
    height: 32px;
    width: 32px;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.3em; }

.payment-frequency {
  width: calc(39% + 24px);
  display: inline-block;
  position: relative;
  white-space: nowrap; }

.card-type_Input_Visa:after,
.card-type_Input_MasterCard:after,
.payment-frequency_Input:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 2;
  cursor: pointer; }

.card-type_Image_Visa:after {
  background-image: url(data:image/png;base64,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); }

.card-type_Image_MasterCard:after {
  background-image: url(data:image/png;base64,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);
  right: -40px; }

@media screen and (max-width: 480px) {
  .payment-frequency,
  .card-type_Image {
    width: 100%;
    margin: 1em 0 0; }
  .card-type-list > li:last-child {
    text-align: left; }
  .credit-card-input input {
    padding: 0;
    margin: 0;
    width: 25%; } }

.box.calculator {
  max-width: 320px;
  margin: 0 auto 20px auto;
  padding: 0.1em 1em 1.5em 1em;
  background: #e3f2ef;
  border: 1px solid #C3CDCB;
  border-radius: 4px;
  text-align: center;
  color: #000;
  box-shadow: none; }
  @media screen and (min-width: 768px) {
    .box.calculator {
      margin-bottom: 0; } }
  .box.calculator > a {
    color: #347D79;
    text-decoration: none;
    display: block;
    margin-bottom: 8px; }
  .box.calculator h2 {
    font-size: 1.2em; }
  .box.calculator button {
    display: block;
    width: 100%;
    font-size: 20px;
    padding: 12px;
    color: #fff;
    background: #FD8803;
    border-radius: 10px;
    border: 1px solid #C3CDCB;
    font-weight: bold;
    margin-bottom: 10px; }
  .box.calculator .slider {
    height: 15px;
    border-radius: 15px;
    background: #fff;
    margin: 45px 1em 0.7em 1em; }
    .box.calculator .slider .handle {
      width: 15px;
      height: 15px;
      border-radius: 20px;
      background: #4B4B4B;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      cursor: pointer; }
  .box.calculator .slider-label {
    margin-top: 20px;
    margin-bottom: 0.3em;
    text-align: left;
    font-size: 1.2em; }
  .box.calculator .calculator-scale {
    position: relative;
    margin: -20px 1em 45px 1em;
    font-size: 12px; }
    .box.calculator .calculator-scale span:nth-child(1) {
      float: left; }
    .box.calculator .calculator-scale span:nth-child(2) {
      float: right; }
  .box.calculator .calculator-handle {
    background: #E5D607;
    margin-top: -38px;
    font-size: 14px;
    line-height: 20px;
    color: #4B4B4B;
    position: relative;
    width: 72px;
    margin-left: -27px; }
  .box.calculator .calculator-bar {
    position: relative;
    display: block;
    width: 0;
    top: -25px;
    height: 15px;
    background: #E5D607;
    border-radius: 15px;
    margin: 0 1em; }
  .box.calculator .calculator-label {
    padding: 3px 6px; }
  .box.calculator .calculator-label:after {
    content: "";
    width: 0;
    border: 8px solid #E5D607;
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    margin-left: -9px;
    left: 50%;
    top: 96%; }
  .box.calculator .calculator-weeks {
    display: -ms-flexbox;
    display: flex; }
    .box.calculator .calculator-weeks > div {
      -ms-flex: 1;
          flex: 1;
      display: inline-block;
      width: 4em;
      height: 3.2em;
      line-height: 3.2em;
      background: #fff;
      border: 1px solid #000;
      margin-bottom: 2.5em;
      cursor: pointer;
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none; }
      .box.calculator .calculator-weeks > div.disabled {
        opacity: 0.4;
        border: 1px solid #666; }
      .box.calculator .calculator-weeks > div.selected {
        background: #E5D607; }
      .box.calculator .calculator-weeks > div:not(:last-child) {
        margin-right: 1em; }
  .box.calculator select {
    width: 100%;
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 1px solid #347D79;
    height: 44px;
    font-size: 16px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 20px;
    position: relative;
    text-indent: 36%;
    font-size: 1.6em; }
    @media screen and (max-width: 320px) {
      .box.calculator select {
        text-indent: 29%; } }
  .box.calculator .select-wrap {
    position: relative; }
    .box.calculator .select-wrap:after {
      content: '';
      position: absolute;
      top: 32%;
      right: 1em;
      border-width: 5px;
      border-style: solid;
      border-color: #d1d1d1 transparent transparent transparent;
      transform: translateY(-50%);
      margin-top: 3px; }
  .box.calculator > span {
    display: inline-block;
    margin-top: 10px;
    white-space: nowrap; }
    .box.calculator > span span {
      margin-left: 4px; }

.your-preference .box.calculator {
  margin-top: 2em; }

.findbox {
  margin: 20px auto 0 auto;
  max-width: 500px;
  text-align: center;
  margin-bottom: 60px;
  padding: 0 24px; }
  .findbox > h2 {
    font-size: 20px;
    padding: 4px;
    color: #fff;
    background: #FD8803;
    max-width: 342px;
    margin: 0 auto 20px; }
  .findbox > div:first-of-type {
    white-space: nowrap;
    max-width: 342px;
    margin: 0 auto;
    padding-right: 42px;
    margin-bottom: 14px; }
  .findbox input {
    vertical-align: top;
    border-radius: 0;
    border-color: #4da19b;
    border-right: none;
    width: 100%;
    font-size: 17px;
    line-height: 42px;
    height: 42px;
    color: #333;
    display: inline-block; }
    .findbox input:focus {
      outline: none; }
    .findbox input::-webkit-input-placeholder {
      color: #aaa;
      font-size: 17px !important;
      line-height: 42px; }
    .findbox input:-moz-placeholder {
      color: #aaa;
      font-size: 17px !important;
      line-height: 42px; }
    .findbox input::-moz-placeholder {
      color: #aaa;
      font-size: 17px !important;
      line-height: 42px; }
    .findbox input:-ms-input-placeholder {
      color: #aaa;
      font-size: 17px !important;
      line-height: 42px; }
  .findbox .findbox-button {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: #4da19b;
    margin-bottom: 14px;
    cursor: pointer; }
    .findbox .findbox-button svg {
      width: 20px;
      margin-top: 10px; }
  .findbox .findbox-more {
    max-width: 342px;
    margin: 0 auto;
    line-height: 30px;
    display: block;
    margin-top: 16px;
    cursor: pointer;
    color: #fff;
    background: #FD8803; }
  .findbox .findbox-item {
    text-align: left;
    max-width: 342px;
    margin: 0 auto;
    position: relative; }
    .findbox .findbox-item:not(:last-of-type) {
      margin-bottom: 16px;
      border-bottom: 1px solid #eee;
      padding-bottom: 10px; }
    .findbox .findbox-item h4 {
      margin: 0 0 4px 0;
      color: #4da19b; }
    .findbox .findbox-item > span {
      display: block; }
      .findbox .findbox-item > span:nth-child(2) {
        max-width: 60%;
        margin-bottom: 8px; }
      .findbox .findbox-item > span:nth-child(4) {
        position: absolute;
        right: 0;
        top: 23px; }
    .findbox .findbox-item div {
      color: #4da19b;
      position: absolute;
      right: 0;
      top: 0;
      font-weight: bold;
      cursor: pointer; }

.nav {
  position: relative;
  height: 100%; }

.quote.menu-button {
  display: inline;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -21px !important;
  background: #377975;
  font-weight: bold;
  padding: 0.2em 1em;
  cursor: pointer; }
  .quote.menu-button:hover {
    opacity: 1 !important; }
  .quote.menu-button ul {
    font-weight: normal;
    position: absolute;
    padding: 10px 0px 0;
    min-width: 222px;
    z-index: 999;
    top: 18px;
    right: 0;
    opacity: 0;
    transition: opacity 0.4s ease;
    background: #377975;
    border-radius: 4px; }
    .quote.menu-button ul li {
      padding: 4px 0; }
      .quote.menu-button ul li:not(:last-child) {
        border-bottom: 1px solid #6ebaad;
        margin: 0 20px; }
      .quote.menu-button ul li:last-child {
        background: #FD8803;
        border-radius: 4px;
        text-align: center;
        margin-top: 10px;
        padding: 6px 0; }
      .quote.menu-button ul li a {
        text-decoration: none;
        color: #fff; }

.landing-info {
  background: #e3f2ef;
  margin: 30px auto; }
  .landing-info > div {
    background: #4da19b;
    color: #fff;
    padding: 1em 1em 0.4em;
    text-align: center;
    display: -ms-flexbox;
    display: flex; }
    .landing-info > div span {
      border: 1px solid #fff;
      padding: 5px 5px 3px;
      display: inline-block;
      text-align: center;
      -ms-flex: 1;
          flex: 1; }
      .landing-info > div span:not(:last-child) {
        margin-right: 6px; }
      .landing-info > div span:nth-child(1) {
        min-width: 86px;
        margin-bottom: 8px; }
      .landing-info > div span:nth-child(2), .landing-info > div span:nth-child(3) {
        min-width: 60px;
        margin-bottom: 8px; }
  .landing-info > span {
    display: inline-block;
    padding: 10px; }

.preference-info {
  margin: 0 14px 0;
  padding: 20px;
  text-align: center; }
  .preference-info p:nth-child(1) {
    font-size: 16px;
    color: #333; }
  .preference-info p:nth-child(2) {
    color: #4da19b; }
  .preference-info > a {
    display: block;
    text-decoration: none;
    color: #4da19b;
    margin: 1em; }

.faces-title {
  margin: 0.8em 1em 0; }

.faces {
  background: #f4f4f4;
  margin: 1em 14px 0;
  padding: 20px 0;
  display: -ms-flexbox;
  display: flex; }
  .faces > div {
    -ms-flex: 1;
        flex: 1;
    text-align: center; }
    .faces > div > div:nth-child(3) {
      font-size: 12px;
      color: #aaa; }
    .faces > div > div:nth-child(4) {
      font-size: 12px;
      color: #FD8803; }
  .faces > br {
    clear: both; }
  .faces img {
    width: 72px;
    border-radius: 60px; }

.package-examples {
  background: #ECF6F5;
  width: 100%;
  padding: 1em; }

.promo-wrapper {
  margin: 0 1em;
  padding: 15px 20px;
  background-color: #eff8f7;
  border-radius: 3px;
  box-shadow: 0 1px 4px #f0f0f0;
  border: 1px solid #e5e5e5;
  width: 330px; }

.promo-heading {
  margin: 0 0 10px; }

.promo-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.promo-icons {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-align: center;
      align-items: center; }
  .promo-icons img {
    display: block; }

.promo-icon:not(:last-child) {
  margin-right: 0.2em; }

.promo-features {
  font-size: 1.5rem;
  padding-left: 2em;
  text-align: left; }
  .promo-features ul {
    margin: 0; }

.faq-button {
  float: right;
  padding: 1em 4em;
  margin-right: 2em; }

.swipr {
  position: relative;
  margin: 0 auto;
  width: 350px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
      user-select: none; }

.swipr > ul > li {
  margin-right: 10px;
  position: relative;
  display: inline-block; }

.swipr_slides {
  display: inline-block; }

.swipr_prev, .swipr_next {
  position: absolute;
  top: 50%;
  margin-top: -25px;
  display: block;
  cursor: pointer; }

.swipr_next {
  right: 0; }

.swipr_prev {
  left: 0; }

.swipr_next svg, .swipr_prev svg {
  width: 25px; }

div.toast-notification {
  width: 100% !important; }
  div.toast-notification > span {
    width: 100%; }

#notification-wrapper .toast-notification {
  margin-top: -10px !important; }
  #notification-wrapper .toast-notification > span {
    display: inline-block !important;
    white-space: pre-wrap !important; }

.last-name {
  margin-left: 0; }
  @media screen and (min-width: 768px) {
    .last-name {
      margin-top: 0; } }

.name-input input {
  display: block; }

.info-box {
  margin: 0 15px;
  padding: 20px;
  background: #ECF6F5; }

.hidden {
  display: none !important; }

img {
  max-width: 100%;
  height: auto; }

hr {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  border-left: 0;
  border-right: 0;
  border-width: thin;
  margin-bottom: 3.5rem;
  margin-top: 3.5rem;
  width: 5%; }

.box-shadow {
  box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.2); }

.mt-1 {
  margin-top: 1em; }

.mb-0 {
  margin-bottom: 0; }

.mb-1 {
  margin-bottom: 1em; }

.p-rel {
  position: relative; }

.modal-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0;
  visibility: hidden;
  overflow: auto;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease; }
  .modal-wrapper.modal--show {
    opacity: 1;
    visibility: visible; }

.modal-content {
  max-width: 90%;
  margin: 0 auto;
  padding: 20px;
  color: #ffffff; }

.modal-heading {
  margin: 60px 0 0; }

.modal-close {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 48px;
  font-weight: bold;
  color: #ffffff;
  background-color: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease; }
  .modal-close:hover {
    opacity: 0.75; }

.Logo {
  height: 6.5em; }
  @media screen and (max-width: 768px) {
    .Logo {
      height: 4.5em;
      float: left;
      margin-left: 22px; } }
  .Logo .st0 {
    fill: none; }
  .Logo .st1 {
    fill: #BDBEBB; }
  .Logo .st2 {
    fill: #78C9BD; }
  .Logo .st3 {
    fill: #62A395; }
  .Logo .st4 {
    fill: #E8E314; }
  .Logo .st5 {
    fill: #B2B336; }
  .Logo .st6 {
    fill: #79BE43; }
  .Logo .st7 {
    fill: #616567; }

.voucher .st0 {
  fill: none;
  stroke: #000000;
  stroke-miterlimit: 10; }

.voucher .st1 {
  stroke: #000000;
  stroke-miterlimit: 10; }

.quality-icons {
  width: 5em;
  height: 5em; }

.header2 .Logo {
  height: 5em; }
  .header2 .Logo .st7 {
    fill: white; }

.quotePage .Logo {
  margin: 0 auto;
  float: none;
  position: relative;
  left: -1em; }

.button-page {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0.75rem 0 1.5rem; }

.button-page label.button {
  width: 48%;
  margin: 0 1% 1.5rem;
  padding: 0.75rem 1.5rem;
  background: #048248;
  background: linear-gradient(#55997A, #048248);
  color: white;
  font-size: 1.6em;
  text-align: center;
  line-height: 1.2;
  border: 1px solid #d1d1d1;
  border-color: #4da19b;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.1s linear;
  display: table; }
  .button-page label.button span {
    height: 100%;
    display: table-cell;
    vertical-align: middle; }
  .button-page label.button input {
    visibility: hidden;
    position: absolute; }
  .button-page label.button:hover, .button-page label.button.active {
    position: relative;
    opacity: 1;
    background-color: #9ec8c5;
    border-color: #9ec8c5; }
  .button-page label.button.active:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABhFJREFUeNrsnc9rG0cUx2elYAp1wXUhpIdgqaE1hRbsQ0AQiNeU9lJiW3+BbGjOaq65GB+aa6xzDpaOvdQKbi8tIUoh0F6ahV6KS7BESxsKdQVtCeTSznPeipW8v0aamZ2dfV9YxlESrfQ+/r6ZN7s74zDDdaNzz+XNCj+WsF3ANo08fgyxHWDrHTVuDk39vo5hwYdgA4A1bFcUnQrA9PjxCFqTADmGQNjixya2WajLj/vQZg3HyRAEOKDBj23DskabHx0OplcIIBwEAGgqTEcy01qLg2lbCQRB7PKjwvKlPj/2dIFxNIBwEYTL8q0egunlEgh21ncN7CNk9DG3VHX+jiIYMFo6wJrBRgGMHQ6lazQQdAWkp09ZMbSPaWxoHBAOAzrrwxyMnlSMxuocSt8YIBwGQHhocYpKk8LWORRv1jcqSRrOPikwDIbf/QnGYiaVJcA4YCRfW8v1jcFx98jTDoRgqIFSJhhmQSkTDLOgOIIwVrADJ6XXqsjoyxGAUaHR1NRD4tW0dUopJYwFLPoIxnRD4kOMobQ6ZLeAFbhMrWAMZ09ZOFF4SDGVonrShKSTIlWdUKqS2p9U4yYjk1LWXYIhvT/ZncoheKXvIcVQidajrjyWEjpykhrtCqUsrMZdipsyuVEzwyVyh1kuKUW4o0LxUq5KmEvCHNKkWGlTMxZI4E5zkqYKHmMe6ZAGxUi7GqF1CFblf1F8GPvgyjusurjI/n3xgj14+jP745+/VZ/ydb96vxB4cYtQ8KR+bY0DeXsMTvPLL87gKBTEvj2ZsjYJxjgM0MX5eVa7rHzQuTnWhwQemiEYIXp1bk716bf86yW+Q1yCEQ4DUtV3vwy0VO9BIGsEI1x3et/o6NRHDArtkE+u1mJhtB5/y3589ruuj/PSIZi7ClcMwuhp4933YmE8eHqstUj0HVJIGM1r102C4deCbuGAmArDdwkAWSIYRsAALRXGITmAMXLIAsEwAgZowXqH5AjGyCEEwyCVCAYjIATDICDVxTfY+5feVDaDmmcYoAs6TxacyINZ1Ntff8VOTv8kGFk4BJwRnMgDh9z56OOz1wlGBkBql89PCMiCYgsMrUCiLvLMCsUmGFqBQF8Bd3DIhGIbDFB5ub4B19Iv6TjZ99wlF+dfY2+FBH6uXGbXK1fYD7/9yobPnxcSBpcHDtG6Cmfr8aOZnZIEA94/hzBAQ3AIzGXVdJ51FqekgQHQc6ouOGSQxZkhaKIdPYzULIYBGgAQL6uzQ/CiCsNJKNBCYWkxjLM+5Oze3hude/9l9QmS+g2o6OFWnNvuh5HTLZbAYEeNm44/7M3MJUlTKADhMw7Mdhg+Ax9IL8tPMu28lkUwRgx8IJl/K1EolsEYMTDCIaJQLIQx7hB8WKSbByiWwhhtkxGcy7pvyqeLgmIpjLHYBy9QgUMOTIMC99/CCOvk9DSv0yGpHOL/MLbWCa9HAMg2I+lUm6erHf8Pk9PvHYqPdo3F/NxqQNwlsK4iPauuqRjk7lgNvhB2gapFcdKmc7EOXS+LuwRWkatQvJSqz91RnXwx6hLuHsVLuUJjHLeiHKwm51Lc1FTl3B3rYX9REiVIUucOUOTa78fdo/5yfQOeHalR/KTXHZEDp1IKkkOKoTRBLG/F/YNYIDjhtUNxlKadpA3EErer4KnrJ0pdUrQfl6rSpqxg6vIoptNX5GkHSbRdhZ5+I/V2FbShi3oJbegidLM1vjF18mKduFCqF96DCvZUgr2VGC0JmAZGW/Q/TbVLG0FRA2NqIARFDYyZgBAU+TCER1kJoy/anNiEzYkDo6/VghaPnujQVlnKmkhfQ56+Puc/vsKKM82yj2nqmaw3dFR8StzZ7cDiFDZEENLv9lTyFC5+0Cr+BtnoiqoKGMocMuEWl73cTcbNOYgeP/aiNvPKDZAAmG0EU8kZiD6CaOs4maP72yEY2FnG9JvxYNTU0gUiMyATqQw2M9k2DAQA6KhOTcYBCYDxd2bYzLDihw4aHgnoJl1itR5ICBxwzhq2qtKah500PGzSyxqCsUBiUhuAWcJWZK16D2sGaGHOzcsqFaXV/wIMAE7KxbMEqU9YAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    background-size: 28px;
    background-position: center; }
  @media screen and (min-width: 480px) {
    .button-page label.button {
      width: 30%;
      margin: 0.5%; } }

.procedure-type .button {
  width: 48%;
  margin: 0.5%;
  font-size: 1.5em; }
  @media screen and (min-width: 768px) {
    .procedure-type .button {
      width: 30%;
      margin: 0.5%;
      font-size: 2em; } }

.last-visit .button {
  width: 48%;
  margin: 0.5%;
  font-size: 1.5em; }
  @media screen and (min-width: 768px) {
    .last-visit .button {
      font-size: 2em; } }

.smoker .button {
  width: 48%;
  font-size: 1.5em; }
  @media screen and (min-width: 768px) {
    .smoker .button {
      width: 20%;
      font-size: 2em; } }

#dental-quote-form p {
  text-align: center;
  font-size: 16px; }
  #dental-quote-form p .highlight {
    color: #4da19b;
    font-weight: bold; }

#dental-quote-form .calculator {
  margin-top: 1em; }

.summary-sub-section {
  margin: 2em 0; }
  .summary-sub-section:first-child {
    margin-top: 0; }
  .summary-sub-section > div {
    display: inline-block;
    vertical-align: top; }
    .summary-sub-section > div:first-child {
      width: calc(40% - 4px);
      text-align: right; }
    .summary-sub-section > div:nth-child(2) {
      width: calc(20% - 4px);
      text-align: center;
      font-weight: 600; }
    .summary-sub-section > div:last-child {
      width: calc(40% - 4px);
      text-align: left; }

.summary-button {
  font-size: 20px;
  padding: 12px;
  color: #fff;
  background: #FD8803;
  border-radius: 10px;
  border: 1px solid #C3CDCB; }

.summary-p {
  margin-top: 28px;
  margin-bottom: 50px;
  text-align: justify; }

.change-active-package-button {
  width: calc(50% - 1em);
  margin: calc(1em - 8px);
  text-align: center;
  height: 3em;
  line-height: 3em;
  border-radius: 4px;
  display: inline-block; }

.apply-online-button {
  width: 80%;
  margin: auto;
  text-align: center !important; }

.summary-example {
  font-size: 18px;
  text-align: center; }

.summary-info {
  font-size: 16px;
  padding: 8px;
  color: #fff;
  text-align: center;
  background: #FD8803;
  max-width: 100%;
  margin: 0 auto; }

.summary-package {
  display: inline-block;
  width: calc(50% - 8px);
  height: 3em;
  margin: 0.5em 4px 1em;
  color: #000;
  font-size: 1.2em;
  text-align: center;
  line-height: 3em;
  border: 1px solid #d1d1d1;
  border-color: #92CFC6;
  background-color: transparent;
  transition: all 0.1s linear; }
  .summary-package:first-child {
    margin-left: 0;
    border-color: #FD8803;
    background-color: #FD8803;
    color: #fff; }
  .summary-package:last-child {
    margin-right: 0; }

.package-primary {
  display: block;
  position: relative;
  right: 0;
  margin-left: auto;
  background-color: #4da19b;
  color: white;
  cursor: auto; }
  .package-primary:hover {
    background-color: #4da19b; }

.package-title {
  display: inline-block;
  margin: 0;
  font-size: 2em;
  font-weight: bold;
  text-align: right; }

.summary-question {
  font-size: 2em;
  text-align: center;
  font-weight: normal;
  margin-top: 0;
  color: #000;
  line-height: 1.2; }

.package-active {
  background-color: #92CFC6;
  border-color: #92CFC6;
  color: white;
  cursor: auto; }

.package-headline {
  margin-bottom: 1em;
  text-align: center;
  font-size: 1.5em;
  margin-top: 10px; }

.font-2em {
  font-size: 2em; }

.summary-apply-now-section {
  text-align: center; }

.summary-apply-now {
  width: 25% !important; }
  @media screen and (max-width: 768px) {
    .summary-apply-now {
      width: 50% !important; } }

.mobile-show {
  display: inline-block !important; }
  @media screen and (min-width: 768px) {
    .mobile-show {
      display: none !important; } }

.mobile-hide {
  display: none !important; }
  @media screen and (min-width: 768px) {
    .mobile-hide {
      display: inline-block !important; } }

.apply-online-button.summary-apply-now {
  background-color: #f5e000;
  text-shadow: 0 1px 3px #999;
  color: black; }

@media screen and (min-width: 768px) {
  .divider {
    text-transform: uppercase;
    letter-spacing: 0.1em; }
    .divider:after {
      content: '';
      display: block;
      width: 1px;
      height: 100%;
      background: #808080;
      position: absolute;
      top: 0;
      left: 49.5%;
      transform: translateX(-50%);
      margin: 0;
      padding: 0;
      z-index: 1; }
  .divider-background {
    background: #efefef;
    z-index: 3;
    position: relative;
    padding: 0.5em 0 0.25em; }
  .offer-divider {
    margin-top: 10.75em; } }

@media screen and (max-width: 768px) {
  .summary-sub-section > div:first-child {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: left; }
  .package-primary {
    right: 25%;
    margin-top: 1em; }
  .summary-sub-section:not(.offer-section) > div:first-child,
  .summary-sub-section:not(.offer-section) > div:nth-child(2) {
    display: none !important; }
  .summary-sub-section:not(.offer-section) > div:last-child {
    width: 100%;
    text-align: center; }
  .summary-sub-section.offer-section .mobile-full-width {
    width: 100%;
    text-align: center; }
  .summary-mobile-toggle > * {
    width: 30%;
    right: 0;
    float: none; }
  .summary-package.package-active:hover {
    color: white;
    background-color: #92CFC6; }
  .summary-package.package-active {
    background: #92cfc6;
    color: white; }
  .offer-section .package-title {
    text-align: center; } }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  margin-left: -8px;
  position: absolute; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  box-sizing: content-box;
  position: absolute;
  border: 8px solid transparent;
  height: 0;
  width: 1px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  content: "";
  z-index: -1;
  border-width: 8px;
  left: -8px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle {
  top: 0;
  margin-top: -8px; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle, .react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  border-top: none;
  border-bottom-color: #f0f0f0; }

.react-datepicker__tether-element-attached-top .react-datepicker__triangle::before {
  top: -1px;
  border-bottom-color: #aeaeae; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow {
  bottom: 0;
  margin-bottom: -8px; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle, .react-datepicker__year-read-view--down-arrow, .react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  border-bottom: none;
  border-top-color: #fff; }

.react-datepicker__tether-element-attached-bottom .react-datepicker__triangle::before, .react-datepicker__year-read-view--down-arrow::before {
  bottom: -1px;
  border-top-color: #aeaeae; }

.react-datepicker {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  display: inline-block;
  position: relative; }

.react-datepicker__triangle {
  position: absolute;
  left: 50px; }

.react-datepicker__tether-element-attached-bottom.react-datepicker__tether-element {
  margin-top: -20px; }

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding-top: 8px;
  position: relative; }

.react-datepicker__current-month {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 13px; }

.react-datepicker__current-month--hasYearDropdown {
  margin-bottom: 16px; }

.react-datepicker__navigation {
  line-height: 24px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 10px;
  width: 0;
  border: 6px solid transparent; }

.react-datepicker__navigation--previous {
  left: 10px;
  border-right-color: #ccc; }

.react-datepicker__navigation--previous:hover {
  border-right-color: #b3b3b3; }

.react-datepicker__navigation--next {
  right: 10px;
  border-left-color: #ccc; }

.react-datepicker__navigation--next:hover {
  border-left-color: #b3b3b3; }

.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__navigation--years-previous {
  top: 4px;
  border-top-color: #ccc; }

.react-datepicker__navigation--years-previous:hover {
  border-top-color: #b3b3b3; }

.react-datepicker__navigation--years-upcoming {
  top: -4px;
  border-bottom-color: #ccc; }

.react-datepicker__navigation--years-upcoming:hover {
  border-bottom-color: #b3b3b3; }

.react-datepicker__month {
  margin: 5px;
  text-align: center; }

.react-datepicker__day-name,
.react-datepicker__day {
  color: #000;
  display: inline-block;
  width: 24px;
  line-height: 24px;
  text-align: center;
  margin: 2px; }

.react-datepicker__day {
  cursor: pointer; }

.react-datepicker__day:hover {
  border-radius: 4px;
  background-color: #f0f0f0; }

.react-datepicker__day--today {
  font-weight: bold; }

.react-datepicker__day--selected, .react-datepicker__day--in-range {
  border-radius: 4px;
  background-color: #216ba5;
  color: #fff; }

.react-datepicker__day--selected:hover, .react-datepicker__day--in-range:hover {
  background-color: #1d5d90; }

.react-datepicker__day--disabled {
  cursor: default;
  color: #ccc; }

.react-datepicker__day--disabled:hover {
  background-color: transparent; }

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%; }
  .react-datepicker__input-container input {
    width: 100%; }

.react-datepicker__year-read-view {
  width: 50%;
  left: 25%;
  position: absolute;
  bottom: 25px;
  border: 1px solid transparent;
  border-radius: 4px; }

.react-datepicker__year-read-view:hover {
  cursor: pointer; }

.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
  border-top-color: #b3b3b3; }

.react-datepicker__year-read-view--down-arrow {
  border-top-color: #ccc;
  margin-bottom: 3px;
  left: 5px;
  top: 9px;
  position: relative;
  border-width: 6px; }

.react-datepicker__year-read-view--selected-year {
  right: 6px;
  position: relative; }

.react-datepicker__year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  text-align: center;
  border-radius: 4px;
  border: 1px solid #aeaeae; }

.react-datepicker__year-dropdown:hover {
  cursor: pointer; }

.react-datepicker__year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.react-datepicker__year-option:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.react-datepicker__year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }

.react-datepicker__year-option:hover {
  background-color: #ccc; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: #b3b3b3; }

.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: #b3b3b3; }

.react-datepicker__year-option--selected {
  position: absolute;
  left: 30px; }

.react-datepicker__close-icon {
  background-color: transparent;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle; }

.react-datepicker__close-icon::after {
  background-color: #216ba5;
  border-radius: 50%;
  bottom: 0;
  box-sizing: border-box;
  color: #fff;
  content: "\D7";
  cursor: pointer;
  font-size: 12px;
  height: 16px;
  width: 16px;
  line-height: 1;
  margin: -8px auto 0;
  padding: 2px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 50%; }

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0; }

.react-datepicker__tether-element {
  z-index: 2147483647; }

.header {
  position: relative;
  height: auto;
  margin-bottom: 0.25em;
  max-width: 1070px; }
  .header:before, .header:after {
    content: " ";
    display: table; }
  .header:after {
    clear: both; }
  .header .information {
    margin-bottom: 60px; }

.nav {
  position: absolute;
  right: 0;
  margin-right: 16px; }
  @media screen and (min-width: 768px) {
    .nav {
      display: none; } }

.nav--desktop {
  display: none; }
  .nav--desktop .desktop-hidden {
    display: none; }
    @media screen and (min-width: 992px) {
      .nav--desktop .desktop-hidden {
        display: inline-block; } }
  @media screen and (min-width: 768px) {
    .nav--desktop {
      position: absolute;
      top: 0;
      right: 1.5rem;
      height: 100%;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-direction: row;
          flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -ms-flex-pack: center;
          justify-content: center;
      -ms-flex-align: center;
          align-items: center; }
      .nav--desktop ul {
        margin: 0;
        padding: 0; }
      .nav--desktop li {
        display: inline-block;
        margin-right: 1.5rem;
        font-size: 1.6rem;
        color: #808080;
        cursor: pointer; }
        .nav--desktop li:last-child {
          margin-right: 0; }
      .nav--desktop a {
        text-decoration: none;
        color: #808080;
        opacity: 1;
        transition-property: all;
        transition-duration: 0.15s;
        transition-timing-function: ease; }
        .nav--desktop a:hover {
          opacity: 0.75; }
      .nav--desktop .login-button {
        padding: 10px 15px;
        color: white;
        font-weight: bold;
        background: #377975;
        border-radius: 4px; } }

.link {
  position: relative;
  top: 1px;
  margin-right: 2.25rem;
  padding-bottom: 0.6em;
  font-size: 1.15em;
  line-height: 2.5;
  text-decoration: none;
  color: #808080;
  border-bottom: 2px solid transparent; }
  .link:hover {
    border-color: #4da19b;
    color: #4da19b; }

.call-us {
  text-decoration: none;
  color: #4da19b;
  transition: all .15 ease-in; }

.quote {
  background: #6ebaad;
  font-size: 1.15em;
  color: white;
  padding: 0.5em 1em;
  border-radius: 4px;
  border: 1px solid transparent;
  transition: all .15s ease;
  cursor: pointer; }
  .quote:hover {
    opacity: .4; }

@media (min-width: 480px) {
  .nav .quote {
    display: block;
    margin-top: 30px;
    float: none; } }

@media (max-width: 480px) {
  .nav .quote {
    display: block;
    margin-top: 30px;
    float: none; } }

@media (min-width: 768px) {
  .nav .quote {
    display: inline;
    margin-top: 0px;
    float: right; } }

@media screen and (min-width: 1200px) {
  .nav .quote {
    display: inline;
    margin-top: 0px;
    float: right; } }

.logo {
  height: 5em; }

.contact-details {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0; }
  .contact-details .medium-text {
    padding: 0.5em 1rem; }

.header2 {
  background-color: #3d8480;
  padding-top: 7px;
  padding-bottom: 7px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between; }
  @media screen and (max-width: 768px) {
    .header2 {
      -ms-flex-direction: column;
          flex-direction: column; } }
  .header2 .header2-call-us {
    color: #808080; }
    .header2 .header2-call-us:hover {
      color: #e3f2ef; }

.header2-wrapper {
  width: 100%;
  background-color: #3d8480; }

.header2-information {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem;
  background-color: white;
  text-align: center;
  border-radius: 8px; }
  .header2-information h1 {
    font-size: 1.5rem;
    margin: 0; }
  @media screen and (min-width: 768px) {
    .header2-information {
      text-align: left; } }

.header2-logo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row; }
  @media screen and (max-width: 768px) {
    .header2-logo-wrapper {
      -ms-flex-direction: column;
          flex-direction: column;
      -ms-flex-align: center;
          align-items: center; } }

.header2-title {
  font-size: 1.5rem;
  font-weight: bold;
  color: white;
  -ms-flex-item-align: center;
      align-self: center;
  margin: 0 1em; }

.footer {
  background: #eee;
  margin-top: 20px;
  padding: 30px 0;
  font-size: 90%;
  color: #565a5c; }

.footer2 {
  text-align: center;
  background: transparent; }
  .footer2 h1 a {
    color: #4da19b; }
  .footer2 img {
    width: 12em;
    margin-bottom: 3em; }

.visible-xs {
  display: none !important; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .visible-xs {
    display: block !important; } }

.list-unstyled {
  padding-left: 0;
  list-style: none; }

.footer ul {
  margin-bottom: 10px; }

.nav-footer {
  margin-left: -15px;
  margin-right: -15px; }

.nav-footer > li > a {
  border-bottom: 1px solid #fff;
  font-size: 14px;
  padding: 10px 20px 5px;
  display: block;
  text-decoration: none !important; }

.nav-footer > li:first-child > a {
  border-top: 1px solid #fff; }

.nav-footer > li.child > a {
  padding-left: 35px; }

.footer address {
  font-style: normal; }

.footer a {
  color: #565a5c;
  text-decoration: none; }

.footer a:hover {
  opacity: .5; }

@media (min-width: 768px) {
  .footer .col-sm-8 {
    width: 66.66%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; }
  .footer .col-sm-3 {
    width: 25%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px; } }

.front-page ::-webkit-input-placeholder {
  font-size: 10px; }

.front-page ::-moz-placeholder {
  font-size: 10px; }

.front-page :-ms-input-placeholder {
  font-size: 10px; }

.front-page input:-moz-placeholder {
  font-size: 10px; }

.front-page h1 {
  color: #4da19b; }

.front-page h2 {
  line-height: 1.35;
  margin-bottom: 0; }

.front-title {
  text-align: center; }
  .front-title h4 {
    color: #3d8480; }
  @media screen and (min-width: 768px) {
    .front-title span {
      font-size: 2em;
      font-weight: bold; }
    .front-title h4 {
      margin: 0 0 60px;
      font-size: 1.5em; } }

.join {
  background: transparent; }
  .join .postcode-input {
    height: 4em;
    padding: 1rem 1rem 1rem 4rem;
    background-size: 25px;
    background-position: 7px 11px;
    border: 1px solid #4da19b;
    width: 100%;
    max-width: 375px; }

.join .join--message {
  text-align: right; }

.find-button-box {
  margin: 4em 1em 1em; }
  @media screen and (min-width: 768px) {
    .find-button-box {
      max-width: 48em;
      margin: 4em auto 3em; } }

.find-button {
  margin: 1em 0.75em 0.5em;
  border-radius: 4px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  padding: 12px;
  color: #fff;
  background: #FD8803; }

.join--message {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 15.75em;
  margin-top: 170px;
  position: relative;
  left: 120px; }
  .join--message h3 {
    margin: 0; }
  .join--message h2 {
    margin-top: 1.5rem;
    margin-bottom: 0.25em; }
  @media screen and (min-width: 768px) {
    .join--message {
      margin-top: 100px; } }

.join--image {
  position: relative;
  height: 20em;
  margin-top: 224px; }
  .join--image img {
    position: absolute;
    left: 120px;
    bottom: 0; }
  @media screen and (min-width: 768px) {
    .join--image {
      position: absolute;
      right: 0;
      bottom: 0;
      margin-top: 0; }
      .join--image img {
        left: 55px;
        height: 26em;
        -o-object-fit: cover;
           object-fit: cover; } }

.choose .quotebox {
  background: #e3f2ef;
  box-shadow: none;
  border: 1px solid #C3CDCB;
  border-radius: 6px; }
  .choose .quotebox .box {
    background: #e3f2ef; }
  .choose .quotebox .header {
    background: transparent;
    color: #4da19b; }
    .choose .quotebox .header .light {
      font-weight: normal;
      font-size: 20px; }
  .choose .quotebox button {
    font-size: 20px;
    padding: 12px;
    color: #fff;
    background: #FD8803;
    margin-top: -18px; }
  .choose .quotebox .second {
    padding-top: 0; }
    .choose .quotebox .second span {
      display: block;
      text-align: center;
      color: #4da19b; }

@media screen and (max-width: 768px) {
  .quality {
    max-width: 320px;
    margin: 0 auto; } }

.quality .third {
  margin-top: 2em; }

.quality h3 {
  font-size: 1.6em; }

.choose .header {
  height: auto;
  margin: 0;
  padding: 10px 20px;
  background: #3d8480;
  color: white;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  border-radius: 4px 4px 0 0; }

.front-image {
  margin-bottom: -30px; }

.testimonial:nth-child(odd) .testimonial-flex {
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }

.testimonial:nth-child(even) .testimonial-flex {
  -ms-flex-direction: row;
      flex-direction: row; }

@media screen and (min-width: 480px) {
  .testimonial-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
        justify-content: flex-start;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .testimonial-flex .text {
      margin: 0 1em;
      -ms-flex-item-align: center;
          align-self: center; } }

.testimonial-name {
  font-weight: bold;
  font-style: normal; }

.benefits {
  margin: 0; }
  .benefits li {
    position: relative;
    padding: 0.4em 2em 0.4em;
    white-space: nowrap; }
    .benefits li:before {
      content: '';
      display: block;
      background-image: url("//dma-dental-vouchers.s3.amazonaws.com/images/check.png");
      background-size: contain;
      background-repeat: no-repeat;
      height: 1.5em;
      width: 1.5em;
      position: absolute;
      left: 0; }

@media screen and (min-width: 768px) {
  .front-image {
    display: none; } }

@media screen and (max-width: 768px) {
  .header .nav {
    position: relative; }
    .header .nav .quote {
      display: inline-block; }
  .header .link {
    display: inline-block; }
  .header .quote-link {
    display: inline-block; }
  .header .information {
    margin-bottom: 18px;
    margin-left: 1em; }
  .benefits li {
    padding: 0.5em 0 0.5em 2em; }
  .join .postcode-input {
    width: calc(50% - 4px);
    display: inline-block;
    margin-right: 4px; }
  .join .postcode-submit {
    display: inline-block;
    width: calc(50% - 4px);
    margin-left: 4px; }
  .join .join--message {
    text-align: center;
    margin: 3rem 0;
    height: auto; }
  .join--image img {
    position: relative; }
  .join--image {
    height: auto;
    margin-top: 0; }
  .quality .third {
    width: 100%; }
  .choose input,
  .choose button:not(.full-width) {
    width: calc(50% - 4px);
    display: inline-block;
    margin-right: 4px; }
  .choose label {
    width: 100%;
    display: block;
    text-align: center; }
  .choose input {
    height: 4.2em; }
  .benefits-wrapper {
    width: 50%; }
  .testimonials .testimonial .text {
    text-align: center !important;
    width: 50%;
    margin: auto;
    padding: 1em 0; } }

@media screen and (max-width: 768px) {
  .join--image,
  .join--message {
    display: none; } }

@media screen and (max-width: 480px) {
  .header .link:nth-child(3) {
    margin: 0; }
  .header .nav .quote {
    margin-top: 0; }
  .join .postcode-input, .join .postcode-submit {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .choose input, .choose button {
    width: 100%;
    margin-left: 0;
    margin-right: 0; }
  .benefits-wrapper {
    width: 100%; }
  .testimonials .testimonial .text {
    width: 100% !important; }
  .footer-details, .footer-socials {
    position: relative;
    text-align: center; }
  .footer-socials {
    margin-top: 1.5em; } }

.panel-group {
  margin-bottom: 30px; }

.panel {
  border-bottom: 1px solid #4DA19B; }
  .panel:first-child {
    border-top: 1px solid #4DA19B; }
  .panel.expanded .panel-body {
    display: block; }
  .panel.expanded .icon-arrow {
    transform: rotate(90deg); }

.panel-heading {
  cursor: pointer;
  padding: 10px 0; }
  .panel-heading:hover {
    color: #418681; }
  .panel-heading h4 {
    margin: 0;
    font-size: 16px;
    color: inherit;
    font-weight: 300; }

.panel-body {
  display: none;
  padding: 0 15px 15px 30px; }

.bold {
  font-weight: bold; }

.primary {
  color: #4da19b; }

.icon-arrow {
  position: relative;
  width: 1.5em;
  height: 1.5em;
  float: left;
  margin-right: 0.5em;
  background: #4da19b;
  border-radius: 50%; }
  .icon-arrow:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent white;
    transform: translate(-15%, -50%); }

.fees-table {
  max-width: 48em;
  margin: 1em auto; }
  .fees-table + p {
    font-size: 10px;
    margin-bottom: 4em; }
  .fees-table td:not(:first-child) {
    text-align: center; }

.perk-list {
  text-align: left;
  list-style-type: initial;
  margin-left: 16px;
  display: inline-block; }

@media screen and (min-width: 30em) {
  .hidden-desktop {
    display: none; } }

.Main {
  margin: auto;
  position: relative;
  overflow-x: hidden; }

.terms-section input {
  width: 7%;
  vertical-align: top; }

.terms-section label {
  width: 90%;
  display: inline-block; }

.datepicker__input-container > input {
  width: 100%; }

/*# sourceMappingURL=main.css.map*/