/* =================================
   VULK FIRE REGISTER
================================= */

body{
    background:
    radial-gradient(circle at top,
    rgba(251,133,7,.12),
    transparent 35%),

    linear-gradient(
    135deg,
    #050201 0%,
    #0b0301 100%
    ) !important;

    min-height:100vh;
}

/* CMS */

h1.page-title{
    display:none!important;
}

.col-12.mx-auto{
    width:auto!important;
    margin:0!important;
    flex:none!important;
    max-width:none!important;
}

/* CONTENEDOR */

.register-container{

    width:100%;

    max-width:480px;

    margin:20px auto;

    padding:35px;

    background:rgba(0,0,0,.72);

    backdrop-filter:blur(20px);

    border-radius:24px;

    border:1px solid rgba(251,133,7,.35);

    border-top:4px solid #fb8507;

    box-shadow:
    0 0 40px rgba(251,133,7,.18),
    0 20px 70px rgba(0,0,0,.70);

    overflow:hidden;

    position:relative;
}

/* FORMULARIO NO SE SALE */

.register-form-inner{

    width:100%!important;

    max-width:100%!important;

    min-width:0!important;

    padding:0!important;

    margin:0 auto!important;

    overflow:hidden!important;

    box-sizing:border-box!important;

    position:relative!important;
}

.register-form-inner *{

    max-width:100%!important;

    box-sizing:border-box!important;
}

.register-container .row{

    margin-left:0!important;
    margin-right:0!important;
}

.register-container [class*=col-]{

    padding-left:0!important;
    padding-right:0!important;
}

/* LOGO */

.reg-logo-small{

    max-width:100px;

    filter:
    drop-shadow(
    0 0 20px rgba(251,133,7,.55)
    );

    transition:.4s;
}

.reg-logo-small:hover{

    transform:scale(1.08);

    filter:
    drop-shadow(
    0 0 30px rgba(255,211,106,.9)
    );
}

/* LABELS */

.form-group{

    margin-bottom:20px;
}

.form-group label{

    color:#ffd36a;

    text-transform:uppercase;

    font-size:12px;

    font-weight:900;

    letter-spacing:1px;

    margin-bottom:8px;
}

.form-group label i{

    color:#fb8507;

    margin-right:8px;
}

/* INPUT GROUP */

.input-group{

    display:flex;

    width:100%;
}

.input-group-addon{

    width:50px;

    background:rgba(0,0,0,.80);

    border:1px solid rgba(251,133,7,.35);

    border-right:none;

    color:#ffd36a;

    display:flex;

    align-items:center;

    justify-content:center;
}

.form-control{

    background:
    rgba(0,0,0,.55)!important;

    border:
    1px solid rgba(251,133,7,.35)!important;

    border-left:none!important;

    color:#fff2df!important;

    width:100%!important;

    height:50px!important;

    box-shadow:none!important;
}

.form-control:focus{

    border-color:#fb8507!important;

    box-shadow:
    0 0 18px rgba(251,133,7,.18)!important;

    background:
    rgba(0,0,0,.65)!important;
}

/* TERMINOS */

#grp-terms{

    color:#c8a95c;

    text-align:center;

    margin-top:15px;
}

#grp-terms a{

    color:#ffd36a;

    text-decoration:none;
}

/* BOTON */

.btn-primary{

    width:100%;

    height:56px;

    border:none;

    border-radius:14px;

    color:#fff;

    font-weight:900;

    letter-spacing:2px;

    text-transform:uppercase;

    background:
    linear-gradient(
    135deg,
    #ff3c00,
    #fb8507,
    #ffd36a
    )!important;

    box-shadow:
    0 10px 25px rgba(251,133,7,.35);

    transition:.35s;
}

.btn-primary:hover{

    transform:
    translateY(-3px);

    background:
    linear-gradient(
    135deg,
    #ffd36a,
    #fb8507
    )!important;

    box-shadow:
    0 0 35px rgba(251,133,7,.55);
}

/* HOME */

.btn-home-custom{

    display:inline-block;

    margin-top:15px;

    padding:12px 30px;

    border-radius:50px;

    text-decoration:none!important;

    background:
    rgba(0,0,0,.65);

    border:
    1px solid rgba(251,133,7,.35);

    color:#ffd36a;

    font-size:12px;

    font-weight:900;
}

.btn-home-custom:hover{

    background:#fb8507;

    color:#050201;

    box-shadow:
    0 0 25px rgba(251,133,7,.45);
}

.btn-home-custom i{

    margin-right:8px;
}

/* MOBILE */

@media(max-width:500px){

.register-container{

padding:25px;

width:95%;
}

}