body{
    font-family: 'Work Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    text-align: justify;
    font-weight: 300;
}.imagen{
    background-image: url('../img/VentanaRegistro_Kapper.png');
    height: 100vh !important;
    background: cover;
}
.t_logo{
    width: 150px;
    margin-top: 20px;
    padding-left: 6%;
}
.mty{
    margin-top: 35px;
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    padding-right: 100px;
}
.ic{
    width: 8px;
    margin-right: 20px !important;
    margin-top: 6px !important;
}
.btn_iniciar{
    background-color: #07273a;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    font-size: 13px;  
    padding: 2px 8px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 0;
}
.btn_iniciar:hover{
    background-color: white;
    font-weight: 600;
    color: #07273a !important;
}
.margen{
    margin-top: -10px;
    margin-right: 100px;
}
.registrate{
    margin-top: 40%;
    font-family: 'Work Sans', sans-serif!important;
    font-size: 30px;
    font-weight: 600;
    margin-left: 120px;
    margin-bottom: 20px;
    position: relative;
}
.registrate::after{
    position: absolute;
    content: "";/*Este siempre va*/
    width: 60px;
    height: 1px;
    background: #fff; 
    left: -70px;
    top: 20px;
}
.form{
    background-color: #07273a; 
    width:40%; 
    position:absolute; 
    bottom:0; 
    right:100px;
}
.form-control{
    background-color:rgba(255, 255, 255, 0.125) !important;
    border-left: 1px solid #e43d30;
    border-bottom: 1px solid #e43d30;
    border-top: 0px;
    border-right: 0px;
    border-radius: 0;
    margin-top: 30px;
    height: 70%;
    font-size: 14px;
    color:#e43d30;
}
.form-control::placeholder{
    color:#e43d30;
    font-style: italic;
}
.form-control:focus{
    border-color: #fff;
    color: #fff;
    outline: 0;/*Un borde del borde de un elemento*/
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)/*Adentro del elemento*/, 0 0 8px rgba(33, 108, 151, 0.6)/*Fuera del elemento*/; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075)/*Adentro del elemento*/, 0 0 8px rgba(33, 108, 151, 0.6)/*Fuera del elemento*/; 
}
.texto{
    padding-left: 30px;
    padding-right: 50%;
}
.check{
    cursor: pointer;
    border-radius: 0 !important;
    margin-top: 20px;
    margin-left: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 20px;
}
.btn_enviar{
    margin-top: 10px;
    background-color: #e43d30;
    color: white;  
    padding: 5px 20px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 0;
    position: relative;
    margin-bottom: 40px;
    font-size: 14px;
    font-weight: 600;
}
.btn_enviar:hover{
    background-color: white;
    font-weight: 600;
    color: #e43d30;
}
.btn_conocemas{
    margin-top: 10px;
    background-color: #07273a;
    color: white;  
    padding: 3px 15px;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 0;
    position: relative;
    margin-bottom: 40px;
    font-size: 12px;
    font-weight: 600;
}
.btn_conocemas:hover{
    background-color: white;
    font-weight: 600;
    color:#07273a;
}
.t_form{
    width: 70%;
}
@media(min-height: 900px){
    .registrate{
        margin-top: 43%;
    }
    .form{
        padding-top: 3%;
        padding-bottom: 5%;
    }
}
@media(min-height: 1360px){
    .registrate{
        margin-top: 55%;
        padding-right: 30%;
        padding-left: 14%;
    } 
    .registrate::after{
        left: 70px;
    }
    .texto{
        padding-left: 20%;
        padding-right: 20%;
    }
    .form{
        width: 75%;
    }
    .btn_conocemas{
        margin-left: 15%;
    }
}
@media(max-width: 768px){
   .mr-5{
       margin-right: 0 !important;
   }
   .registrate{
       margin-top: 40%;
       padding-right: 30%;
       padding-left: 14%;
   } 
   .registrate::after{
       left: 25px;
   }
   .texto{
       padding-left: 20%;
       padding-right: 20%;
   }
   .form{
       width: 75%;
   }
   .btn_conocemas{
       margin-left: 15%;
   }
}


@media(max-width: 425px){
    .t_logo{
        width: 50px;
        margin-left: 10px;
    }
    .mty{
        display: none;
        padding-right: 30px;
        margin-top: -45px !important;
    }
    .form{
        width: 91%;
        right: 5%;
    }
    .t_form{
        width: 90%;
        margin-top: 0 !important;
    }
    .registrate{
        margin-top: 30%;
        font-size: 25px;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .registrate::after{
        display: none;
    }
    .texto{
        padding-left: 15%;
        padding-right: 10%;
    }
    .btn_conocemas{
        margin-top: -5px;
        margin-left: 3%;
    }
    .margen{
        margin-right: 30px;
        margin-top: -45px;
    }
}