.register_head{padding: 20px;text-align: center}

.register_head h1{padding: 0}
.register_head h4{margin: 0}

.register_step{text-align: center;overflow: hidden;padding: 10px;}
.register_step .hideBefore:before{display: none}
.register_step li {position: relative;display: inline-block;width: 70px;padding-top: 41px;text-align: center;font-size: 16px;color: #888;}
.register_step li>p{font-size:12px;}
.register_step li:after {z-index: 1;top: 0;left: 50%;position: absolute;display: block;width: 32px;height: 32px;margin-left: -16px;background-position: -435px 0;border:1px solid #e3e3e3;border-radius: 50px;background-color: #fff;content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 900;padding: 7px;}
.register_step li:before {position: absolute;left: -50%;top: 16px;display: block;width: 100%;height: 1px;background: #e2e2e2;content: "";}
.register_step li.done {color: #888;}
.register_step li.done:after {background-position: -475px -40px;background-color: #b9b9b9;border: 0;color: #fff;}
.register_step li.active {color: #163a67;font-weight: 500;}
.register_step li.active:after {background-position: -475px 0px;color: #fff;background-color: #163a67;border: 0;}
.register_step li.active:before {}


#registerForm>div:nth-child(4){margin-bottom: 30px}
.registerCard .registerForm{max-width: 550px; margin: auto;padding: 0 20px}

.pr-0, .px-0{padding-right: 15px !important}
#registerForm{margin-top: 30px}

.btn{padding: 11px 20px}







.re_check_box{border:none;max-width: 345px;margin:25px auto}
.re_check_box>div:nth-child(1){border-bottom:1px solid #e3e3e3}
.re_check_box>div:nth-child(2){border-bottom:1px solid #e3e3e3}
.re_check_box>div:nth-child(2)>div:first-child{border-bottom:1px solid #e3e3e3}

.re_check_box>div>div{display:flex;align-items: center;overflow: hidden;position: relative;padding:18px 15px;font-size:9pt; font-weight: 300}
.re_check_box>div>div label{display:inline-flex;width:1.2rem;height:1.2rem;border:1px solid #e3e3e3;margin-right:10px; margin-bottom:0; cursor: pointer;vertical-align: middle}

.re_check_box>div>div input{position: absolute;left:-100%}

.re_check_box>div>div input[type="checkbox"]:checked + label{
    background: url(/assets/images/check.png) no-repeat center/15px 15px;
}
.re_check_box>div>div  span{border-bottom:1px solid #000;cursor: pointer;}
.register_box .login_button{max-width: 345px;width:100%;}
/*.register_box .login_button>button{width:100%;height:45px;font-size:13px;text-align: center;font-weight: 600;background-color: #1b1b1b;color:#fff;border:none;}*/
.fresh_register_full{max-height: 345px;margin: 0 auto}


.col-form-label>span{font-size:12px;}
.input-group-append .btn{padding:0 10px}

.container{padding:40px 0}
.card-header h2{font-size:34px}
.card-header p{color:#999999;padding-top:10px;font-size:14px}


@media screen and (min-width:500px){
      .re_select_box>div label{width:90px;height:90px;border-width:2px;margin-right:20px;}
    .re_check_box>div>div label{margin-right:10px}
    .re_select_box>div label.actives{border-width:4px;}
    .re_check_box>div>div{font-size:10pt;}
    
    
    .register_step li{width:100px}
    .register_step li>p{font-size:13px;}
}





@media screen and (min-width:768px){
    .registerCard .registerForm{padding: 0px}
    

    .card-header h2{font-size:39px}
    .card-header p{font-size:15px}
}

@media screen and (min-width:1200px){
    .container{padding:60px 0 80px}
    .card-header h2{font-size:44px}
    .card-header p{font-size:16px}
}