.labelerror{
    color: rgb(216, 14, 14);
    display: none;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100vh; /* Asegura que el documento tenga el alto mínimo de la pantalla */
    overflow-x: hidden; /* Evita el desbordamiento horizontal */
}
#perfil{
    width: 50px;
    height: 50px;
    border: none;
    background: none;
}
#perfil i{
    font-size: 30px;
}
#contprincipal {
    width: 80%;
    max-width: 800px;
    margin: 20px auto; /* Centra el div */
    padding: 20px;
    background: rgb(240, 240, 240);
    border: 2px solid rgb(210, 210, 210);
    border-radius: 5px;

    display: flex;
    flex-direction: column;
    align-items: center; /* Asegura que los elementos se alineen correctamente */
    
    min-height: 50vh; /* Evita que el div colapse */
    max-height: 80vh; /* Evita que crezca demasiado */
    overflow-y: auto; /* Agrega scroll interno si es necesario */
}
    .login-container {
    width: 100%;
    margin: 50px auto;
    padding: 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.flotante {
    position: fixed;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
    font-size: 16px;
    text-align: center;
    width: 100%;
    animation: fadeIn 0.5s ease-in-out;
}
.nonvisible{
    display: none;
}
.loginlink {
    color: #0f5132;
}
.logout-form {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999;
    text-align: right;
}

    .logout-form input {
        padding: 10px 20px;
        background: none;
        color: #007bff;
        cursor: pointer;
        border-radius: 5px;
        border: none;
        direction: rtl; /* Hace que el texto se alinee a la derecha y crezca hacia la izquierda */
    }

        .logout-form input:hover {
            color: rgb(68, 132, 185);
            /*box-shadow: 0 4px 8px rgba(0.1, 0.1, 0.1, 0.3);*/
        }

/* Estilos del menú desplegable */
.dropdown-menu {
    display: none;
    position: absolute;
    top: 40px;
    right: 10px;
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    width: 230px;
}

    .dropdown-menu a {
        display: block;
        padding: 10px;
        text-decoration: none;
        color: black;
        color: #007bff;
    }

        .dropdown-menu a:hover {
            background: #f0f0f0;
        }

.links-container {
    margin-top: 0px;
    display: flex;
    justify-content: space-between; /* Distribuye el espacio entre los enlaces */
    width: 100%; /* Asegura que ocupe todo el ancho disponible */
}
.links-container a {
    color: rgb(29, 29, 29);
    text-decoration: none;
}
.links-container a:hover{
    color: rgb(70,70,70);
    text-decoration: underline;
}
form{
width: 100%;
max-width: 600px;
}

.login-form{
    width: 100%;
    max-width: 600px;
}

.login-title {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold;
}

.form-group {
    margin-bottom: 15px;
    text-align: left;
}

.form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

#loadinglogin{
}
.btn-primary {
    width: 100%;
    padding: 10px;
    font-size: 18px;
    border-radius: 5px;
    background-color: #007bff;
    border: none;
    color: white;
}

    .btn-primary:hover {
        background-color: #0056b3;
    }




.azul {
    color: rgb(51, 118, 168);
}
.form-container {
    background-color: #fff;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 500px;
    text-align: center;
}
.divdeuda {
    margin-top: 35px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 50%;
}
.button1 {
    position: relative;
    padding-left: 30px; /* Ajusta el padding según el tamaño de la imagen */
    padding-top: 10px; /* Ajusta el padding superior */
    padding-bottom: 10px; /* Ajusta el padding inferior */
    display: flex;
    align-items: center;
}

    .btnenv .icon {
        position: absolute;
        top: 10px; /* Ajusta la posición según sea necesario */
        left: 10px;
        width: 17px;
        height: 17px;
    }
.datoscontacto {
    background: rgb(48, 105, 152);
    width: 100%;
    border-bottom: 2px solid rgb(200,200,200);
    color: white;
}

#contacto{
    margin-top: 15px;
    margin-bottom: 10px;
    background: white;
}
.etiquetanombre {
    background: rgb(48, 105, 152);
    color: white;
    height: 45px;
    padding-top: 10px;
    border-bottom: 5px solid rgb(246, 232, 76);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.form-title {
    color: rgb(39, 113, 176);
    font-size: 24px;
    margin-bottom: 20px;
}


.radio-container {
    display: flex;
    flex-direction: column;
}

.radio-label {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    font-size: 16px;
}

.styled-radio {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    cursor: pointer;
    accent-color: #007BFF;
}
/*****************************CSS PARA FORMULARIO REESTRUCTURA************************************/
/*******************GIF***************************/
.lds-roller {
    /* change color here */
    color: #419cad
}

    .lds-roller,
    .lds-roller div,
    .lds-roller div:after {
        box-sizing: border-box;
    }

.lds-roller {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-top: 20px;
}

    .lds-roller div {
        animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        transform-origin: 40px 40px;
    }

        .lds-roller div:after {
            content: " ";
            display: block;
            position: absolute;
            width: 7.2px;
            height: 7.2px;
            border-radius: 50%;
            background: currentColor;
            margin: -3.6px 0 0 -3.6px;
        }

        .lds-roller div:nth-child(1) {
            animation-delay: -0.036s;
        }

            .lds-roller div:nth-child(1):after {
                top: 62.62742px;
                left: 62.62742px;
            }

        .lds-roller div:nth-child(2) {
            animation-delay: -0.072s;
        }

            .lds-roller div:nth-child(2):after {
                top: 67.71281px;
                left: 56px;
            }

        .lds-roller div:nth-child(3) {
            animation-delay: -0.108s;
        }

            .lds-roller div:nth-child(3):after {
                top: 70.90963px;
                left: 48.28221px;
            }

        .lds-roller div:nth-child(4) {
            animation-delay: -0.144s;
        }

            .lds-roller div:nth-child(4):after {
                top: 72px;
                left: 40px;
            }

        .lds-roller div:nth-child(5) {
            animation-delay: -0.18s;
        }

            .lds-roller div:nth-child(5):after {
                top: 70.90963px;
                left: 31.71779px;
            }

        .lds-roller div:nth-child(6) {
            animation-delay: -0.216s;
        }

            .lds-roller div:nth-child(6):after {
                top: 67.71281px;
                left: 24px;
            }

        .lds-roller div:nth-child(7) {
            animation-delay: -0.252s;
        }

            .lds-roller div:nth-child(7):after {
                top: 62.62742px;
                left: 17.37258px;
            }

        .lds-roller div:nth-child(8) {
            animation-delay: -0.288s;
        }

            .lds-roller div:nth-child(8):after {
                top: 56px;
                left: 12.28719px;
            }

@keyframes lds-roller {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*************************************************/
.buscarci {
    background: rgb(246, 232, 76);
    height: 38px;
    width: 80px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: none;
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 10px;
    cursor: pointer;
    margin-top: -18px;
}
.titulos {
    color: #0070C0;
    margin-left: 20px;
    text-align: left;
    display: inline-block;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;

}


.textos {
    color: black;
}
.btnbci {
    background: rgb(246, 232, 76);
    height: 38px;
    width: 80px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: none;
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 10px;
    cursor: pointer;
    margin-top: -18px;
    opacity: 0.5;
}
.recargar {
    background: rgb(80, 149, 212);
    height: 38px;
    width: 60px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: none;
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 10px;
    cursor: pointer;
    margin-top: -18px;
}

    .recargar:hover {
        background: rgb(51, 120, 183);
    }

.desplegable {
    width: 100%;
    padding: 10px;
    background: rgb(48, 105, 152);
    text-align: left;
    cursor: pointer;
    color: white;
    border-radius: 5px;
    border-left: 5px solid rgb(246, 232, 76);
}
    .desplegable:hover {
        background: rgb(36, 87, 129);
    }

.divcuenta {
    margin-bottom: 40px;
    background: rgb(240, 240, 240);
    padding: 32px;
    border: 2px solid rgb(210, 210, 210);
    border-radius: 5px;
    position: relative; /* Para que los elementos internos se posicionen respecto a este */


    flex-direction: column; /* Asegura que los elementos se apilen hacia abajo */
    align-items: stretch; /* Evita que se salgan del contenedor */
}

#titulo {
    position: absolute; /* Para colocarlo en la esquina superior izquierda */
    top: 0; /* Posiciona en la parte superior */
    right: 0; /* Posiciona en la parte izquierda */
    background-color: rgb(220,220,220); /* Fondo del título */
    padding: 5px; /* Espaciado interno para el texto */
    padding-left: 15px;
    color: #000; /* Color del texto */
    border-radius: 5px; /* Esquinas redondeadas, opcional */
    max-width: fit-content; /* Asegura que el ancho sea solo el necesario */
}

.divetiqueta {
    background: rgb(250,250,250);
    padding: 5px;
    border: 2px solid rgb(225,225,225);
    border-top: 5px solid rgb(246, 232, 76);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: opacity 0.5s ease, visibility 0s linear 0.5s;
    margin-bottom: 15px;
    margin-top: 0px;
}

.etp{
    margin: 5px;
}

.label-with-arrow {
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .label-with-arrow .arrow {
        margin-left: 5px;
        transition: transform 0.2s;
    }

    .label-with-arrow.collapsed .arrow {
        transform: rotate(-90deg);
    }
.cont{
    margin-bottom: auto;
    padding: 550px;
    text-align: center;
}
.pad{
    display: none
}
    .buscarci:hover {
        background: rgb(235, 218, 23);
        -webkit-box-shadow: 3px 3px 3px 3px rgb(210,210,210);
    }
    .altura{
        height: 35px;
    }
.flex-container {
    display: flex;
}


.flex-item-3-4 {
    flex: 4;
    padding: 0px; /* Solo para visualización */
}

.flex-item-05-4 {
    flex: 1;
    padding: 10px; /* Solo para visualización */
    padding-right: 0px;
    padding-left: 6px;
}
.flex-item-1-4 {
    flex: 0,5;
    padding: 10px; /* Solo para visualización */
    padding-left: 6px
}
.flex-item-2-2 {
    flex: 2;
    padding: 0px; /* Solo para visualización */
    padding-right: 5px;
}
.tooltip-container {
    position: relative;
    display: inline-block;
}

    .tooltip-container .tooltip-text {
        visibility: hidden;
        width: 200px;
        background-color: #7ec0cc;
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        color: #fff;
        text-align: center;
        padding: 5px;
        position: absolute;
        z-index: 1;
        bottom: 125%; /* Posiciona el tooltip arriba del botón */
        left: 0%;
        margin-left: -50px;
        opacity: 0;
        transition: opacity 0.6s;
    }

    .tooltip-container:hover .tooltip-text {
        visibility: visible;
        opacity: 1;
    }

    .tooltip-container .tooltip-text::after {
        content: '';
        position: absolute;
        top: 100%; /* En el borde inferior del tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #7ec0cc transparent transparent transparent; /* Flecha hacia arriba */
    }
/**************************TERMINA CSS PARA FORMULARIO REESTRUCTURA*******************************/
#formulario {
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    background: white;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    padding: 30px;
    margin-bottom: 50px;

    /*
    background: rgb(248,248,248);
    width: 100%;
    */
}

.inp{
    margin-bottom: 4px;

}

.sel {
    margin-top: 20px;
}
.sel {
    margin-bottom: 5px;
}
.leerbtn {
    background: rgb(246, 232, 76);
    height: 45px;
    width: 200px;
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border: none;
    -webkit-box-shadow: 3px 3px 3px 3px rgb(210,210,210);
    color: white;
    font-weight: bold;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 5px;
    position: fixed;
    z-index: 1000;
    cursor: pointer;
    bottom: 20px; /* Espacio desde la parte inferior de la pantalla */
    left: 20px;
    display: none;
}
.direcemp {
    padding: 0px;
    padding-top: 0px;
    border-radius: 5px;
    border-top: 2px solid rgb(220,220,220);
    border-bottom: 2px solid rgb(220,220,220);
}
.footer {
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.5); /* Sombra en la parte superior */

}
.google {
    display: none;
}

.mgoogle {
    
}
.logo2{
    display: none;
}
.viñeta{
    color: rgb(255, 233, 59);
}

.list-square li{
    color: rgb(68, 136, 199);
    color: rgb(80,80,80);
}
.izq{
    /*color: red;*/
    float: left;
}

.danger-text {
    color:red;
}

::placeholder {
    opacity: 0.65;
}

.bar {
    border-bottom: 10px solid rgb(38, 133, 189);
    height: 140px;
}
.container{
    position: relative;
   /* padding: 30px 0px 30px 0px;
    margin-left: 25px;*/
}






.head {
    background: black;
}
.btnenv {
    background: rgb(42, 110, 172);
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    color: white;
    border: none;
    width: 20vh;
    height: 50px;
    cursor: pointer;
    float: right;
    position: relative;



    padding-left: 30px; /* Ajusta el padding según el tamaño de la imagen */
    padding-top: 10px;  /* Ajusta el padding superior */
    padding-bottom: 10px;  /* Ajusta el padding inferior */
    display: flex;
    align-items: center;
}

    .btnenv::after {
        content: '';
        position: absolute;
        bottom: 0;
        right: 0;
        width: 30%;
        height: 5px; /* Altura del borde */
        background-color: rgb(246, 232, 76);
    }
.link {
    cursor: pointer;
    margin-right: 25px;
    color: white;
    font-size: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    text-decoration: none;
    padding-bottom: 5px;

}
    .link:hover {
        color: white;
        border-bottom: 1px solid white;
        transition: all 0.5s;
    }


    li{
        display: inline;
    }
.btnenv:hover {
    transition: all .2s;
    -webkit-box-shadow: 3px 3px 3px 3px rgb(210,210,210);
}

input {
     ;
}

.white {
    color: white;
}
.mar {
    margin-left: -73%
}

html {
    font-size: 14px;
}
.mini{
    font-size: 13px;
}

.foot{
    color: white;
    font-size: 20px;
    margin-bottom: 0px;
}

.num {
    color: white;
    margin-bottom: 20px;
}
@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    .mar {
    }

    

   

}
.full-screen {
    /*  position: absolute; /* O puedes usar fixed 
    */
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    display: flex;
}

html {
    position: relative;
    min-height: 100%;
}



select {
    -webkit-appearance: listbox !important;
    height: 40px;
}

#menu1 * {
    margin: 0;
    padding: 0;
    color: white;
}

#menu1 ul.menu {
    float: left;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif, sans-serif;
    font-size: 20px;
    font-weight: bold;color: rgb(213, 19, 0)
}

    #menu1 ul.menu li {
        position: relative;
        float: left;
        list-style-type: none;
    }

        #menu1 ul.menu li a {
            position: relative;
            display: block;
            line-height: 21px;
            font-size: 17px;
            padding-bottom: 5px;
            margin-right: 30px;
            text-decoration: none;
            z-index: 100;
        }

    #menu1 ul.menu > li:first-child > a {
        border-left: 0;
    }

    #menu1 ul.menu > li:last-child > a {
        border-right: 0;
    }

    /** Sub Menu - Tier 2 **/

    #menu1 ul.menu li ul.sub-menu {
        position: relative;
        display: none;
        margin: 0;
        padding: 0;
    }
    .link:hover{
        border-bottom: 1px solid white;
    }

    #menu1 ul.menu li:hover ul.sub-menu {
        display: block;
        float: left;
        position: absolute;
        z-index: 200;
    }

    #menu1 ul.menu li ul.sub-menu > li:first-child {
        margin: 5px 0 0 0;
    }

    #menu1 ul.menu li ul.sub-menu li a {
        width: 140px;
        display: block;
    }

    #menu1 ul.menu li ul.sub-menu li:first-child > a {
        border-top: 0;
    }

    #menu1 ul.menu li ul.sub-menu li:last-child > a {
        border-bottom: 0;
    }

    /** Sub Menu - Tier 3 **/

    #menu1 ul.menu li ul.sub-menu li ul {
        position: relative;
        display: none;
        left: 100%;
    }

        #menu1 ul.menu li ul.sub-menu li ul li {
            margin: 0 0 0 5px;
        }

    #menu1 ul.menu li ul.sub-menu li:hover ul {
        display: block;
        float: left;
        position: absolute;
        top: 0;
    }

    #menu1 ul.menu li ul.sub-menu li ul li a {
        width: 140px;
        display: block;
    }


    /** Colour Styles **/

    #menu1 ul.menu li a {
        
    }

    #menu1 ul.menu > li > a {
    }

    #menu1 ul.menu li:hover > a, #menu1 ul.menu li a:hover {
        border-bottom: 1px solid white;
    }

    #menu1 ul.menu li ul.sub-menu li a {
        padding-top: 8px;
    }

    #boton{
        background: rgb(240,240,240);
        border: none;
        color: #565656;
        border-radius: 8px;
        padding: 8px;
        font-size: 20px;

    }


    @media (max-width: 1050px) {
        .google {
            display: block;
            margin-bottom: 40px;
        }

        .mgoogle {
            display: none;
        }
    }

    /*---------------------------------------------------------------------*/


@charset "UTF-8";
ul{
    font-family: 'Yu Gothic UI';
}

.note{
    height: 10px;
    color: grey;
}
.contenido {
    display: flex;
}

.titulo{
    background: rgb(17, 114, 170);
    width: 100%;
    color: white;
    text-align: left;
    align-content: flex-start;
    margin: auto;
    margin-left: 0;
    padding: 3px;
    padding-left: 20px;

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 17px;
}
.divrmsa {
    /*padding: 20px;
    background: rgb(245,245,245);
    border-top-right-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-box-shadow: 3px 3px 3px 3px rgb(210,210,210);*/

    padding: 20px;
    background: rgb(244,244,244);
    border-top: 5px solid rgb(255, 237, 104);
}



li {
    margin-bottom: 10px; /* Espaciado entre ítems */
}

.box1 {
    margin: 30px;
    margin-bottom: auto;
    width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
.box2 {
    margin: 30px;
    width: 40%;
    display: block;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
}
    .boxed > .boxed-title-desktop {
        display: inline-block;
    }

    .boxed > .boxed-title-mobile {
        display: none;
    }

    .boxed .small,
    .boxed-content {
        display: block;
    }

    .request-form {
        padding: 20px;
    }

    .request-form-title {
        text-indent: 20px;
    }

        .request-form-title > span {
            padding-right: 20px;
        }

.footer > .container {
    display: -ms-flexbox;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}
.divfoot {
    display: flex;
    flex-direction: column;
    margin: 10px;
}
.footer-notes {
    position: absolute;
    width: 100%;
    text-align: center;
    background-color: rgb(245,245,245); /* Opcional: para darle un fondo */
    padding: 10px; /* Opcional: para darle un poco de espacio ;
    flex-direction: color */
    text-align: center;
    margin-top: auto;
    align-items: center;
}
    .footer-notes img{
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    to {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


@media screen and (max-width: 770px) {
    .divdeuda {
       
        width: 100%;
    }
    #formulario {
        border-top-right-radius: 15px;
        border-bottom-left-radius: 15px;
        background: white;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        padding: 30px;
        margin-bottom: 50px;
        width: 100%;
        padding-top: 65px;
    }
    .container{
        width: 100%;
        margin-top: 70px;
    }
    .leerbtn{
        display: block;
    }
    .footer-notes {
        width: 100%;
    }
    .box2{
        width: 100%;
        margin-left: 0px;
        margin-top: 20px;

    }

    .box1{
        width: 100%;
        margin-left: -10px;
    }
    .contenido {
        width: 100%;
        padding: 0 0px;
        flex-direction: column-reverse;
        margin: 0px;
    }
   
    .direcemp{
        padding: 0px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

        .contenido > h2 {
            font-size: 20px;
        }

        .contenido p,
        .contenido ul {
            font-size: 16px;
        }

        .contenido .small,
        .footer-notes {
            font-size: 13px;
        }

    .boxed > .boxed-title-desktop {
        display: inline-block;
    }

    .boxed > .boxed-title-mobile {
        display: none;
    }
    
    .boxed .small,
    .boxed-content {
        display: block;
    }

    .request-form {
        padding: 20px;
    }

    .request-form-title {
        text-indent: 20px;
    }

        .request-form-title > span {
            padding-right: 20px;
        }




    
}
.gracias {
    width: 100%;
    padding: 50px;
    height: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 650px) {

    .gracias {
        width: 70%;
        padding: 50px;
        height: 300px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .footer > .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 auto;
    }
}