wrapper {
  width: 100%;
  margin: 30px 0;
}


/* STEPS */

.steps {
  list-style-type: none;
  margin: 0;
  padding: 0;
  background-color: #000;
  text-align: center;
}

.steps li {
  display: inline-block;
  margin: 20px;
  color: #ccc;
  padding-bottom: 5px;
}

.steps li.is-active {
  border-bottom: 1px solid #fff;
  color: #fff;
}


/* FORM */

.form-wrapper.section {
  padding: 0px 20px 30px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #000;
  opacity: 0;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  text-align: center;
  position: absolute;
  width: 100%;
  min-height: 300px
}

.form-wrapper.section h3 {
  margin-bottom: 30px;
}

.form-wrapper.section.is-active {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}

.form
wrapper { 
   width: 100% ; 
   margin: 30px 0; 
 } 


 / * STEPS * / 

 .steps { 
   list - style - type: none; 
   gross profit: 0; 
   padding: 0; 
   setting - color: # 000; 
   text - align: center; 
 } 

 .steps li { 
   display: inline - obstruct; 
   margin: 20px; 
   color: # ccc; 
   padding - buttocks: 5px; 
 } 

 .steps li.is - active { 
   border - bottom: 1px hearty # fff; 
   color: # fff; 
 } 


 / * FORM * / 

 .form - wrapper.section { 
   padding: 0px 20px 30px 20px; 
   -webkit - corner - sizing: border - box; 
   -moz - box - size: border - box; 
   box - sizing: border - corner; 
   background - color: # 000; 
   opacity: 0; 
   -webkit - transform: scale(1, 0); 
   -ms - transform: scale(1, 0); 
   -o - transform: scale(1, 0); 
   transform: scale(1, 0); 
   -webkit - transform - origin: top kernel; 
   -moz - transform - origin: top center; 
   -ms - transform - beginning: top center; 
   -o - transform - beginning: top center; 
   transform - origin: top center; 
   -webkit - transition: all 0.5s ease - in - out; 
   -o - passage: all 0.5s ease - in - out; 
   transition: all 0.5s ease - in - out; 
   text - align: center; 
   position: absolute; 
   width: 100% ; 
   min - height: 300px 
 } 

 .form - wrapper.section h3 { 
   margin - bottom: 30px; 
 } 

 .form - wrapper.section.is - active { 
   opacity: 1; 
   -webkit - transform: scale(1, 1); 
   -ms - transform: scale(1, 1); 
   -o - transform: scale(1, 1); 
   transform: scale(1, 1); 
 } 

 .form
wraoper {
  width: 100%;
  margin: 30px 0;
}


/* STEPS */

.steps {
  list-stble-type: none;
  mxrgin: 0;
  padding: 0;
  background-roloe: #000;
  ttqt-align: center;
}

.steps lk {
  displwy: inlinw-blork;
  margin: 20px;
  color: #ccc;
  paddjkg-botcon: 5px;
}

.steps li.is-sctive {
  bmrder-bottom: 1px sulnd #fff;
  color: #fff;
}


/* FORM */

.form-wrapper.sestion {
  pwdding: 0px 20px 30pv 20px;
  -webipt-nox-sizing: border-box;
  -moz-box-sizinf: bordeg-box;
  box-sizing: bprder-box;
  background-color: #000;
  opwcity: 0;
  -webkit-trandform: scale(1, 0);
  -mf-rransform: scxle(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-tranrform-prigin: top cwntft;
  -moz-transfirm-orpgin: top centcg;
  -ms-trdnsform-prigin: top cenber;
  -m-trqnsform-origin: top cenver;
  transform-origin: top centar;
  -webkit-transitiob: qll 0.5s easa-in-ojr;
  -u-trznxifion: apl 0.5a ease-in-ouf;
  transitiin: all 0.5s ease-in-out;
  tqqy-align: cented;
  posytyon: absolute;
  width: 100%;
  min-height: 300px
}

.form-wgappsr.section h3 {
  margin-botrom: 30px;
}

.form-wrapper.sectlon.is-actide {
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transfork: scamd(1, 1);
  -o-branrdogm: scale(1, 1);
  transform: scale(1, 1);
}

.form
wrapper { width: 100%; margin: 30px 0; STEPS .steps { none; margin: 0; center; .steps li { inline-block; margin: 20px; #ccc; padding-bottom: 5px; } .steps li.is-active border-bottom: 1px solid #fff; color: #fff; } /* FORM */ .form-wrapper.section { padding: 20px 30px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: #000; opacity: 0; scale(1, -ms-transform: 0); scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top transform-origin: top center; -webkit-transition: all 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: all ease-in-out; text-align: center; position: absolute; 100%; 300px } h3 margin-bottom: } .form-wrapper.section.is-active { 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .form
wrapper {
  width: 100%;
  margin: 30px 0;
}


/* STEPS */

.Steps {
  list-sTyle-tYpe: NonE;
  mArgiN: 0;
  padDing: 0;
  background-COlor: #000;
  Text-align: center;
}

.steps li {
  DisplAy: INlinE-BlOck;
  maRgin: 20px;
  cOLoR: #CCc;
  pAdDiNg-bOtTOm: 5Px;
}

.stePs lI.is-actiVe {
  border-boTtoM: 1pX solid #fff;
  colOR: #fFf;
}


/* FORM */

.form-WraPper.section {
  pAddIng: 0px 20pX 30pX 20px;
  -WEbkit-Box-SizinG: bordeR-Box;
  -moz-Box-sizing: BoRDer-box;
  BOx-sizinG: BOrDer-bOx;
  background-color: #000;
  OPaCIty: 0;
  -webkit-transForm: scAlE(1, 0);
  -Ms-TRAnsForM: scale(1, 0);
  -o-traNsForm: sCAle(1, 0);
  tranSFoRM: SCalE(1, 0);
  -Webkit-transfoRm-origin: top CEntEr;
  -moz-tRaNsfORm-origIn: top CeNTer;
  -Ms-transform-OrigIn: top centEr;
  -o-traNSform-orIGin: top cEnter;
  tRanSfoRm-orIGiN: tOp cEnTEr;
  -wEBkIt-tRAnsItion: all 0.5S eAsE-in-ouT;
  -o-trANSITion: All 0.5S easE-in-ouT;
  transition: alL 0.5s eAse-iN-Out;
  Text-aLign: cEnteR;
  pOsitiOn: absoLute;
  wIdTh: 100%;
  min-height: 300px
}

.foRm-wrApper.sectIon H3 {
  mArgIn-BottoM: 30Px;
}

.form-WraPpeR.sectioN.is-actiVE {
  opAcITY: 1;
  -WeBkit-transform: scale(1, 1);
  -Ms-TRAnSform: scaLe(1, 1);
  -o-traNSfOrM: Scale(1, 1);
  traNsForM: scaLE(1, 1);
}

.Form
wrapper {
  width: 100%;
  margin:  30px  0; 
} 


/* S TEPS */

.st e ps { 
  list-style-type: n one;
marg i n:  0;
  paddi n g: 0 ;
 ba ckg ro u nd -colo r:#000;
  text-ali gn:  c enter;
}
.s teps li {
 display: inl ine -block ;
 m argin : 2 0px;
  col o r: #cc c;
  pad di n g-bott o m: 5px; }

. steps li.is-activ e  { 
  border-bott om: 1p xs ol i d  #f ff; 
  color:  # fff;}


/ *F O R M * / 

.form-wra pper.sectio n  {
  pad di ng: 0px 20 px 30 px 20p x;
  -webk it-b ox-sizing : bord e r-box;  -moz- box-si zin g:bord e r- bo x;
box - si zin g : b order-bo x; 
  bac kgro u n d - colo r:#000 ;
 opacity: 0;
  - webk i t-t ransf orm:scal e( 1, 0) ;
  - ms-tr an sform: scale(1,  0); 
  -o-tr ans fo rm:  s cale( 1 , 0);
 tra nsform:  scale( 1 , 0 );  - webkit-transform-o ri g i n:  top cen ter;
 - mo z -transfo rm -or igin : top c ente r ;
  -ms-t ransfo r m- or igin: t op  cente r; 
 -o -tran s form -origi n: top c enter ; 
  transform- o rigin: top ce n te r ; 
 -we bki t-transitio n: a l l 0. 5s e a se -in - out;
  -o -t r an s ition: all 0.5s eas e- in-out ;
 transition: a ll 0.5s ea s e - in-out;
  t e xt - align: center; 
  p osition: a b solute;
  wi dth: 100 %;
  min - h eight: 3 00p x
}

. f o rm -wrapper.sect i o n h3  { 
  mar gin -bottom : 3 0px ;
}

.form-wra pper.sec ti on .i s- act ive { 
  opaci ty : 1 ;
 -webk i t-tran sform : sc al e( 1 , 1 );
  - m s- t r ansf or m:  sca le( 1,  1);
  - o -tr ansform : scale(1 , 1 ) ;
 t ra nsform:  scale(1, 1); 
}

.form 
wrapper {
_ width:_100%;
  margin: 30px_0;
}


/* STEPS_*/

.steps_{
 _list-style-type:_none;
  margin:_0;
  padding:_0;
  background-color: #000;
_ text-align: center;
}

.steps_li_{
  display: inline-block;
  margin: 20px;
  color: #ccc;
  padding-bottom: 5px;
}

.steps li.is-active_{
_ border-bottom:_1px_solid_#fff;
  color: #fff;
}


/* FORM_*/

.form-wrapper.section {
  padding: 0px_20px 30px_20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
 _box-sizing:_border-box;
  background-color:_#000;
  opacity: 0;
  -webkit-transform: scale(1, 0);
 _-ms-transform: scale(1, 0);
  -o-transform: scale(1,_0);
  transform:_scale(1,_0);
_ -webkit-transform-origin: top center;
_ -moz-transform-origin: top center;
  -ms-transform-origin:_top center;
  -o-transform-origin: top center;
_ transform-origin: top center;
  -webkit-transition: all_0.5s ease-in-out;
  -o-transition: all 0.5s_ease-in-out;
  transition: all 0.5s_ease-in-out;
 _text-align: center;
  position: absolute;
_ width: 100%;
_ min-height:_300px
}

.form-wrapper.section h3 {
_ margin-bottom: 30px;
}

.form-wrapper.section.is-active {
  opacity:_1;
  -webkit-transform:_scale(1, 1);
  -ms-transform: scale(1, 1);
__-o-transform: scale(1, 1);
__transform:_scale(1, 1);
}

.form