/* 27/11/2018 Theme Name: CSQ Brasil Theme URI: http://www.csqbrasil.com.br Description: Produzido por ABMB Version: 2018 Author: Produzido por Filipe Dantas Author URI: http://www.filipedantas.com */ /* default */ *{margin:0; padding:0; outline:none;} article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;} html {font-size: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-height:100%; position: relative;} html, button, input, select, textarea, p, h1, h2, h3, h4, h5, h6, li, address, td, a, .one-half, input{font-family: 'Source Sans Pro', sans-serif;} html, body, #container {height:100%;} #container {height: auto; min-height: 100%; width:100%;} ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } a {color: #000; text-decoration:none;} a:hover {color: #000; text-decoration:underline;} .none{display:none;} .alignnone, .alignleft{float:left; margin:0 10px 10px 0;} .alignright{float:right; margin:0 0 10px 10px} .aligncenter {margin-left: auto; margin-right: auto; clear: both; display: block;} //////////// // LAYOUT // //////////// .center{width:1266px; margin:0 auto;} .grecaptcha-badge{display: none;} .bt_cat{ margin: 8px 0; text-transform: uppercase; text-decoration: none; padding:3px 15px; background: #938449; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#fff; } .bloco1{ width: 100%; display: inline-block; .center{ padding:50px 0; section{ width: 33.33%; float: left; height: 300px; padding:10px; text-align: center; position:relative; .formulario_m{ width: 100%; height: 300px; background:#fff; position:relative; position: absolute; top: 0; left: 0; z-index: 9; padding-top:30px; display: none; .bt_fechar, .bt_fechar2{ position:absolute; right: 0; top: 20px; font-size: 20px; } .wpcf7-form{ input{ width:100%; border:1px solid #b7b7b7; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; padding:5px 20px; font-size: 18px; color:#b7b7b7; margin-bottom: 10px; font-weight: 300; } .bt_enviar{ width:40%; padding:5px 20px; color:#fff; background:#4b392e; float:right; text-align: left; } } } .ico_telefone{ width: 46px; height: 49px; display: block; margin:0 auto; background: url(../img/ico_telefone.png) no-repeat; } .ico_atendimento{ width: 45px; height: 49px; display: block; margin:0 auto; background: url(../img/ico_whats.png) no-repeat 0 5px; } .ico_email{ width: 44px; height: 49px; display: block; margin:0 auto; background: url(../img/ico_email.png) no-repeat 0 5px; } .bt_whats{ padding:5px 30px; text-transform: uppercase; background:#4b392e; color:#fff; font-size: 22px; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; margin-top: 20px; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-decoration: none; &:hover{ background: #938449; } } h2{ font-size: 24px; color:#4b392e; text-transform: uppercase; } p{ font-size: 18px; color:#b7b7b7; margin-bottom: 15px; display: block; padding:0 20px; } .bt_abrir_m{ width: 50px; height: 50px; background:#4b392e; color:#fff; border:none; float: left; padding-top:7px; margin-left: 10px; font-size: 25px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; } form{ width: 300px; float: left; margin-left: 15px; .text{ width: 100%; height: 50px; float: left; border:1px solid #b7b7b7; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; padding:0 20px; font-size: 22px; color:#b7b7b7; } } .bt_ok{ width: 50px; height: 50px; background:#4b392e; color:#fff; border:none; float: left; font-size: 25px; -webkit-border-radius: 28px; -moz-border-radius: 28px; border-radius: 28px; } } } }/* /bloco 1 */ #container{ header{ height: 80px; .center{ h1{ width: 92px; height: 49px; float: left; text-indent: -9999px; margin: 15px 140px 0 44px; a{ width: 92px; height: 49px; display: block; background:url(../img/csq_engenharia.png) no-repeat; } } .menu{ float: left; .ico_menu{display: none;} ul{ .logomob{display: none;} li{ height: 80px; float: left; font-size: 18px; text-transform: uppercase; list-style: none; padding: 28px 20px 0 20px; font-weight: 600; position:relative; color:#4b392e; cursor: pointer; img{ float: left; margin:8px 4px 0 0; } &.bt_emp, &.bt_cont, &.bt_quem{ -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; ul{ position:absolute; top:80px; left: 0; width: 334px; height: 0; padding:15px 35px 0 35px; background:#f9f9f9; z-index: 999; opacity:0; filter:alpha(opacity=0); overflow: hidden; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; -ms-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; li{ width: 100%; display: block; border-bottom: 1px solid #e5e5e5; padding: 12px 0 12px 0; font-size: 16px; height: auto; font-weight: normal; &:last-child{ border-bottom:none; } a{ color:#898989; } } } &:hover{ background:#f9f9f9; ul{ height: 330px; opacity:1.0; filter:alpha(opacity=100); } } } &.bt_cont{ &:hover{ ul{ height: 220px; } } } &.bt_quem{ &:hover{ ul{ height: 170px; } } } &:hover{ background:#f9f9f9; } a{ color:#4b392e; &:hover{ text-decoration: none; text-shadow:0px 0px 0px rgba(0,0,0,0.5); } } } } } } }/* /header */ .s_principal{ width: 100%; height: 850px; float: left; position: relative; .g_slide{ width: 100%; height: 850px; float: left; .slick-dots{ width: 100px; position: absolute; top: 760px; left: 50%; z-index: 9999; margin-left: -50px; li{ float: left; list-style: none; button{ width: 18px; height: 18px; margin: 0 5px; border:none; text-indent: -9999px; display: inline-block; background:url(../img/l_slide1.png) no-repeat; } &.slick-active{ button{ background: #fff; border-radius:8px; } } } } .slick-prev, .slick-next{ display: none !important; } .item{ width: 100%; height: 850px; float: left; position:relative; figure{display: none;} .bt_link{ width: 100%; height: 850px; display: block; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.57718837535014) 20%, rgba(255,0,0,0) 100%); } .center{ position: relative; position:absolute; bottom: 0; left:50%; margin-left: -663px; height: 350px; z-index: 99; .text{ width: 474px; position: absolute; bottom:90px; left:40px; a{ color:#fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; text-decoration: none; } h2{ font-size: 36px; text-transform: uppercase; font-weight: 700; } p{ font-size: 16px; margin-bottom: 35px; } .bt_saiba{ background:#fff; padding:5px 20px; font-size: 16px; color:#000; text-transform: uppercase; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-decoration: none; &:hover{ background: #938449; color:#fff; } } } }/* /center */ }/* /slide */ }/* /g_slide */ }/* /s_principal */ .bloco2{ width: 100%; display: inline-block; .paisagem{ width: 50%; height: 680px; float: left; background:url(../img/bg_paisagem.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; .text{ width: 600px; float:right; text-align: left; h2{ font-size: 24px; color:#fff; text-transform: uppercase; margin-top: 330px; } } }/* /paisagem */ .g_scroll{ width: 50%; height: 680px; float: left; position: relative; .pager2{ width: 140px; position:absolute; bottom:20px; left:50%; margin-left: -70px; z-index: 99; text-align: center; a{ width: 18px; height: 18px; margin: 0 5px; text-indent: -9999px; display: inline-block; background:url(../img/l_slide1.png) no-repeat; &.activeSlide{ background:#fff; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } } } .slick-dots{ width: 100px; position: absolute; top: 600px; left: 50%; z-index: 9999; margin-left: -50px; li{ float: left; list-style: none; button{ width: 18px; height: 18px; margin: 0 5px; border:none; text-indent: -9999px; display: inline-block; background:url(../img/l_slide1.png) no-repeat; } &.slick-active{ button{ background: #fff; border-radius:8px; } } } } .slick-prev, .slick-next{ display: none !important; } .scroll{ width: 100%; height: 680px; float: left; .item{ width: 100%; height: 680px; float: left; position:relative; figure{display: none;} .m_link{ width: 100%; height: 680px; display: block; } .text{ width: 100%; position:absolute; top: 300px; left: 0; .bt_cat{ margin: 10px 0; text-transform: uppercase; background: #938449; padding:3px 15px; text-transform: uppercase; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#fff; display: inline; } a{ color:#fff; text-decoration: none; } text-align: center; h2{ font-size: 36px; text-transform: uppercase; } } } } } }/* /bloco 2 */ .bloco3{ width: 100%; height: 684px; float:left; position: relative; margin-bottom: 215px; figure{ display:none; } .center{ width: 1198px; height: 274px; background:#866c43; position:absolute; bottom:-142px; left:50%; margin-left: -599px; z-index:9; text-align: center; padding-top: 55px; a{ color:#fff; text-decoration: none; } small{ a{ border:2px solid #fff; background:none; } } h1{ font-size: 46px; text-transform: uppercase; } p{ width: 530px; margin: 0 auto; font-size: 16px; } } }/* /bloco 3 */ .bloco4{ width: 100%; display: inline-block; h2{ text-align: center; color:#7d7d7d; font-size: 36px; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 68px; } .center{ width: 1500px; article{ width: 475px; height: 680px; position: relative; float:left; margin:0 12px 40px 12px; overflow: hidden; figure{ img{ max-width: 100%; height: auto; -webkit-transition:.5s all; } } &:hover{ figure{ img{ transform: scale(1.05); -webkit-transform: scale(1.05); } } } .bt_img{ width: 475px; height: 680px; position:absolute; top:0; left:0; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(51%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } .text{ width: 300px; position: absolute; top:430px; left:50%; margin-left: -150px; z-index:99; text-align: center; a{ color:#fff; text-decoration: none; } h3{ font-size: 24px; text-transform: uppercase; } small{ margin: 10px 0; } span{ width: 65px; height: 2px; background:#fff; display: block; margin:20px auto; } p{ font-size: 16px; } } } .bt_mais{ width: 350px; height: 50px; clear: both; padding:10px 0; margin: 40px auto 40px auto; display: block; color:#866c43; text-align: center; font-size: 18px; text-decoration: none; border:1px solid #866c43; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; &:hover{ background: #866c43; color:#fff; } } }/* /center */ }/* /bloco 4 */ .bloco5{ width: 100%; display: inline-block; margin-bottom: 80px; .center{ width: 1500px; .novidades{ width: 974px; height: 670px; float: left; position:relative; margin-left: 12px; background:#000; overflow: hidden; .bt_img{ width: 974px; height: 670px; display: block; img{ max-width: 100%; height: auto; opacity: 0.8; -webkit-transition:.5s all; } } &:hover{ img{ transform: scale(1.05); -webkit-transform: scale(1.05); } } .text{ width: 630px; position:absolute; bottom:70px; left: 50%; margin-left: -315px; z-index: 9; text-align:center; h1{ font-size: 30px; text-transform: uppercase; a{ color:#fff; text-decoration: none; } } } } .oportunidade{ width: 475px; height: 670px; position: relative; float:right; margin:0 12px 0 0; overflow: hidden; .bt_img{ width: 475px; height: 680px; position:absolute; top:0; left:0; background: rgba(0,0,0,0); background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(51%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 51%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 ); } figure{ img{ max-width: 100%; height: auto; -webkit-transition:.5s all; } } &:hover{ figure{ img{ transform: scale(1.05); -webkit-transform: scale(1.05); } } } .text{ width: 300px; position: absolute; bottom:70px; left:50%; margin-left: -150px; z-index:99; text-align: center; a{ color:#fff; text-decoration: none; } h3{ font-size: 24px; text-transform: uppercase; } small{ margin: 10px 0; } span{ width: 65px; height: 2px; background:#fff; display: block; margin:20px auto; } p{ font-size: 16px; } } } }/* /center */ }/* /bloco 5 */ .internas{ /* TITULOS */ h1, h2, h3, h4, h5, h6{ color: #000; text-transform: uppercase; } h1{ font-size: 36px; text-align: center; } h2 {font-size: 30px; font-weight: 300;} h3 {font-size: 26px; font-weight: 300;} h4 {font-size: 24px; font-weight: 300;} h5 {font-size: 22px; font-weight: 300;} h6 {font-size: 20px; font-weight: 300;} p, .one-half {font-size: 18px; padding: 0; margin-bottom: 20px;} img{ max-width: 100%; height: auto; } iframe{ width: 100%; height: 550px; } /* single */ .top_sin{ width: 100%; height: 680px; margin-bottom: 50px; position:relative; background:#000; text-align: center; overflow: hidden; .desk{ width: 100%; height: 680px; img{ max-width: 100%; height: auto; opacity: 0.7; } } .mob{ display: none; } .center{ width: 710px; position: relative; position:absolute; top:220px; left:50%; margin-left: -355px; z-index: 99; text-align: center; small{ display: inline; padding:5px 30px; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#fff; background:none; border:2px solid #fff; } h1{ font-size: 60px; text-transform: uppercase; color: #fff; } p{ color: #fff; font-size: 18px; margin-bottom: 30px; a{ color: #fff; text-decoration: underline; } } .bt_folder{ width: 212px; padding:10px 40px; font-size: 16px; background:#938449; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#fff; } } }/* /top_sin */ .img_empreendimentos{ width: 100%; height: auto; padding:0 25px; float: left; margin-bottom: 50px; h2{ text-align: center; font-size: 35px; color: #575757; margin-bottom: 40px; } .g_scroll_emp, .g_scroll_emp2, .g_scroll_emp3{ width: 100%; height: 848px; overflow: hidden; position:relative; .slick-prev, .slick-next, .bt_ant, .bt_prox, .bt_ant2, .bt_prox2, .bt_ant3, .bt_prox3{ width: 60px; height: 103px; display: block; z-index: 999; text-indent: -9999px; position:absolute; top: 50%; border:none; margin-top: -90px; &.slick-prev, &.bt_ant, &.bt_ant2, &.bt_ant3{ left: 0; background:url(../img/seta_esq.png) no-repeat; } &.slick-next, &.bt_prox, &.bt_prox2, &.bt_prox3{ right:0; background:url(../img/seta_dir.png) no-repeat; } } .scroll_emp, .scroll_emp2, .scroll_emp3{ width: 100%; height: auto; float: left; .item{ width: 100%; height: auto; float: left; background:none !important; figure{ width: 100%; height: auto; margin-bottom: 30px; overflow: hidden; text-align: center; position:relative; img{ width: 100%; height: auto; } span{ width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin: -100px 0 0 -100px; z-index: 999; background:url(../img/lupa.png) no-repeat; display:block; } } h3{ font-size: 18px; color: #575757; margin: 0; text-transform: uppercase; text-align: center; } } } } }/* /img_empreendimentos */ .videos{ width: 100%; padding:80px 0; display: inline-block; background:#e6e6e6; aside{ width: 1195px; height: 672px; margin: 0 auto; display: block; iframe{ width: 1195px; height: 673px; } } }/* /videos */ .ficha_tecnica, .tracos{ width: 100%; float: left; background:#c6c4ba; padding: 80px 0; .center{ width: 1050px; h2{ font-size: 36px; color: #000; text-align: center; } span{ width: 72px; height: 2px; display: block; margin: 0 auto 80px auto; background:#4b392e; } br{display: none;} figure{ width: 414px; height: 414px; float: left; overflow: hidden; img{ width: 100%; height: auto; } } p, .one-half{font-size: 18px; line-height: 25px;} article{ width: 490px; float: right; } } &.tracos{ background:#b8b8b8; } }/* /ficha_tecnica e traços */ .localizacao{ width: 100%; float: left; padding: 80px 0 30px 0; h2{ font-size: 36px; color: #000; text-align: center; } span{ width: 72px; height: 2px; display: block; margin: 0 auto 80px auto; background:#4b392e; } iframe{ width: 100%; height: 500px; } p{ color: #707070; font-size: 12px; text-align: center; padding-top:30px; margin: 0; } }/* /localizacao */ .bairro{ width: 100%; height: 680px; position:relative; text-align: center; overflow: hidden; figure{ img{ width: 100%; height: auto; } } .mob{display: none;} .center{ width: 710px; position: relative; position:absolute; top:220px; left:50%; margin-left: -355px; z-index: 99; text-align: center; small{ display: inline; padding:5px 30px; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#000; border:2px solid #000; } h2{ font-size: 48px; text-transform: uppercase; color: #000; } p{ color: #464646; font-size: 18px; } .bt_folder{ width: 212px; padding:10px 40px; font-size: 16px; background:#938449; font-size: 14px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; color:#fff; } } }/* /bairro */ /* ------------------- /single ---------------- */ .listagem_novidades{ width: 975px; h1{ font-size: 36px; color: #000; text-transform: uppercase; text-align: center; } span{ width: 72px; height: 2px; display: block; margin: 0 auto 80px auto; background:#4b392e; } .list{ width: 100%; display: inline-block; margin-bottom: 80px; figure{ img{ max-width: 100%; height: auto; } } #gallery-1 .gallery-item{ padding:10px; } #gallery-1 a{margin-bottom: 5px;} #gallery-1 img{border: 0;} h2{ font-weight:300; font-size: 30px; margin-bottom: 20px; } h3{ font-size: 26px; margin-bottom: 20px; } p{ font-size: 18px; margin-bottom: 20px; } } } &.page{ .center{ .traco{ width: 72px; height: 2px; display: block; margin: 0 auto 80px auto; background:#4b392e; } .wpcf7-form{ width:100%; margin: 0 auto; br{display:none;} input, textarea{ width:48%; padding:22px 0 22px 2%; float:left; background:#d4d4d4; font-size: 18px; text-transform: uppercase; margin:0 2% 15px 0; border: 0; } textarea{ width:98%; height:154px; margin: 0 0 15px 0; } .bt_enviar{ width:40%; padding:22px 0 22px 2%; color:#fff; background:#968445; float:right; margin-right:2%; text-align: left; } .bt_enviar_trabalhe{ float: none; margin: 0 auto; padding: 10px 0; } div.wpcf7-response-output{ clear:both; } }/* /contato desk */ } }/* /page */ .list_emp{ width: 100%; background:#efefef; padding-top:10px; .content{ width: 99.90%; margin: 0 auto; .selecione{ width: 910px; margin: 50px auto; ul{ margin: 0; padding:0; li{ float: left; list-style: none; margin-right: 5px; text-transform: uppercase; font-size: 16px; a{ padding: 4px 10px; text-decoration: none; color: #4b392e; &:hover{ text-decoration: none; padding-bottom:5px; border-bottom:1px solid #4b392e; } &.selected{ color:#4b392e; padding-bottom:5px; border-bottom:1px solid #4b392e; } } } } } .conteudo{ width: 100%; margin:0 auto; margin-bottom: 50px; article{ width: 33.30%; height: 634px; float: left; margin: 0; position: relative; overflow: hidden; .bt_img{ width: 100%; height: 634px; position:absolute; bottom:-634px; left:0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.57718837535014) 20%, rgba(255,0,0,0) 100%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure{ width: 100%; height: 634px; overflow:hidden; img{ width: 100%; height:120%; -webkit-transition:.5s all; } } &:hover{ figure{ img{ transform: scale(1.05); -webkit-transform: scale(1.05); } } } .text{ width: 300px; position: absolute; bottom:-250px; left:50%; margin-left: -150px; z-index:99; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; a{ color:#fff; text-decoration: none; } h3{ font-size: 24px; text-transform: uppercase; } small{ margin: 10px 0; } span{ width: 65px; height: 2px; background:#fff; display: block; margin:20px auto; } p{ font-size: 16px; } } &:hover{ .bt_img{ bottom:0; } .text{ bottom: 70px; } } } } }/* /content */ }/* /list_emp */ .equipe{ width: 100%; display: inline-block; margin-bottom: 20px; aside{ width: 33.33%; height: 420px; float: left; position:relative; }/* /aside */ }/* /equipe */ } /**** Isotope Filtering ****/ .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } /**** Isotope CSS3 transitions ****/ .isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /* End: Recommended Isotope styles */ /* disable CSS transitions for containers with infinite scrolling*/ .isotope.infinite-scrolling { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } }/* /container */ footer { width: 100%; float: left; position:relative; background:#9a9a9a url(../img/bg_footer.jpg) repeat-y center top; height:460px; clear:both; .center{ .ilustrativas{ clear: both; display: block; text-align: center; color: #fff; } .endereco{ width: 325px; float: left; margin: 90px 0 0 70px; h1{ width: 124px; height: 66px; display: block; margin-bottom: 40px; text-indent: -9999px; a{ width: 124px; height: 66px; display: block; background:url(../img/csq_footer.png) no-repeat; } } h4{ font-size: 36px; color:#fff; a{color:#fff;} } p{ font-size: 18px; color:#fff; text-transform: uppercase; } h5{ color:#fff; font-size: 14px; font-weight: bold; } .ico_redes{ color:#fff; font-size: 30px; margin-right: 10px; } }/* /endereco */ .dir{ width: 735px; float:right; margin: 90px 0 120px 0; position:relative; .m_footer{ float: left; margin: 0 12px; h3{ font-size: 22px; color:#fff; text-transform: uppercase; margin-bottom: 15px; a{ color:#fff; } } ul{ li{ margin-bottom: 5px; display: block; list-style: none; font-size: 14px; text-transform: uppercase; a{ color:#fff; } } } } .certificado{ position:absolute; right:-210px; top:15px; h4{ color:#fff; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } } } .bt_subir{display: none;} }/* /center */ .abmb{ width:18px; height:18px; position:absolute; bottom:15px; right:15px; display: block; clear: both; background:url(../img/abmb.png) no-repeat; text-indent: -9999px; } }/* /footer */ @media only screen and (max-width : 759px) { .center{width:100%; margin:0 auto;} .bloco1{ .center{ width: 320px; section{ width: 100%; a{text-decoration: none;} .formulario_m{ padding:0 15px; .bt_fechar, .bt_fechar2{ right: 15px; z-index: 999; font-size: 24px; } } p{ width: 320px; margin: 0 auto 15px auto; display: block; } form{ width: 230px; margin: 0 5px 0 10px; .text{ width: 100%; margin: 0; } } .bt_abrir_m{ margin: 0 0 0; } } } }/* /bloco 1 */ #container{ header{ .center{ h1{ margin: 15px 0 0 15px; } .menu{ position: relative; top:0px; right: 0px; position: absolute; z-index: 99999; .ico_menu{ width: 40px; height: 29px; float: right; background: url(../img/ico_menu_mob.png) no-repeat; display: block; cursor: pointer; margin: 5px; position: absolute; top: 22px; right: 15px; z-index: 99; &.active{ background: url(../img/ico_menu_mob.png) no-repeat; } } ul{ width: 100%; height: 10000px; float: left; padding: 80px 0 0 0; background: #fff; display: none; position:relative; .logomob{ width: 92px; height: 49px; margin: 0 auto; display: block; position:absolute; top:20px; left:50%; margin-left: -46px; z-index: 999; a{ width: 92px; height: 49px; display: block; background:url(../img/csq_engenharia.png) no-repeat; } } li{ width: 100%; height: auto; padding: 12px 0 0 0; text-align: center; border-bottom: none; img{ display: none; } &.bt_emp, &.bt_cont, &.bt_quem{ ul{ width: 100%; position:relative; top:0; left: 0; height: auto; padding:0; background:none; opacity:1; filter:alpha(opacity=1); display: block; li{ padding: 5px 0 5px 0; border-bottom: none; } } &:hover{ background:none; ul{ height: auto; display: block; } } } &:hover{ background:none; } } } } } }/* /header */ .s_principal{ height: 500px; .pager{ bottom:5px; } .g_slide{ height: 500px; .slick-dots{ top: 460px; } .item{ height: 500px; figure{ display: block; img{ width: 100%; height: auto; } } .bt_link{ position:absolute; top: 0; left: 0; z-index: 9; height: 500px; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.57718837535014) 20%, rgba(0,0,0,0) 100%); } .center{ left:0; margin-left:0; .text{ width: 100%; bottom:70px; left:0; padding:0 15px; } }/* /center */ }/* /slide */ }/* /g_slide */ }/* /s_principal */ .bloco2{ .paisagem{ width: 100%; height: 380px; .text{ width: 100%; text-align: center; h2{ margin-top: 200px; } } }/* /paisagem */ .g_scroll{ width: 100%; height: 500px; .scroll{ height: 500px; .slick-dots{ top: 460px; } .item{ background:none !important; figure{ display: block; img{ width: 100%; height: auto; } } height: 500px; .m_link{ height: 500px; } .text{ h2{ font-size: 30px; } } } } } }/* /bloco 2 */ .bloco3{ height: auto; margin-bottom: 50px; background:none !important; figure{ display: block; img{ width: 100%; height: auto; } } .center{ width: 100%; position:relative; bottom:0; left:0; margin-left:0; padding: 40px 10px 0 10px; h1{ font-size: 32px; } p{ width: 100%; } } }/* /bloco 3 */ .bloco4{ h2{ padding:0 40px; } .center{ width: 100%; article{ width: 100%; height: 500px; margin:0; figure{ display: block; img{ width: 100%; height: auto; } } .bt_img{ width: 100%; height: 540px; } .text{ top:230px; } } .bt_mais{ width: 60%; height: 40px; padding:8px 0; margin-top:20px; } }/* /center */ }/* /bloco 4 */ .bloco5{ .center{ width: 100%; .novidades{ width: 100%; height: 240px; margin:0 0 30px 0; .bt_img{ width: 100%; height: 240px; img{ opacity: 0.8; } } .text{ width: 100%; bottom:5px; left: 0; margin-left:0; h1{ font-size: 20px; } } } .oportunidade{ width: 100%; height: 500px; margin:0 0 20px 0; figure{ display: block; img{ width: 100%; height: auto; } } .bt_img{ width: 100%; height: 540px; } } }/* /center */ }/* /bloco 5 */ .internas{ iframe{ width: 100%; height: 200px; } .top_sin{ height: auto; .desk{ display: none; } .mob{ display: block; img{ width: 100%; height: auto; opacity: 1; } } .center{ width: 100%; background:#cac6bd; position:relative; top:0; padding:30px 15px; left:0; margin-left:0; small{ color:#000; border:2px solid #000; } h1{ font-size: 32px; margin-bottom: 15px; color: #000; } p{ font-size: 15px; margin-bottom: 10px; color: #000; a{ color: #000; } } .bt_folder{ display: inline-block; margin-bottom: 5px; } } }/* /top_sin */ .img_empreendimentos{ width: 100%; padding:0 15px; margin: 0; h2{ font-size: 32px; } .g_scroll_emp, .g_scroll_emp2, .g_scroll_emp3{ height: auto; .slick-prev, .slick-next, .bt_ant, .bt_prox, .bt_ant2, .bt_prox2, .bt_ant3, .bt_prox3{ width: 30px; height: 48px; margin-top: 0; top:40%; margin-top: -24px; &.slick-prev, &.bt_ant, &.bt_ant2, &.bt_ant3{ background:url(../img/seta_esq_mob.png) no-repeat; } &.slick-next, &.bt_prox, &.bt_prox2, &.bt_prox3{ background:url(../img/seta_dir_mob.png) no-repeat; } } .scroll_emp, .scroll_emp2, .scroll_emp3{ height: 200px; .item{ margin-bottom:120px; figure{ margin-bottom: 20px; span{ width: 100px; height: 100px; margin: -50px 0 0 -50px; background:url(../img/lupa_mob.png) no-repeat; display:block; } } } } } }/* /img_empreendimentos */ .videos{ margin-top: 30px; padding:50px 0; aside{ width: 100%; padding:0 15px; height: 220px; iframe{ width: 100%; height: 220px; } } }/* /videos */ .ficha_tecnica, .tracos{ padding: 50px 0; .center{ width: 100%; padding:0 15px; span{ margin: 0 auto 50px auto; } br{display: none;} figure{ width: 100%; height: auto; margin-bottom: 20px; } p, .one-half{margin-bottom: 20px;} article{ width: 100%; } } }/* /ficha_tecnica e traços */ .localizacao{ padding: 50px 0; iframe{ width: 100%; height: 400px; } p{ padding:20px 15px 0 15px; } }/* /localizacao */ .bairro{ height: 500px; .desk{ display: none; } .mob{ display: block; img{ width: 100%; height: auto; opacity: 0.7; } } .center{ width: 100%; top:60px; padding:0 15px; left:0; margin-left:0; h2{ font-size: 32px; margin-bottom: 20px; } p{ font-size: 16px; } } }/* /bairro */ /* ------------------- /single ---------------- */ .listagem_novidades{ width: 100%; padding:0 15px; .list{ figure{ img{ max-width: 100%; height: auto; } } #gallery-1 .gallery-item{ width: 100%; padding:5px; } h2{ font-size: 26px; } p{ font-size: 16px; } } } &.page{ .center{ width: 100%; padding:0 15px; .wpcf7-form{ input, textarea{ width:100%; margin:0 0 15px 0; } textarea{ width:100%; } .bt_enviar{ margin-right:0; } }/* /contato desk */ } }/* /page */ .list_emp{ .content{ .selecione{ width: 100%; ul{ li{ margin:5px 2px; font-size: 14px; a{ padding: 4px 8px; } } } } .conteudo{ article{ width: 100%; height: 354px; .bt_img{ width: 100%; height: 354px; bottom:0; } figure{ img{ width: 100%; height:auto; margin-left:0; } } .text{ width: 300px; bottom: 70px; } &:hover{ .text{ bottom: 70px; } } } } }/* /content */ }/* /list_emp */ .equipe{ aside{ width: 100%; height: 240px; }/* /aside */ }/* /equipe */ }/* /internas */ }/* /container */ footer { background:#9a9a9a; height:auto; .center{ .endereco{ width: 100%; padding: 0 15px; margin: 50px 0 0 0; h4{ font-size: 30px; } p{ font-size: 16px; } }/* /endereco */ .dir{ width: 100%; margin: 20px 0; padding-bottom: 80px; background:#9a9a9a; .m_footer{ width: 100%; padding:0 35px; margin: 0; } .certificado{ padding: 0 35px; display: block; margin-bottom: 50px; position:relative; right:0; top:15px; clear: both; } } .bt_subir{ width: 60px; height: 60px; background:#484848; margin: 0 auto; display: block; text-align: center; font-size: 55px; color:#9a9a9a; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } }/* /center */ .abmb{ width:18px; height:18px; position:absolute; bottom:15px; right:50%; margin-right: -9px; display: block; clear: both; background:url(../img/abmb.png) no-repeat; text-indent: -9999px; } }/* /footer */ } /* iPads (restrato e paisagem) */ @media only screen and (min-width: 760px) and (max-width : 1024px) { .center{width:100%;} .bloco1{ .center{ width: 380px; section{ width: 100%; float:none; margin:0 auto; form{ width: 260px; } } } }/* /bloco1 */ #container{ header{ .center{ h1{ margin: 15px 15px 0 15px; } .menu{ ul{ li{ font-size: 16px; padding: 28px 13px 0 13px; &.bt_emp, &.bt_cont, &.bt_quem{ ul{ width: 200px; padding:15px 15px 0 15px; } } } } } } }/* /header */ .s_principal{ height: 450px; .pager{ bottom:0; } .g_slide{ height: 450px; .slick-dots{ top: 410px; } .item{ height: 450px; .bt_link{ height: 450px; } .center{ left:0; margin-left:0; height: 350px; .text{ bottom:50px; left:20px; } }/* /center */ }/* /slide */ }/* /g_slide */ }/* /s_principal */ .bloco2{ .paisagem{ width: 100%; height: 430px; .text{ width: 480px; } }/* /paisagem */ .g_scroll{ width: 100%; height: 430px; .scroll{ height: 430px; .slick-dots{ top: 400px; } .item{ height: 430px; .m_link{ height: 430px; } .text{ top: 250px; } } } } }/* /bloco 2 */ .bloco3{ height: 420px; margin-bottom: 215px; .center{ width: 100%; height: 274px; bottom:-200px; left:0; margin-left:0; padding-top: 55px; h1{ font-size: 36px; } p{ width: 530px; } } }/* /bloco 3 */ .bloco4{ .center{ width:100%; h2{ margin-bottom:30px; } article{ width: 33.33%; height: 360px; margin:0 0 40px 0; .bt_img{ width: 100%; height: 360px; } .text{ width: 100%; top:200px; left:0; margin-left:0; padding:0 15px; h3{ font-size: 20px; } p{ display: none; } } } .bt_mais{ width: 250px; height: 40px; padding:8px 0; } }/* /center */ }/* /bloco 4 */ .bloco5{ .center{ width: 100%; .novidades{ width: 60%; height: 380px; margin-left:0; .bt_img{ width: 100%; height: 380px; } .text{ width: 100%; padding:0 20px; bottom:40px; left:0; margin: 0; h1{ font-size: 22px; } } } .oportunidade{ width: 40%; height: 380px; margin:0 0 0 0; .bt_img{ width: 100%; height: 380px; } .text{ width: 100%; bottom:40px; left:0; margin-left:0; span{ width: 65px; height: 2px; background:#fff; display: block; margin:20px auto; } p{ display: none; } } } }/* /center */ }/* /bloco 5 */ .internas{ iframe{ width: 100%; height: 480px; } /* single */ .top_sin{ height: 330px; .desk{ height: 330px; } .center{ top:100px; h1{ font-size: 42px; } p{ font-size: 16px; } } }/* /top_sin */ .img_empreendimentos{ padding:0 15px; .g_scroll_emp, .g_scroll_emp2, .g_scroll_emp3{ .slick-prev, .slick-next, .bt_ant, .bt_prox, .bt_ant2, .bt_prox2, .bt_ant3, .bt_prox3{ top:120px; margin-top: 0; } } }/* /img_empreendimentos */ .videos{ aside{ width: 96%; height: 580px; iframe{ width: 100%; height: 580px; } } }/* /videos */ .ficha_tecnica, .tracos{ .center{ width: 98%; figure{ width: 48%; } article{ width: 48%; } } }/* /ficha_tecnica e traços */ .bairro{ height: 360px; .center{ width: 800px; top:60px; margin-left: -400px; h2{ font-size: 42px; } p{ font-size: 16px; } } }/* /bairro */ &.page{ .center{ width: 100%; padding: 0 15px; } }/* /page */ .list_emp{ .content{ .selecione{ width: 98%; ul{ li{ font-size: 15px; margin-right: 0; a{ padding:4px 5px; } } } } .conteudo{ article{ width: 33.33%; height: 378px; figure{ height: 378px; img{ width: auto; height:100%; -webkit-transition:none; } } .bt_img{ height: 378px; } .text{ width: 100%; margin: 0; left: 0; bottom:70px; h3{ font-size: 18px; } } } } }/* /content */ }/* /list_emp */ .listagem_novidades{ width: 100%; padding:0 10px; } }/* /internas */ }/* /container */ footer { background:#484848; .center{ .endereco{ width: 30%; padding-left:20px; margin: 90px 0 0 0; h4{ font-size: 30px; } p{ font-size: 16px; } }/* /endereco */ .dir{ width: 70%; .m_footer{ h3{ font-size: 14px; } } .certificado{ position:absolute; right:40px; top:200px; h4{ color:#fff; text-transform: uppercase; font-size: 14px; margin-bottom: 10px; } } } .bt_subir{display: none;} }/* /center */ .abmb{ width:18px; height:18px; position:absolute; bottom:15px; right:15px; display: block; clear: both; background:url(../img/abmb.png) no-repeat; text-indent: -9999px; } }/* /footer */ } @media only screen and (min-width: 1025px) and (max-width: 1366px) { .center{width:1250px; margin:0 auto;} #container{ .s_principal{ height: 500px; .g_slide{ height: 500px; .slick-dots{ top: 460px; } .item{ height: 500px; .bt_link{ height: 500px; } .center{ margin-left: -625px; } }/* /slide */ }/* /g_slide */ }/* /s_principal */ .bloco2{ .paisagem{ height: 450px; .text{ width: 420px; h2{ margin-top: 280px; } } }/* /paisagem */ .g_scroll{ height: 450px; .scroll{ height: 450px; .slick-dots{ top: 400px; } .item{ height: 450px; .m_link{ height: 450px; } .text{ top:250px; h2{ font-size: 30px; } } } } } }/* /bloco 2 */ .bloco3{ height: 504px; .center{ width: 990px; height: 224px; margin-left: -495px; padding-top: 20px; } }/* /bloco 3 */ .bloco4{ width: 100%; display: inline-block; h2{ text-align: center; color:#7d7d7d; font-size: 36px; text-transform: uppercase; letter-spacing: 5px; margin-bottom: 68px; } .center{ width: 1238px; article{ width: 404px; height: 580px; overflow: hidden; margin:0 4px 40px 4px; .bt_img{ width: 412px; height: 580px; } .text{ top: 320px; } } }/* /center */ }/* /bloco 4 */ .bloco5{ .center{ width: 1238px; .novidades{ width: 800px; height: 586px; overflow: hidden; margin-left: 0; .bt_img{ width: 854px; height: 586px; } .text{ bottom:40px; } } .oportunidade{ width: 404px; height: 586px; .bt_img{ width: 412px; height: 586px; } .text{ bottom:40px; } } }/* /center */ }/* /bloco 5 */ .internas{ .top_sin{ height: 600px; .desk{ height: 600px; } .center{ top:120px; } }/* /top_sin */ .img_empreendimentos{ height: 560px; margin-bottom: 60px; .g_scroll_emp, .g_scroll_emp2, .g_scroll_emp3{ height: 520px; .slick-prev, .slick-next, .bt_ant, .bt_prox, .bt_ant2, .bt_prox2, .bt_ant3, .bt_prox3{ top: 230px; margin-top: 0; } .scroll_emp, .scroll_emp2, .scroll_emp3{ .item{ figure{ height: 480px; margin-bottom: 10px; } } } } }/* /img_empreendimentos */ .bairro{ height: 490px; .center{ top:100px; } }/* /bairro */ .list_emp{ .content{ .conteudo{ article{ width: 33.1%; height: 430px; .bt_img{ height: 430px; bottom:-430px; } figure{ width: 100%; height: 430px; img{ width: 100%; height:100%; -webkit-transition:.5s all; } } } } }/* /content */ }/* /list_emp */ }/* /internas */ }/* /container */ footer { .center{ .endereco{ margin-top: 70px; } .dir{ margin: 70px 0 130px 0; .certificado{ right:60px; top:200px; img{ width: 180px; height: auto; } } } }/* /center */ }/* /footer */ } @media only screen and (min-width: 1367px) and (max-width: 1615px) { .center{width:1266px; margin:0 auto;} #container{ .s_principal{ height: 670px; .g_slide{ height: 670px; .slick-dots{ top: 650px; } .item{ height: 670px; .bt_link{ height: 670px; } }/* /slide */ }/* /g_slide */ }/* /s_principal */ .internas{ .img_empreendimentos{ .g_scroll_emp, .g_scroll_emp2, .g_scroll_emp3{ .scroll_emp, .scroll_emp2, .scroll_emp3{ .slide{ figure{ height: 670px; margin-bottom: 15px; } } } } }/* /img_empreendimentos */ } .list_emp{ .content{ width: 1266px; .conteudo{ article{ width: 33.2%; height: 634px; float: left; margin: 0; position: relative; overflow: hidden; .bt_img{ width: 100%; height: 634px; position:absolute; bottom:-634px; left:0; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.57718837535014) 20%, rgba(255,0,0,0) 100%); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } figure{ img{ width: auto; height:100%; -webkit-transition:.5s all; } } &:hover{ figure{ img{ transform: scale(1.05); -webkit-transform: scale(1.05); } } } .text{ width: 300px; position: absolute; bottom:-250px; left:50%; margin-left: -150px; z-index:99; text-align: center; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; a{ color:#fff; text-decoration: none; } h3{ font-size: 24px; text-transform: uppercase; } small{ margin: 10px 0; } span{ width: 65px; height: 2px; background:#fff; display: block; margin:20px auto; } p{ font-size: 16px; } } &:hover{ .bt_img{ bottom:0; } .text{ bottom: 70px; } } } } }/* /content */ }/* /list_emp */ } footer { .center{ .endereco{ margin: 90px 0 0 40px; }/* /endereco */ .dir{ .certificado{ right:14px; top:175px; } } }/* /center */ }/* /footer */ }