/*logo-kla*/
/*.img_logo_kla{width: 210px;}
.img_logo_kla{width: 180px;}*/
.logo-menu-webfr{display: none;}
div.btMod11{
    width:100%;
    height:auto;
    margin:0 auto;
}

.btMod22{	
    width:380px;
    height:50px;
    float:left;
    font-family:Arial, Helvetica, sans-serif;
    color:#1f1f1f;
    font-size:12px;
    font-weight:bold;
    background-color:#ffab02;
    margin:50px 5px 0 5px;
    line-height:25px;
}
.btMod22:hover{
    background-color:#04061b;
    color:#FFF;
}
p.mgtop55{
    font-size:20px;
    text-align:center;
}

p.nossosCursos{
    font-size:20px;
}

/*ARTIGO*/
.content-artigos ul{width: 100%;}
.content-artigos ul li{
    width: 32%; 
    min-height: 300px; 
    float: left; 
    margin-right: 2%; 
    margin-bottom: 20px;
}
.content-artigos ul li:nth-of-type(3n+0){margin-right: 0;}
.img_artigos{max-width: 100%; border: 0;}
.a_artigos{display: inline-block; background: #1590bd; padding: 5px 30px; color: #fff; text-transform: uppercase; font-size: 1.1em; font-weight: bold; margin-top: 20px;}
.a_artigos:hover{background: #117ca4;}

.titulo_artigos{color: #555; font-size:1.4em; font-weight: 400; text-transform: uppercase;}

/*PARA MIDIAS*/
.destaque_video{ 
    position:relative;
    margin:0 auto;
    width: 100%;
    height:auto;
    padding: 10px;

}

.ratio{
    position: relative;
    padding-bottom: 43.25%;
    width: 80%;
    margin:0 auto;
    height: 0;

}
.ratio2{
    position: relative;
    padding-bottom: 43.25%;
    width: 80%;
    margin:0 auto;
    height: 0;

}
.media{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
}

/* ==== FORMULARIO ==== */
.form-control::-moz-placeholder {color: #fff;}
.form-control:-ms-input-placeholder {color: #fff;}
.form-control::-webkit-input-placeholder {color: #fff;}
.texto_branco::-moz-placeholder {color: #fff;}
.texto_branco:-ms-input-placeholder {color: #fff;}
.texto_branco::-webkit-input-placeholder {color: #fff;}

img { max-width: 100%; border: 0; }
.img-680{ width: 680px; }
.img-700{ width: 700px; }


@media(max-width: 1245px){

    /* == AVISO*/
    /*DATA: 04/12/2020 - Os códigos abaixo estão alterando a estrutura de resolução*/
    
    .img_logo_kla{width: 120px; margin-top:30px; }

    ul.nav.navbar-nav {
        margin-top: 40px !important;
    }
    .navbar-default .navbar-nav > li > a {
        font-size: 1em;
    }
    /* AVISO == */
}
@media(max-width: 991px){
    .menu-mobile-webfr{display: none;}
    .logo-menu-webfr{
        display: initial;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .header.header-hide {
        background: none !important;
    }
}
@media(max-width: 900px){
    .ratio2{width: 100%; padding-bottom: 53.25%;}
}

@media(max-width: 780px){
    .content-artigos ul li{width: 100%; margin-right: 0; margin-bottom: 0px;}
}

@media (max-width: 768px){
    .artigo-texto{width: 100%;}   
}