body {font-family: 'Stem-Medium'; font-size: 17px; color: #282828; font-weight: 400;} /* <> Fonts */ /*@font-face {font-family: 'Stem-Regular'; src:url(../fonts/Stem-Regular.otf);} @font-face {font-family: 'Stem-Medium'; src:url(../fonts/Stem-Medium.otf);} @font-face {font-family: 'Stem-Bold'; src:url(../fonts/Stem-Bold.otf);} @font-face {font-family: 'Stem-Hairline'; src:url(../fonts/Stem-Hairline.otf);} @font-face {font-family: 'Stem-Thin'; src:url(../fonts/Stem-Thin.otf);} @font-face {font-family: 'Stem-Light'; src:url(../fonts/Stem-Light.otf);} @font-face {font-family: 'Stem-Ex-Light'; src:url(../fonts/Stem-ExtraLight.otf);} */ @font-face {font-family: 'Stem-Regular'; src:url(../fonts/Montserrat-Regular.ttf);} @font-face {font-family: 'Stem-Medium'; src:url(../fonts/Montserrat-Medium.ttf);} @font-face {font-family: 'Stem-Bold'; src:url(../fonts/Montserrat-Bold.ttf);} @font-face {font-family: 'Stem-Hairline'; src:url(../fonts/Montserrat-ExtraBold.ttf);} @font-face {font-family: 'Stem-Thin'; src:url(../fonts/Montserrat-Thin.ttf);} @font-face {font-family: 'Stem-Light'; src:url(../fonts/Montserrat-Light.ttf);} @font-face {font-family: 'Stem-Ex-Light'; src:url(../fonts/Montserrat-ExtraLight.ttf);} /* Fonts */ /* <> Gerais*/ /* Change the white to any color */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #fff inset !important;} input:-webkit-autofill {-webkit-text-fill-color: #282828 !important;} input.email-input:-webkit-autofill, input.email-input:-webkit-autofill:hover, input.email-input:-webkit-autofill:focus, input.email-input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #282828 inset !important;} input.email-input:-webkit-autofill {-webkit-text-fill-color: #fff !important;} .compra input:-webkit-autofill, .compra input:-webkit-autofill:hover, .compra input:-webkit-autofill:focus, .compra input:-webkit-autofill:active {-webkit-box-shadow: 0 0 0 30px #eeeeee inset !important;} .compra input:-webkit-autofill {-webkit-text-fill-color: #282828 !important;} .form-control {-webkit-box-shadow: none !important;} .form-control[disabled], fieldset[disabled] .form-control {cursor: inherit !important;} .form-control:focus {box-shadow: none !important; border: 0px !important;} * {scrollbar-width: thin; scrollbar-color: #fec300 #eeeeee;} *::-webkit-scrollbar {width: 20px;border-radius: 100px;} *::-webkit-scrollbar-track {background: #eeeeee;border-radius: 100px;} *::-webkit-scrollbar-thumb {background-color: #fec300;border-radius: 100px; border: 3px solid #eeeeee;} :focus {outline: none;} .background-attrs {background-size: cover; background-repeat: no-repeat; background-position: center;} h1 {font-family: 'Stem-Bold'; color: #fec300; font-size: 52px; font-weight: 700; line-height: 42px;} h2 {font-family: 'Stem-Bold'; color: #fec300; font-size: 42px; font-weight: 700; line-height: 40px} h3 {font-family: 'Stem-Bold'; color: #fec300; font-size: 24px; font-weight: 700; line-height: 25px} .form-control {padding: 15px 25px; border-radius: 25px; height: 45px; border: 0px;} .btn-default {background-color: #fec300; padding: 24px 90px; border-radius: 9999px; border: 0px; font-family: 'Stem-Bold'; font-size: 16px; text-transform: uppercase;} .form .btn-default, .contato .btn-default {padding: 16px 25px !important;} .btn-gray {background-color: #eeeeee;} .btn-gray:hover {color: #282828;} .hvr-rectangle-out, .hvr-rectangle-out::before {border-radius: 9999px;} @keyframes bounce { from, 20%, 53%, 80%, to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} 40%, 43% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0);} 70% {-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0);} 90% {-webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0);} } .no-padding {padding: 0px;} .img-responsive {display: inline-block;} .btn-black, .btn-active {background-color: #282828 !important; color: #fec300 !important;} .visible-form {display: inherit; visibility: visible; transition: visibility 0.3s linear,opacity 0.3s linear;} .hidden-form {display: none; transition: visibility 0.3s linear,opacity 0.3s linear;} .btn-default:hover {border-color: transparent !important;} .btn-default.focus, .btn-default:focus {outline: none !important; box-shadow: none;} .btn-default.active {background-color: #fec300; box-shadow: none} /* Gerais*/ /* <> EFEITO CARREGAMENTO PAGINA */ @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } } @keyframes fadeIn { from { opacity:0; } to { opacity:1; } } .fade-in { opacity:0; -webkit-animation:fadeIn ease-in 1; -moz-animation:fadeIn ease-in 1; animation:fadeIn ease-in 1; -webkit-animation-fill-mode:forwards; -moz-animation-fill-mode:forwards; animation-fill-mode:forwards; -webkit-animation-duration:1s; -moz-animation-duration:1s; animation-duration:1s;} .fade-in.one { -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; animation-delay: 0.7s;} .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay:1.2s; animation-delay: 1.2s;} .fade-in.three { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s;} #demo, #demo2 {opacity: 0; transition: opacity 1.5s;} #demo.mostrar, #demo2.mostrar {opacity: 1;} #demo li, #demo2 li {list-style: none; font-size: 82px; font-family: 'Stem-Hairline'; font-weight: 700; color: #fec300;} #demo2 {margin-top: -135px;} #demo {margin-top: -12px;} /* EFEITO CARREGAMENTO PAGINA */ /* <> Menu Open */ .side-menu-wrapper {display: none; background: #282828; padding: 40px 40px 0 70px; position: fixed; top: 0; height: 100%; z-index: 2; transition: 0.5s; width: 500px; box-sizing: border-box; z-index: 99999 !important;} .side-menu-wrapper > ul > h2 {margin-bottom: 15px; margin-top: 40px; font-size: 28px;} .side-menu-wrapper > ul {list-style:none; padding:0; margin:0; overflow-y: auto; height:95%; margin-top: 30px;} .side-menu-wrapper > ul > li > a {display: block; padding: 3px 0; color: #fff; transition: 0.3s; text-decoration: none; font-family: 'Stem-Medium'; text-transform: uppercase; font-size: 16px;} .side-menu-wrapper > ul > li > a:hover {color: #fec300; } .side-menu-wrapper > a.menu-close {font-family: 'Stem-Medium'; padding: 8px 0 20px 23px; color: #ffffff; display: block; margin: -30px 0 -10px -20px; font-size: 20px; text-decoration: none; float: right;} .side-menu-wrapper > a.menu-close:hover {opacity:0.5 } .side-menu-wrapper > a.menu-close b {font-size: 40px; position: relative; top: 8px; margin-right: 5px; } .menu-overlay {height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: rgba(0,0,0,.7); overflow-y: auto; overflow-x: hidden; text-align: center; opacity: 0; transition: opacity 1s;} .fone-menu {font-size: 23px; font-family: 'Stem-Medium'; color: #fff;} .side-menu-wrapper img {margin-right: 15px;} .side-menu-wrapper a.rede-instagram, .side-menu-wrapper a.rede-facebook, .side-menu-wrapper a.rede-youtube, .side-menu-wrapper a.rede-pinterest {margin-top: 10px;} /* Menu Open */ /* <> Header */ #Header {padding-top: 40px; height: 600px;} .logo-harton img {width: 135px !important;} button.submit-button, button.btn-submit {padding: 6px !important; position: absolute; border: 0px; border-radius: 50%; z-index: 99998; margin-left: -80px; background-color: #FEC300; color: #fff; transition: all 200ms linear 0s; right: 21px; margin-top: -41.7px;} .menu-header a {text-decoration: none; color: #fff; font-family: 'Stem-Medium'; font-size: 20px; padding: 6px 8px; display: inline-block;} .menu-header a:hover {color: #fec300;} .logo-you {margin-top: 120px; opacity: 1;} .sub-menu {margin-top: 220px; background-color: #fec300; padding: 15px 30px; border-radius: 9999px;} .sub-menu a {padding: 14px 0px; font-family: 'Stem-Medium'; text-decoration: none; text-transform: uppercase; color: #282828; font-size: 20px; text-align: center; display: block;} .sub-menu a.center {font-family: 'Stem-Bold'; padding: 6px 0px; text-transform: inherit; color: #282828; font-size: 30px; } .sub-menu a:hover, .sub-menu a.center:hover {color: #fff;} .logo-you h2, .logo-you h3 {font-family: 'Stem-Light'; color: #fff; } .logo-you h3 {font-size: 19px;text-transform: uppercase;} .logo-you h2 {font-size: 82px; font-family: 'Stem-Hairline'; color: #fec300} .menu-header {padding-left: 0px;} .busca-header {width: 86% !important; float: right;} .submit-header {margin-top: 4.5px !important; right: 20px !important;} .header-black .submit-header {margin-top: 3px !important; right: 20px !important;} /* Header */ /* <> Lancamento */ .lancamento {background-color: #282828; padding-top: 100px; padding-bottom: 100px; color: #fff;} .logo-you-lancamento {margin-top: 30px; margin-bottom: 50px;width: 166px;} p.preco {color: #fec300; font-size: 30px; font-family: 'Stem-Bold'; margin-top: 25px;} p.preco small {display: block; font-size: 14px; font-family: 'Stem-Light'; position: relative; top: 10px;} p.preco b {font-size: 12px; font-family: 'Stem-Medium'} h2.white {color: #fff; font-size: 42px; margin-top: 40px;} .lancamento .btn-default {margin-top: 30px; margin-bottom: 60px;} .arrow-down {width: 50px; animation: bounce 3s infinite;} .arrow-scroll .arrow-down {display: inline-block; margin-top: -150px} .mockup {margin-top: -30px;} .lancamento h2.title-cabanas {font-size: 28px; font-family: 'Stem-Bold';} /* Lancamento */ /* <> Life Style */ .bairro {background-color: #fec300; padding: 40px 0px; color: #fff; text-align: right; margin-top: -30px; height: 190px; position: relative; z-index: 99999 !important;} .bairro p {font-family: 'Stem-Medium'; font-size: 26px; margin-top: 25px; line-height: 28px;} .quero-investir {background-image: url(../img/img-studio.jpg); height: 800px; margin-top: -160px;} .quero-investir a.btn-default {position: absolute; bottom: 60px; right: 100px;} .life-background {/*background-image: url(../img/life-style.jpg);*/ height: 800px;} h2.life-style {font-size: 150px; font-family: 'Stem-Light'; margin-top: 6px;} .viver {position: absolute; bottom: 71px; left: -22px;} .viver span {color: #fff; font-size: 60px; display: block; font-family: 'Stem-Bold'; line-height: 40px;} /* Life Style */ /* <> Localização */ .localizacao {background-image: url(../img/mapa.png); background-repeat: no-repeat; background-position: right; background-color: #eeeeee; padding-top: 100px; padding-bottom: 100px; border-top: 3px solid #fec300; border-bottom: 3px solid #fec300;} .localizacao h2 {font-size: 42px; margin-top: -8px; position: relative; z-index: 99999;} .localizacao h3 {color: #282828; position: relative; z-index: 99999; margin-top: 50px;} .localizacao p {margin-top: 20px; margin-bottom: 20px;} .bloco-km {background-color: #282828; padding: 9px 22px; border-radius: 9999px; color: #fff; margin-bottom: 10px; margin-top: 5px;} .local-km {font-size: 18px; font-family: 'Stem-Medium';} .icon-km {color: #fec300; font-size: 12px; position: absolute; right: 17px; top: 5.8px;} .icon-km b {margin-left: 15px; width: 40px; height: 40px; border-radius: 50%; background-color: #fec300; color: #282828; display: inline-block; text-align: center; font-size: 18px; font-family: 'Stem-Medium'; padding: 7px; position: relative; top: 1px;} .icon-km img {margin-top: -4px; margin-left: 8px;} .pin-background {position: absolute; z-index: 1; margin-left: -220px; width: 340px;} /* Localização */ /* <> Investidores e Sobre Home */ .investidores, .sobre-home {padding: 50px 0px;} .investidores h1 {color: #282828; font-size: 46px; text-align: center;} .investidores h1 span {color: #fec300;} .investidores h3 {font-size: 20px; color: #282828; text-align: center; font-family: 'Stem-Light';} .investidores h3 span {color: #fec300; font-family: 'Stem-Medium';} .circles-passo-a-passo {margin-top: 60px;} .circles-passo-a-passo .circle {width: 220px; height: 220px; border: 2px solid #fec300; border-radius: 50%; text-align: center; padding: 25px; float: left; margin-left: 4%;} .circles-passo-a-passo .circle span {display: block; color: #fec300; font-family: 'Stem-Bold'; font-size: 90px; margin-top: -4px; line-height: 90px;} .circles-passo-a-passo .circle p {font-family: 'Stem-Regular'; font-size: 16px;} .circles-passo-a-passo .circle p b {font-family: 'Stem-Bold';} .video {text-align: center; margin-top: 60px;} .video img {margin-bottom: 40px;} .video a {cursor: pointer;} .sobre-home h2 {color: #fec300; font-size: 38px; text-align: center;} .sobre-home h3 {color: #282828; text-align: center; font-family: 'Stem-Regular';} /* Investidores e Sobre Home */ /* <> Galeria */ .galeria {padding: 50px 0px; background-color: #282828; color: #fff;} .galeria p {margin-top: 30px;} .galeria h2 {font-size: 38px;} .img-principal {height: 550px; margin-top: 80px;} .img-principal img.img-seta-carousel {float: right; position: relative; right: -103px; top: 256px; z-index: 999 !important;} .thumb-galeria {height: 500px;} .segunda-frase-galeria {margin-top: -190px;} .segunda-frase-galeria p {margin-top: -70px;} .btn-investir-galeria {text-align: center; margin-top: 60px; margin-bottom: 30px;} .small-p {text-align: center; color: #fec300; margin-top: 5px !important; font-size: 13px;} .frase-registro p {margin-top: -20px; color: #fec300} .images-galeria {margin-top: -130px} /* Galeria */ /* <> Hotel */ .hotel {border-bottom: 3px solid #fec300;} .hotel p {margin-top: 30px;} .hotel h2 {font-size: 38px; margin-top: 70px;} .hotel h3 {color: #282828; margin-top: 80px;} .list-qualidades {padding-left: 0px; margin-top: 15px;} .list-qualidades li {list-style: none; display: block; margin-top: 10px; color: #fec300;} .list-qualidades img {margin-right: 8px; position: relative; top: -1px; width: 17px;} .back-hotel {/*background-image: url(../img/hotel.jpg);*/ height: 800px;} .back-hotel span {font-size: 170px; position: absolute; bottom: 4px; color: #fff; font-family: 'Stem-Bold'; line-height: 128px; left: 0;} .arrow-right {margin-top: 82px; margin-left: -50px;} /* Hotel */ /* <> Investidor Form */ .investidor-form {margin-top: 0px; font-size: 16px; border-bottom: 3px solid #fec300;} .investidor-back {/*background-image: url(../img/investidor.jpg);*/ height: 700px;} .form-inves {padding: 80px 80px; background-color: #eeeeee; height: 700px;} .dolar {color: #fec300; font-family: 'Stem-Bold'; font-size: 165px; display: inline-block; margin-top: -20px;} .titulo-form-invs h2 {color: #282828; font-size: 44px; margin-top: 80px; margin-left: 0px;} .titulo-form-invs p {font-size: 17px; margin-left: 0px;} .email-input {background-color: #282828; color: #fff; margin-top: 15px;} .investidor-form form {margin-top: 45px; margin-bottom: 25px; overflow: hidden;} .investidor-form .btn-submit {padding: 8px 30px !important; border-radius: 9999px !important; color: #282828; right: 18px !important; margin-top: -41.5px !important;} .cbx {-webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; cursor: pointer;} .cbx span {display: inline-block; vertical-align: middle; transform: translate3d(0, 0, 0);} .cbx span:first-child {position: relative; width: 24px; height: 24px; border-radius: 50%; transform: scale(1); vertical-align: middle; border: 1px solid #fec300; transition: all 0.2s ease; background-color: white;} .cbx span:first-child svg {position: absolute; z-index: 1; top: 8px; left: 6px; fill: none; stroke: white; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; transition: all 0.3s ease; transition-delay: 0.1s; transform: translate3d(0, 0, 0);} .cbx span:first-child:before {content: ""; width: 100%; height: 100%; background: #506EEC; display: block; transform: scale(0); opacity: 1; border-radius: 50%; transition-delay: 0.2s;} .cbx span:last-child {margin-left: 12px; width: 80%; font-size: 14px;} .cbx span:last-child:after {content: ""; position: absolute; top: 8px; left: 0; height: 1px; width: 100%; background: transparent; transform-origin: 0 0; transform: scaleX(0);} .cbx:hover span:first-child {border-color: #fec300;} .inp-cbx:checked + .cbx span:first-child svg {stroke-dashoffset: 0;} .inp-cbx:checked + .cbx span:first-child:before {transform: scale(2.2);opacity: 0;transition: all 0.6s ease;} .inp-cbx:checked + .cbx span:last-child {transition: all 0.3s ease;} .inp-cbx:checked + .cbx span:last-child:after {transform: scaleX(1); transition: all 0.3s ease;} @keyframes check {50% {transform: scale(1.2);}} .check-news .inp-cbx:checked + .cbx span:first-child {border-color: #282828; background: #282828;} /* Investidor Form */ /* <> Quem Somos */ .background-quem-somos {/*background-image: url(../img/quem-somos.jpg) !important;*/ height: 800px !important;} .intro-banner {text-align: right;} .intro-banner h1 {color: #fff; font-size: 82px; line-height: 65px; margin-top: 250px; position: relative; z-index: 99998;} .intro-banner h1.quem-somos {line-height: 70px; margin-top: 270px; font-size: 90px;} .intro-banner img {margin-top: 20px; margin-right: 57px; width: 170px;} .text-sobre h2, .text-sobre p, .text-sobre h3 {text-align: left !important;} .text-sobre h3 {font-size: 21px; line-height: 19px; margin-top: 30px; margin-bottom: 40px;} .text-sobre h2 {font-size: 50px !important; margin-bottom: 60px;} .text-sobre p {color: #282828;} .img-arrow-right-titulo {position: absolute; width: 80px; left: -90px;} .text-sobre h2.manifesto {text-align: center !important; margin-top: 60px; margin-bottom: 0px;} .back-richard { height: 1000px; /*background-image: url(../img/richard.jpg);*/} .text-richard {padding: 100px 200px; background-color: #282828; height: 1000px;} .text-richard h2, .marca h2, .canais h2 {font-size: 46px; line-height: 35px;} .text-richard h3 {color: #fff; font-size: 20px; margin-top: 50px;} .text-richard p {margin-top: 35px; color: #fff; padding-right: 100px;} .assinatura {margin-top: 50px;} .assinatura span {display: block; color: #fec300; font-size: 14px; font-family: 'Stem-Light';} .richard {height: auto; border-bottom: 3px solid #fec300;} .marca {padding: 70px 0px; text-align: center;} .intro-marca {padding: 30px 305px; margin-bottom: 50px;} .marca .circles-passo-a-passo p {font-size: 15px; margin-top: 20px;} .marca .circles-passo-a-passo .circle {margin-left: 5%; width: 270px; height: 270px; border: 2px solid #fec300; border-radius: 50%; text-align: center; padding: 40px; float: left; margin-top: 80px;} .onde-encontramos {padding-top: 60px; background-color: #282828;} .onde-encontramos h2 {font-size: 38px; color: #fff;} .onde-encontramos address {font-size: 16px; color: #fec300; font-family: 'Stem-Medium'; margin-bottom: 70px;} #map-canvas {height: 500px; margin-top: 30px;} .canais {padding: 100px 0px;} .canais h2 {color: #282828;} .canais h4 {color: #fec300;} .text-atendimento {font-family: 'Stem-Medium'; font-size: 18px;} .canais p {margin-top: 20px;} .text-atendimento span {font-size: 14px; color: #fec300; font-family: 'Stem-Light'; display: block; margin-bottom: 30px;} .marca .circles-passo-a-passo .circle {background-color: #fec300; color: #fff;} .redes-atendimento a {margin-top: 10px; margin-right: 15px; display: inline-block; } .redes-atendimento a.rede-instagram, .redes-atendimento a.rede-facebook, .redes-atendimento a.rede-youtube, .redes-atendimento a.rede-pinterest {margin-right: 25px; width: 32px; height: 32px; background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block;} /*.redes-atendimento a.rede-instagram {background-image: url(/assets/img/instagram-black.png);} .redes-atendimento a.rede-facebook {background-image: url(/assets/img/facebook-black.png);} .redes-atendimento a.rede-youtube {background-image: url(/assets/img/youtube-black.png);} .redes-atendimento a.rede-pinterest {background-image: url(/assets/img/pinterest-black.png);} .redes-atendimento a.rede-instagram:hover {background-image: url(/assets/img/instagram-hover.png);} .redes-atendimento a.rede-facebook:hover {background-image: url(/assets/img/facebook-hover.png);} .redes-atendimento a.rede-youtube:hover {background-image: url(/assets/img/youtube-hover.png);} .redes-atendimento a.rede-pinterest:hover {background-image: url(/assets/img/pinterest-hover.png);} */ .canal-atendimento .rede-facebook svg path, .canal-atendimento .rede-youtube svg path, .canal-atendimento .rede-pinterest svg path, .canal-atendimento .rede-instagram svg path { fill: #fff; } .rede-facebook svg path, .rede-youtube svg path, .rede-pinterest svg path, .rede-instagram svg path { fill: #282828; } .rede-facebook svg:hover path, .rede-youtube svg:hover path, .rede-pinterest svg:hover path, .rede-instagram svg:hover path{ fill: #fec300; } .newsletter {padding: 60px 0px; background-color: #fec300;} .newsletter h2 {color: #282828; font-size: 38px;} .newsletter p {color: #fff; margin-top: -5px;} .newsletter .btn-submit {background-color: #282828; padding: 8.5px 25px !important; right: 2px; margin-top: -43px; border-radius: 30px; color: #fec300;} .newsletter .col-md-6 {padding-right: 0px; margin-top: 10px;} .sobre-home {padding-bottom: 130px;} /* Quem Somos */ /* <> Política de Privacidade */ .background-politicas {/*background-image: url(../img/politicas.jpg) !important;*/ height: 500px !important; padding-top: 0px !important;} .header-black {background-color: #282828; padding: 20px 0px;} .textos-legais {padding: 60px 0px;} .textos-legais h2 {color: #282828; font-size: 38px;} .textos-legais span {color: #fec300;} .links-politicas {margin-top: 40px; margin-bottom: 40px;} .links-politicas a {margin-right: 20px; text-transform: inherit;} .btn-gray {background-color: #eeeeee;} .texto-legal h3 {font-size: 22px; color: #fec300; text-transform: uppercase; margin-top: 50px;} .texto-legal h3 span {font-size: 50px; color: #282828; margin-right: 5px;} .texto-legal p {margin-top: 30px;} /* Política de Privacidade */ /* <> Compramos seu Terreno */ .background-compramos {/*background-image: url(../img/compramos.jpg) !important;*/ height: 500px !important; padding-top: 0px !important;} .compramos {padding: 60px 0px; border-bottom: 3px solid #fec300;} .compramos h2 {color: #282828; font-size: 38px;} .compramos span {color: #fec300; margin-bottom: 20px; display: block;} .form-compramos h3 {color: #282828; margin-top: 50px;} .form-compramos .form-control {background-color: #eeeeee; box-shadow: none; margin-top: 15px; resize: none;} .form-compramos a.btn-gray, .form-compramos a.btn-active {display: inline-block; margin-top: 15px; width: 49%;} .form-compramos .btn-submit {background-color: #fec300; padding: 9px 25px !important; right: 18px; margin-top: -42px; border-radius: 30px; color: #282828;} .form-compramos .input-black {background-color: #282828; color: #fff;} /*#ClickForm2:hover {color: #fff;}*/ .compramos .form-contato .btn-submit {padding: 7.5px 25px !important; right: 18px;} /* Compramos seu Terreno */ /* <> Fale Conosco */ .contato {padding-bottom: 0px; border-bottom: 3px solid #fec300; padding: 0px !important;} .contato form {margin-top: 0px;} .background-contato {height: auto !important; padding-top: 0px !important;} .back-contato {height: 843px !important; background-image: url(../img/contato.jpg);} .contato h2 {color: #282828; font-size: 38px;} .contato span {color: #fec300; margin-bottom: 20px; display: block;} .form-contato {padding-top: 40px;} .form-contato h3 {color: #282828; margin-top: 50px;} .form-contato .form-control {background-color: #eeeeee; box-shadow: none; margin-top: 15px; resize: none;} .form-contato a.btn-gray, .form-contato a.btn-black, .form-contato a.btn-active {display: inline-block; margin-top: 15px; width: 49%; margin-top: 30px; margin-bottom: 20px;} .form-contato a.btn-active {color: #fff !important;} .form-contato .btn-submit {background-color: #fec300; padding: 8px 25px !important; right: 19px; margin-top: -42px; border-radius: 30px; color: #282828;} .form-contato .input-black {background-color: #282828; color: #fff;} .form-contato a.btn-active:focus, .form-contato a.btn-black:hover, .form-contato a.btn-black:focus {color: #282828 !important} .form-contato a.btn-active {background-color: #fec300 !important; color: #282828 !important;} .contato small {font-family: 'Stem-Bold';} /* Fale Conosco */ /* <> Fornecedor */ .back-fornecedor {height: 800px !important; /*background-image: url(../img/fornecedor.jpg);*/} .fornecedor .form-contato .btn-submit {padding: 7.8px 25px !important;} /* Fornecedor */ /* <> Venda Imóveis */ .back-venda {height: 1100px !important; /*background-image: url(../img/venda.jpg);*/} .venda .cbx span {display: inline-block !important; margin-top: 25px;} .comissoes {padding: 60px 0px; padding-bottom: 70px; border-bottom: 3px solid #fec300;} .comissoes h2 {font-size: 38px; color: #282828;} .comissoes span {color: #fec300; margin-bottom: 0px; display: block;} .comissoes h3 {font-size: 26px; color: #fec300;} .comissoes small {color: #fec300; font-family: 'Stem-Light';} .comissoes img {margin-top: 30px;} .form-contato a.active {background-color: #fec300; color: #282828; box-shadow: none;} .form-contato a.btn-white {background-color: #e6e6e6 !important; color: #282828;} .titulo-esquerda span strong {font-family: 'Stem-Medium' !important; font-size: 46px !important; line-height: 35px !important;} /* Venda Imóveis */ /* <> Monte o Seu */ .nav-tabs.wizard {background-color: transparent; padding: 0; width: 100%; margin: 1em auto; border-radius: .25em; clear: both; border-bottom: none; margin-top: 50px;} .nav-tabs.wizard li {width: 100%; float: none; margin-bottom: 3px;} .nav-tabs.wizard li>* {position: relative; padding: 18px 30px; padding-top: 13px; color: #282828; background-color: #fec300; border-color: #fec300;} .nav-tabs.wizard li.completed>* {color: #fec300 !important; background-color: #282828 !important; border-color: #282828; !important; border-bottom: none !important;} .nav-tabs.wizard li.active>* {color: #fec300 !important; background-color: #282828 !important; border-color: #282828; !important; border-bottom: none !important;} .nav-tabs.wizard li::after:last-child {border: none;} .nav-tabs.wizard > li > a {opacity: 1; font-size: 14px; font-family: 'Stem-Medium'; text-transform: uppercase;} .nav-tabs.wizard > li > a b {font-size: 24px; position: relative; top: 2px; margin-right: 5px; margin-left: 5px} .nav-tabs.wizard a:hover {color: #fff; background-color: #282828; border-color: #282828} .nav-tabs.wizard li:last-child a {padding: 22px 20px;} @media(min-width:992px) { .nav-tabs.wizard li {position: relative; padding: 0; margin: 4px 4px 4px 0; width: 24.6%; float: left; text-align: center;} .nav-tabs.wizard li.active a {padding: 18px 20px; padding-top: 13px;} .nav-tabs.wizard li::after, .nav-tabs.wizard li>*::after {content: ''; position: absolute; top: 1px; left: 100%; height: 0; width: 0; border: 32px solid transparent; border-right-width: 0; /*border-left-width: 20px*/} .nav-tabs.wizard li::after {z-index: 1; -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); border-left-color: #fff; margin: 0} .nav-tabs.wizard li>*::after {z-index: 2; border-left-color: inherit} .nav-tabs.wizard > li:nth-of-type(1) > a {border-top-left-radius: 9999px; border-bottom-left-radius: 9999px;} .nav-tabs.wizard li:last-child a {border-top-right-radius: 9999px; border-bottom-right-radius: 9999px; padding: 22px 20px;} .nav-tabs.wizard li:last-child {margin-right: 0;} .nav-tabs.wizard li:last-child a:after, .nav-tabs.wizard li:last-child:after {content: "";border: none;} span.nmbr {display: block;} } .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-color: #282828;} .step {border-bottom: 2px solid #fec300; padding-bottom: 10px;} .step h3 {color: #282828; font-family: 'Stem-Light' !important; font-size: 16px; margin-bottom: 0px; margin-top: 13px;} .step span {color: #282828; display: inline-block; float: right;} .step h3 b {font-family: 'Stem-Medium'; font-size: 22px;} a.back {color: #fec300; font-family: 'Stem-Medium'; text-decoration: none; font-size: 16px; display: block; margin-top: 15px; margin-left: -15px;} .carousel-imovel {margin-top: 40px;} .img-carousel {height: 445px;} .carousel-control {top: 47%;} .carousel-control.left {margin-top: -10px; left: 20px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; z-index: 99998; background-image: url(/assets/img/left-carousel.png); opacity: 1;} .carousel-control.right {margin-top: -10px; right: 20px; background-size: cover; background-repeat: no-repeat; background-position: center; width: 60px; height: 60px; z-index: 999; background-image: url(/assets/img/right-carousel.png); opacity: 1;} .carousel-control.left:hover {background-image: url(/assets/img/left-carousel-hover.png);} .carousel-control.right:hover {background-image: url(/assets/img/right-carousel-hover.png);} .carousel-indicators li {background-color: #fec300; width: 18px; height: 18px;} .carousel-indicators li.active {width: 18px; height: 18px; margin: 1px;} .obs {margin-top: 40px; margin-bottom: 50px; font-size: 14px;} .radio {margin: 0.5rem; margin-bottom: 30px; padding: 3px 20px;} .radio input[type=radio] {position: absolute; opacity: 0;} .radio input[type=radio] + .radio-label:before {content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.8em; height: 1.8em; position: relative; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease;} .radio input[type=radio]:checked + .radio-label:before {background-color: #fec300; box-shadow: inset 0 0 0 4px #f4f4f4;} .radio input[type=radio]:focus + .radio-label:before {outline: none; border-color: #fec300;} .radio input[type=radio]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4;background: #b4b4b4;} .radio input[type=radio] + .radio-label:empty:before {margin-right: 0;} .radio input[type=checkbox] {position: absolute; opacity: 0;} .radio input[type=checkbox] + .radio-label:before {content: ""; background: #f4f4f4; border-radius: 100%; border: 1px solid #b4b4b4; display: inline-block; width: 1.8em; height: 1.8em; position: relative; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; transition: all 250ms ease;} .radio input[type=checkbox]:checked + .radio-label:before {background-color: #fec300; box-shadow: inset 0 0 0 4px #f4f4f4;} .radio input[type=checkbox]:focus + .radio-label:before {outline: none; border-color: #fec300;} .radio input[type=checkbox]:disabled + .radio-label:before {box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4;background: #b4b4b4;} .radio input[type=checkbox] + .radio-label:empty:before {margin-right: 0;} .radio b {font-size: 16px; font-family: 'Stem-Medium';} .radio label {font-size: 13px; width: 100%;} .radio label span.preco-monte {float: right; display: inline-block; width: 160px;} .radio label span.preco-monte img {margin-right: 10px; position: relative; top: -2px;} .right-content {padding-top: 45px;} .right-content .btn-default {padding: 22px 60px; margin-left: 3%; width: 44%;} .whats-btn-resumo {position: relative; top: -2px;} .scroll-content {height: 410px; overflow-y: auto;} .scroll-content::-webkit-scrollbar-thumb {border-radius: 100px;} .proximo-passo {margin-top: 40px; margin-left: 30px;} .resumo {padding: 0 30px;} .resumo h2 {margin-bottom: 40px; margin-top: 5px;} .resumo .radio {padding: 10px 0px; margin-bottom: 10px; margin-top: 15px;} .resumo label {padding: 0px 0px;} .valor-total {text-align: right; font-size: 16px;} .valor-total b {font-size: 24px; font-family: 'Stem-Medium';} .icons-links-resumo {display: inline-block; margin-left: 32px; color: #282828; text-decoration: none; float: right; position: relative; top: -62px;} .icons-links-resumo:hover {color: #fec300; text-decoration: none;} .icons-links-resumo img {margin-right: 7px; position: relative; top: -1px;} .resumo-links .proximo-passo {width: 100%; margin-left: 0px;} .resumo-links {padding-top: 0 30px; margin-bottom: 80px; overflow: hidden;} .compra h2, .monte-sucesso h2 {color: #282828; font-size: 38px;} .compra h3, .monte-sucesso h3 {color: #fec300; font-size: 18px; font-family: 'Stem-Light'; margin-top: 0px;} .compra {padding: 60px 0px !important; border-bottom: 3px solid #fec300;} .contato {padding: 0px !important;} .compra .form-compramos h3 {color: #282828; margin-top: 35px; font-family: 'Stem-Medium'; font-size: 22px;} .compra .cbx {width: 100%; margin-top: 10px;} .compra .creci {margin-top: 0px;} .compra .cbx span:last-child {margin-left: 10px;} .compra .cbx span:first-child svg, .monte-sucesso .cbx span:first-child svg {stroke: #282828;} .submit-row {margin-top: 30px;} .submit-row button.btn-submit, .submit-row input.btn-monte {background-color: #fec300; padding: 24px 90px !important; margin-top: 30px; border-radius: 30px; color: #282828; margin-left: 0px; font-family: 'Stem-Medium'; left: 0; text-transform: uppercase; position: inherit !important;} .resumo-compra .resumo {margin-top: 50px; padding: 0px;} .observacoes h2 {margin-top: 30px; color: #fec300; font-size: 24px;} .observacoes a {font-family: 'Stem-Medium'; text-decoration: none; display: block; color: #282828; margin-top: 10px;} .resumo-compra .carousel-imovel {margin-top: -50px;} .monte-sucesso {background-image: url(../img/sucesso.jpg) !important; height: 100vh !important; border-bottom: 3px solid #fec300;} .monte-sucesso h2 {font-size: 65px; margin-top: 5px; margin-bottom: 75px;} .monte-sucesso h3 {margin-top: 180px;} .monte-sucesso a {margin-top: 90px;} .tabbable .step {border-bottom: 0px !important;} .process-model {list-style: none; padding: 0; position: relative; margin: 0px auto; border: none; z-index: 0; margin-top: 50px; margin-bottom: 30px;} .process-model li::after {background: #282828 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 1px; position: relative; top: -25px; width: 100%; z-index: -1; left: 160px;} .process-model li.visited::after {background: #282828 none repeat scroll 0 0;;} .process-model li:last-child::after {width: 0;} .process-model li {display: inline-block; width: 19.5%; text-align: center; float: none;} .nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus {border: none; background: transparent;} .process-model li a {padding: 0; border: none; color: #282828;} .process-model li a:hover, .process-model li a:hover p {color: #282828;} .process-model li a p {font-size: 20px; color: #282828; font-family: 'Stem-Bold';} .process-model li.active, .process-model li.visited {color: #282828;} .process-model li.active a, .process-model li.active a:hover, .process-model li.active a:focus, .process-model li.visited a, .process-model li.visited a:hover, .process-model li.visited a:focus {color: #282828;} .process-model li.active p, .process-model li.visited p {color: #282828;} .process-model li i {display: block; height: 50px; width: 50px; text-align: center; margin: 0 auto; background: #fff; border: 2px solid #282828; line-height: 42px; font-size: 23px; font-family: 'Stem-Medium'; font-style: normal; border-radius: 50%;} .process-model li.active i, .process-model li.visited i {background-color: #fed758; border-color: #282828; color: #282828; border: 0px solid #fff; line-height: 48px;} .process-model li p {font-size: 15px; margin-top: -12px;} .process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p {color: #606060 !important; font-weight: normal} .process-model.contact-us-tab li::after {display: none; } .process-model.contact-us-tab li.visited i {border-color: #e5e5e5;} .active-page i {background-color: #fec300 !important;} .active-page p {color: #fec300 !important;} @media screen and (max-width: 560px) { .more-icon-preocess.process-model li span {font-size: 23px; height: 50px; line-height: 46px; width: 50px; } .more-icon-preocess.process-model li::after {top: -24px;left: 18px;} } @media screen and (max-width: 380px) { .process-model.more-icon-preocess li {width: 16%;} .more-icon-preocess.process-model li span {font-size: 16px; height: 35px;line-height: 32px;width: 35px;} .more-icon-preocess.process-model li p {font-size: 8px;} .more-icon-preocess.process-model li::after {top: -24px;left: 12px;} .process-model.more-icon-preocess {text-align: center;} } .item-modal img {margin-right: 7px; position: relative; top: -2px;} .item-modal p {margin-top: 10px; margin-bottom: 17px;} .modal-header {border-bottom: 0px;} .modal-header .close {font-size: 40px; color: #ffc401; opacity: .9;} .modal-header .modal-title {font-size: 24px; color: #ffc401; font-family: 'Stem-Medium';} .modal-content {padding: 10px;} .modal-header {padding-bottom: 0px;} .item-modal p.valor-total-modal span {color: #282828; font-family: 'Stem-Light' !important; font-size: 16px; margin-bottom: 0px; margin-top: 13px; color: #282828;} .item-modal p.valor-total-modal span b {font-family: 'Stem-Medium'; font-size: 22px;} .item-modal p.valor-total-modal span b {font-family: 'Stem-Medium'; font-size: 22px;} .item-modal p.valor-total-modal {text-align: right;} /* Monte o Seu */ /* <> Detalhe do imóvel */ .arrow-intro-detalhe .arrow-down {margin-top: 80px;} .background-detalhe-imovel {/*background-image: url(../img/bg.jpg) !important;*/ height: 100vh !important; padding-top: 10px !important;} .background-detalhe-imovel .header-black {background-color: transparent;} .background-detalhe-imovel .header-black {padding: 30px 0px;} .intro-detalhe {margin-top: 230px; color: #fff;/* padding-left: 5%;*/} .intro-detalhe h1 {margin-bottom: 50px;} .intro-detalhe p {margin: 40px 0px; padding-right: 160px; font-size: 18px;} .intro-detalhe a.btn-default {margin-top: 50px;} .new-concept {border-bottom: 3px solid #fec824; background-image: url(../img/life-style2.jpg); height: 980px;} .new-concept h2 {color: #282828 !important; font-size: 56px; margin-top: 80px; margin-bottom: 40px;} .new-concept p {margin-top: 15px;} .ml40 {margin-left: 40px;} .ml80 {margin-left: 80px;} h3.life-style {font-family: 'Stem-Ex-Light' !important; font-size: 125px; color: #fff; margin-top:90px !important; margin-bottom: 0px; text-align: right; position: relative; left: 115px; letter-spacing: -3px;} h3.life-style span {font-family: 'Stem-Medium'; color: #fec300;} .life-style-img img {position: relative; top: 95px; left: -190px; top: 108px; left: -227px;} .life-style-img {padding-right: 30px; padding-left: 40px;} .img-thumb-detalhe {height: 306px;} .empreendimento .img-thumb-detalhe {height: 413px !important} .thumbs-carousel {border-bottom: 3px solid #fec300;} .empreendimento {padding: 80px 0px; background-color: #282828; padding-bottom: 0px; height: 1023px;} .empreendimento h2, .plantas-baixa h2 {font-size: 40px;} .plantas-baixa {padding: 80px 0px;} .single-item h3 {color: #282828; font-family: 'Stem-Light' !important; font-size: 15px; text-align: center; margin-bottom: 40px;} .single-item span {color: #282828; display: inline-block; color: #fec300;} .single-item h3 b {font-family: 'Stem-Medium'; font-size: 19px;} .single-item a {text-align: center; margin: 40px auto;} .links-plantas {text-align: center;} .links-plantas a.btn-default {padding: 12px 50px; margin-right: 10px;} .border-slide {border: 1px solid #fec300; margin-top: 50px; padding-top: 35px; padding-bottom: 15px; width: 1400px; height: 700px; margin-right: auto; margin-left: auto;} .single-item #single_image {display: inline-block; margin: 0px;} .slick-prev, .slick-next {color: transparent; background-image: url(../img/arrow-left-slide.png); background-size: cover; background-repeat: no-repeat; background-position: center; width: 68px; height: 68px; position: absolute; z-index: 998; margin-left: -35px; top: 270px; background-color: transparent; border: none} .slick-prev:hover, .slick-next:hover {background-image: url(../img/arrow-left-slide-hover.png);} .slick-next {background-image: url(../img/arrow-rightt-slide.png); right: 0; margin-right: -35px; margin-left: 0px; top: 350px;} .slick-next:hover {background-image: url(../img/arrow-rightt-slide-hover.png);} .empreendimento .slick-prev, .empreendimento .slick-next {top: 80px; margin-right: -80px; margin-left: -80px;} .empreendimento .multiple-items {margin-top: 35px;} .empreendimento .multiple-items2 {margin-top: 50px;} .empreendimento .multiple-items2 .slick-prev, .empreendimento .multiple-items2 .slick-next {top: 374px; margin-right: -35px; margin-left: -35px;} .multiple-items2 .img-thumb-detalhe {margin-top: -5px;} .aereo {/*background-image: url(../img/aereo.jpg*/); height: 800px;} .aereo h2 {color: #fff; margin: 45px; font-size: 24px;} .acompanhamento {background-color: #eee; padding: 80px 0px;} .acompanhamento h2, .arquitetos h2 {color: #282828; font-size: 34px; margin-bottom: 0px;} .acompanhamento h3, .arquitetos h3 {color: #fec300; font-size: 17px; font-family: 'Stem-Light'; margin-top: 0px; margin-bottom: 30px;} .bloco-white {background-color: #fff; padding: 0px 0px; border-radius: 9999px; margin-bottom: 20px;} .bloco-white .bloco-km {padding: 0px 22px; padding-right: 0px; height: 30px;} .bloco-white .bloco-km span {font-size: 14px;} .bloco-white .icon-km b {width: 40px; height: 26px; border-radius: 99999px; font-size: 12px; padding: 4px; top: 6.5px; right: 1px;} .bloco-white .icon-km {color: #fec300; font-size: 12px; position: inherit; float: right; margin-top: -4px; margin-right: 1px; } .iten-obra-slide {height: 590px;} .acompanhamento .slick-prev, .acompanhamento .slick-next {top: 250px !important;} .arquitetos {padding: 150px 0px;} .tati {margin-left: -66px; position: relative;} .pati img {position: relative; z-index: 99998;} .tati b {color: #fec300; font-family: 'Stem-Bold'; font-size: 70px; position: relative; top: 14px; margin-right: 0px; left: -7px;} .tati span {font-family: 'Stem-Bold';} .tati p {font-size: 32px; margin-left: 2px; margin-bottom: 25px; position: relative; z-index: 99999;} .pati b {color: #fec300; font-family: 'Stem-Bold'; font-size: 70px; position: relative; top: 16px; margin-left: 5px} .pati span {font-family: 'Stem-Bold';} .pati p {font-size: 32px; margin-left: -15px; margin-bottom: 25px; position: relative; z-index: 99999; text-align: right; right: 46px;} .text-arquitetas p {line-height: 32px; margin-top: 30px; font-size: 18px; padding-right: 50px;} .bloco-nome-bkp {background-color: #282828; padding: 4px 15px; border-top-left-radius: 9999px; border-bottom-left-radius: 9999px; color: #fff; margin-bottom: 10px; margin-top: 5px; height: 30px; font-size: 15px;} .bloco-white .bloco-km {border-top-left-radius: 0px; border-bottom-left-radius: 0px;} .plantas-baixa .slick-prev, .plantas-baixa .slick-next {top: 270px !important;} /*.empreendimento .slick-slide div~div {border-top: 8px solid #fec300; margin-top: -6px;}*/ .plantas-baixa span.preco-monte b {font-size: 30px} .btn-default a:focus {border-color: transparent !important;} .p1, .p2, .p3 {font-size: 18px;} .plantas-baixa .slick-slide {text-align: center;} .plantas-baixa .slick-slide img {display: inline-block; max-width: 50% !important;} .imagem-planta-dentro {width: 1100px; height: 400px; margin: 0 auto;} .acompanhamento .slick-prev, .acompanhamento .slick-next {z-index: 999;} .modal-video-body {max-width: 70%;} .g-recaptcha {margin: 15px 0px;} /* Detalhe do imóvel */ /* <> Footer */ footer {padding-top: 120px; padding-bottom: 50px; background-color: #282828; color: #fff;} footer ul {padding-left: 0px;} footer ul li {list-style: none; margin-top: 10px;} footer ul li a {color: #fff; text-transform: uppercase; text-decoration: none; font-size: 15px; font-family: 'Stem-Bold';} footer ul li a:focus {color: #fec300; text-decoration: none;} footer ul li a:hover, a.email:hover {color: #fec300; text-decoration: none;} footer h2 {margin-bottom: 25px; font-size: 30px;} p.texto-rodape {margin-top: 15px; font-size: 15px; padding-right: 150px;} img.logo-rodape {margin-top: 15px; width: 135px;} .seconds-blocos {margin-top: 40px;} .canal-atendimento a {display: inline-block; margin-right: 10px;} a.email {color: #fff; display: block; margin-top: 20px; margin-bottom: 10px;} span.fone-rodape {font-size: 25px; font-family: 'Stem-Medium';} .copy {text-align: center; margin-top: 100px;} a.rede-instagram, a.rede-facebook, a.rede-youtube, a.rede-pinterest {margin-right: 25px; width: 32px; height: 32px; background-repeat: no-repeat; background-size: cover; background-position: center; display: inline-block;} /*a.rede-instagram {background-image: url(/assets/img/instagram.png);} a.rede-facebook {background-image: url(/assets/img/facebook.png);} a.rede-youtube {background-image: url(/assets/img/youtube.png);} a.rede-pinterest {background-image: url(/assets/img/pinterest.png);} a.rede-instagram:hover {background-image: url(/assets/img/instagram-hover.png);} a.rede-facebook:hover {background-image: url(/assets/img/facebook-hover.png);} a.rede-youtube:hover {background-image: url(/assets/img/youtube-hover.png);} a.rede-pinterest:hover {background-image: url(/assets/img/pinterest-hover.png);} */ .copy p {font-size: 13px;} /* Footer */ #Template button.submit-button{ padding: 5px !important; } /*ALTERAÇÃO OWL-CAROUSEL 02/02*/ .container-fluid.main{ position: relative; /* To make the navbar positions relative to this container */ padding: 0; } .navbar-default { background-image: none; background-color: transparent; /* Make the menu become transparent */ border-radius: 0px; border: 0; box-shadow: none; padding: 0px; position: absolute; /* Make the menu out of the document flow so it can placed anywhere without disturbing other widgets */ top: 0; left: 0; right: 0; z-index: 10; /* If you delete this line, your menu link won't be clicked because it is behind the background. Applying this code bring the menu in front of the background */ padding-top: 40px; padding-left: 0px !important; } .navbar-default .navbar-nav > li > a { color: #ffffff; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #ffffff; background-color: transparent; } .carousel .background { background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100vh; } .carousel-controles{ width: 98%; position: absolute; left: 1%; bottom: 47%; z-index: 9999; } .carousel-control-next{ float: right; } .carousel-control-next:hover, .carousel-control-prev:hover{ opacity: .8; } @media (max-width:991px) { .carousel .background { background-size: cover; } } .carousel-fade .carousel-inner .item { opacity: 0; transition: opacity 0.5s; /* The 0.5s describes the duration to make the opacity from 0 to 1 */ } .carousel-fade .carousel-inner .active { opacity: 1; } /* CSS Hack to trigger GPU for smooth transition */ @media all and (transform-3d), (-webkit-transform-3d) { .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* CSS Hack to trigger GPU for smooth transition */ .covertext { position: absolute; /* To make the div to be place anywhere. It is out of the document flow */ top: 33%; /* The distance between the div with the top of document */ left: 0px; /* Make the div full width */ right: 0px; /* Make the div full width */ } .lancamentos-form .btn-submit { padding: 7px 30px !important; border-radius: 9999px !important; color: #282828; right: 18px !important; margin-top: -41.5px !important; } #subirTopo { text-decoration: none; bottom: 410px; right: 10px; color: #fff; cursor: pointer; font-weight: bold; text-transform: uppercase; position: fixed; border: 0; font-family: sans-serif; /*opacity: 0.4;*/ font-size: 36px; padding: 10px 10px; border-radius: 50px; transition: 0.3s ease-in-out; text-align: center; /*background-color: #565b5f;*/ /*height: 60px;*/ width: 150px; z-index: 9999; } #subirTopo:hover{ opacity: .8; } .typed_wrap {/*centers it in the .banner*/} .typed::after {content: '|'; display: inline; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; color: #fff; font-weight: 300;} .typed-cursor {opacity: 0; display: none;} @keyframes blink {0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }} @-webkit-keyframes blink { 0% { opacity:1; } 50% { opacity:0; }100% { opacity:1; }} @-moz-keyframes blink {0% { opacity:1; }50% { opacity:0; } 100% { opacity:1; }} .comissoes h3.direita-comissao {margin-top: 129px;} /* Responsive Utilities */ @media(max-width: 1600px){ /* col-md */ } @media(max-width: 1500px){ /* col-md */ } @media(max-width: 1400px){ /* col-md */ .border-slide{width: 1200px !important;} } @media(max-width: 1300px){ /* col-md */ .border-slide{width: 1200px !important;} } @media(max-width: 1200px){ /* col-md */ .border-slide{width: 1200px !important;} } @media(max-width: 992px){ /* col-sm */ } @media(max-width: 768px){ /* col-xs */ .menu-header{text-align: right;} .logo-you{margin-top: 35px;} #demo li, #demo2 li{font-size: 52px;} .bairro{padding: 40px 12px;} .quero-investir a.btn-default{right: 115px; bottom: 50px; display: inline-block;} h2.life-style{line-height: 114px;} .viver{left: 4px;} .localizacao p{text-align: center;} .circles-passo-a-passo{} .circles-passo-a-passo .circle{margin-bottom: 34px;} .segunda-frase-galeria{margin-top: 100px;} .sobre-home{padding-bottom: 0px;} .investidor-back{height: 420px;} .back-hotel{margin-top: 42px;} .form-inves{padding: 0px;height: 562px;} footer{padding-top: 12px;text-align: center;} p.texto-rodape{padding-right: 0px;} .copy{margin-top: 38px;} p.small-p{margin-top: 5px !important;} #demo, #demo2{padding-left: 0px;} .side-menu-wrapper{padding: 10px 15px 0 130px;} a.rede-instagram, a.rede-facebook, a.rede-youtube, a.rede-pinterest{margin-right: 14px;} span.local-km{display: block;margin-top: -24px;} .bloco-km{padding: 30px 22px; height: 80px;} .icon-km{display: block; position: inherit; margin-top: -28px;} .icon-km b{ margin-left: 0px; width: 76px; height: 75px; border-radius: 50%; background-color: #fec300; color: #282828; display: inline-block; text-align: center; font-size: 25px; font-family: 'Stem-Medium'; padding: 20px; position: relative; top: -1px; right: -31px; } .circles-passo-a-passo .circle span { font-size: 110px; line-height: 110px; } .circles-passo-a-passo .circle p { font-family: 'Stem-Regular'; font-size: 16px; padding: 10px 10px; } /*PÁGINA SOBRE*/ .background-quem-somos, .background-compramos, .back-contato, .back-fornecedor{height: 420px !important;} .intro-banner h1.quem-somos{margin-top: 58px;} .text-richard{padding: 40px;} .text-richard p{padding-right: 0px;} .back-richard{height: 380px;} .intro-marca{padding: 40px;} .marca .circles-passo-a-passo{margin-left: 12px;} .canais{padding: 40px 0px;text-align: center;} .redes-atendimento a.rede-instagram, .redes-atendimento a.rede-facebook, .redes-atendimento a.rede-youtube, .redes-atendimento a.rede-pinterest{margin-right: 0px;} /*PÁGINA POLÍTICA DE PRIVACIDADE*/ .textos-legais .btn-default{padding: 24px 54px;width: 100%;margin-top: 12px;} /*PÁGINA COMPRAMOS*/ .form-compramos .btn-default{font-size: 12px;padding: 16px 12px !important;} .form-compramos .form-compramos-estado{padding: 0px 15px;} /*PÁGINA VENDA*/ .venda .btn-default{font-size: 12px;padding: 16px 12px !important;} /*PÁGINA LANÇAMENTO*/ .monte-sucesso{height: 650px !important; padding-top: 250px !important;} .monte-sucesso h3{margin-top: 0px;} /*PÁGINA DETALHE*/ .intro-detalhe{margin-top: 120px;} .intro-detalhe p{padding-right: 0px;} .intro-detalhe a.btn-default{padding: 24px 72px; margin-top: 20px;} .new-concept{height: auto;} .new-concept h2{margin-top: 40px; line-height: 42px; font-size: 55px; text-align: right;} h3.life-style span{display: block;} .new-concept .p1, .new-concept .p2, .new-concept .p3{font-size: 14px; padding-left: 20px !important; text-align: right;} .new-concept .p1{padding-left: 160px !important;} .new-concept h3.life-style{font-size: 72px;margin-top: 0px !important;margin-left: 0px;left: 0px !important;line-height: 48px !important;} .new-concept p.life-style-texto-resp{margin-left: 150px;} .thumbs-carousel .img-thumb-detalhe{height: 244px;} .empreendimento{padding: 80px 0px;height: auto;} .empreendimento h2, .plantas-baixa h2{font-size: 32px;} .empreendimento .img-thumb-detalhe{height: 128px !important;} .empreendimento .multiple-items2 .slick-prev, .empreendimento .multiple-items2 .slick-next{top: 98px;} .border-slide{width: 350px !important;} .imagem-planta-dentro{width: 240px; height: 300px; } .iten-obra-slide{height: 280px;} .acompanhamento .slick-prev, .acompanhamento .slick-next{top: 38% !important;} .newsletter .form-control{margin-top: 12px;width: 92%;} .newsletter .btn-submit{right: 29px; margin-top: -42px;} .border-slide{height: auto;} /*PÁGINA MONTE*/ .process-model li a p{font-size: 14px; line-height: 12px;} .carousel-imovel{margin-top: 0px;} .obs{margin-top: 0px;margin-bottom: 0px;padding-left: 0px !important;} .radio{margin: 0px;padding: 0px;margin-bottom: 12px;} .radio label span.preco-monte{width: 100%;text-align: right;} .scroll-content{height: auto; padding-top: 5px;} .right-content .proximo-passo{width: 100%;} #proximo_passo{margin-bottom: 40px;} .step h3{font-size: 12px;} .step h3 b{font-size: 18px;} .resumo-compra{margin-top: 92px;} .monte-sucesso .btn-default{padding: 24px 74px;} .process-model li{width: 18.5%;} .logo-harton img {width: 115px !important; margin-top: 2px;} #demo li, #demo2 li{line-height: 45px; font-size: 55px;} .sub-menu .col-md-4{border-right: 0px !important} .sub-menu {margin-top: 145px; padding: 0px 30px;} .arrow-scroll .arrow-down {margin-top: -155px; width: 30px;} .sub-menu a.center {font-size: 26px;} .side-menu-wrapper > ul > h2{margin-bottom: 10px; margin-top: 20px; font-size: 25px;} .sub-menu a{font-size: 16px;} .side-menu-wrapper > ul > li > a{font-size: 13px;} a.email{margin-top: 10px;} .logo-you-lancamento{width: 160px;} .intro-detalhe .logo-you-lancamento { margin-top: -10px; margin-bottom: 0px; } .lancamento h2.title-cabanas{font-family: 'Stem-Medium';} .bairro p{font-size: 20px;} h2.life-style{font-size: 80px; line-height: 51px; margin-top: 15px;} .viver span {font-size: 70px; line-height: 48px;} .localizacao{padding-top: 20px; padding-bottom: 30px;} .investidores{padding-bottom: 60px;} .investidores h1{line-height: 38px;} .circles-passo-a-passo{padding: 0px;} .circles-passo-a-passo .circle{ width: 90%; height: 320px; padding: 50px 20px; margin-left: 5%; } h1 { line-height: 42px; } h2 { line-height: 36px; } .images-galeria { margin-top: 0px; } .img-principal { height: 470px; margin-top: 40px; } .btn-investir-galeria { margin-top: 40px; margin-bottom: 5px; } .back-hotel span { font-size: 130px; bottom: 0px; line-height: 105px; } .arrow-right { margin-left: 0px; } .hotel h3 { margin-top: 50px; } .sobre-home h2 { font-size: 50px; } .titulo-form-invs{ padding-left: 60px; } .margens-footer-xs{ margin-top: 30px; } .life-background { background-position: -350px 0px; } .fancybox-close { z-index: 999999 !important; } .intro-banner img { margin-top: 40px; width: 65px; } .text-richard{ height: auto; } .back-richard { height: 680px; } .sobre-home h2{ line-height: 40px; } .marca .logo-quem-somos{ width: 200px !important; } .intro-marca { margin-bottom: 20px; } .marca .circles-passo-a-passo .circle{ margin-top: 20px; } .empreendimento { padding: 35px 0px; padding-bottom: 60px; } .plantas-baixa{ padding: 40px 0px; } .onde-encontramos address { margin-bottom: 50px; } .onde-encontramos{ padding-top: 40px; } .background-compramos{ background-position: -100px 0px; } .contato{ padding-bottom: 50px !important; } .comissoes{ padding: 5px 0px; padding-bottom: 40px; } .comissoes h3.direita-comissao{ margin-top: 0px; } .process-model li i{ font-size: 18px; line-height: 45px; height: 45px; width: 45px; font-family: 'Stem-Bold'; } .right-content .btn-default{ margin-left: 0%; margin-top: 20px; } .carousel-imovel p.obs{ font-size: 12px; line-height: 14px; margin-top: 8px; } .checkbox label, .radio label{ padding-left: 0px; } .img-carousel { height: 300px; } .radio input[type="radio"] + .radio-label::before, .radio input[type="checkbox"] + .radio-label::before{ margin-right: 5px; margin-top: -3px; } .radio b { font-size: 13px; } .carousel-control.left{ width: 40px; height: 40px; left: -20px; } .carousel-control.right{ width: 40px; height: 40px; right: -20px; } .resumo h2{ font-size: 28px; } .resumo { padding: 0; } .radio label span.preco-monte { width: 100%; margin-top: -22px; } .resumo-links { margin-bottom: 60px; } .aereo h2{ color: #fff; margin: 35px; font-size: 20px; text-align: right; font-family: 'Stem-Medium'; } .slick-prev, .slick-next{ width: 40px; height: 40px; } .slick-next{ margin-right: -20px; } .slick-prev{ margin-right: -20px; } .quero-investir{ text-align: center; } .quero-investir a.quero-investir-xs{ position: relative; display: inline-block !important; right: inherit !important; z-index: 999999; bottom: 0; top: 700px; } .lancamento { background-position-y: -23px; padding-top: 35px; } .lancamento .btn-default { margin-top: 30px; margin-bottom: 0px; } .sub-menu { background-color: transparent; } .sub-menu .col-md-4 { margin-top: 10px; padding: 6px 30px; background-color: #fec300; border-radius: 9999px; } .frase-registro{ font-size: 12px !important; } .process-model li i{ line-height: 44px; } .resumo .radio label span.preco-monte img{ margin-right: 10px; position: absolute; top: 8px; right: 80px; } .monte-seu .radio label span.preco-monte img { margin-right: 10px; position: absolute; top: 0px; right: 85px; } span.img-lado{ display: inline-block; width: 83px; } .side-menu-wrapper > ul{ margin-top: 9px; } .fornecedor{ margin-bottom: 0px; } .titles-lancamentos h2, .titles-lancamentos h3{ text-align: right; margin-top: 20px; } .border-slide .preco-monte{ display: block; } .border-slide .btn-default { background-color: #fec300; padding: 24px 80px; } .radio label span.preco-monte img { margin-right: 0px; } .resumo .radio { padding: 8px 0px; margin-bottom: 5px; margin-top: 0px; } .single-item h3{ margin-bottom: 0px; } .single-item a{ margin-top: 0px; margin-bottom: 0px; } .icon-km b.centroo{ right: -24px; } .icon-km b.vale{ right: -27px; } .icon-km b.caminhos{ right: -23px; } .new-concept { background-image: url(/assets/img/new-concept-xs.png); height: 700px; } .life-style-xs{ background-color: #282828; padding: 50px 15px; margin-top: 45px; } .life-style-xs p.life-style-texto-resp{ margin-left: 0px !important; color: #fff; } .new-concept h3.life-style{ text-align: left; margin-top: -80px !important; } .thumbs-carousel{ margin-top: 50px; border-top: 3px solid #fec300; } .life-style-xs h3.life-style{color: #fec300;} .life-style-xs h3.life-style span{color: #fff;} .marca .circles-passo-a-passo .circle {padding: 25px;} .icon-km span.wid {width: 42px !important; display: inline-block;margin-top: 35px;} .icon-km b.centroo, .icon-km b.vale, .icon-km b.caminhos {right: -20px;float: right;} .padding-bloco-distancia {padding-right: 0px; padding-left: 0px;} .side-menu-wrapper > ul > h2 {margin-top: 10px;} .side-menu-wrapper a.rede-instagram, .side-menu-wrapper a.rede-facebook, .side-menu-wrapper a.rede-youtube, .side-menu-wrapper a.rede-pinterest{margin-top: 5px} .pati, .tati{text-align: center;} .tati{margin-left: inherit !important; position: relative;text-align: center; padding-left: 28px;} .pati p, .tati p{ display: none; } .tati-p-xs{ text-align: left !important; margin-left: 40px !important; right: inherit !important; } .pati-p-xs{ text-align: left !important; margin-left: 25px !important; margin-top: 50px !important; margin-bottom: 35px !important; } .arquitetos{padding-top: 50px; padding-bottom: 100px;} .text-arquitetas{margin-top: 40px; padding-left: 39px; padding-right: 15px;} .decorado {display: none;} } @media(max-width: 540px){ /* col-xs */ } @media(max-width: 479px){ /* col-xs */ } @media(max-width: 400px){ /* col-xs */ } @media(max-width: 370px){ /* col-xs */ }