/* Components */
.helpie-faq.accordions {
  margin: 0 auto;
  width: 100%;
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  -o-transform: none !important;
  transform: none !important;
  /* Base */ }
  .helpie-faq.accordions img {
    box-shadow: none; }
  .helpie-faq.accordions p {
    margin-bottom: 1.6em; }
  .helpie-faq.accordions .accordion {
    margin: 40px 0;
    overflow: hidden;
    padding: 0;
    border: solid 1px #F2F2F2; }
  .helpie-faq.accordions .accordion__item {
    list-style-type: none;
    padding: 0;
    margin: 0; }
  .helpie-faq.accordions .accordion__header {
    border: none;
    border-bottom: solid 1px #F2F2F2;
    cursor: pointer;
    display: block;
    outline: none;
    padding: 2em 3.5em 2em 2em;
    position: relative;
    text-align: left;
    width: 100%; }
  .helpie-faq.accordions .accordion__header:before {
    content: '';
    height: 2px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    width: 14px; }
  .helpie-faq.accordions .accordion__header:after {
    content: '';
    height: 2px;
    margin-right: 37px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 14px; }
  .helpie-faq.accordions .accordion__header.active:before {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  .helpie-faq.accordions .accordion__header.active .accordion__title,
  .helpie-faq.accordions .accordion__header:focus .accordion__title {
    position: relative; }
  .helpie-faq.accordions .accordion__title {
    font-weight: 600;
    font-size: 100%; }
  .helpie-faq.accordions .accordion__body {
    padding: 25px 25px 0;
    display: none;
    overflow: hidden; }
  .helpie-faq.accordions .accordion {
    border-color: #F2F2F2; }
  .helpie-faq.accordions .accordion__body {
    background: #FCFCFC; }
  .helpie-faq.accordions .accordion__header {
    background: #FFFFFF;
    border-color: #F2F2F2; }
  .helpie-faq.accordions .accordion__header:before,
  .helpie-faq.accordions .accordion__header:after {
    background: #44596B; }
  .helpie-faq.accordions.dark .accordion__body {
    background: #272727;
    color: #FCFCFC; }
  .helpie-faq.accordions.dark .accordion__header {
    background: #171717;
    border-color: #444;
    color: #FCFCFC; }
  .helpie-faq.accordions.dark .accordion__header:before,
  .helpie-faq.accordions.dark .accordion__header:after {
    background: #FCFCFC; }
  .helpie-faq.accordions.dark .form__section.dark {
    background: #272727; }
    .helpie-faq.accordions.dark .form__section.dark label {
      color: #FCFCFC; }
  .helpie-faq.accordions .search {
    position: relative;
    width: 490px;
    display: block;
    margin: 0 auto;
    max-width: 100%; }
    .helpie-faq.accordions .search * {
      box-sizing: border-box; }
  .helpie-faq.accordions input.search__input {
    background: white;
    margin: 0 auto;
    width: 100%;
    height: 45px;
    padding: 0 20px;
    font-size: 1rem;
    border: 1px solid #D0CFCE;
    outline: none; }
    .helpie-faq.accordions input.search__input:focus {
      border: 1px solid #008ABF;
      transition: 0.35s ease;
      color: #008ABF; }
      .helpie-faq.accordions input.search__input:focus::-webkit-input-placeholder {
        transition: opacity 0.45s ease;
        opacity: 0; }
      .helpie-faq.accordions input.search__input:focus::-moz-placeholder {
        transition: opacity 0.45s ease;
        opacity: 0; }
      .helpie-faq.accordions input.search__input:focus:-ms-placeholder {
        transition: opacity 0.45s ease;
        opacity: 0; }
  .helpie-faq.accordions .search__icon {
    position: absolute;
    float: right;
    width: 75px;
    height: 75px;
    top: -14px;
    right: -15px;
    box-shadow: none; }
  .helpie-faq.accordions .form__section {
    overflow: hidden;
    padding: 5%;
    border: solid 1px #F2F2F2;
    background: #FCFCFC;
    display: none; }
  .helpie-faq.accordions .form__text,
  .helpie-faq.accordions .form__email,
  .helpie-faq.accordions .form__textarea {
    background: #F2F2F2;
    width: 100%; }
    .helpie-faq.accordions .form__text:focus,
    .helpie-faq.accordions .form__email:focus,
    .helpie-faq.accordions .form__textarea:focus {
      outline: none; }
  .helpie-faq.accordions .collection-title {
    margin-bottom: 20px; }

.success-message {
  text-align: center;
  position: relative; }

.success-message__icon {
  max-width: 75px; }

.success-message__title {
  color: #3DC480;
  transform: translateY(25px);
  opacity: 0;
  font-size: 21px;
  transition: all 200ms ease; }
  .active .success-message__title {
    transform: translateY(0);
    opacity: 1; }

.success-message__content {
  color: #5b6367;
  transform: translateY(25px);
  opacity: 0;
  transition: all 200ms ease;
  transition-delay: 50ms; }
  .active .success-message__content {
    transform: translateY(0);
    opacity: 1; }

.icon-checkmark circle {
  fill: #3DC480;
  transform-origin: 50% 50%;
  transform: scale(0);
  transition: transform 200ms cubic-bezier(0.22, 0.96, 0.38, 0.98); }

.icon-checkmark path {
  transition: stroke-dashoffset 350ms ease;
  transition-delay: 100ms; }

.active .icon-checkmark circle {
  transform: scale(1); }

div {
  box-sizing: border-box; }


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