@charset "UTF-8";


html {
    scroll-behavior: smooth;
}
:target {
    scroll-margin-top: .8em;
}
*, :before, :after {
    box-sizing: border-box;
}
/* DESKTOP */
body{
    width: 100%;
    display: inline;
    font-size: 16px;
    color: #212121;
    background: #FFFFFF;
    margin: 0 auto;
    font-family: 'Montserrat', sans-serif;
}

#barra_superior_fixa{
    z-index: 1;
    visibility: visible;
}

#barra_superior_fixa_mobile{
    z-index: 1;
    visibility: hidden;
}

#barra_superior_acessibilidade_mobile{
    z-index: 1;
    visibility: hidden;
}

#barra_superior_menu_mobile{
    z-index: 1;
    visibility: hidden;
}

#barra_de_acessibilidade{
    z-index: 1;
}


#caixa{
    background-attachment: none;
}

#ftp2{
    position: fixed;
    width: 350px;
    bottom: 0px;
    right: -30px;
    text-align: center;
    font-size: 30px;
    z-index: 1000;
}

#ftp{
    position: fixed;
    width: 50px;
    height: 180px;
    bottom: 40px;
    right: 2px;
    text-align: center;
    font-size: 30px;
    z-index: 1000;
}


ul#barca li a strong{
    color: #ffffff;
    font-weight: bold;
    transition: 1s;
}

ul#barca li a strong:hover{
    color: #00FF8C;
    font-weight: bold;
    transition: 1s;
}

#base___home_rs{
    z-index: 10;
}

#x1{
    z-index: 20;
}

#x2{
    z-index: 15;
}

.zoom-img{
    width: 150px;
    height: 150px;
    border: 1px #cdcdcd solid;
    display: inline-block;
    cursor: pointer;
    scale: 1.0;
    transition: 200ms linear;
    box-shadow: 0px 0px 0px 0px rgba(16, 16, 16, 0.0)
}
.zoom-img:hover{
    width: 150px;
    height: 150px;
    border: 1px #cdcdcd solid;
    display: inline-block;
    cursor: pointer;
    scale: 1.1;
    transition: 200ms linear;
    box-shadow: 2px 2px 20px 4px rgba(16, 16, 16, 0.1)
}
button.motion-btn{
    background: transparent;
    transition: 200ms linear;
}
button.motion-btn:hover{
    background: #00FF8C;
    transition: 200ms linear;
}

button.cur-btn{
    background: #080E45;
    color: #ffffff;
    transition: 200ms linear;
}
button.cur-btn:hover{
    background: #00FF8C;
    color: #080E45;
    transition: 200ms linear;
}

/* MENU */
ul#menu li a p{
    color: #ffffff;
    transition: 1s;
}

ul#menu li a p:hover{
    color: #00FF8C;
    transition: 1s;
}

ul#lista li p{
    color: #212121;
    transition: 1s;
}

ul#lista li p:hover{
    color: #00FF8C;
    transition: 1s;
}

ul#menu_mapa li p{
    color: #212121;
    transition: 1s;
}

ul#menu_mapa li p:hover{
    color: #00FF8C;
    transition: 1s;
}

ul#button_font li a{
    color: #ffffff;
    transition: 1s;
}

ul#button_font li a:hover{
    color: #00FF8C;
    transition: 1s;
}

ul#menu_adm li button{
    background: #080E45;
    border: 2px solid #080E45;
    transition: 1s;
}

ul#menu_adm li button:hover{
    background: #080E45;
    border: 2px solid #5CD1FF;
    transition: 1s;
}

ul#menu_laire li a{
    color: #ffffff;
    transition: 1s;
}

ul#menu_laire li a:hover{
    color: #00FF8C;
    transition: 1s;
}

ul#button_pub li div{
    background: #ffffff;
    transition: 1s;
}

ul#button_pub li div:hover{
    background: #00FF8C;
    transition: 1s;
}

button#bt1{
    background: #5CD1FF;
    color: #080E45;
    transition: 1s;
}

button#bt1:hover{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}

button#bt2{
    background: #5CD1FF;
    color: #080E45;
    transition: 1s;
}

#bt1_ds{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}

#bt1_ds:hover{
    background: #FFC122;
    color: #080E45;
    transition: 1s;
}

#bt2_ds{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}

#bt2_ds:hover{
    background: #FFC122;
    color: #080E45;
    transition: 1s;
}

#bt3_ds{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}

#bt3_ds:hover{
    background: #FFC122;
    color: #080E45;
    transition: 1s;
}

#bt4_ds{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}

#bt4_ds:hover{
    background: #FFC122;
    color: #080E45;
    transition: 1s;
}

button#bt2:hover{
    background: #080E45;
    color: #5CD1FF;
    transition: 1s;
}
#menu_hamburgue{
    display: none;
}
.modal_doenca{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.banner_produtos{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.banner_produtos1{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 10; */
}

.banner_produtos3{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 10; */
}

.banner_produtos2{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* z-index: 10; */
}

.modal_pwa{
    background-color: rgba(0, 0, 0, 0.0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.pelicula_banner{
    background-color: rgba(0, 0, 0, 0.0);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_add_conteudo{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.btn-produtos{
    background-color: #ffffff;
    color: #02173d;
    transition: 200ms linear;
}
.btn-produtos:hover{
    background-color: #00FF8C;
    color: #02173d;
    transition: 200ms linear;
}

.modal_add_eventos_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_noticias_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_extensoes_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_conteudo_blog{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_edit_conteudo{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_master_eventos{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    /* display: none; */
}

.modal_resumo{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_edit_conteudo_blog{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_edit_pesquisador{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_edit_respira_cont{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_erro_geral{
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_add_doenca{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_edit_doenca{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_pesquisadores{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.banner_convivendo{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.bio{
    width: 150px;
    height: 150px;
    border-radius: 100px;
    background: transparent;
    cursor: pointer;
    transition: 1s;
}
.bio:hover{
    width: 150px;
    height: 150px;
    border-radius: 100px;
    opacity: 0.6;
    cursor: pointer;
    background: #5CD1FF;
    transition: 1s;
}

.modal_add_pesquisador{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_respira_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_adicional_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_pagina_admin{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_extenso_projeto{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_editar_material_respira{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_config1{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_config2{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_laire{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal-video-arlindo{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_midias{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_video_project{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_img_laire{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_bloco1{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_bloco2{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_bloco3{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_material{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_add_list_projeto{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    display: none;
}

.modal_edit_material{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_info_pesquisadores{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.modal_pesquisadores_laire{
    background-color: rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    /* display: none; */
}

/* CARRESSEL */
.slider{
    margin: 0 auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.slides{
    width: 400%;
    height: auto;
    display: flex;
}

.slides input{
    display: none;
}

.slide{
    width: 25%;
    position: relative;
    transition: 2s;
}

.slide img{
    width: 100%;
}

.manual-navigation{
    position: absolute;
    width: 100%;
    margin-top: -40px;
    display: flex;
    justify-content: center;
}

.manual-btn{
    border: 1px solid #080E45;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}

.manual-btn:not(:last-child){
    margin-right: 40px;
}

.manual-btn:hover{
    background-color: #080E45;
}

#radio1:checked ~ .first{
    margin-left: 0;
}

#radio2:checked ~ .first{
    margin-left: -25%;
}

#radio3:checked ~ .first{
    margin-left: -50%;
}

.navigation-auto div{
    border: 1px solid #080E45;
    padding: 5px;
    border-radius: 10px;
    cursor: pointer;
    transition: 1s;
}
.navigation-auto{
    position: absolute;
    width: 100%;
    margin-top: 660px;
    display: flex;
    justify-content: center;
}

.navigation-auto div:not(:last-child){
    margin-right: 40px;
}

#radio1:checked ~ .navigation-auto .auto-btn1{
    background-color: #080E45;
}

#radio2:checked ~ .navigation-auto .auto-btn2{
    background-color: #080E45;
}

#radio3:checked ~ .navigation-auto .auto-btn3{
    background-color: #080E45;
}

ul.logos_carrossel{
    float: right;
}

/* ul.logos_carrossel li img{ */
    /* width: 110px; */
/* } */

#img_projeto_extensao{
    background-image: url("/img/Slide 3 (laire) – Projeto de extensão do Instagram (2).png");
    background-size: cover;
    background-repeat: no-repeat;
    }

    #img_projeto_extensao2{
    background-image: url("/img/5 e 6) Notícias futuras.png");
        background-size: cover;
        background-repeat: no-repeat;
    }
    #img_projeto_extensao3{
    background-image: url("/img/5 e 6) Notícias futuras (2).png");
            background-size:cover;
            background-repeat: no-repeat;
    }
    #img_projeto_extensao4{
        background-image: url("/img/5 e 6) Notícias futuras.png");
        background-size: cover;
        background-repeat: no-repeat;
        }



/* LAIRE */


#barra_de_acessibilidade_laire{
    z-index: 1000;
    margin-top: 0px;
}

#barra_superior_fixa_laire{
    z-index: 1000;
    margin-top: 40px;
}


#botao_instagram{
/*background-image:linear-gradient(#A146C5,#FD4164,#FE7F4A)*/
background-image: url('../img/Instagramlaire.png');
    background-size: cover;
    background-repeat: no-repeat;
}
#botao_facebook{
   /* background-image:linear-gradient(#3F70B5,#2A5B9D,#0C3D7F)*/
    background-image: url('../img/Facebooklaire.png');
    background-size: cover;
    background-repeat: no-repeat;


}
#botao_youtube{
    /*background-image:linear-gradient(#B41102,#F81A07,#6C0700)*/
    background-image: url('../img/YouTubelaire.png');
    background-size: cover;
    background-repeat: no-repeat;
}



button#bt2-1{
    background: #05337c;
    color: #080E45;
    transition: 1s;

}

button#bt2-1:hover{
    background: #080E45;
    color: #054c69;
    transition: 1s;
}

#amanda{
    background-color: #00FF8C;
    background-image: url('/img/Amanda Quirino.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}
#karla{
    background-color: #00FF8C;
    background-image: url('/img/Karla Morganna.jpeg');
    background-size:cover;
    background-repeat: no-repeat;

}
#ivan{
    background-color: #00FF8C;
    background-image: url('/img/Ivan Daniel.jpg');
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
#valbny{
    background-color: #00FF8C;
    background-image: url('/img/Válbny Morais.jpeg');
    background-size:cover;
    background-repeat: no-repeat;
}
#joubert{
    background-color: #00FF8C;
    background-image: url('/img/Joubert Vitor .JPG');
    background-size:cover;
    background-repeat: no-repeat;
}
#gabriela{
    background-color: #00FF8C;
    background-image: url('/img/Gabriela Chaves.jpg');
    background-size:cover;
    background-repeat: no-repeat;

}
#vitoria{
    background-color: #00FF8C;
    background-image: url('/img/Vitória Jéssica.jpg');
    background-size:cover;
    background-repeat: no-repeat;


}
#sabrina{
    background-color: #00FF8C;
    background-image: url('/img/Sabrina.jpeg');
    background-size:cover;
    background-repeat: no-repeat;


}
#luana{
    background-color: #00FF8C;
    background-image: url('/img/Luana Moura.JPG');
    background-size:cover;
    background-repeat: no-repeat;


}
#renata{
    background-color: #00FF8C;
    background-image: url('/img/Renata Tomaz.jpg');
    background-size:cover;
    background-repeat: no-repeat;


}
#thayla{
    background-color: #00FF8C;
    background-image: url('/img/Thayla Santino.jpg');
    background-size:100%;
    background-position: center;
    background-repeat: no-repeat;


}
#juliana{
    background-color: #00FF8C;
    background-image: url('/img/Juliana Souza.jpg');
    background-size:cover;
    background-position:top;
    background-repeat: no-repeat;


}



/* MAPA */
#mapa{
    background-image:linear-gradient(#02173d,#072969d7,#052156d1);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.698);
}
#cx-mapa{
    background-image:linear-gradient(to top,#5CD1FF,#0797dad4,#13ddecca);
}

.menu{
    list-style:none;
    float: right;
    margin-top: 10px;
}

.menu li{
    position: relative;
    float: left;
    margin-left: 25px;
}

.menu li a{
    color: #cdcdcd;
    text-decoration: none;
    padding: 5px 10px;
    color: #cdcdcd;
    text-decoration: none;
    display: block;
    font-size: 12px;
    transition: 1s;
}

.menu li a:hover{
    color: #00FF8C;
    text-decoration: none;
    padding: 5px 10px;
    color: #00FF8C;
    text-decoration: none;
    display: block;
    font-size: 12px;
    transition: 1s;


}

.menu li  ul{
    position: absolute;
    top: 30px;
    left: 0;
    background-color: #080E45;
    padding: 15px 0px;
    display: none;
}

.menu li:hover ul, .menu li.over ul{
    display: block;
}

.menu li.ma ul{
    position: absolute;
    top: 10px;
    left: 150px;
    background-color: #080E45;
    padding: 15px 0px;
    display: none;
}

.menu li.ma:hover ul, .menu li.over ul.mx{
    display: block;
}

.menu li ul li{
    display: block;
    padding: 5px 0px;
    width: 150px;
    margin-left: 20px;
}

/* CARROSSEL */
#carrossel_pro1{
    width: 100%;
    margin-top: 0px;
    display: inline-block;
    background-image: url(../img/carrossel1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#carrossel_pro2{
    width: 100%;
    margin-top: 0px;
    display: inline-block;
    background-image: url(../img/carrossel2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#carrossel_pro3{
    width: 100%;
    margin-top: 0px;
    display: inline-block;
    background-image: url(../img/carrossel3.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#carrossel_prox1{
    width: 100%;
    margin-top: 100px;
    display: inline-block;
    background-image: url(../img/imagem_rs_1.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#carrossel_prox2{
    width: 100%;
    margin-top: 100px;
    display: inline-block;
    background-image: url(../img/imagem_rs_2.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

#carrossel_prox3{
    width: 100%;
    margin-top: 100px;
    display: inline-block;
    background-image: url(../img/fundo2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.cont_menu {
    display: flex;
    width: 320px;
    flex-direction: column;
}

.cont_titulo_menu {
    position: relative;
    float: left;
    display: flex;
    width: 100%;
    height: 60px;
    overflow: hidden;
    background-color: #4f7df5;
    box-shadow: 0px 7px 30px -12px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cont_icon_menu {
    display: flex;
    position: relative;
    float: right;
    align-self: center;
    justify-content: center;
    align-items: center;
}
.cont_icon_menu > img {
    width: 32px;
    z-index: 2;
    position: relative;
}
.cont_titulo {
    position: relative;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    color: #fff;
}

.cont_drobpdown_menu {
    position: relative;
    float: left;
    width: 100%;
    padding: 20px;
    background-color: #00FF8C;
    box-shadow: 0px 2px 20px -2px rgba(0, 0, 0, 0.3);
    margin-top: 10px;
    border-radius: 3px;
    opacity: 1;
    transition: opacity 500ms;
}

.cont_icon_trg {
    width: 95%;
    margin-top: -100%;
    position: fixed;
    float: left;
    margin-bottom: -30px;
    z-index: 1;
    left: 10px;
    transform: translate(0px, 10px);
    transition: all 0.5s;
}

.disable {
    transition: all 0.5s;
    opacity: 0;
    transform: translate(0px, 10px);
}

.disable > ul > li {
    transform: translate(0px, 10px);
    opacity: 0;
}

.active {
    opacity: 1;
    transform: translate(0px, 0px);
}

.active > ul > li {
    transform: translate(0px, 0px);
    opacity: 1;
}

#topo_laire_mobile{
    background: url('/img/arrival.png');
    background-size: 100%;
}

.tox{
    display: none;
}

.tox-silver-sink{
    display: none;
}

.tox-tinymce-aux{
    display: none;
}
#img_eventos_1{
    background-image: url("/img/5.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
#img_eventos_2{
    background-image: url("/img/10-1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}
#img_eventos_3{
    background-image: url("/img/8- (2).png");
    background-size: 100%;
    background-repeat: no-repeat;
}
#img_eventos_4{
    background-image: url("/img/8- (3).png");
    background-size: 100%;
    background-repeat: no-repeat; }

#video-missão{
    height: auto;
}


/*imagens do projeto 1 */
#box_audio-1{
    width: 800px;
    height: 400px;
}
#imagem_bloco1-pj1{
    background-image: url("/img/Pesquisa 1 - imagem 1_20230510_073059_0000.png");
    background-size: cover;
    background-repeat: no-repeat;
}
#imagem_bloco2-pj1{
    background-image: url("/img/Pesquisa 1 - imagem 2_20230510_073059_0001.png");
    background-size: cover;
    background-repeat: no-repeat;
}
#imagem_bloco1{
    background-image: url("/img/Pesquisa 1 - imagem 3_20230510_073059_0002.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco1-pj1a{
    background-image: url("/img/Pesquisa 1 - imagem 4_20230510_073059_0003.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco2-pj1b{
    background-image: url("/img/Pesquisa 1 - imagem 5_20230510_073059_0004.png");
    background-size: cover;
    background-repeat: no-repeat;


}
/*imagens do projeto 2 */


#box_audio-2{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 5.png");
    background-size: cover;
    background-repeat: no-repeat;

    width: 800px;
    height: 400px;
}
#imagem_bloco1-pj2{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 1.png");
    background-size: cover;
    background-repeat: no-repeat;
}
#imagem_bloco1-pj2a{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 3.png");
    background-size: cover;
    background-repeat: no-repeat;
}
#imagem_bloco1-pj2b{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 4.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco2{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 2.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#box_audio{
    background-image: url("/img/Pesquisa 2/Pesquisa 2 - imagem 5.png");
    background-size: cover;
    background-repeat: no-repeat;

}

/*  imagens do  projeto3*/
#box_audio-pj3{
    background-image: url("/img/Pesquisa 3/Pesquisa 3 - imagem 1.png");
    background-size: cover;
    background-repeat: no-repeat;


}
#imagem_bloco1-pj3{
    background-image: url("/img/Pesquisa 3/Pesquisa 3 - imagem 2.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco2-pj3{
    background-image: url("/img/Pesquisa 3/Pesquisa 3 - imagem 3.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco1-pj3a{
    background-image: url("/img/Pesquisa 3/Pesquisa 3 - imagem 4.png");
    background-size: cover;
    background-repeat: no-repeat;

}
#imagem_bloco2-pj3c{
    background-image: url("/img/Pesquisa 3/Pesquisa 3 - imagem 5.png");
    background-size: cover;
    background-repeat: no-repeat;

}




/* RESPONSIVIDADE */
@media all and (min-width:2px) and (max-width:800px) {

    body{
        width: 100%;
        display: inline;
        font-family: 'Montserrat', sans-serif;
        font-size: 12px;
        color: #212121;
        background: #FFFFFF;
        margin: 0 auto;
    }

    .menu{
        list-style:none;
        float: right;
        margin-top: 0px;
        margin-left: -10px;
    }

    .menu li a{
        color: #080E45;
        text-decoration: none;
        padding: 5px 10px;
        display: block;
        font-size: 13px;
        transition: 1s;
    }

    .menu li a:hover{
        color: #080E45;
        text-decoration: none;
        padding: 5px 10px;
        display: block;
        font-size: 13px;
        transition: 1s;
    }

    .menu2 li a:hover{
        color: #080E45;
        text-decoration: none;
        padding: 5px 10px;
        display: block;
        font-size: 13px;
        transition: 1s;
    }

    #carrossel_prox1{
        width: 100%;
        margin-top: 150px;
        display: inline-block;
        background-image: url(../img/imagem_rs_1.png);
        background-size: 460%;
    }

    #carrossel_prox2{
        width: 100%;
        margin-top: 150px;
        display: inline-block;
        background-image: url(../img/imagem_rs_2.png);
        background-size: 460%;
        background-repeat: no-repeat;
    }

    #carrossel_prox3{
        width: 100%;
        margin-top: 150px;
        display: inline-block;
        background-image: url(../img/fundo2.jpg);
        background-size: 460%;
        background-repeat: no-repeat;
    }

    #card-laire-pesq{
        width: 48%;
        margin: 0px 1%;
        display: inline-block;
    }

    #img-modal-laire{
        margin-top: 20px;
    }

    .cur-btn{
        margin-bottom: 10px;
    }

    /*RESPONSIVO RESPIRASAÚDE*/
    #barra_superior_fixa{
        z-index: 1;
        visibility: hidden;
        height: 0px;
        width: 0px;
    }

    #barra_superior_fixa_mobile{
        z-index: 1;
        visibility: visible;
    }

    #barra_superior_menu_mobile{
        z-index: 1;
        visibility: visible;
        scrollbar-width: none;
    }

    #barra_superior_acessibilidade_mobile{
        z-index: 1;
        visibility: visible;
    }

    #inscreva{
        display: none;
    }

    #novidades{
        padding: 40px 20px;
    }
    #spacex{
        width: 90%;
        margin: 0px 5%;
    }
    #text_model{
        font-size: 40px;
        line-height: 40px;
    }

    #footer_blog_1{
        padding-top: 10px;
        width: 50%;
    }

    #footer_blog_2{
        display: none;
    }

    #footer_blog_3{
        padding-top: 10px;
        width: 50%;
    }

    #contato{
        width: 100%;
        padding: 0px;
    }

    #master1{
        display: none;
    }

    #master2{
        width: 100%;
        display: inline-block;
    }

    #master2 p{
        font-size: 11px;
        text-align: center;
    }

    #bcl{
        width: 100%;
        display: inline-block;
        margin-top: 20px;
    }

    #e-mail{
        width: 100%;
    }

    #borda{
        width: 100%;
        border: none;
    }

    #imglire{
        margin-top: 30px;
    }

    #lrb{
        float: left
    }

    #lrb>li{
        font-size:9px;
    }

    #texto{
        display: none;
        background-color: #080E45;
    }

    #agudas{
        float:right;
    }

    #div_lateral_comoprevinir{
       width: 10px;

    }
    #eventos{
        margin-top: 20px;
    }
    #caixa-cinza-1{
        height: 1000px;
    }
    #text_missao_RS{
        text-align: justify;
    }
    #ver_mais{
        margin-top: 150px;
    }
    #patrocinadores{
        height: auto;
    }
    #titulo_missa{
        margin-top: 40px;
    }

    #pex{
        font-size: 22px;
        width: 100%;
        border-bottom: 0px;
    }

    #caixa_evt{
        width: 90%;
        margin: 0px 5% 0px 5%;
        display: inline-block;
        height: auto;
    }

    #projeto_extensao{
        height: auto;
        margin-top: 30px;
        margin-bottom: 10px;
    }
    #caixa_info{
        margin-top: 20vh;
    }

    #campo_nome_pex{
        height: 20px;
    }

    #extensão1{
        text-align: center;
        float: left;
        width: 50%;
        margin-left: 20%;
    }
    #bt2{
        margin-left: -30%;
    }

    #footer{
        margin-top: 20px;
    }
    #caixa_cinza_projeto2-1{
        display: none;
    }
    #importacncia_projeto2{
        display: none;
    }



    /* RESPOSNSIVO LAIRE */
    #maxbos{
        width: 50%;
        display: inline-block;
    }

    #jot{
        width: 88%;
        margin: 0px 6% 0px 6%;
    }

    #rout{
        width: 100%;
        display: inline-block;
    }

    #mascot{
        float: right;
    }

    ul#barca{
        display: none;
    }

    #mosc{
        display: none;
    }

    #box_laire_a{
        width: 90%;
        height: auto;
        margin: 0px 5% 40px 5%;
        display: inline-block;
    }
    #box_laire_b{
        width: 90%;
        margin: 0px 5% 60px 5%;
        height: auto;
        display: inline-block;
        padding-left: 0px;
    }

    #text_box_a{
        font-size: 35px;
        line-height: 40px;
        font-weight: bold;
        white-space: normal;
    }

    #sub_text_box_a{
        font-size: 16px;
        line-height: 18px;
        margin-top: 10px;
        margin-left: 0px;
    }

    #bloco_sobre_a{
        width: 90%;
        margin: 0px 5% 0px 5%;
        display: none;
    }

    #bloco_sobre_b{
        width: 80%;
        display: inline-block;
        height: 100vh;
        margin: 0px 10% 0px 10%;
        padding: 0px;
    }

    p.text_base{
        text-align: justify;
    }

    #text_informativo_mais_conteudo{
       font-size: 25px;
       text-align: center;
    }

    #pesquisadores_bloco{
        margin-top: 40px;
        width: 100%;
        height: auto;
        display: inline-block;
    }

    .sub_bloco_pesq{
        width: 100%;
        height: auto;
        display: inline-block;
    }

    #bk1{
        width: 46%;
        margin: 0px 2% 0px 2%;
        display: inline-block;
    }

    #logos_rede_footer{
        padding: 20px;
    }

    #logos_rede_footer>li{
      padding: 2px;
    }

    #bt2-1{
        width: 50%;
        margin-top: 22%;
    }

    #bt2-1>p{
        text-align: center;
    }

    #box_pesq{
        width: 45%;
        margin: 0px 2.5%;
        box-sizing: border-box;
        display: block;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 1rem;
    }

    #bt-quadrado-verde{
        margin-left: -5%;
    }
    #bt-resumo{

      margin-left: -5%;
    }
    #bt-podcast{
        margin-left: -5%;
    }
    #bt-infograficos{
        margin-left: -10%;
    }

    #patrocinios_footer{
        margin-top: 100%;
        height: 600px;
        text-align: center;
        width: 200px;
        border-radius: 10px;
    }
    #bandeiras{
        width: 30%;
    }
    #mapa_site{
        width: 30%;
    }
    #espaco_bt{
        width: 40%;
    }

    #navegacao>ul>li{
        padding: 2px;

    }
    #cx-txt-pesquise{
        width: 100%;
    }
    #menu_hamburgue{
        display: block;
        color: rgb(248, 247, 247);
       margin-top: 10%;
       margin-left: 60%;
       cursor: pointer;

    }
    #menu_hamburgue:hover{
        color: #00FF8C;
    }
    #navegacao{
        display: none;
    }

    /* RESPONSIVO DO RESPIRASAÚDE */
    #caixa_text_missao{
        width: 80%;
        padding: 0px;
        margin: 50px 10% 0px 10%;
    }

    p#text_missao_RS{
        width: 100%;
        text-align: justify;
        float: left;
    }

    #text_missao_RS{
        width: 300px;
        word-wrap: break-word;
        text-align: center;
    }

    #caixa-cinza-1{
        background-color:#080E45;
    }
    #text_home_RS{
        font-size: 35px;
        margin-left: -30px;
    }



    /* LAIRE */

    #barra_de_acessibilidade_laire{
        z-index: 2;
    }

    #barra_superior_fixa_laire{
        z-index: 2;
        margin-top: 0px;
        height: 0px;
        visibility: hidden;
    }

    #modal_pesq_laire{
        width: 90%;
        height: 620px;
        margin: 25% 5% 0px 5%;
        border-radius: 20px;
        display: inline-block;
    }

    #caixa_descricao{
        width: 100%;
        height: 160px;
        margin-top: 20px;
        overflow: scroll;
        display: inline-block;
    }

    #imagem_pesq_mob{
        margin-top: 40px;
    }

    ul#links_pesq_mob{
        margin-top: 20px;
    }

    ul#links_pesq_mob li{
        margin: 0px 0px 10px 0px;
    }

    #modal_pesq_respira{
        width: 50%;
        height: auto;
        margin: 30% 5% 0px 5%;
        display: inline-block;
    }




    #menu_lai{
        display: inline-block;
    }


    /* CARROSSEL */
    #carrossel_pro1{
        width: 100%;
        margin-top: 0px;
        display: inline-block;
        background-image: url(../img/imagem_rs_2.png);
        background-size: 500%;
        background-repeat: no-repeat;
    }


    #button_max1{
        margin: -70px 0px 0px -20px;
    }

    #bloco_nulo1{
        display: none;
    }

    p#max_box1{
        font-size: 25px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }

    #base_geral1{
        width: 100%;
        display: inline-block;
        height: 1150px;
    }

    p#max_box1{
        width: 100%;
        font-size: 25px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }

    p#max_loc1{
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    #carrossel_pro2{
        width: 100%;
        margin-top: 0px;
        display: inline-block;
        background-image: url(../img/imagem_rs_2.png);
        background-size: 500%;
        background-repeat: no-repeat;
    }

    #button_max2{
        margin: -70px 0px 0px -20px;
    }

    #bloco_nulo2{
        display: none;
    }

    p#max_box2{
        width: 100%;
        font-size: 25px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }

    p#max_loc2{
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    #base_geral2{
        width: 100%;
        display: inline-block;
        height: 1150px;
    }

    #carrossel_pro3{
        width: 100%;
        margin-top: 0px;
        display: inline-block;
        background-image: url(../img/fundo2.jpg);
        background-size: 500%;
        background-repeat: no-repeat;
    }

    #button_max3{
        margin: -70px 0px 0px -20px;
    }

    #bloco_nulo3{
        display: none;
    }

    p#max_box3{
        width: 100%;
        font-size: 25px;
        line-height: 20px;
        text-align: center;
        font-weight: bold;
    }

    p#max_loc3{
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    #base_geral3{
        width: 100%;
        display: inline-block;
        height: 1150px;
    }

    .slider{
        margin: 0 auto;
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    .slides{
        width: 400%;
        height: auto;
        display: flex;
    }

    .slides input{
        display: none;
    }

    .slide{
        width: 25%;
        position: relative;
        transition: 2s;
    }

    .slide img{
        width: 100%;
    }

    .manual-navigation{
        position: absolute;
        width: 100%;
        margin-top: -10px;
        display: flex;
        justify-content: center;
    }

    .manual-btn{
        border: 1px solid #080E45;
        padding: 5px;
        border-radius: 10px;
        cursor: pointer;
        transition: 1s;
    }

    .manual-btn:not(:last-child){
        margin-right: 40px;
    }

    .manual-btn:hover{
        background-color: #080E45;
    }

    #radio1:checked ~ .first{
        margin-left: 0;
    }

    #radio2:checked ~ .first{
        margin-left: -25%;
    }

    #radio3:checked ~ .first{
        margin-left: -50%;
    }

    .navigation-auto div{
        border: 1px solid #080E45;
        padding: 5px;
        border-radius: 10px;
        cursor: pointer;
        transition: 1s;
    }
    .navigation-auto{
        position: absolute;
        width: 100%;
        margin-top: 1110px;
        display: flex;
        justify-content: center;
    }

    #bt_feed{
        margin-top: 20px;
    }

    .navigation-auto div:not(:last-child){
        margin-right: 40px;
    }

    #radio1:checked ~ .navigation-auto .auto-btn1{
        background-color: #080E45;
    }

    #radio2:checked ~ .navigation-auto .auto-btn2{
        background-color: #080E45;
    }

    #radio3:checked ~ .navigation-auto .auto-btn3{
        background-color: #080E45;
    }

    ul.logos_carrossel{
        float: left;
        margin-left: -15px;
    }

    /* ul.logos_carrossel li img{ */
        /* width: 100px; */
    /* } */

    #missao{
        width: 100%;
        height: 60px;
    }


    /* CAIXA INFOMAÇÕES */
    #caixa_info{
        width: 100%;
        padding: 60px 10px;
    }

    #id_block_in{
        width: 90%;
        margin: 0px 5%;
    }

    p#text_info_max{
        font-size: 40px;
        font-weight: bold;
        line-height: 40px;
    }

    ul#bt_box_inf li a button{
        width: 250px;
    }

    #bt1{
        margin-left: -7px;
    }

    #menu_bt{
        width: 20px;
        float: right;
        margin-top: 35px;
    }

    /* RESPONSIVO BLOG */

    #artigos{
        font-size: 15px;
    }

    #h1_artigos{
        font-size: 25px;
    }

    #txt-article{
        font-size: 28px;
    }

    #email_footer{
        padding-top: 30px;
    }
    #text_titulo_blog_caixaverde{
        font-size: 30px;
        text-align: center;
    }
    #p_respira_blog{
        padding: 30px;
    }
    #text_caixaverde_blog{
        font-size: 15px;


    }
    #titulo_resumido{
        font-size: 20px;
    }
    #logos_read{
       margin: 3px;
    }
    #img-blog{
        background-repeat: no-repeat;
        width: 150px;
        height: 100px;


    }



    /* MENU CASCATA MOBILE */
    .cont_principal {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgb(255, 255, 255);
        background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(224, 232, 245, 1) 100%
        );
        background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(224, 232, 245, 1) 100%
        );
        background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(224, 232, 245, 1) 100%
        );
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e8f5',GradientType=0 );
    }

    .cont_menu {
        display: flex;
        width: 320px;
        flex-direction: column;
    }

    .cont_titulo_menu {
        position: relative;
        float: left;
        display: flex;
        width: 100%;
        height: 60px;
        overflow: hidden;
        background-color: #4f7df5;
        box-shadow: 0px 7px 30px -12px rgba(0, 0, 0, 0.5);
        border-radius: 3px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .cont_icon_menu {
        display: flex;
        position: relative;
        float: right;
        align-self: center;
        justify-content: center;
        align-items: center;
    }
    .cont_icon_menu > img {
        width: 32px;
        z-index: 2;
        position: relative;
    }
    .cont_titulo {
        position: relative;
        float: left;
        margin-top: 20px;
        margin-left: 20px;
        color: #fff;
    }

    .cont_drobpdown_menu {
        position: relative;
        float: left;
        width: 100%;
        padding: 20px;
        background-color: #00FF8C;
        box-shadow: 0px 2px 20px -2px rgba(0, 0, 0, 0.3);
        margin-top: 10px;
        border-radius: 3px;
        opacity: 1;
        transition: opacity 500ms;
    }

    .cont_icon_trg {
        width: 95%;
        margin-top: -100%;
        position: fixed;
        float: left;
        margin-bottom: -30px;
        z-index: 1;
        left: 10px;
        transform: translate(0px, 10px);
        transition: all 0.5s;
    }

    .disable {
        transition: all 0.5s;
        opacity: 0;
        transform: translate(0px, 10px);
    }

    .disable > ul > li {
        transform: translate(0px, 10px);
        opacity: 0;
    }

    .active {
        opacity: 1;
        transform: translate(0px, 0px);
    }

    .active > ul > li {
        transform: translate(0px, 0px);
        opacity: 1;
    }



    /* CARROSSEL NOTÍCIAS */
    #bloco_not1{
        width: 100%;
        padding: 30px;
        display: inline-block;
    }

    #bloco_not2{
        width: 100%;
        /* display: inline-block; */
        float: right;
    }

    #bloco_not3{
        margin-top: 80px;
    }

    #topo_laire_mobile{
        background: url('/img/arrival.png');
        height: auto;
        background-size: 350%;
    }


    /*resposividade dos projetos*/

/*---------------------------------------------------------------------------*/
    /*respira saude projeto 1*/

    #pesquisador1{
        width: 48%;
        margin: 0px 1%;
        box-sizing: border-box;
        display: block;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding-top: 1rem;
        height: auto;
    }


    #cx_cinza_barreira{
        display: none;
    }
    #caixa_cinza_facilidade{
        display: none;
    }
    #cx_cinza_solucao{
        display: none;
    }
    #cx_azul_solucao{
        display: none;
    }
    #cx_cinza{
        display: none;
    }
    #text_projeto_0{

        height: auto;
        width: auto;
        text-align: left;
        margin-left: 10%;
        float: left;



    }
    #text_projeto_1{
        padding-left: 30px;
        height: auto;
        width: auto;
        text-align: justify;
    }
    #text_barreira{
        padding-left: 50px;
        height: auto;
        width: auto;
    }
    #text_solucoes{

        padding-right: 50px;
        height: auto;
        width: auto;
    }
    #text_resultado_facilidade{
        padding-left: 50px;
        height: auto;
        width: auto;
    }
    #objetivo{

        width: auto;
        height: auto;
        padding-right: 7%;
    }
    #caixa_info{
        background-repeat: no-repeat;
    }
    #cx_azul_text{
        margin-left: 5%;
        height: auto;
        width: 90%;
        margin-bottom: 10%;
    }


    #barra_secundaria{
        width: 90%;
        margin: 0px 5%;
    }
    #botoes_bandeiras{
        width: 35%;
    }

    #cx_cinza{
        display: none;
    }





    /*---------------------------------------------------------------------------*/
    /*respira saude projeto 2*/
    #text_projeto_resultado{
        width: auto;
        height: auto;
        padding-left: 10%;
    }
    #text_projeto2_0{
        background-color: #00FF8C;
    }
    #caixa_cinza_projeto2{
        background-color: transparent;
    }
    .menu_mobile_cascata{
        background-color: transparent;
    }
    #video_missao{
        width: 87%;
    }
    #cx_azul_text_projeto2{
        display: none;
    }
    #caixa_projeto2{
        background-color: #00FF8C;
    }
    .menu_mobile_cascata{
        display: none;
    }
    /* #cx1{} */


    /* RESPONSIVO ADPTATIVO PROJETO TESTE */
    #lado_a_projeto{
        width: 100%;
        height: auto;
        display: inline-block;
    }
    #container_a{
        width: 90%;
        display: inline-block;
        margin: 100px 5% 0px 5%;
        padding-left: 0px;
    }
    #base_imagem{
        width: 100%;
        height: auto;
    }
    #box_libra{
        width: 100%;
        height: 200px;
    }
    #box_audio{
        width: 100%;
        height: 200px;
    }
    #base_logos{
        width: 100%;
        height: auto;
    }
    ul#list_logos li img{
        width: 100px;
    }
    #lado_b_projeto{
        width: 100%;
        height: auto;
        display: inline-block;
        background: #080E45;
        padding: 0px;
    }
    #container_b{
        width: 80%;
        padding-bottom: 20px;
        margin: 0px 10%;
        display: inline-block;
    }
    p#texto_titulo_projeto{
        font-size: 25px;
        line-height: 25px;
        margin: 40px 0px 20px 0px;
        color: #ffffff;
    }
    p#texto_projeto{
        font-size: 15px;
        line-height: 15px;
        margin: 20px 0px 20px 0px;
        color: #212121;
    }

    /* RESPONSIVO DO PROJETO BLOCO 2 */
    #container_bloco1{
        width: 100%;
        height: auto;
    }
    #lado_a_bloco1{
        width: 100%;
        height: auto;
        padding: 0px;
    }
    #container_inner_bloco1{
        width: 80%;
        height: auto;
        margin: 0px 10%;
    }
    #imagem_bloco1{
        width: 100%;
        height: 200px;
        margin-top: 40px;
    }
    #container_inner_bloco1{
        width: 80%;
        height: auto;
        margin: 0px 10% 30px 10%;
    }
    #lado_b_bloco1{
        width: 100%;
        height: auto;
        padding: 0px;
        margin: 0px;
    }
    #titulo_bloco1{
        margin-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }

    /* RESPONSIVO DO PROJETO BLOCO 2 */

    #container_bloco2{
        width: 100%;
        height: auto;
        display: inline-block;
    }
    #lado_a_bloco2{
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 0px;
    }
    #container_inner_bloco2{
        width: 80%;
        margin: 0px 10%;
        display: inline-block;
    }
    #texto_titulo_bloco2{
        margin-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }
    #lado_b_bloco2{
        width: 100%;
        height: auto;
        display: inline-block;
        padding: 0px 0px 30px 0px;
    }
    #imagem_bloco2{
        width: 100%;
        height: 200px;
        margin-top: 40px;
    }

    /* NOVO BLOCO MOBILE ACESSIBILIDADE */
    #barra_acessibilidade_azul{
        width: 0px;
        display: none;
    }
    #barra_acessibilidade_roxa{
        width: 100%;
        display: inline-block;
    }
    #sub_barra_acessibilidade_verde{
        width: 33.3%;
        display: inline-block;
    }
    #sub_barra_acessibilidade_vermelho{
        width: 33.3%;
        display: inline-block;
    }
    #sub_barra_acessibilidade_cinza{
        width: 33.3%;
        display: inline-block;
    }

    /* BLOCO LAIRE */
    #bloco_laire_a{
        width: 100%;
        padding: 0px;
        height: auto;
        display: inline-block;
    }
    #container_inner_laire{
        width: 80%;
        margin: 0px 10%;
        display: inline-block;
    }
    #bloco_laire_b{
        width: 100%;
        padding: 0px;
        height: auto;
        display: inline-block;
    }

    #imagem_bloco1-pj1{
        width: 100%;
        height: 200px;
    }
    #imagem_bloco2-pj1b{
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }
    #imagem_bloco1-pj1a{
        width: 100%;
        height: 200px;
    }
    #imagem_bloco2-pj1{
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }
    #box_audio-2{
        width: 100%;
        height: 200px;
    }
    #imagem_bloco1-pj2{
        width: 100%;
        height: 200px;
        margin-top: 30px;
    }
    #imagem_bloco1-pj2a{
        width: 100%;
        height: 200px;
    }
    #imagem_bloco1-pj2b{
        width: 100%;
        height: 200px;
    }

    #imagem_bloco1-pj3{
        width: 100%;
        height: 200px;
    }

    #imagem_bloco2-pj3c{
        width: 100%;
        height: 200px;
    }

    #imagem_bloco2-pj3{
        width: 100%;
        height: 200px;
    }

    #imagem_bloco1-pj3a{
        width: 100%;
        height: 200px;
    }

    #box_audio-pj3{
        width: 100%;
        height: 200px;
    }

    #eventos1{
        width: 90%;
        margin: 0px 5% 50px 5%;
    }

    #pilot{
        margin-top: 60px;
    }

    #text_pilot{
        font-size: 25px;
    }


    #titulo_pesquisas{
        margin-top: 50px;
    }

    #banner-produtos{
        display: show;
    }


    #lado_a_respira{
        width: 100%;
        height: auto;
        padding: 0px;
    }

    #lado_b_respira{
        width: 100%;
        padding: 0px;
        height: auto;
    }

    #eventos_xa{
        margin-top: 40px;
    }

    ul#list_acess{
        margin-top: 20px;
    }

    #container_respira_home{
        width: 80%;
        margin: 0px 10% 30px 10%;;
        display: inline-block;
    }

    #botao_instagram{
        width: 98%;
        margin-top: 20px;
        display: inline-block;
        background-image: url(../img/Instagramlaire.png);
        background-size: 130%;
        background-repeat: no-repeat;
    }
    #botao_facebook{
        width: 98%;
        margin-top: 20px;
        display: inline-block;
        background-image: url(../img/Facebooklaire.png);
        background-size: 130%;
        background-repeat: no-repeat;
    }
    #botao_youtube{
        width: 98%;
        margin-top: 20px;
        display: inline-block;
        background-image: url(../img/YouTubelaire.png);
        background-size: 130%;
        background-repeat: no-repeat;
    }

    #box_audio-1{
        width: 100%;
        height: 200px;
    }

}

/* CSS ALTERANTIVO */

#mixedSlider{
    position: relative;
}
.MS-content{
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
}

#mixedSlider {
    position: relative;
    padding: 13px 0px;
    z-index: 20;
}

#mixedSlider .MS-content {
    white-space: nowrap;
    overflow: hidden;
    margin: 0;
    padding-left: 30px;
}

button.MS-left{
    padding: 8px 10px 6px 10px;
    border: 0px;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}
button.MS-right{
    padding: 8px 10px 6px 10px;
    border: 0px;
    border-radius: 100px;
    margin: 0px 0px 0px 0px;
    float: right;
    cursor: pointer;
}
button.MS-left img{
    width: 20px;
}
button.MS-right img{
    width: 20px;
}

li.item{
    list-style: none;
    display: inline;
    margin-left: 60px;
}
li.item button{
    color: #080E45;
    font-weight: bold;
    font-size: 13px;
}
#shadow{
    box-shadow: rgba(8, 14, 69, 1) 100px 0px 36px -50px inset;
    scrollbar-width: none;
}
#active-search{
    width: 0px;
    height: 0px;
    visibility: hidden;
}
#active-search1{
    width: 0px;
    height: 0px;
    visibility: hidden;
}
#active-search2{
    width: 0px;
    height: 0px;
    visibility: hidden;
}
#hidden-search{
    width: 100%;
    height: 35px;
    visibility: visible;
}
#hidden-search-desk{
    display: none;
}
#block_acessibility{
    padding-top: 5px;
}
li.sub{
    display: show;
}
#section-master-prime{
    background: linear-gradient(90deg, rgba(250,250,250,1) 26%, rgba(0,212,255,1) 68%);
}
.img-public{
    margin-top: 80px;
    border-radius: 20px;
}
#title-post{
    font-size: 25px;
    line-height: 25px;
}
#container-block{
    width: 100%;
    padding-bottom: 30px;
    height: auto;
}

#box-master-component{
    width: 100%;
    display: inline-block;
    margin-top: 100px;
    height: 100vh;
}
.background-carrossel-1{
    background-image: url(../img/fundo1.png);
    background-size: cover;
}
.background-carrossel-2{
    background-image: url(../img/fundo2.png);
    background-size: cover;
}
.background-carrossel-3{
    background-image: url(../img/fundo3.png);
    background-size: cover;
}
#block-one{
    width: 30%;
    display: inline-block;
    height: 100vh;
}
#block-two{
    width: 70%;
    display: inline-block;
    height: 100vh;
}
#box-prime-content-carrossel{
    width: 100%;
    height: 80vh;
    padding: 50px;
}
#button-plus{
    width: 100px;
    height: 100px;
    border-radius: 100px;
    background-color: #5CD1FF;
    margin-left: -90px;
    position: absolute;
}
.manual-navigation{
    position: absolute;
    width: 100%;
    margin-top: -100px;
    display: flex;
    justify-content: center;
}
.navigation-auto{
    position: absolute;
    width: 100%;
    margin-top: 100vh;
    display: flex;
    justify-content: center;
}
#fechar-close{
    width: 0px;
    padding: 0px;
    visibility: hidden;
}

#submenu_mobile{
    width: 0px;
    height: 0px;
    padding: 0px;
    margin: 0px;
    visibility: hidden;
    position: absolute;
}

#footer_mobile{
    width: 0%;
    height: 0px;
    visibility: hidden;
}
#sub_cronicas{
    padding: 5px 0px;

}
#mobile_buttons_produto{
    width: 0px;
    height: 0px;
    position: absolute;
    visibility: hidden;
}

#eventos{
    height: 60px;
}
#extensao{
    height: 0px;
    margin-top: -20px;
}

#banner_desktop{
    width: 90%;
    margin: 0px 5%;
    visibility: visible;
    position: relative;
}

/* CELULARES */
@media all and (min-width:2px) and (max-width:798px) {
    body{
        width: 100%;
        display: inline;
        font-size: 16px;
        color: #212121;
        background: #FFFFFF;
        margin: 0 auto;
        font-family: 'Montserrat', sans-serif;
    }
    #mixedSlider{
        position: relative;
        z-index: 20;
    }
    .xvv{
        padding: 6px 0px;
    }
    #header-left{
        width: 20%;
        display: inline-block;
    }
    #header-right{
        width: 80%;
        display: inline-block;
    }
    p#nombre{
        visibility: hidden;
    }
    #banner_desktop{
        width: 0px;
        margin: 0px 0px;
        visibility: hidden;
        position: absolute;
    }
    #acessibility-left{
        width: 80%;
        padding-right: 10px;
        display: inline-block;
    }
    #acessibility-right{
        width: 20%;
        display: inline-block;
    }
    #active-search{
        width: 100%;
        height: 20px;
        margin-right: 20px;
        margin-top: 10px;
        visibility: visible;
    }
    #active-search1{
        width: 100%;
        height: 20px;
        margin-right: 20px;
        margin-top: -5px;
        visibility: visible;
    }
    #active-search2{
        width: 100%;
        height: 20px;
        margin-right: 20px;
        margin-top: -5px;
        visibility: visible;
    }
    #hidden-search{
        width: 0px;
        height: 0px;
        visibility: hidden;
    }
    #block_acessibility{
        padding-top: 5px;
    }
    #hidden-search-desk{
        display: none;
    }
    #sub_cronicas{
        width: 100%;
        height: 100vh;
    }
    #block-prime-video{
        width: 80%;
        margin: 0px 10%;
        padding-left: 0px;
        height: auto;
        display: inline-block;
    }
    #block-prime-text{
        width: 80%;
        margin: 0px 10%;
        height: auto;
        padding: 20px 0px;
        display: inline-block;
    }
    #section-master-prime{
        background: #5CD1FF;
    }
    #moldure-prime{
        width: 100%;
        height: auto;
    }
    #container-block{
        width: 100%;
    }
    .img-public{
        margin-top: 40px;
        border-radius: 20px;
    }
    #band_a_block{
        width: 100%;
        height: auto;
        padding: 0px;
    }
    #band_b_block{
        width: 100%;
        padding: 0px;
    }
    #title-post{
        margin-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }
    #pesquisador-new{
        width: 44%;
        margin: 0px 3%;
        height: auto;
    }
    #img-pesquisador{
        height: 300px;
        /* border-radius: 20px; */
    }
    #rounded-img{
        width: 120px;
        height: 120px;
    }
    /*  */
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    ul#ul-cronicas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-cronicas{
        float: left;
        margin-bottom: 15px;
    }
    /*  */
    #sub_agudas{
        padding: 0px 25px;
        height: 100vh;
    }
    #ul-agudas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-agudas{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_projetos{
        width: 100%;
        height: 100vh;
    }
    #ul-projetos{
        float: left;
        margin: 40px 0px 0px -20px;
    }
    li#mobile-list-projeto{
        display: flex;
        margin-bottom: 18px;
    }
    button.btmenu{
        font-size: 13px;
        width: 260px;
    }
    /*  */
    #sub_eventos{
        width: 60%;
        height: 100vh;
    }
    #ul-eventos{
        float: left;
        margin: 40px 0px 0px -20px;
    }
    #mobile-list-eventos{
        display: flex;
        margin-bottom: 15px;
    }
    #box-master-component{
        width: 100%;
        display: inline-block;
        margin-top: 100px;
        height: 90vh;
    }
    .background-carrossel-1{
        background-image: url(../img/fundo1.jpg);
        background-size: cover;
    }
    .background-carrossel-2{
        background-image: url(../img/fundo2.jpg);
        background-size: cover;
    }
    .background-carrossel-3{
        background-image: url(../img/fundo3.jpg);
        background-size: cover;
    }
    #block-one{
        display: none;
    }
    #block-two{
        width: 100%;
        display: inline-block;
    }
    #box-prime-content-carrossel{
        width: 100%;
        margin-top: -40px;
        height: 100vh;
        padding: 30px;
    }
    #button-plus{
        width: 0px;
        height: 0px;
        border-radius: 100px;
        background-color: #5CD1FF;
        margin: 0px 0px 0px 0px;
        position: absolute;
        visibility: hidden;
    }
    .manual-navigation{
        position: absolute;
        width: 100%;
        margin-top: -26px;
        display: flex;
        justify-content: center;
    }
    .navigation-auto{
        position: absolute;
        width: 100%;
        margin-top: 100vh;
        display: none;
        justify-content: center;
    }

    #mentos{
        width: 100%;
        margin: 0px;
        display: inline-block;
    }
    #modal_evento{
        width: 90%;
        height: 600px;
        margin: 0px 5%;
        margin-top: 50px;
        padding: 30px;
    }
    #content-modal{
        width: 100%;
        height: 350px;
    }
    #button_externo{
        margin-top: 20px;
    }

    #area_transparent{
        width: 100%;
        height: 65vh;
    }
    #banner-claveland{
        width: 100%;
        height: 35vh;
    }
    #tik{
        width: 100%;
        display: inline-block;
    }
    #tok{
        width: 100%;
        display: inline-block;
    }
    #text-arlindo{
        margin: 100px 0px 0px 0px;
    }
    #como_instalar{
        display: none;
    }
    #arlindo-modal-video{
        width: 90%;
        padding: 30px;
        margin: 10% 5% 0px 5%;
        display: inline-block;
    }
    #fechar-close{
        width: 100%;
        padding: 20px 0px;
        visibility: visible;
    }
    #shadow{
        padding: 0px 0px;
    }
    #div-a{
        display: none;
    }
    #div-b{
        width: 100%;
        display: inline-block;
    }
    #div-c{
        width: 100%;
        height: 110px;
    }
    #div-d{
        width: 100%;
        padding: 30px;
    }
    ul#buttons-produtos{
        padding: 0px;
    }
    ul#buttons-produtos li{
        width: 100%;
        margin: 0px 0px 10px 0px;
    }
    #banner-1{
        width: 90%;
        margin: 35% 5%;
        background-color: #080E45;
    }
    #banner-2{
        width: 90%;
        margin: 35% 5%;
        background-color: #080E45;
    }
    #banner-3{
        width: 90%;
        margin: 35% 5%;
        background-color: #080E45;
    }
    #banner-4{
        width: 90%;
        margin: 35% 5%;
        background-color: #080E45;
    }

    #submenu_desktop{
        width: 0px;
        height: 0px;
        position: absolute;
        visibility: hidden;
    }

    #submenu_mobile{
        width: 100%;
        background-color: #02173d;
        height: 100vh;
        padding: 0px 5%;
        visibility: visible;
    }
    #card_evento{
        width: 80%;
        margin: 0px 10%;
        display: inline-block;
    }
    #footmob{
        display: none;
    }
    #produtos{
        display: none;
    }

    #mobile_buttons_produto{
        width: 80%;
        margin: 0px 10%;
        height: auto;
        position: relative;
        visibility: visible;
    }
    #banner-4{
        width: 90%;
        margin: 35% 5% 0px 5%;
        height: auto;
        background: url(../img/fundo_ARlindo.png);
        background-size: 300%;
    }
    #video_modal_pro{
        width: 90%;
        border-radius: 10px;
        display: inline-block;
    }

    #banner-3{
        width: 90%;
        margin: 35% 5% 0px 5%;
        height: auto;
        background: url(../img/fundo_ARlindo.png);
        background-size: 300%;
    }
    #modal_prodcast_pro{
        width: 90%;
        border-radius: 10px;
        display: inline-block;
    }

    #banner-1{
        width: 90%;
        margin: 35% 5% 0px 5%;
        height: auto;
        background: url(../img/fundo_ARlindo.png);
        background-size: 300%;
    }

    #banner-2{
        width: 90%;
        margin: 35% 5% 0px 5%;
        height: auto;
        background: url(../img/fundo_ARlindo.png);
        background-size: 300%;
    }

    #bloco-material{
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }

    .title-prod{
        font-size: 14px;
        line-height: 14px;
    }

    #pao{
        width: 80%;
        margin: 0px 10%;
    }

    #box_green{
        background: transparent;
    }

    #modal_prod{
        width: 90%;
        margin: 15% 5% 0px 5%;
    }

    #pesquisador-new{
        width: 44%;
        margin: 0px 3%;
        height: auto;
    }
    #img-pesquisador{
        height: 300px;
        /* border-radius: 20px; */
    }
    #rounded-img{
        width: 120px;
        height: 120px;
    }
    #modal_pesq_laire{
        width: 100%;
        margin: 5% 0px 0px 0px;
        border-radius: 20px;
        box-shadow: 0px;
    }
    #caixa_descricao{
        width: 100%;
        height: 160px;
        margin-top: 20px;
        overflow: scroll;
        display: inline-block;
    }
    #img_pesq{
        display: none;
    }
    .modal_info_pesquisadores{
        background-color: #ffffff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1100;
    }
    ul.links_pesq_mob li{
        margin-top: 10px;
    }
    #card_evento{
        width: 80%;
        margin: 30px 10% 0px 10%;
        display: inline-block;
    }
    #footer_mob{
        width: 60%;
        margin-top: 20px;
    }
    #footer_mobi{
        width: 40%;
        margin-top: 20px;
    }
    #footer_rede{
        width: 100%;
        margin-top: 40px;
    }

    #eventos{
        width: 100%;
        height: 30px;
        margin-top: 10px;
    }
    #extensao{
        width: 100%;
        height: 0px;
        margin-top: 0px;
    }

    #link_laire_respira{
        display: none;
    }
}
/* TABLETS */
@media all and (min-width:800px) and (max-width:804px) {
    body{
        width: 100%;
        display: inline;
        font-size: 16px;
        color: #212121;
        background: #FFFFFF;
        margin: 0 auto;
        font-family: 'Montserrat', sans-serif;
    }
    #mixedSlider{
        padding: 13px 0px;
        position: relative;
        z-index: 20;
    }
    #header-left{
        width: 12%;
        display: inline-block;
    }
    #header-right{
        width: 88%;
        display: inline-block;
    }
    p#nombre{
        visibility: hidden;
    }
    #active-search{
        width: 0px;
        height: 0px;
        visibility: hidden;
    }
    #hidden-search{
        width: 100%;
        height: 35px;
        visibility: visible;
    }
    #hidden-search-desk{
        width: 0px;
        height: 0px;
        visibility: hidden;
    }
    #block_acessibility{
        padding-top: 0px;
    }
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    #block-prime-video{
        width: 90%;
        margin: 0px 5%;
        padding-left: 0px;
        height: auto;
        display: inline-block;
    }
    #block-prime-text{
        width: 90%;
        margin: 0px 5%;
        height: auto;
        padding: 20px 0px;
        display: inline-block;
    }
    #section-master-prime{
        background: #5CD1FF;
    }
    .img-public{
        margin: 40px 0px;
    }
    #container_inner_bloco1{
        width: 90%;
        height: auto;
        margin: 0px 5%;
    }
    #container_inner_bloco2{
        width: 90%;
        height: auto;
        margin: 0px 5%;
    }
    #container-block{
        width: 100%;
    }
    .img-public{
        margin-top: 40px;
        border-radius: 20px;
    }
    #band_a_block{
        width: 100%;
        height: auto;
        padding: 0px;
    }
    #band_b_block{
        width: 100%;
        padding: 0px;
    }
    #title-post{
        margin-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }
    #pesquisador-new{
        width: 30%;
        margin: 0px 1.5%;
        height: auto;
    }
    #img-pesquisador{
        height: 310px;
        /* border-radius: 20px; */
    }
    #moldure-prime{
        width: 100%;
        height: auto;
    }

    /*  */
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    ul#ul-cronicas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-cronicas{
        display: flex;
        margin-bottom: 15px;
    }
    button.btmenu{
        font-size: 18px;
    }
    /*  */
    #sub_agudas{
        width: 60%;
        height: 100vh;
    }
    #ul-agudas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-agudas{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    ul#ul-cronicas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-cronicas{
        display: flex;
        margin-bottom: 15px;
    }
    button.btmenu{
        font-size: 18px;
    }
    /*  */
    #sub_agudas{
        width: 60%;
        height: 100vh;
    }
    #ul-agudas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-agudas{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_projetos{
        width: 70%;
        height: 100vh;
    }
    #ul-projetos{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-projeto{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_eventos{
        width: 60%;
        height: 100vh;
    }
    #ul-eventos{
        float: left;
        margin: 40px 0px 0px -20px;
    }
    #mobile-list-eventos{
        display: flex;
        margin-bottom: 15px;
    }
    #box-master-component{
        width: 100%;
        display: inline-block;
        margin-top: 100px;
        height: 80vh;
    }
    .background-carrossel-1{
        background-image: url(../img/fundo1.jpg);
        background-size: 150%;
    }
    .background-carrossel-2{
        background-image: url(../img/fundo2.jpg);
        background-size: 150%;
    }
    .background-carrossel-3{
        background-image: url(../img/fundo3.jpg);
        background-size: 150%;
    }
    #block-one{
        width: 30%;
        display: inline-block;
        height: 60vh;
    }
    #block-two{
        width: 70%;
        display: inline-block;
        height: 120vh;
    }
    #box-prime-content-carrossel{
        width: 100%;
        padding: 30px;
    }
    #button-plus{
        width: 100px;
        height: 100px;
        border-radius: 100px;
        background-color: #5CD1FF;
        margin-left: -90px;
        position: absolute;
    }

    #mentos{
        width: 100%;
        margin: 0px;
        display: inline-block;
    }
    #modal_evento{
        width: 90%;
        height: 600px;
        margin: 0px 5%;
        margin-top: 50px;
        padding: 40px;
    }
    #content-modal{
        width: 100%;
        height: 350px;
    }
    #button_externo{
        margin-top: 20px;
    }
    #eventos1{
        width: 48%;
        margin: 0px 1% 20px 1%;
        display: inline-block;
    }
    #mentos{
        width: 48%;
        margin: 0px 1%;
        display: inline-block;
    }
    #eventos{
        width: 100%;
        height: 30px;
        margin-top: 100px;
    }
}
/* RESPONSIVIDADE IPAD */
@media all and (min-width:805px) and (max-width:815px) {
    body{
        width: 100%;
        display: inline;
        font-size: 16px;
        color: #212121;
        background: #FFFFFF;
        margin: 0 auto;
        font-family: 'Montserrat', sans-serif;
    }
    #mixedSlider{
        padding: 13px 0px;
        position: relative;
        z-index: 20;
    }
    #header-left{
        width: 12%;
        display: inline-block;
    }
    #header-right{
        width: 88%;
        display: inline-block;
    }
    p#nombre{
        visibility: hidden;
    }
    #active-search{
        width: 0px;
        height: 0px;
        visibility: hidden;
    }
    #hidden-search{
        width: 100%;
        height: 35px;
        visibility: visible;
    }
    #block_acessibility{
        padding-top: 25px;
    }
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    #moldure-prime{
        width: 100%;
        height: auto;
    }
    #block-prime-video{
        width: 90%;
        margin: 0px 5%;
        padding-left: 0px;
        height: auto;
        display: inline-block;
    }
    #block-prime-text{
        width: 90%;
        margin: 0px 5%;
        height: auto;
        padding: 20px 0px;
        display: inline-block;
    }
    #section-master-prime{
        background: #5CD1FF;
    }
    #container_inner_bloco1{
        width: 90%;
        height: auto;
        margin: 0px 5%;
    }
    #container_inner_bloco2{
        width: 90%;
        height: auto;
        margin: 0px 5%;
    }
    #container_inner_bloco1{
        width: 90%;
        height: auto;
        margin: 0px 5%;
    }
    #lado_a_bloco1{
        width: 100%;
        height: auto;
        padding: 0px;
    }
    #container-block{
        width: 100%;
    }
    .img-public{
        margin-top: 40px;
        border-radius: 20px;
    }
    #band_a_block{
        width: 100%;
        height: auto;
        padding: 0px;
    }
    #band_b_block{
        width: 100%;
        padding: 0px;
    }
    #title-post{
        margin-top: 30px;
        font-size: 25px;
        line-height: 25px;
    }
    #pesquisador-new{
        width: 30%;
        margin: 0px 1.5%;
        height: auto;
    }
    #img-pesquisador{
        height: 310px;
        /* border-radius: 20px; */
    }

    /*  */
    #sub_cronicas{
        padding: 0px 25px;
        height: 100vh;
    }
    ul#ul-cronicas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-cronicas{
        display: flex;
        margin-bottom: 15px;
    }
    button.btmenu{
        font-size: 18px;
    }
    /*  */
    #sub_agudas{
        padding: 0px 25px;
        height: 100vh;
    }
    #ul-agudas{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-agudas{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_projetos{
        padding: 0px 25px;
        height: 100vh;
    }
    #ul-projetos{
        float: left;
        margin: 40px 0px 0px -10px;
    }
    li#mobile-list-projeto{
        display: flex;
        margin-bottom: 15px;
    }
    /*  */
    #sub_eventos{
        padding: 0px 25px;
        height: 100vh;
    }
    #ul-eventos{
        width: 60%;
        height: 100vh;
    }
    #mobile-list-eventos{
        display: flex;
        margin-bottom: 15px;
    }
    #box-master-component{
        width: 100%;
        display: inline-block;
        margin-top: 100px;
        height: 80vh;
    }
    .background-carrossel-1{
        background-image: url(../img/fundo1.jpg);
        background-size: 180%;
    }
    .background-carrossel-2{
        background-image: url(../img/fundo2.jpg);
        background-size: 180%;
    }
    .background-carrossel-3{
        background-image: url(../img/fundo3.jpg);
        background-size: 180%;
    }
    #block-one{
        width: 30%;
        display: inline-block;
        height: 80vh;
    }
    #block-two{
        width: 70%;
        display: inline-block;
        height: 120vh;
    }
    #box-prime-content-carrossel{
        width: 100%;
        padding: 40px;
    }
    #button-plus{
        width: 100px;
        height: 100px;
        border-radius: 100px;
        background-color: #5CD1FF;
        margin-left: -90px;
        position: absolute;
    }

    #mentos{
        width: 48%;
        margin: 0px 1%;
        display: inline-block;
    }
    #modal_evento{
        width: 90%;
        height: 600px;
        margin: 0px 5%;
        margin-top: 50px;
        padding: 40px;
    }
    #content-modal{
        width: 100%;
        height: 350px;
    }
    #button_externo{
        margin-top: 20px;
    }
    #eventos1{
        width: 48%;
        margin: 0px 1% 20px 1%;
        display: inline-block;
    }
    #patrocinadores{
        width: 100%;
        height: auto;
    }
    #inscreva{
        font-size: 20px;
        line-height: 25px;
    }
    #fechar-close{
        width: 100%;
        padding: 20px 0px;
        visibility: visible;
    }


}