@keyframes show
{
    from
    {
        opacity : 0;
        scale   : 90%;
    }
    to
    {
        opacity : 1;
        scale   : 100%;
    }
}
@keyframes mostrarScalar {
	from 
    {
        opacity   : 0;
        transform : scale3d(.5, .5, .5);
	}
	to 
    {
        opacity: 1;
	}
}


.contacto .txt-1, .contacto .txt-2, .txt-donde-estamos svg, .txt-datos-contacto svg, .txt-donde-estamos .de-1, .txt-datos-contacto .de-1, .txt-donde-estamos .de-2, .txt-datos-contacto .de-2, .txt-donde-estamos .de-3, .txt-datos-contacto .de-3 {
    animation: mostrarScalar 1.5s ease 0s 1 normal forwards;
}

.formulario .form-group, .formulario .bt-enviar
{
    view-timeline-name   : --fadeA;
    view-timeline-axis   : block;
    animation-timeline   : --fadeA;
    animation-name       : show;
    animation-range      : entry 10% cover 25%;
    animation-fill-mode  : both;
}

.container
{
    background: #F4F7FE;
}

.titulo 
{
    color: #244079;
    text-align: center;
    font-family: Inter;
    font-size: 36px;
    font-style: normal;
    font-weight: 800;
    line-height: 46.8px;
    padding: 123px 0px 99px 0px;
}

.parrafo 
{
    text-align: center;
    font-weight: bold;
}

.custom-container 
{
    max-width: 1000px;
}

.card svg 
{
    fill: red;
    height: 51px;
    margin-bottom: 25px;
}

.card 
{
    border: 1px solid red;
}

.card-m 
{
    border: 1px solid black;
}

.card-solo 
{
    margin-left: 8px;
    margin-right: 8px;
}

.formulario
{
    margin        : 41px 160px 60px 160px;
    padding       : 50px;
    border-radius : 12px;
    background    : #FFFFFF;
    box-shadow    : 0px 20px 30px 0px rgba(36, 64, 121, 0.10);
}
.formulario label
{
    color          : #262626;
    font-family    : Inter;
    font-size      : 15px;
    font-style     : normal;
    font-weight    : 800;
    line-height    : 19.5px;
    letter-spacing : -0.1px;
    padding        : 0px 0px 10px 0px;
}

.formulario .form-group
{
    padding : 0px 0px 40px 0px;
}
.form-group input, .form-group textarea
{
    padding : 10px 20px 10px 20px;
}

.formulario .bt-enviar
{
    display         : flex;
    padding         : 10px 40px 10px 40px;
    justify-content : center;
    align-items     : center;
    border-radius   : 6px;
    border          : 2px solid #DD082D;
    background      : #FFFFFF;
    color           : #DD082D;
    font-size       : 16px;
    font-style      : normal;
    font-weight     : 600;
    line-height     : 22px;
    letter-spacing  : -0.32px;
}


.formulario .bt-enviar.enviando
{
    color :#dd082d47 !important;
}

.formulario .col-btenviar
{
    position : relative
}
.formulario .col-btenviar .spinner-border
{
    position : absolute;
    top      : 6px;
    left     : 60px;
}

.banner-kit
{
    padding : 0px 0px 50px 0px !important;
}

@media (min-width: 1440px) {
}
@media (min-width: 1400px)  and (max-width: 1440px) /*XXL*/
{
}
@media (min-width: 1200px)  and (max-width: 1399px) /*XL*/
{
}

@media (min-width: 992px)  and (max-width: 1199px) /*LG*/
{
    .formulario
    {
        margin: 30px 60px 60px 60px;
    }
}

@media (min-width: 768px)  and (max-width: 991px) /*MD*/
{
    .formulario
    {
        margin: 30px 60px 60px 60px;
    }
}

@media (min-width: 576px)  and (max-width: 767px) /*SM*/
{
    .formulario
    {
        margin: 30px 30px 60px 30px;
    }  
}

@media (min-width: 0px)  and (max-width: 575px) /*XS*/
{ 
    .formulario
    {
        margin  : 30px 10px 60px 10px;
        padding : 50px 20px 50px 20px;
    }
    .logos-rs 
    {
        padding: 0px 0px 60px 0px;
    }
}