/* Global */
body { font-family: 'Signika', sans-serif; }                                                                                                                   
h1,h2,h3,h4,h5 { font-family: 'Signika', sans-serif; font-weight: 400; }
p { font-family: 'Signika', sans-serif; font-weight: 300; }
h3 {
    text-align: center;
    color: #ec7e29;
    font-size: 22px;
}
h5 {font-weight: 700;}
.btn { font-family: 'Dosis', sans-serif; }
.btn a { transition: all 0.4s ease-in-out; }

img {
    max-width: 100%;
}
a:link {
    color: #f68f67;
    text-decoration: none;
}
a:hover {
    color: #bde2df;
    text-decoration: none;
}
a:visited {
    color: #f68f67;
    text-decoration: none;
}

.header {
    background: #ff5303;
    height: 40px;
    padding-top: 2px;
    text-align: right;
}
.header .btn {
    display: inline-block;
    font-size: 12px;
    color: #FFF;
    background: #ff5303;
    padding: 2px 10px;
    border-radius: 3px;
    margin-top: 3px;
}
ul.socialmedia { margin-top: 1px; margin-left: 10px; padding: 0; list-style: none; float: right;}
ul.socialmedia li { display: inline; }
.socialmedia {
    border-radius: 0px;
}
a .facebook {color: #0e3d75}
a .twitter {color: #64c8d7}
a .instagram {color: #4b8498}

.logo { padding: 10px 0; }

/* MENU */
.menu {
    background: #84a200;
    position: relative;
    width: 100%;
    z-index: 999;
}
.menu.home { background: #FFF; }
.menu.large { opacity: 1; padding: 20px 0; }
.menu.small { opacity: 0.85;  padding: 0; top: 0; transition: all 1s; position: fixed; }
.menu.small .logo {
    transition: all 1s;
    max-height: 80px;
}
.menu {
    transition: all 1s;
    -moz-transition: all 1s; /* Firefox 4 */
    -webkit-transition: all 1s; /* Safari and Chrome */
    -o-transition: all 1s; /* Opera */
}

#navigation ul { margin: 24px 0; padding: 0; list-style: none;  float: right;}
#navigation ul li { display: inline; }
#navigation a {
    font-family: 'Dosis', sans-serif;
    position: relative;
    text-align: center;
    font-size: 16px;
    color: #000;
    margin-left: 0px;
    text-decoration: none;
    background: none;
    text-transform: uppercase;
    padding: 3px 5px;
    border: 1px solid #FFF;
    border-radius: 3px;
}
#navigation a:hover {
    border: 1px solid #ff5303;
}

#navigation-interno ul { margin: 24px 0; padding: 0; list-style: none;  float: right;}
#navigation-interno ul li { display: inline; }
#navigation-interno a {
    font-family: 'Dosis', sans-serif;
    position: relative;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    margin-left: 0px;
    text-decoration: none;
    background: none;
    text-transform: uppercase;
    padding: 3px 5px;
}
#navigation-interno a:hover {
    outline: 1px solid #fff200;
}

body.interno {
    background: url('../img/bg_textura.jpg');
}
.header-interno {
    min-height: 400px;
    text-align: center;
}
.header-interno img{
    margin-top: 180px;
}
h1.title-interno {
    margin-top: 150px;
    text-align: center;
    color: #FFF;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 44px;
}

h1.title-interno:before {
    background: #d5d5d5;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 0 -1px;
    position: absolute;
    width: 100%;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}
.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}
.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}
.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.title {
    border-bottom: 1px solid #afafaf;
    position: relative;
    margin-bottom: 30px;
}
.title h1 {
    text-align: center;
    font-weight: 400;
    letter-spacing: 1px;
    color: #303030;
    font-size: 50px;
    text-transform: uppercase;
}
.title h1:before {
    background: #000;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 0 -1px;
    left: 42.2%;
    position: absolute;
    width: 15%;
}
.title.projetos { border-bottom: 1px solid #4da2c9; }
.title.projetos h1 { color: #FFF; }
.title.projetos h1:before { background: #FFF; }

.title.contato { border-bottom: 1px solid #dced79; }
.title.contato h1 { color: #FFF; }
.title.contato h1:before { background: #FFF; }

.title.mini h1 {
    font-size: 14px;
}

h2 {
    border-bottom: 1px solid #FFF;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 21px;
    color: #FFF;
    position: relative;
}
h2:before {
    background: #c3c3c3;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 -1px;
    position: absolute;
    width: 40px;
}

p { font-size: 14px; }
div.escola { 
    font-weight: 300;
    color: #000;
    font-size: 24px;
    text-align: center;
}
.btn { text-align: center; }
.btn a:hover { background: #ff5303; color: #fff; }
.btn a{
    text-align: center;
    padding: 4px 12px;
    color: #ff5303;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ff5303;
}

section {
    padding: 50px 0;
}
.slider { position: relative; background: url(../img/bg.png); margin-top: 0; }
section#escola { background: url(../img/bg.png); }
section#educacao { background: url(../img/bg.png); }
section#propostas { background: url(../img/bg_educacao.jpg); }
section#equipe { background: url(../img/bg_equipe.jpg); }
/*section#projetos { background: url(../img/bg_projetos.jpg); }*/
section#contato { background: url(../img/bg.png); }



.boxpilares {
    padding: 0 10px;
    text-align: center;
}

.boxpilares .titulo {   
    display: block;
    margin: 20px 0 15px 0;
    font-size: 18px;
    font-weight: 600;
}
.boxpilares .descricao {
    color: #656565;
    font-weight: 300;
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}
.boxpilares .btn {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.boxpilares .btn a:hover {
    background: #b0c06a; color: #FFF; 
}
.boxpilares .btn a{
    text-align: center;
    padding: 4px 12px;
    color: #b0c06a;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #b0c06a;
}

.control { text-align: center; margin-top: 20px; }
.control a{ border-radius: 3px; background: none; padding: 10px 17px; color: #4da1c9; border: 1px solid #4da1c9; transition: all 0.4s ease-in-out; }
.control a:hover{ background: #4da1c9; color: #FFF }



/* ESTRUTURA */
section#estrutura {
    padding: 0;
}
#estrutura h4 {
    color: white;
    font-weight: 300;
    text-align: center;
    line-height: 35px;
}
#estrutura .btn {
    margin: 60px 0 30px 0;
    text-align: center;
}
#estrutura .btn a:hover { background: #0076a3; color: #FFF; border-color: #0076a3; }
#estrutura .btn a{
    text-transform: uppercase;
    text-align: center;
    padding: 25px 25px 25px 25px;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 0.5px;
    border-radius: 5px;
    border: 3px solid #FFF;
}
div.estrutura-text { 
    font-weight: 300;
    color: #000;
    font-size: 24px;
    text-align: center;
    margin: 60px 0;
}
#estrutura .parallax-window .row {
    background-color: rgba(0,0,0,.4);
    padding: 50px 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

/* PROPOSTA */
.owl-propostas { margin: 20px 0; }
.boxpropostas { 
    min-height: 300px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.boxpropostas .mask, .boxpropostas .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxpropostas .mask .bg {
    width: 100%;
    height: 100%;
    background: #f3b122;
    transition: all 0.2s ease-in-out;
}

.boxpropostas img {
    display: block;
    position: relative;
}

.boxpropostas .content {
    height: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
    transition: all 0.2s ease-in-out;
}
.boxpropostas .content .box:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}

.boxpropostas span.fa-stack {
    margin-top: 40px;
    margin-bottom: 50px;
}
.boxpropostas span.titulo {
    text-align: center;
    font-size: 12px;
    padding: 10px 15px;
    margin-top: 20px;
    color: #FFF;
    letter-spacing: 1px;
    border: 1px solid #FFF;
    border-radius: 3px;
    text-transform: uppercase;
}
.boxpropostas .mask {
    opacity: 0;
    overflow:visible;
    transition: all 0.4s ease-in-out;
}
.boxpropostas:hover .mask { opacity: 1; }
.boxpropostas:hover .mask .bg { opacity: 0.8; }
.boxpropostas:hover .mask .content { transform: scale(1); }
#propostas .control a{ background: none; padding: 10px 17px; color: #f3b122; border: 1px solid #f3b122 }
#propostas .control a:hover{ background: #f3b122; color: #fff }

/* ESTRUTURA */
.slider-estrutura {
    list-style: none;
    margin: 0;
}
#modalEstrutura .transparent-btns_tabs {
    bottom: 0;
    margin-top: 0;
    margin-left: 0;
    left: auto;
    width: 100%;
}

#filters {margin: 20px 0; text-align: center;}
#filters ul {margin: 0; padding: 0; list-style: none;}
#filters ul li {display: inline;}
.button_filter {
    display: inline-block;
    color: #4c4c4c;
    font-size: 14px;
    padding: 8px 15px;     
}
.button_filter.selected {
    color: #d15400;
    border: 1px solid #e3e3e3;    
    border-radius: 3px;
    background: #FFF;
}


.boxequipe { position: relative; margin-bottom: 5px;}
.boxequipe .mask, .boxequipe .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxequipe .mask .bg {
    width: 100%;
    height: 100%;
    background: #ec6a13;
    transition: all 0.2s ease-in-out;
}

.boxequipe img {
    display: block;
    position: relative;
}

.boxequipe .content {
    height: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
}
.boxequipe .content .box:before {
    border: 2px dotted #FFF;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.boxequipe .content .box { text-align: center; }
.boxequipe span.fa-stack {
    margin-top: 40px;
}
.boxequipe .content .nome {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 15px;
    color: #FFF;
    letter-spacing: 1px;
    border: 1px solid #FFF;
    border-radius: 3px;
}
.boxequipe .content .area {
    text-align: center;
    text-transform: uppercase;
    font-size: 12px;
    padding: 10px 15px;
    color: #FFF;
    letter-spacing: 1px;
}
.boxequipe .content .descricao {
    margin-top: 6px;
    padding: 5px 15px;
    font-size: 10px;
    line-height: 14px;
}

.boxequipe .mask {
    opacity: 0;
    overflow:visible;
    transition: all 0.6s ease-in-out;
}
.boxequipe:hover .mask {
    opacity: 1;
}
.boxequipe:hover .mask .bg {
    opacity: 0.9;
}
.boxequipe:hover .mask .content .titulo {
    opacity: 1;
}

/* BLOGPRIME */
.boxblog { text-align: center; }
.boxblog .post { }
.boxblog .post span.data{
    margin: 10px 0 0 0;
    display: block;
    color: #767676;
    font-size: 13px;
}
.boxblog .post span.titulo{
    display: block;
    color: #000;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0.5px;
}
.boxblog .btn {position: absolute; left: 0; right: 0; bottom: -40px; }
.boxblog .btn a:hover { background: #ff4848; color: #fff;  }
.boxblog .btn a{
    text-align: center;
    padding: 4px 10px;
    color: #ff4848;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ff4848;
}

.boxcalendario {
    text-align: center;
    padding: 0 40px;
}
.boxcalendario .calendario {
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    text-align: center;
}
.boxcalendario .calendar-text {
    margin-top: 80px;
    font-size: 74px;
    color: #818181;
    padding: 0;
    line-height: 20px;
}
.boxcalendario .evento .titulo {
    display: block;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 5px;
}
.boxcalendario .evento .descricao {
    display: block;
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}

#midias { margin-bottom: 40px; } 
#midias .control {  }
#midias .control a{ background: none; padding: 6px 8px; color: #fa9f9f; font-size: 12px; border: 1px solid #fa9f9f; }
#midias .control a:hover{ background: #fa9f9f; color: #fff; }
#midias .control.btnHome { position: absolute; left: 0; right: 0; bottom: -40px; }

.boxnamidia { }

.boxnamidia .post { display: inline-block; border-bottom: 1px dashed #CCC; padding-bottom: 0px; margin-bottom: 5px;}
.boxnamidia .post .icon { float: left; width: 20%; text-align: right; margin-top: 30px;}
.boxnamidia .post .noticia { float: left; width: 80%; color: #000;}
.boxnamidia .post .noticia a {color: #000;}
.boxnamidia .post .noticia a:hover {color: #585858;}
.boxnamidia .post .noticia span.data { display: block; font-size: 12px; line-height: 16px; color: #ccc}
.boxnamidia .post .noticia span.fonte { display: block; font-size: 12px; line-height: 16px;}
.boxnamidia .post .noticia span.titulo { display: block; margin: 10px 0; font-weight: 300; font-size: 18px; font-family: 'Signika'; font-weight: 600;}



/* EVENTOS */
.owl-projetos { margin: 20px 0; }
.boxeventos .mask, .boxeventos .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxeventos .mask .bg {
    width: 100%;
    height: 100%;
    background: #1f4b8e;
    transition: all 0.2s ease-in-out;
}

.boxeventos img {
    display: block;
    position: relative;
}

.boxeventos .content {
    height: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
    transform: scale(0);
    transition: all 0.2s ease-in-out;
}
.boxeventos .content .box:before {
    border: 2px dotted #FFF;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.boxeventos .content .box { text-align: center; }
.boxeventos span.fa-stack {
    margin-top: 40px;
    margin-bottom: 50px;
}
.boxeventos span.titulo {
    text-align: center;
    font-size: 12px;
    padding: 10px 15px;
    margin-top: 20px;
    color: #FFF;
    letter-spacing: 1px;
    border: 1px solid #FFF;
    border-radius: 3px;
    text-transform: uppercase;
}

.boxeventos .mask {
    opacity: 0;
    overflow:visible;
    transition: all 0.4s ease-in-out;
}
.boxeventos:hover .mask { opacity: 1; }
.boxeventos:hover .mask .bg { opacity: 0.8; }
.boxeventos:hover .mask .content { transform: scale(1); }


/* CONTATO */
.boxcontato {
    min-height: 300px;
    text-align: center;
}
.boxcontato .icone{
    text-align:center;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
}
.boxcontato .icone .titulo{
    display: block;
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
}
.boxcontato .descricao {
    margin: 10px 0;
    font-size: 16px;
}

/*.boxcontato .btn a{
    text-align: center;
    padding: 4px 12px;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    color: #afafaf;
    border-radius: 3px;
    border: 1px solid #afafaf;
}
.boxcontato .btn a:hover { background: #afafaf; color: #fff; }*/


.descricao select {
    background: #8da11a;
    width: 120px;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 3px;
    height: 34px;
}

/* RODAPE */
.rodape {
    background: #515151;
    padding: 40px 0;
    color: #FFF;
}
ul.socialmedia-bottom { padding: 0; list-style: none; margin: 0; }
ul.socialmedia-bottom li { display: inline; }

.rodape-main {
    display: flex;
    margin: 0 auto;
    text-align: center;
    align-items: center;
    flex-direction: column;
}

.rodape-row {
    width: 100%;
}

.rodape-row-container {
    display: flex;
}

.rodape-a {
    color: white;
}

.rodape-img {
    width: 50px;
}


.flex-video {
    position: relative;
    padding-top: 0;
    padding-bottom: 57.25%;
    height: 0;
    margin-bottom: 16px;
    overflow: hidden;
}
.flex-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* EDUCAÇÃO COMPLETA */
.boxeducao { position: relative; margin-bottom: 30px;}
.boxeducao .mask, .boxeducao .content {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.boxeducao .mask .bg {
    width: 100%;
    height: 100%;
    background: #889912;
    transition: all 0.2s ease-in-out;
}

.boxeducao img {
    display: block;
    position: relative;
}

.boxeducao .curso {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.boxeducao .curso span {
    font-size: 11px;
    padding: 1px 10px;
    background: #FFF;
    border-radius: 3px;
}


.boxeducao .content {
    height: 100%;
    top: 0; left: 0; bottom: 0; right: 0;
    margin: auto;
    color: #FFF;
    text-align: center;
}
.boxeducao .content .box:before {
    border: 2px dotted #FFF;
    content: "";
    position: absolute;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
}
.boxeducao .content .titulo {
    display: block;
    font-size: 14px;
    margin: 25px 0 5px 0;
    padding: 0;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: underline;
}
.boxeducao .content .descricao {
    margin-top: 6px;
    padding: 5px 15px;
    font-size: 12px;
    line-height: 14px;
}

.boxeducao .mask {
    opacity: 0;
    overflow:visible;
    transition: all 0.6s ease-in-out;
}
.boxeducao:hover .mask {
    opacity: 1;
}
.boxeducao:hover .mask .bg {
    opacity: 0.9;
}
.boxeducao:hover .mask .content .titulo {
    opacity: 1;
}

.scrollup{
    position:fixed;
    font-size: 20px;
    background: #e5e5e7;
    color: #2c5630;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:none;

    bottom: 50px;
    right: 50px;
}
.scrollup:hover{ color: #515151; }

#modalEquipe #e_nome { font-size: 42px; margin-top: 22px; }
#modalEquipe .title { margin-bottom: 0; }
#modalEquipe h3 { margin: 20px 0 20px 0; }
#modalEquipe p { font-size: 16px; padding: 20px; color: #fff; line-height: 22px;}

#modalProposta #p_titulo { font-size: 42px; margin-top: 22px; }
#modalProposta #p_desc { color: #FFF; padding: 20px 20px 0 20px; }
#modalProposta #p_desc p { font-size: 22px; font-weight: 300; line-height: 28px; text-align: center; ;}

#modalProjeto #p_titulo { font-size: 42px; margin-top: 22px; }
#modalProjeto #p_desc { color: #FFF; padding: 20px 20px 0 20px; }
#modalProjeto #p_desc p { font-size: 22px; font-weight: 300; line-height: 28px; text-align: center; }

#modalEmails #p_titulo { font-size: 42px; margin-top: 22px; }
#modalEmails .listEmail { text-align: center; color: #FFF; font-weight: 300; padding: 20px 0; border-bottom: 1px solid #f42f29; }

/****************/
/* PAGINA: BLOG */
/****************/
#blog .btn {
    margin-top: 40px;
    text-align: right;
}
#blog .btn a:hover {
    background: #ff4848; color: #FFF; 
}
#blog .btn a{
    text-align: center;
    padding: 4px 12px;
    color: #ff4848;
    font-size: 12px;
    letter-spacing: 0.5px;
    text-align: center;
    border-radius: 3px;
    border: 1px solid #ff4848;
}
.blog {}
.blog .data { margin: 5px 0; color: #393939; font-size: 13px; }
.blog .imagem { margin: 5px 0; }
.blog .titulo { margin: 5px 0; color: #000; font-size: 27px; border-bottom: 1px dashed #393939; padding: 20px 0; }
.blog .descricao { margin: 20px 0; color: #414141; font-size: 17px; }





.no-pad-right { padding-right: 0; }
.no-pad-left{ padding-left: 0; }
.pr_2_5 {padding-right: 2.5px;}
.pl_2_5 {padding-left: 2.5px;}


.slicknav_menu { display:none; }
#menumobile { display:none; }

#form { margin-bottom: 40px; } 
#form .control {  }
#form .control a{ background: none; padding: 6px 8px; color: #fa9f9f; font-size: 12px; border: 1px solid #fa9f9f; }
#form .control a:hover{ background: #fa9f9f; color: #fff; }
#form .control.btnHome { position: absolute; left: 0; right: 0; bottom: -40px; }

.salvus iframe {
    width: 100%;
}

#modalHistoria p {
    color: #FFF; 
    padding: 10px 20px 0 20px;
    margin-bottom: 0;
    text-align: justify;
    font-size: 22px;
    font-weight: 300;
    line-height: 28px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    /*margin: auto;*/
}
input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.owl-carousel .owl-item {
    padding: 2px;
}

.transparent-btns_tabs {
    left: auto;
    width: 100%;
    margin: -30px 0 0 0;
}

#projetos {
    background-color: #E5E5E5;
}
#projetos .btnProjetos {
    display: flex;
    align-items: center;
    justify-content: center;
}
#projetos .btnProjetos .btn a {
    font-size: 20pt;
}

#contas .btn:hover { background: #ffffff; color: #303030; border-color: #ffffff; }
#contas .btn {
    background: transparent;
    text-transform: uppercase;
    text-align: center;
    padding: 25px 25px 25px 25px;
    color: #FFF;
    font-size: 20px;
    letter-spacing: 0.5px;
    border-radius: 5px;
    border: 3px solid #FFF;
}
.logomobile { 
	display: none;
}

/*Small screens*/
/* Define mobile styles */
@media only screen and (max-width: 40em) {
    .slicknav_menu { display:block; }
    .menu {display: none;}
    .slider { margin-top: 0px; }
    .title h1 { font-size: 30px; }
    .boxpilares { padding-top: 50px; }
    .boxequipe img { padding: 10px 20px; }
    .transparent-btns_nav i { font-size: 25pt; }
    .transparent-btns_tabs li a { width: 8px; height: 8px; }
    .header { height: auto; background: transparent; padding: 15px 0; }
    .logomobile { display: initial; width: 70%; }
    .reveal-modal .close-reveal-modal { top: 0; right: 1rem; }
    #projetos .btnProjetos { margin-top: 15px; }
    #projetos .btnProjetos .btn a { font-size: 12pt; }
    #estrutura .btn a { font-size: 12pt; padding: 15px; }
    #contas .btn { font-size: 12pt; padding: 15px; margin-top: 15px; }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*Medium screens*/
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/*Large screens*/
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*XLarge screens*/
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*XXLarge screens*/
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */