/* @extend display-flex; */
display-flex, .steps ul, .title-number, .actions ul, .actions ul li a {
  display: flex;
  display: -webkit-flex; }

/* @extend list-type-ulli; */
list-type-ulli, .steps ul, .actions ul {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.main a:focus, .main a:active {
  text-decoration: none;
  outline: none;
  transition: all 300ms ease 0s;
  -moz-transition: all 300ms ease 0s;
  -webkit-transition: all 300ms ease 0s;
  -o-transition: all 300ms ease 0s;
  -ms-transition: all 300ms ease 0s; }

.main input, .main select, .main textarea {
  outline: none;
  appearance: unset !important;
  -moz-appearance: unset !important;
  -webkit-appearance: unset !important;
  -o-appearance: unset !important;
  -ms-appearance: unset !important; }

.main input::-webkit-outer-spin-button, .main input::-webkit-inner-spin-button {
  appearance: none !important;
  -moz-appearance: none !important;
  -webkit-appearance: none !important;
  -o-appearance: none !important;
  -ms-appearance: none !important;
  margin: 0; }

.main input:focus, .main select:focus, .main textarea:focus {
  outline: none;
  box-shadow: none !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important; }

.main input[type=checkbox] {
  appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  -o-appearance: checkbox !important;
  -ms-appearance: checkbox !important; }

.main input[type=radio] {
  appearance: radio !important;
  -moz-appearance: radio !important;
  -webkit-appearance: radio !important;
  -o-appearance: radio !important;
  -ms-appearance: radio !important; }

.clear {
  clear: both; }

.main h3 {
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  cursor: pointer; }

.main h2 {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 0px;
  padding-top: 32px;
  padding-bottom: 25px; }

body {
  /*font-size: 13px;
  line-height: 1.92;
  color: #222;
  font-weight: 500;
  font-family: 'Poppins';
  margin: 0px;*/
  /*background-image: -moz-linear-gradient(0deg, #884d80 0%, #9795f0 0%, #2b5876 0%, #4e4376 100%);
  background-image: -webkit-linear-gradient(0deg, #884d80 0%, #9795f0 0%, #2b5876 0%, #4e4376 100%);
  background-image: -ms-linear-gradient(0deg, #884d80 0%, #9795f0 0%, #2b5876 0%, #4e4376 100%);*/ }


  @media screen and (min-width: 768px) {
    .main {
      padding-top: 250px; 
    }
  }
  @media screen and (max-width: 767px) {
    .main {
      padding-top: 130px; 
    }
  }

.main {
  padding-bottom: 60px;  }

.registrationContainer {
  width: 373px;
  position: relative;
  margin: 0 auto;
  background: transparent; }

.main input, .main textarea {
  box-sizing: border-box;
  background: transparent;
  border: none;
  font-size: 13px;
  color: #222;
  padding: 15px 20px;
  border: 1px solid #ebebeb;
  /*font-family: 'Poppins';*/
  height: 40px;
  font-weight: 500;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px; }
  .main input:focus, .main textarea:focus {
    border: 1px solid transparent;
    -webkit-border-image-source: -webkit-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
    -moz-border-image-source: -moz-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
    -o-border-image-source: -o-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
    -ms-border-image-source: -ms-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
    border-image-source: linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
    -webkit-border-image-slice: 1;
    -moz-border-image-slice: 1;
    -o-border-image-slice: 1;
    -ms-border-image-slice: 1;
    border-image-slice: 1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    background-origin: border-box;
    background-clip: content-box, border-box; }
    .main input:focus::-webkit-input-placeholder, .main textarea:focus::-webkit-input-placeholder {
      color: #222; }
    .main input:focus::-moz-placeholder, .main textarea:focus::-moz-placeholder {
      color: #222; }
    .main input:focus:-ms-input-placeholder, .main textarea:focus:-ms-input-placeholder {
      color: #222; }
    .main input:focus:-moz-placeholder, .main textarea:focus:-moz-placeholder {
      color: #222; }
  .main input::-webkit-input-placeholder, .main textarea::-webkit-input-placeholder {
    color: #999; }
  .main input::-moz-placeholder, .main textarea::-moz-placeholder {
    color: #999; }
  .main input:-ms-input-placeholder, .main textarea:-ms-input-placeholder {
    color: #999; }
  .main input:-moz-placeholder, .main textarea:-moz-placeholder {
    color: #999; }

.main input {
  width: 100%;
  display: block; }

.main fieldset {
  padding-left: 20px;
  padding-right: 20px;
  border: none;
  margin: 0px;
  /*padding: 0px;*/ }

.main fieldset.current {
  padding-left: 42px;
  padding-right: 37px; }

.content {
  height: 365px;
  width: 330px;
  margin: 0 auto;
  background: #fff;
  box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px; }
  .content h3 {
    display: none; }

.steps {
  padding-bottom: 20px; }
  .steps ul {
    justify-content: space-between;
    -moz-justify-content: space-between;
    -webkit-justify-content: space-between;
    -o-justify-content: space-between;
    -ms-justify-content: space-between;
    position: relative; }
    .steps ul:after {
      position: absolute;
      content: "";
      height: 8px;
      width: 290px;
      left: 50%;
      transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      background: #fff;
      z-index: 9;
      bottom: 20px; }
    .steps ul li {
      position: relative;
      z-index: 99; }
      .btn-register {
        text-decoration: none;
        color: #fff; }
    .steps ul .current .title-number {
      font-size: 16px;
      color: #fff;
      background-image: -moz-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
      background-image: -webkit-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
      background-image: -ms-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%); }

.main .title span {
  /*color: #000;*/
  text-align: center; }

.main .title-text {
  display: block;
  font-size: 14px;
  /*font-weight: bold;*/
  padding-bottom: 8px;
  text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
  -moz-text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
  -webkit-text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
  -o-text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2);
  -ms-text-shadow: 3px 4px 5px rgba(0, 0, 0, 0.2); }

.main .title-number {
  font-size: 13px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 3px solid #fff;
  background: #ebebeb;
  color: #999999;
  align-items: center;
  -moz-align-items: center;
  -webkit-align-items: center;
  -o-align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -moz-justify-content: center;
  -webkit-justify-content: center;
  -o-justify-content: center;
  -ms-justify-content: center;
  margin: 0 auto;
  box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0px 5px 9.5px 0.5px rgba(0, 0, 0, 0.2); }

.main .actions {
  position: absolute;
  bottom: 40px;
  right: 0;
  width: 100%; }
  .main .actions ul {
    width: 100%;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center; }
    .actions ul .disabled {
      display: none; }
    .actions ul li {
      margin: 0 5px; }
      .btn-register {
        border: none;
        width: 120px;
        height: 40px;
        color: #fff;
        background-color: #222;
        background-image: -moz-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
        background-image: -webkit-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
        background-image: -ms-linear-gradient(0deg, #a1c4fd 0%, #884d80 0%, #2b5876 0%, #4e4376 100%);
        align-items: center;
        -moz-align-items: center;
        -webkit-align-items: center;
        -o-align-items: center;
        -ms-align-items: center;
        justify-content: center;
        -moz-justify-content: center;
        -webkit-justify-content: center;
        -o-justify-content: center;
        -ms-justify-content: center;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-radius: 5px;
        -ms-border-radius: 5px;
        text-decoration: none; }
        .btn-register:hover {
          background-color: #090909; }

.main .form-group {
  padding-bottom: 20px;
  position: relative; }

@media screen and (max-width: 480px) {
  .registrationContainer {
    width: calc(100% - 20px);
    max-width: 100%; }

  .content {
    width: 100%; }

  fieldset.current {
    padding-left: 20px;
    padding-right: 20px; }

  .steps ul:after {
    width: calc(100% - 65px);
    max-width: 100%; }

  .actions ul li a {
    width: 100px; } }
@media screen and (max-width: 400px) {
  /*.steps ul:after {
    width: 250px; }*/

  .title-text {
    padding: 0 10px; } }

/*@media screen and (max-width: 335px){
  .steps ul:after {
    width: 200px; }  
}*/

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