* {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; margin:0; padding:0;} 
a img {border:0;}
form * {outline:none;}

body {color:#7C7C7C; font:400 16px 'Roboto', sans-serif; overflow-x:hidden;}

.container{margin:0 auto; max-width:1200px; width:95%;}

header{left:0; padding:40px 0; position:absolute; top:0; width:100%;}
header .container{position:relative;}
header h1{height:60px; width:177px;}
header h1 a{background:url(imagem/logo.png) no-repeat; display:block; height:60px; overflow:hidden; text-indent:-99999px; width:177px;}

header .open_menu{background:url(imagem/menu.png) no-repeat; display:block; height:18px; overflow:hidden; position:absolute; right:0; text-indent:-9999px; top:16px; width:25px;}

header nav{display:none; position:absolute; right:0; top:40px;}
header nav ul{background:#fff;}
header nav li{list-style:none;}
header nav li a{color:#000; display:block; padding:7px 10px; text-decoration:none;}
header nav li a:hover{background:#f0f0f0;}

#wrap_banner{text-align:center;}
#wrap_banner .container{color:#fff; left:50%; margin:0 0 0 -600px; position:absolute; text-align:left; top:390px; width:1200px;}
#wrap_banner h2{font-size: 40px; font-weight: 700;}
#wrap_banner h3{font-size:32px; font-weight: 300; margin:0 0 25px}
#wrap_banner .wrap{display:flex; line-height: 24px; justify-content:space-between}
#wrap_banner .wrap .right{text-align:right;}

.titulo{margin:0 0 40px; text-align:center;}
.titulo h2{color: #444; font-size:32px; text-align:center;}
.titulo h2 strong{color:#ae283a; display:block; font-size:16px; font-weight:600; letter-spacing:0.03em; text-transform:uppercase;}
.titulo p{margin:15px 0 0;}

#catedra{padding:40px 0;}
#catedra .wrap_botoes{justify-content:space-between; margin:0 0 50px; padding:25px;}
#catedra .wrap_botoes a{background:url(imagem/arrow.png) 95% center no-repeat, linear-gradient(90deg, #9D2535 0%, #CA2E43 100%); border-radius: 10px; color:#fff; display:block; line-height:52px; padding:0 25px; text-decoration:none;}

.texto{margin:0 auto; max-width:795px;}
.texto h3{font-size:16px; margin:0 0 20px; text-align:center;}
.texto p{line-height: 24px; margin:0 0 20px; text-align: justify;}

#projetos{background:#F8F8F8; padding:80px 0;}
#projetos .lista_projetos{display:flex; flex-wrap:wrap; justify-content:space-between;}
#projetos .lista_projetos li{background: #F8F8F8; box-shadow: 12px 16px 40px rgba(113, 113, 113, 0.16); border-radius: 10px; list-style:none; margin:0 0 40px; overflow:hidden; padding:30px 30px 40px; position:relative; width:48%;}
#projetos .lista_projetos li h2{background:url(imagem/icone-proj.png) no-repeat; border-bottom: 1px solid #E0E0E0; color: #7C7C7C; font-size: 18px; font-weight:500; line-height: 28px; min-height:86px; margin:0 0 30px; padding:0 0 30px 86px;}
#projetos .lista_projetos li .realizacao{font-size:13px; padding:0 0 20px;}
#projetos .lista_projetos li .realizacao strong{display:block; font-size:16px; font-weight:500; margin:5px 0 0;}
#projetos .lista_projetos li .agencia{background: linear-gradient(270deg, #F5F5F5 0%, #FFFFFF 100%); bottom:0; font-size: 11px; left:0; padding:10px 20px; position:absolute; text-align:right; width:100%;}

#objetivos{padding:40px 0;}
#objetivos .wrap{display:flex; justify-content:space-between;}
#objetivos .wrap ul{width:48%}
#objetivos .wrap ul li{list-style:none; line-height: 24px; margin:0 0 30px; overflow:hidden;}
#objetivos .wrap ul li span{background: #FBF0F1; border-radius: 10px; color:#9D2535; float:left; height:40px; line-height:40px; margin:0 20px 30px 0; vertical-align:top; text-align:center; width:40px;}

#plano{background:#F8F8F8; padding:80px 0;}
#plano dt{background:url(imagem/mais.png) 98% center no-repeat, linear-gradient(270deg, #F5F5F5 0%, #FFFFFF 100%); border: 1px solid #E9E9E9; cursor:pointer; padding:30px 45px 30px 30px;}
#plano dt.ativo{background-image:url(imagem/menos.png); box-shadow: 12px 16px 40px rgba(113, 113, 113, 0.16);}
#plano dd{background: #FFF; display:none; padding:30px 80px;]}

footer{background:#CA2E43; color:#fff; padding:65px 0 30px}
footer .container{display:flex; justify-content:space-between;}
footer .coluna{margin:0 0 60px;}
footer .social li{display:inline-block; list-style:none;}
footer a{color:#fff; text-decoration:none;}
footer .linha .container{border-top: 1px solid #D44054; font-size: 12px; padding:30px 0 0;}


@media all and (max-width: 1200px) {
    #wrap_banner .container{left:5%; margin:0; max-width:1200px; width:90%;}

    footer .coluna{margin:0 10px 20px}
}
@media all and (max-width: 900px) {
    #projetos .lista_projetos{display:block;}
    #projetos .lista_projetos li{display:block; margin:0 0 20px; width:100%;}

    footer .container{display:block;}
}

@media all and (max-width: 715px) {
    #objetivos .wrap{display:block;}
    #objetivos .wrap ul{width:100%;}
}

@media all and (max-width: 655px) {
    #wrap_banner .container{top:140px;}
    #wrap_banner h2{font-size:50px; line-height:48px; margin:0 0 10px;}
}