* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Raleway', sans-serif;
}

p {
    padding-bottom: 5px;
    max-width: 1024px;
}

#bversion1 {
    color:#2085F3;
}

#bversion2 {
    color: #2085F3;
    font-size: 18px;
}

#g-recaptcha-response {
    display: block !important;
    position: absolute;
    margin: -78px 0 0 0 !important;
    width: 302px !important;
    height: 76px !important;
    z-index: -999999;
    opacity: 0;
}

.modal-container {
    /*
    opacity: 0;
    visibility: hidden;
    */

    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.modal {
    width: 480px;
    height: 220px;
    background-color: white;
    color: #061d72;
    text-align: center;
    font-family: 'raleway', sans-serif;
    border: solid 1px dodgerblue;
    box-shadow: 1px 1px 8px 3px lightblue;
    justify-content: space-evenly;
}

.modal-textos {
    padding: 15px 15px;
    font-size: 14px;
    font-weight: 500;
}

.modal-botones {
    position: relative;
    top: 5px;
    bottom: 10px;
}

.modal a {
    font-weight: bold;
    color: #489aFF;
}

.modal a:visited {
    font-weight: bold;
    color: #2085F3;
}

.modal a:hover {
    font-weight:bold;
    color:#489AFF;
}

p a {
    font-weight: bold;
    color: #489aFF;
}

p a:visited {
    font-weight: bold;
    color: #2085F3;
}

p a:hover {
    font-weight:bold;
    color:#489AFF;
}

.desplegado a {
    font-weight: bold;
    color: #489aFF;
}

.desplegado a:visited {
    font-weight: bold;
    color: #2085F3;
}

.desplegado a:hover {
    font-weight:bold;
    color:#489AFF;
}

#cookiesdenegadas {
    padding: 5px 20px;
    font-size: 14px;
    font-weight: 500;
}

.lang {
    color: #061d72;
}

.contenedor {
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
    overflow: visible;
}

header {
    text-align: center;
    justify-content: center;
    margin:0 auto;
}

header ul {
    list-style-type: none;
}

header a {
    text-decoration: none;
    color: #2e85ff;
}

header a:hover {
    color: darkblue;
}

.divsectheader {
    background: white;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1024px;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 20px;
}

.imglogoKL {
    width: 98vw;
    max-width: 420px;
}

.navbaresp {
    height: 50px;
    padding-left: 10px;
    padding-top: 15px;
}

.navbaresp li {
    display: inline;
    padding: 4px;
}

#itemlang {
    font-size: 12px;
    padding-left: 10px;
}

.lang {
    height: 50px;
    padding-left: 10px;
    padding-top: 10px;
}
/*
h1 {
    font-size: 20px;
    line-height: 150%;
}
*/


.h1homeclaro {
    font-size: 20px;
    line-height: 150%;
    color: #061d72;
}

h2 {
    font-size: 18px;
    line-height: 150%;
}

h3 {
    font-size: 16px;
    line-height: 150%;
}

section {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

section p {
    line-height: 125%;
    padding-top: 10px;
}

.titsection {
    max-width: 1024px;
    text-align: center;
    margin: 0 auto;
}
/*
.titsection h1 {
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    color: #061d72;
}
*/
.newtitsection h1 {
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #005DE0;
}

.newtitsection2 h1 {
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    font-size: 26px;
    color: #005DE0;
}

.newtitsection2 h2 {
    max-width: 640px;
    text-align: center;
    margin: 0 auto;
    font-size: 20px;
    color: #005DE0;
}

.txtsection {
    max-width: 1024px;
    text-align: left;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
}

.txtsection a {
    font-weight: bold;
    color: #489aFF;
}

.txtsection a:visited {
    color: #2085F3;
}

.txtsection a:hover {
    font-weight:bold;
    color:#489AFF;
}

.sectclaro {
    background-image: url(images/bg-claro.png);
    color: #061d72;
}

/*
.sectclaro h1 {
    font-size: 20px;
    line-height: 150%;
    color: #061d72;
}
*/

.sectclaro h2 {
    color: #061d72;
}

.newsectclaro {
    background-image: url(images/bg-claro.png);
    color: #061d72;
}

.sectosc {
    background-image: url(images/bg-oscuro.png);
    color: white;
}

.sectosc h1 {
    font-size: 20px;
    line-height: 150%;
    color: white;
}

.sectosc a {
    font-weight: bold;
    color: #489aFF;
}

.sectosc a:visited {
    color: #2085F3;
}

.sectosc a:hover {
    font-weight:bold;
    color:#489AFF;
}

.sectosc.formulario {
    background-image: url(images/KL-fondo-home.jpg);
    background-size: cover;
}

.input {
    background-color: lightskyblue;
    color: #061d72;
    font-weight: 600;
}

.txtsecform {
    max-width: 1024px;
    justify-content: center;
}

.nombre, .email, .consulta, .adjuntomedio {
    font-size: 16px;
    font-weight: 700;
}

.textarea {
    background-color: lightskyblue;
    width: 480px;
    height: 90px;
    color: #061d72;
    font-weight: 600;
}

.textarea1 {
    width: 320px;
    height: 40px;
    border: 1px solid #2085F3;
}

.divacept {
    text-align: justify;
    max-width: 480px;
    font-size: 10px;
}

#botonenviar {
    max-width: 280px;
    width: 210px;
    text-decoration: none;
    margin: 10px 0;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #2085F3;
    border-radius: 6px;
    border-style: outset;
}

#botonenviar:hover {
    color: #061d72;
    background-color: lightskyblue;
}

button {
    text-decoration: none;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    background-color: #2085F3;
    border-radius: 6px;
    border-style: outset;   
}

footer {
    border-top: 10px solid white;
    background-color: #141875;
    padding-top: 30px;
    padding-bottom: 50px;
}

.divfooter {
    color: white;
    max-width: 1024px;
}

#copyright {
    display: block;
    justify-content: center;
    text-align: center;
    width: fit-content;
    margin:0 auto;
    overflow: hidden;
    color: white;
}

.footercontenedor {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    text-align: center;
    width: 95vw;
    max-width: 1024px;
    font-size: 14px;
    font-weight: 700;
    color:  #2085F3;
}

.footerizq img {
    padding-top: 5px;
    padding-right: 10px;
}

#rrss a:hover {
    border-radius: 1px;
    border-color: lightskyblue;
}

.footerdcha {
    text-align: left;
}

.footerdcha a, a:link, a:visited {
    text-decoration:none;
    color:  #2085F3;
}

.footerdcha a:hover {
    color: lightskyblue;
    text-decoration:none;
}

.divcontenidoweb {
    max-width: 1024px;
    margin: 0 auto;
}

divcontenidoweb h1 {
    max-width: 500px;
}

.hablamosmain {
background-image: url("images/bg-claro.png");
background-attachment: fixed;
}

.txthablamos {
    color: #061d72;
    width: 100%;
    padding: 20px;
    padding-top: 5px;
    padding-bottom: 40px;
    max-width: 1024px;
    margin:0 auto;
    box-sizing: border-box;
    width: fit-content;
}

.formcontacto {
    background-color: #061d72;
    color: white;
    width: 460px;
    font-size: 16px;
    font-weight: 700;
    padding-left: 10px;
    text-align: left;
    overflow: hidden;
}

.nombrecontacto {
    float: left;
    width: 260px;
}

.emailcontacto {
    float: right;
    width: 200px;
}

.inputcontacto {
    background-color: lightskyblue;
    color: #061d72;
    border-color: whitesmoke;
    font-weight: 400;
}

.txtformsuscrip {
    max-width: 1024px;
    justify-content: center;
}

.formsuscrip {
    width: 500px;
    text-align: left;
}

.nombresuscrip, .emailsuscrip, .mensajesus {
    color: #2085F3;
    font-family: 'Raleway';
    font-weight: 600;
    font-size: 14px;
}

.inputsuscrip {
    border: 1px solid #2085F3;
}

.subimg {
    text-align: center;
    font-style: italic;
    font-size: 14px;
}

.titsecblog h1 {
    font-size: 34px;
    font-weight: 700;
    max-width: 710px;
    color: #005DE0;
    font-family: 'Palanquin', sans-serif;
}

.titsecblog h2 {
    font-size: 22px;
    font-weight: 700;
    max-width: 710px;
    color: #005DE0;
    font-family: 'Palanquin', sans-serif;
}

.enlaceautor {
    font-weight: 600;
}

.contenedorservicios {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 98vw;
    justify-content: space-around;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
}

.contenidoservicios {
    float: left;
    margin:0 auto;
    padding: 10px;
    text-align: center;
}

.contenidoservicios img {
    display: block;
    margin: auto;
}

.contenedorhablamos {
    color:#061d72;
    display: flex;
    flex-direction: row;
    margin:0 auto;
    justify-content: space-evenly;
    padding-bottom: 20px;
    font-weight: 700;
}

.itememailhablamos {
    padding-left: 25px;
    padding-right: 25px;
    float: left;
}

.itemrrsshablamos {
    float: right;
}

.disclaimerblog {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
    padding-right: 10px;
}

.rrssblog a {
    padding-right:15px;
}

.recuadromailchimp {
    background-color: #E6F0FF;
    color: #163dd9;
    padding:10px;
    margin:10px;
}

.recuadromailchimp p {
    font-size: smaller;
    font-style: italic;
}

.mailchimpvaloracion {
    display: flex;
    justify-content: space-between;
    padding: 15px;
    padding-bottom: 30px;
    box-shadow: 1px 1px 8px 3px lightgrey;
    flex-wrap: wrap;
}

.mailchimppositivo {
    max-width: 480px;
    text-align: left;
}

.mailchimppositivo h4 {
    color:#02BA0C;
}

.mailchimpnegativo {
    max-width: 480px;
    text-align: left;
}

.mailchimpnegativo h4 {
    color: #B13800;
}

.titulo {
    background-image: url(images/Knowmad\ Lawyer\ fondo\ oscuro.jpg);
    background-size: cover;
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: center;
    color: white;
}

.titulo h1 {
    font-size: 28px;
    transform-origin: 50% 100%;       
    animation-duration: .35s;
    animation-name: fadeAndScale;
    animation-timing-function: cubic-bezier(.71,.55,.62,1.57);
}

.imgblog {
    width: 40vw;
    max-width: 640px;
}

.plataformasemailmkt {
    margin-left: 20px;
    font-weight:bold;    
}

.txtblog p {
    text-align: left;
}

.txtblog h1 {
    color: #005DE0;
}

@keyframes fadeAndScale {
    from {
        opacity: 0;
        transform: scale(.8, .8);
    }
    to {
        opacity: 1;
        transform: scale(1, 1);
    }
}

.serviciostxt {
    text-align: justify;
    vertical-align: middle;
    padding: 10px;
}

.serviciosimg {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
}

.blogtxt {
    text-align: justify;
    padding: 10px;
}

.contenedorcentrado {
    max-width: 1024px;
    text-align: center;
}

.divh2blog {
    font-size: 18px;
    font-weight: 700;
    max-width: 1024px;
    color: #2085F3; 
    padding-bottom: 20px;
    text-align: center;
}

.formblog {
    color: #061d72;
    max-width: 460px;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-align: left;
    margin: 0 auto;
}

.formblog .divacept {
    font-size: 12px;
    font-weight: 500;
}

.formblog a {
    font-weight: bold;
    color: #489aFF;
}

.formblog a:visited {
    color: #2085F3;
}

.formblog a:hover {
    font-weight:bold;
    color:#489AFF;
}

textarea::placeholder {
    color: #2085F3;
}

.blogtxt h2 {
    font-size: 18px;
}

.blogimg {
    float: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 20px;
}

.blogimg img {
    max-width: 220px;
}

.contenedorartsblog {
    background-color: white;
    padding: 20px;
    box-shadow: 1px 1px 8px 3px lightgrey;
    margin-bottom: 80px;
    display: inline-flex;
    flex-direction: column;
    margin-left: 60px;
}

.cadaarticulo {
    padding-top: 20px;
}

#ciberseg {
    padding-left: 20px;
    padding-right: 25px;
}

#blockchain {
    padding-left: 15px;
    padding-right: 25px;
}

#inmob {
    padding-left: 10px;
    padding-right: 20px;
}

#bancario {
    padding-left: 10px;
    padding-right: 30px;
}

.visible {
    background-color: #2085F2;
    color: white;
    font-size: 16px;
    font-weight: 600;
    min-height: 50px;
    overflow: hidden;
    text-align: left;
    vertical-align: middle;
}

.tituloapartadovisible {
    display: flex;
    align-items: center;
    padding: 10px;
    padding-left: 15px;
    margin:0 auto;
    justify-content: space-between;
}

.desplegado {
    background-color: white;
    border: solid 1px dodgerblue;
    color: #061d72;
    padding: 20px;
    overflow: auto;
    font-family: 'Raleway' sans-serif;
    font-size: 15px;
    font-weight: 400;
    display: inline-block;
    justify-content: space-between;
}

.flecha {
    justify-content: center;
    align-items: center;
    text-align: center;
    margin:0px auto;
    padding-top: 4px;
    padding-left: 25px;
}

@media screen and (max-width: 1200px){

    .contenedor {
        max-width: 1200px;
    }

    section {
        padding-left: 10vw;
    }
    
    .footercontenedor {
        padding-right: 10vw;
    }
    
    .contenedorartsblog {
        margin-left: 3vw;
    }
}

@media screen and (max-width: 930px){

    .contenedor {
        max-width: 930px;
        margin: 0 auto;
        padding-top: 15px;
        padding-bottom: 20px;
        overflow: visible;
    }

    .divsectheader {
        padding-top: 8px;
        padding-bottom: 8px;
        margin: 0 auto;
        text-align: center;
        justify-content: center;
    }

    .navbaresp li {
        font-size: 13px;
        font-weight: 700;
    }

    .navbaresp {
        padding-top: 10px;
    }

    .lang {
        height: 50px;
        padding-left: 5px;
        padding-top: 2px;
    }

    .textarea {
        width: 95vw;
        max-width: 440px;
    }
    
    .inputsuscrip {
        width: 310px;
    }

    .contenedorservicios {
        padding-left: 10vw;
        padding-right: 10vw;
    }

    .titsection h1 {
        max-width: 90vw;
        color: #061d72;
    }

    .newtitsection h1 {
        max-width: 90vw;
        color: #005DE0;
    }

    .newtitsection2 h1 {
        max-width: 90vw;
        color: #005DE0;
    }

    .newtitsection2 h2 {
        max-width: 90vw;
        color: #005DE0;
    }

    .titsecblog {
        max-width: 90vw;
        font-size: 20px;
        font-weight: 700;
    }
}

@media screen and (max-width: 500px){
    
    .contenedor {
        max-width: 500px;
        padding-top: 5px;
    }

    .divsectheader {
        padding-left: 2vw;
    }
    
    .imglogoKL {
        width: 95vw;
        max-width: 420px;
    }
    
    .navbaresp {
        width: 250px;
        padding-top: 2px;
    }

    h1 {
        font-size: 18px;
    }

    .nombre, .email, .consulta, .adjuntomedio {
        font-size: 14px;
        font-weight: 700;
    }

    .textarea {
        width: 95vw;
        max-width: 320px;
        height: 90px;
    }

    section {
        padding-left: 6px;
        padding-right: 6px;
        max-width: 100vw;
    }

    .divacept {
        padding: 5px;
        font-size: 10px;
    }

    #botonenviar {
        text-decoration: none;
        padding: 10px;
        font-size: 14px;
        font-weight: 700;
        color: #ffffff;
        background-color: #2085F3;
        border-radius: 6px;
        border-style: outset;
    }

    .lang {
        padding-left: 20px;
        padding-top: 2px;
    }

    .modal {
        width: 240px;
        height: 300px;
    }
    
    .footercontenedor {
        padding-left: 2vw;
        padding-right: 1vw;
    }

    .footerizq img {
        padding-right: 4px;

    }

    .titulo h1 {
        font-size: 24px;
    }

    .titsection {
        width: 98vw;
    }

    .arttitsection {
        width: 98vw;
    }

    .newtitsection {
        width: 98vw;
    }

    .newtitsection2 {
        width: 98vw;
    }

    .contenedorartsblog {
        padding: 6px;
        margin-left: 2vw;
    }

    .cadaarticulo {
        display: inline-flex;
        flex-direction: column;
        justify-content: center;
    }

    .blogimg {
        text-align: center;
    }

    .blogtxt {
        text-align: center;
    }

    .blogtxt h2 {
        font-size: 18px;
        max-width: 420px;
    }
   
    .imgblog {
        width: 80vw;
        max-width: 480px;
        min-width: 310px;
    }

    .imgblogvert {
        height: 80vw;
        max-width: 690px;
    }
}

@media screen and (max-width: 320px) {

    .contenedor {
        max-width: 320px;
    }

    .imglogoKL {
        width: 95vw;
        max-width: 290px;
        text-align: center;
    } 

    .footercontenedor {
        max-width: 100vw;
    }
}