/* Plugin styles */
/* =========== Mixins ========== */
@keyframes fadeIn {
  from {
    opacity: 0; } }
/* =========== Styles ========== */
.wpcf7 form .trx_mscf_step.trx_hidden,
.wpcf7 form .trx_hidden {
  display: none;
  -moz-transition: height 0.5s;
  -o-transition: height 0.5s;
  -webkit-transition: height 0.5s;
  transition: height 0.5s; }

.wpcf7 form .trx_mscf_step {
  display: block; }

.wpcf7 form .trx_mscf_step ~ .trx_mscf_step {
  display: none; }
  .wpcf7 form .trx_mscf_step ~ .trx_mscf_step.trx_mscf_active {
    display: block;
    animation: fadeIn 0.8s; }

.wpcf7 {
  /* NEXT PREV */
  /* PROGRESSBAR */ }
  .wpcf7 .trx_mscf_next,
  .wpcf7 .trx_mscf_prev {
    display: inline-block; }
  .wpcf7 .trx_mscf_progressbar {
    overflow: hidden;
    /*CSS counters to number the steps */
    counter-reset: step;
    z-index: 0; }
    .wpcf7 .trx_mscf_progressbar li {
      text-align: center;
      z-index: 1; }
    .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers {
      list-style-type: none;
      color: grey;
      text-transform: uppercase;
      font-size: 9px;
      width: 33.33%;
      float: left;
      position: relative;
      /*put it behind the numbers */ }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #808177;
        position: absolute;
        left: calc(-50% + 10px);
        top: 9px;
        z-index: -1; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers:before {
        content: counter(step);
        counter-increment: step;
        width: 20px;
        line-height: 20px;
        display: block;
        font-size: 10px;
        color: #fefefe;
        background: #808177;
        border-radius: 3px;
        margin: 0 auto 5px auto;
        z-index: 2; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers.active {
        color: #27AE60; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers:first-child:after {
        content: none; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers.active:before, .wpcf7 .trx_mscf_progressbar li.trx_mscf_numbers.active:after {
        background: #27AE60;
        color: #fff; }
    .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets {
      list-style-type: none;
      color: grey;
      text-transform: uppercase;
      font-size: 9px;
      width: 33.33%;
      float: left;
      position: relative;
      /*put it behind the numbers */ }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #808177;
        position: absolute;
        left: calc(-50% + 7px);
        top: 6px;
        z-index: -1; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets:before {
        content: " ";
        width: 14px;
        height: 14px;
        line-height: 14px;
        display: block;
        color: #fefefe;
        background: #808177;
        border-radius: 50%;
        margin: 0 auto 5px auto;
        z-index: 2; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets.active {
        color: #27AE60; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets:first-child:after {
        content: none; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets.active:before, .wpcf7 .trx_mscf_progressbar li.trx_mscf_bullets.active:after {
        background: #27AE60;
        color: #fff; }
    .wpcf7 .trx_mscf_progressbar li.trx_mscf_line {
      list-style-type: none;
      position: relative;
      padding-top: 10px;
      color: grey;
      text-transform: uppercase;
      font-size: 10px;
      width: 33.33%;
      float: left;
      /*put it behind the numbers */ }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_line:after {
        content: "";
        width: 100%;
        height: 3px;
        background: #808177;
        position: absolute;
        left: -50%;
        top: 6px;
        z-index: -1; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_line:before {
        content: " ";
        display: block;
        color: #fefefe;
        background: #808177;
        margin: 0 auto 5px auto;
        z-index: 2; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_line:first-child:after {
        content: none; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_line.active {
        color: #27AE60; }
      .wpcf7 .trx_mscf_progressbar li.trx_mscf_line.active:before, .wpcf7 .trx_mscf_progressbar li.trx_mscf_line.active:after {
        background: #27AE60;
        color: #fff; }

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