*{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{background:#000; color:#fff; font:300 14px 'Titillium Web', sans-serif; letter-spacing:0.02em;}
.container{margin:0 auto; width:1360px;}

header{overflow:hidden;}
header h1{float:left; height:75px; margin:20px 75px 23px 0; width:98px;}
header h1 a{background:url(../../imagem/logo.png) no-repeat; display:block; height:75px; overflow:hidden; text-indent:-99999px; width:174px;}
header nav{float:left; margin:55px 0 0 30px;}
header nav li{float:left; list-style:none; margin:0 40px 0 0;}
header nav li a{color:#fff; font-size:17px; text-decoration:none;}
header nav li a:hover{color:#9f9f9f;}
header .contato{background:#333; color:#fff; float:right; font-size:18px; font-weight:700; padding:45px 35px; text-decoration:none;}

#banner{margin:-1px 0 100px; position:relative;}
#banner li{color:#fff; list-style:none; position:relative; text-align:center;}
#banner li img{max-width:100%}

#banner .bx-controls{bottom:15px; left:0; position:absolute; text-align:center; width:100%; z-index:999;}
#banner .bx-pager .bx-pager-item{display:inline-block; vertical-align:top; margin:0 2px;}
#banner .bx-pager .bx-pager-item a.bx-pager-link{background:#fff; border:3px solid #fff; border-radius:50%; display:inline-block; height:18px; margin:0; text-align:left; text-indent:-99999px; width:18px;}
#banner .bx-pager .bx-pager-item a.bx-pager-link.active{background:none;}

#about_home{margin:0 0 95px;}
#about_home .container{position:relative;}
#about_home h2{font-size:66px; font-weight:300; margin:0 0 40px;}
#about_home h2 strong{font-weight:700; font-style:italic;}
#about_home h3{background:url(../../imagem/quem_somos.png) no-repeat; display:block; height:79px; overflow:hidden; position:absolute; right:0; text-indent:-99999px; top:90px; width:11px;}
#about_home .desc{font-size:18px; margin-left:195px; max-width:660px; position:relative; width:95%;}
#about_home div.desc::after{background:#fff; content:''; left:-190px; height:1px; position:absolute; top:50px; width:125px;}


#projetos {margin:0 0 50px; text-align:center;}
#projetos .container{width:1400px;}
#projetos .projeto{background:#000; display:inline-block; height:325px; margin:8px; overflow:hidden; position:relative; text-align:left; width:325px;}
#projetos .projeto h3{background-position:80% 25px; bottom:25px; color:#fff; font-size:27px; font-weight:200; line-height:23px; padding:0 30px; position:absolute; text-transform:uppercase; transition:all 0.8s; width:100%;}
#projetos .projeto h3 strong{display:block; font-size:11px; font-weight:700;}
#projetos .projeto img{display:block; transition:all 0.4s;}
#projetos .projeto a.mais{height:100%; left:0; position:absolute; text-indent:-99999px; top:0; width:100%; z-index:9;}
#projetos .mais_projetos{background:#202020; color:#fff; display:block; font-size:11px; font-weight:700; height:80px; letter-spacing:0.1em; line-height:80px; margin:30px auto 0; text-decoration:none; text-transform:uppercase; width:220px;}
#projetos div:hover.projeto h3{background:url(../../imagem/seta.png) 90% 25px no-repeat;}
#projetos div:hover.projeto img{opacity:0.4}

#depoimentos{background:#000; color:#fff; margin:0 0 50px;}
#depoimentos .container{padding:70px 130px 50px 270px; position:relative;}
#depoimentos h2{background:url(../../imagem/depoimentos.png) no-repeat; display:block; height:188px; left:115px; overflow:hidden; position:absolute; text-indent:-99999px; top:140px; width:30px;}
#depoimentos li{line-height:25px; list-style:none; text-align:justify;}
#depoimentos li p{margin:0 0 35px;}
#depoimentos li p.nome{font-size:12px; margin:0 10px 0 0; text-align:right;}
#depoimentos li p.nome strong{display:block; font-size:20px; font-weight:700;}
#depoimentos .bx-prev{display:none;}
#depoimentos .bx-next{background:url(../../imagem/seta_depoimentos.png) no-repeat; height:23px; overflow:hidden; position:absolute; right:130px; text-indent:-99999px; top:20px; width:122px;}

#depoimentos_interna li{border-top:1px solid #333; line-height:25px; list-style:none; padding:20px; text-align:justify;}
#depoimentos_interna li:nth-child(odd){background:#202020;}
#depoimentos_interna li p{margin:0 0 35px;}
#depoimentos_interna li p.nome{font-size:12px; margin:0 10px 0 0; text-align:right;}
#depoimentos_interna li p.nome strong{display:block; font-size:20px; font-weight:700;}

#interna{border-top:1px solid #333; overflow:hidden; padding:95px 0;}
#interna .container{width:1240px;}

#interna .titulo{margin:0 0 40px;}
#interna .titulo h2{font-size:46px; font-weight:300; line-height:70px; text-transform:uppercase;}
#interna .titulo .home{background:url(../../imagem/seta_back.png) left center no-repeat; color:#fff; font-size:12px; padding-left:15px; text-decoration:none;}

#interna h3.quem_somos{background:url(../../imagem/quem_somos.png) no-repeat; display:block; height:79px; overflow:hidden; position:absolute; right:-180px; text-indent:-99999px; top:0; width:11px;}
#interna h3.projetos{background:url(../../imagem/projetos.png) no-repeat; display:block; height:57px; overflow:hidden; position:absolute; right:-180px; text-indent:-99999px; top:0; width:10px;}
#interna h3.obras{background:url(../../imagem/obras.png) no-repeat; display:block; height:38px; overflow:hidden; position:absolute; right:-180px; text-indent:-99999px; top:0; width:9px;}
#interna h3.vantagens{background:url(../../imagem/vantagens.png) no-repeat; display:block; height:179px; overflow:hidden; position:absolute; right:-180px; text-indent:-99999px; top:0; width:14px;}

#interna div.texto::after{background:#fff; content:''; left:-190px; height:1px; position:absolute; top:50px; width:125px;}
#interna .texto{font-size:18px; margin-left:195px; max-width:845px; position:relative; text-align:justify; width:95%;}
#interna .texto p{margin:0 0 20px;}

#interna .galeria_projeto{overflow:hidden;}
#interna .galeria_projeto img{display:block; margin:0 0 7px; width:100%;}
#interna .galeria_projeto .coluna1{float:left; width:45%;}
#interna .galeria_projeto .coluna2{float:right; width:54.5%;}

#interna div.contato::after{background:#fff; content:''; left:-190px; height:1px; position:absolute; top:0; width:125px;}
#interna .contato{font-size:18px; margin-left:195px; max-width:840px; position:relative; text-align:justify; width:95%;}
#interna .contato .wrap_input{height:46px; line-height:46px; margin:0 0 10px; position:relative; width:100%;}
#interna .contato .wrap_input label{left:0; height:46px; line-height:46px; padding:0 15px; position:absolute; width:100%; z-index:3;}
#interna .contato .wrap_input input{background:#202020; border:1px solid #cacaca; font:300 14px/46px 'Titillium Web', sans-serif; left:0; height:46px; padding:0 15px; position:absolute; width:100%; z-index:2;}
#interna .contato .wrap_input input#nome{padding-left:68px;}
#interna .contato .wrap_input input#email{padding-left:75px;}
#interna .contato .wrap_input input#telefone{padding-left:90px;}
#interna .contato .wrap_input input#area_frente{padding-left:123px;}
#interna .contato .wrap_input input#area_lateral{padding-left:123px;}
#interna .contato .wrap_input input#ja_possui_proj{padding-left:165px;}
#interna .contato .wrap_input input#qual_metragem{padding-left:240px;}
#interna .contato .wrap_input input#qtd_dormitorios{padding-left:245px;}
#interna .contato .wrap_input input#qtd_suites{padding-left:152px;}
#interna .contato .wrap_select{background:#202020; border:1px solid #cacaca; height:46px; line-height:46px; margin:0 0 10px; position:relative; width:100%;}
#interna .contato .wrap_select label{left:0; height:46px; line-height:46px; padding:0 15px; position:absolute; z-index:3;}
#interna .contato .wrap_select select{background:#202020; border:0; font:300 14px/44px 'Titillium Web', sans-serif; left:10%; height:44px; padding:0 15px; position:absolute; width:90%; z-index:2;}
#interna .contato .wrap_text{height:315px;}
#interna .contato .wrap_text label{left:0; height:46px; line-height:46px; padding:0 15px; position:absolute; width:100%; z-index:3;}
#interna .contato .wrap_text textarea{background:#202020; border:1px solid #cacaca; font:300 14px 'Titillium Web', sans-serif; left:0; height:315px; padding:43px 15px 15px; position:absolute; width:100%; z-index:2;}
#interna .contato .botao{background:#202020; border:0; color:#fff; cursor:pointer; float:right; font:300 18px/46px 'Titillium Web', sans-serif; margin:20px 0 0; padding:0 30px;}

#interna .contato .dados{background:url(../../imagem/texto_contato.png) no-repeat; display:block; height:438px; overflow:hidden; position:absolute; right:-200px; text-align:left; text-indent:-99999px; top:0; width:101px;}

#interna .contato .msg{background:#33CD41; border:0; border-radius:20px; color:#fff; font-size:14px; font-weight:700; margin:0 0 15px; padding:5px 15px;}
#interna .contato .erro{background:#FB3636; border:0; border-radius:20px; color:#fff; font-size:14px; font-weight:700; margin:0 0 15px; padding:5px 15px;}


footer{clear:both; color:#878787; font-size:11px; font-weight:700; line-height:19px; padding:60px 0 40px; text-transform:uppercase;}
footer .container{position:relative;}
footer .wrap{width:94%;}
footer .wrap .endereco{float:left; margin:0 90px 65px 0;}
footer .wrap .video{float:left; margin:0 0px 65px 90px; font-weight: normal;}
footer .wrap #newsletter{float:left; margin:0 0 65px; width:500px;}
footer .wrap #newsletter p{margin:0 0 25px;}
footer .wrap #newsletter form{background:#2e2e2e; overflow:hidden;}
footer .wrap #newsletter .text{background:none; border:0; color:#fff; float:left; font:700 11px 'Titillium Web', sans-serif; height:44px; line-height:44px; padding:0 20px; text-transform:uppercase; width:80%;}
footer .wrap #newsletter .botao{float:right; margin:15px 15px 0 0;}
footer .linha{border-top:1px solid #cecece; clear:both; overflow:hidden; padding:40px 0 0;}
footer .left{float:left;}
footer .right{float:right;}
footer a{color:#878787; text-decoration:none;}

footer .social{position:absolute; right:0; top:0;}
footer .social a{display:block; height:33px; margin:0 0 1px; overflow:hidden; text-indent:-99999px; transition:all 0.3s; width:33px;}
footer .social a.instagram{background:url(../../imagem/instagram.png) center no-repeat #878787;}
footer .social a.facebook{background:url(../../imagem/facebook.png) center no-repeat #878787;}
footer .social a.linkedin{background:url(../../imagem/linkedin.png) center no-repeat #878787;}
footer .social a:hover{background-color:#fff;}
footer .social h3{background:url(../../imagem/acompanhe_proj.png) no-repeat; display:block; height:185px; margin:25px 0 0 12px; overflow:hidden; text-indent:-999999px; width:10px;}