/* Colors ---------- */
/* Fonts ---------- */
/* line 3, ../scss/registration.scss */
body {
  background: #f4f4f4;
}
/* line 5, ../scss/registration.scss */
body ::selection {
  background: #f4f4f4;
}

/* line 11, ../scss/registration.scss */
.section .row {
  margin-bottom: 0;
}

/* line 18, ../scss/registration.scss */
footer .container .column {
  background: #fff;
  padding: 50px 80px;
  margin-bottom: 30px;
  border-top: 1px solid #f4f4f4;
}

/*  Section Registration ---------- */
/* line 28, ../scss/registration.scss */
header ~ .section {
  margin-top: 60px;
}

/* line 31, ../scss/registration.scss */
.panel .column {
  background: #fff;
  padding: 30px 0;
}

/* line 37, ../scss/registration.scss */
.section-registration .section-header .column {
  font-size: 32px;
  background: #fff;
  padding: 50px 80px;
}
/* line 42, ../scss/registration.scss */
.section-registration .step-progress {
  border-bottom: 1px solid #e8e8e8;
}
/* line 44, ../scss/registration.scss */
.section-registration .step-progress .column {
  background: #fff;
  padding: 0 80px 50px 80px;
}
/* line 49, ../scss/registration.scss */
.section-registration .panel .column {
  padding: 30px 80px;
}

/* line 53, ../scss/registration.scss */
.progress-indicator {
  margin: 0;
  padding: 0;
  font-size: 0;
}
/* line 60, ../scss/registration.scss */
.progress-indicator > li {
  list-style: none;
  width: 25%;
  padding: 0;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 14px;
  line-height: 1;
}
/* line 70, ../scss/registration.scss */
.progress-indicator > li .bubble {
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: #fde67e;
  display: block;
  margin-bottom: 10px;
  z-index: 10;
  line-height: 30px;
  position: relative;
  font-size: 16px;
  text-align: center;
}
/* line 109, ../scss/registration.scss */
.progress-indicator > li:after {
  display: block;
  position: absolute;
  top: 14px;
  width: 100%;
  height: 2px;
  content: '';
  background: #fde67e;
  z-index: 5;
}
/* line 120, ../scss/registration.scss */
.progress-indicator > li:last-child:after {
  display: none;
}
/* line 125, ../scss/registration.scss */
.progress-indicator > li.active:after {
  background: #fde67e;
  background: -moz-linear-gradient(left, #fde67e 0%, #d7d7d7 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #fde67e 0%, #d7d7d7 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #fde67e 0%, #d7d7d7 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='$yellow', endColorstr='$color-inactive',GradientType=0 );
  /* IE6-9 */
}
/* line 133, ../scss/registration.scss */
.progress-indicator > li.active ~ li .bubble, .progress-indicator > li.active ~ li:after {
  background: #d7d7d7;
}

/* line 141, ../scss/registration.scss */
.step {
  display: none;
  position: relative;
}

/* line 147, ../scss/registration.scss */
[data-step="1"] .step1 {
  display: block;
}

/* line 147, ../scss/registration.scss */
[data-step="2"] .step2 {
  display: block;
}

/* line 147, ../scss/registration.scss */
[data-step="3"] .step3 {
  display: block;
}

/* line 147, ../scss/registration.scss */
[data-step="4"] .step4 {
  display: block;
}

/* line 154, ../scss/registration.scss */
[data-step] a.button.prev {
  margin-right: 20px;
}
/* line 157, ../scss/registration.scss */
[data-step] a.button.submit {
  margin-left: 20px;
  display: none;
}
/* line 161, ../scss/registration.scss */
[data-step] a.button.js-clear-form {
  margin-right: 20px;
  display: none;
  cursor: pointer;
}

/* line 170, ../scss/registration.scss */
[data-step="1"] a.button.prev {
  display: none;
}

/* line 177, ../scss/registration.scss */
[data-step="3"] a.button.js-clear-form {
  display: inline-block;
}

/* line 184, ../scss/registration.scss */
[data-step="4"] a.button.next {
  display: none;
}
/* line 187, ../scss/registration.scss */
[data-step="4"] a.button.submit {
  display: inline-block;
}
/* line 191, ../scss/registration.scss */
[data-step="4"] .form-group .form-item-inline label {
  width: auto;
}
/* line 194, ../scss/registration.scss */
[data-step="4"] .form-item--group {
  display: inline-block;
  margin-right: 90px;
}
/* line 197, ../scss/registration.scss */
[data-step="4"] .form-item--group:last-child {
  margin-right: 0;
}
/* line 200, ../scss/registration.scss */
[data-step="4"] .form-item--group label {
  margin-right: 20px;
}

/* line 206, ../scss/registration.scss */
.promo-code .error-hint {
  left: 0;
}

/* line 210, ../scss/registration.scss */
span.promo-code {
  font-size: 16px;
}

/* line 214, ../scss/registration.scss */
.step1 .form-item-radio {
  font-size: 0;
}
/* line 216, ../scss/registration.scss */
.step1 .form-item-radio label {
  margin-bottom: 0;
}
/* line 220, ../scss/registration.scss */
.step1 .radio-btn {
  margin: 0;
}
/* line 223, ../scss/registration.scss */
.step1 label.one-third-parts {
  margin: 0;
}
/* line 226, ../scss/registration.scss */
.step1 .tooltip {
  position: relative;
}
/* line 228, ../scss/registration.scss */
.step1 .tooltip .tip {
  display: none;
  font-size: 14px;
  position: absolute;
  bottom: -115%;
  left: 38%;
  width: 180px;
  height: 80px;
  background-color: #eee;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 7px;
}
/* line 241, ../scss/registration.scss */
.step1 .tooltip .tip:after {
  position: absolute;
  content: '';
  top: 47%;
  left: -5%;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #eee;
  border-bottom: 5px solid transparent;
}

/* line 256, ../scss/registration.scss */
.cost {
  position: relative;
  font-family: "Museo 700";
  font-size: 32px;
}
/* line 260, ../scss/registration.scss */
.cost .sup {
  display: inline-block;
  vertical-align: super;
  font-size: 50%;
}
/* line 265, ../scss/registration.scss */
.step3 .cost {
  top: 0;
}

/* line 270, ../scss/registration.scss */
.old {
  font-size: 22px;
  color: #666;
  text-decoration: line-through;
  margin-right: 20px;
}

/* line 277, ../scss/registration.scss */
.period {
  display: block !important;
  color: #e94138;
  font-size: 14px;
  text-transform: uppercase;
}
/* line 282, ../scss/registration.scss */
.period label {
  font-size: inherit;
  margin-right: 20px;
}
/* line 286, ../scss/registration.scss */
.period small {
  font-size: inherit;
}

/* line 291, ../scss/registration.scss */
.promo-btn {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: url(../images/refresh.svg) center center no-repeat #fde67e;
  background-size: 20px 20px;
}

/* line 299, ../scss/registration.scss */
.promo-btn.disabled {
  pointer-events: none;
  background-color: #e8e8e8;
}

/* line 304, ../scss/registration.scss */
.customer {
  padding: 40px 0;
}

/*  Section Thankyou ---------- */
/* line 309, ../scss/registration.scss */
.section-thankyou {
  display: none;
  margin-top: 120px;
  font-family: "Museo 700";
  font-size: 32px;
  line-height: 1.3;
  text-align: center;
}
/* line 316, ../scss/registration.scss */
.section-thankyou .panel {
  border-bottom: 1px solid #f4f4f4;
}
/* line 319, ../scss/registration.scss */
.section-thankyou .state-message {
  width: 90%;
  margin: 0 auto;
}
/* line 323, ../scss/registration.scss */
.section-thankyou .callback {
  font-size: 20px;
  font-weight: normal;
}
/* line 326, ../scss/registration.scss */
.section-thankyou .callback .column {
  padding: 50px 0;
}
/* line 330, ../scss/registration.scss */
.section-thankyou small {
  display: inline-block;
  font-family: "Museo 300";
  font-size: 24px;
}
/* line 335, ../scss/registration.scss */
.section-thankyou .icon-checked {
  margin-top: 120px;
  margin-bottom: 50px;
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  -ms-transform: scale(4);
  -o-transform: scale(4);
  transform: scale(4);
}
/* line 344, ../scss/registration.scss */
.section-thankyou .icon-circle-checked {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-top: 55px;
  background: url('../images/correct.svg?1488449249') center center/contain no-repeat;
}
/* line 351, ../scss/registration.scss */
.section-thankyou .icon-failure {
  display: inline-block;
  width: 120px;
  height: 120px;
  margin-top: 55px;
  background: url('../images/failure.svg?1489579418') center center/contain no-repeat;
}