/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
/* line 5, car-form.less */
.page-form {
  /*close content*/
}
/* line 6, car-form.less */
.page-form .content {
  /*block*wrapper*/
}
/* line 7, car-form.less */
.page-form .content .block-wrapper {
  /*container*/
  /*wrapper-login*/
}
/* line 8, car-form.less */
.page-form .content .block-wrapper .heading-content {
  font-family: tahoma, arial;
  font-weight: 700;
  font-size: 16px;
  color: #333333;
}
/* line 13, car-form.less */
.page-form .content .block-wrapper .t-text {
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
/* line 18, car-form.less */
.page-form .content .block-wrapper .container-detail {
  margin-top: 20px;
  /*block detail*/
}
/* line 20, car-form.less */
.page-form .content .block-wrapper .container-detail .block-detail {
  padding: 5px 15px 14px 15px;
}
/* line 23, car-form.less */
.page-form .content .block-wrapper .container-detail .block-detail .icon-form {
  font-size: 40px;
  padding-left: 0px;
}
/* line 28, car-form.less */
.page-form .content .block-wrapper .container-detail .block-detail .icon-form i {
  vertical-align: top;
}
/* line 33, car-form.less */
.page-form .content .block-wrapper .container-detail .block-detail .text-detail .head-detail {
  font-family: tahoma, arial;
  font-weight: 700;
  font-size: 18px;
  color: #592381;
  margin-top: 0px;
  margin-bottom: 5px;
}
/* line 43, car-form.less */
.page-form .content .block-wrapper .wrapper-login {
  /*block-form*/
}
/* line 46, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form {
  height: auto;
  padding: 0;
  border: 1px #CCC solid;
}
/* line 51, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form {
  background-color: #592381;
  padding: 7px 0px 7px 0px;
  border-top: 4px #470975 solid;
}
/* line 55, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form a {
  text-decoration: none;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #ffffff;
}
/* line 60, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form .head-register-active {
  background-color: #470975;
  padding: 8px;
}
/* line 64, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form .head-login-active {
  background-color: #470975;
  padding: 8px;
}
/* line 68, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form .head-register {
  padding: 8px;
}
/* line 71, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .head-form .head-login {
  padding: 8px;
}
/* line 76, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login-social {
  padding: 20px 15px;
}
/* line 79, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login-social .block-fb {
  padding: 3px;
}
/* line 82, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login-social .block-google {
  padding: 3px;
}
/* line 85, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login-social .btn-primary {
  background-color: #3B5997;
  border-color: #3B5997;
  width: 100%;
}
/* line 90, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login-social .btn-danger {
  background-color: #D84B2C;
  border-color: #D84B2C;
  width: 100%;
}
/* line 97, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .block-ll {
  padding: 10px 25px 30px 25px;
}
/* line 100, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .block-ll .block-line-1 {
  border-bottom: 1px solid #ccc;
  position: relative;
}
/* line 104, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .block-ll .block-line-1 .block-text {
  position: absolute;
  top: -21px;
  left: 46%;
  background-color: #fff;
  padding: 10px;
}
/* line 110, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .block-ll .block-line-1 .block-text .text-form {
  font-family: tahoma, arial;
  font-weight: 700;
  font-size: 12px;
}
/* line 118, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login {
  padding: 10px 25px 10px 25px;
}
/* line 121, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .text-form {
  font-family: tahoma, arial;
  font-weight: 700;
  font-size: 12px;
  color: #333333;
}
/* line 125, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .check-text {
  font-family: tahoma, arial;
  font-weight: normal;
  font-size: 12px;
}
/* line 128, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .form-control {
  border-radius: 0;
}
/* line 131, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .btn-create-account {
  background-color: #EBEBEB;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #592381;
  width: 100%;
  float: right;
}
/* line 138, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .btn-register {
  width: 100%;
  background-color: #D8D7D7;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #592381;
  float: right;
}
/* line 145, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .btn-login {
  width: 100%;
  background-color: #D8D7D7;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #592381;
  float: right;
}
/* line 152, car-form.less */
.page-form .content .block-wrapper .wrapper-login .block-form .form-login .forget-pass {
  font-family: tahoma, arial;
  font-weight: normal;
  font-size: 12px;
  float: right;
}
/* line 160, car-form.less */
.page-form .content .block-wrapper .block-register {
  height: auto;
  padding: 0;
  border: 1px #CCC solid;
}
/* line 164, car-form.less */
.page-form .content .block-wrapper .block-register .form-link-register {
  padding: 20px 25px 20px 25px;
}
/* line 167, car-form.less */
.page-form .content .block-wrapper .block-register .form-link-register .taxt-register {
  font-family: tahoma, arial;
  font-weight: 700;
  font-size: 18px;
  color: #333333;
}
/* line 173, car-form.less */
.page-form .content .block-wrapper .block-create-account {
  padding: 20px;
}
/* line 175, car-form.less */
.page-form .content .block-wrapper .block-create-account .btn-warning {
  width: 100%;
  background-color: #FFC323;
  border-color: #FFC323;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 14px;
  color: #333333;
}
/*close page-form*/
/*========= circle ==============
==================================*/
/* line 252, car-form.less */
.block-process {
  padding: 10px;
  position: relative;
  display: block;
  /*block-line*/
  /*block-circle*/
}
/* line 257, car-form.less */
.block-process .block-line {
  height: 2px;
  width: 100%;
  background-color: #b3b3b3;
}
/* line 262, car-form.less */
.block-process .block-circle {
  text-align: center;
  position: absolute;
  margin: auto;
  display: block;
  width: 100%;
  top: -25px;
  left: 0;
  right: 0;
  /*a*/
}
/* line 272, car-form.less */
.block-process .block-circle a {
  display: inline-block;
  text-decoration: none;
  width: 32%;
  text-align: center;
  /*active*/
  /*number*/
  /*text*/
}
/* line 279, car-form.less */
.block-process .block-circle a:hover .number {
  opacity: 0.9;
}
/* line 284, car-form.less */
.block-process .block-circle a.active {
  /*number*/
  /*text*/
}
/* line 285, car-form.less */
.block-process .block-circle a.active .number {
  border: 6px solid #333333;
  line-height: 3;
  background-color: #595959;
}
/* line 291, car-form.less */
.block-process .block-circle a.active .text {
  color: #333333;
  font-family: tahoma, arial;
  font-weight: 400;
  font-size: 16px;
}
/* line 297, car-form.less */
.block-process .block-circle a .number {
  display: block;
  background-color: #a6a6a6;
  width: 70px;
  height: 70px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  line-height: 3.5;
  font-family: tahoma, arial;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  margin: auto;
}
/* line 309, car-form.less */
.block-process .block-circle a .text {
  display: block;
  color: #a6a6a6;
  font-family: tahoma, arial;
  font-weight: 400;
  font-size: 16px;
}
/*block-process*/
@media screen and (max-width: 991px) {
  /* line 319, car-form.less */
  .page-form .content .block-wrapper .wrapper-login {
    max-width: 600px;
    margin: 40px auto;
  }
  /* line 324, car-form.less */
  .page-form .content .block-wrapper .container-detail .block-detail .icon-form {
    text-align: right;
  }
  /* line 328, car-form.less */
  .block-process {
    padding: 10px;
    position: relative;
    display: block;
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  /* line 338, car-form.less */
  .page-form .content .block-wrapper .block-form .form-login-social {
    padding: 20px 35px 20px 35px;
  }
}
@media screen and (max-width: 480px) {
  /* line 344, car-form.less */
  .block-process .block-circle a .number {
    height: 60px;
    width: 60px;
  }
  /* line 349, car-form.less */
  .block-process .block-circle a.active .number {
    line-height: 2.5;
  }
  /* line 353, car-form.less */
  .block-process .block-circle a .number {
    line-height: 3;
  }
}
@media screen and (max-width: 476px) {
  /* line 361, car-form.less */
  .block-circle .li-circle {
    width: 80px;
    height: 80px;
    display: block;
    margin-bottom: 45px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
  }
  /* line 370, car-form.less */
  .block-circle .line {
    display: none;
  }
  /*block-circle*/
}