/*
Theme Name: faber4
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


@font-face {
    font-family: "myriad";
    src: url("./fonts/myriad-pro-8.otf");
}

:focus {
    outline: none;
}

.btn-baixar {
    width: 300px !important;
    height: 40px !important;
    margin: 0 30px;
    border-radius: 5px !important;
}

html {
  overflow-x: hidden;
}



body {
    font-family: proxima-nova,sans-serif;

    text-align: center;
    color: #857550;
    font-weight: 400 !important;

    overflow-x: hidden;


}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.container-custom {
    margin-left: 0px;
    margin-right: 0px;
}

.img-aerea::before {
    position: absolute;
    display: block;
    content: '';
    background: #e4dfd6 url(./img/momentos.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: 40%;
    height: 21%;
    top: 0px;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -58%);
    z-index: 2;
}

.img-aerea::after {
    position: absolute;
    display: block;
    content: '';
    background: url(./img/plano.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
    width: 50%;
    height: 25%;
    border: 1px solid #857550;
    padding: 50px;
    width: 70%;
    height: 55%;
    top: 123%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}

.invisible {
    display: none;
}



.header {
    background: url('./img/header-bg2.jpg');
    background-size: cover;
    background-position: center;
}

.header-txt {
    padding: 110px 70px;
}

.viva {
    width: 50%;
}

.residencial {
    width: 50%;
}

.titulo {
    margin: 100px auto;
    padding: 0 200px;
}

.svg-txt-1 {
    padding-top: 50px;
    width: 60%;

    -ms-transform: translate(-50px, 0px); /* IE 9 */
    -webkit-transform: translate(-50px, 0px); /* Safari */
    transform: translate(-50px, 0px);
}

.titulo h1 {
    font-size: 50px;
    font-weight: 200;
}

.first-img {
    position: relative;
}

.img-txt {
    height: 70%;
    display: block;
    padding: 100px 100px;
}

.img-txt-right {


    height: 60%;
    display: block;
    padding-left: 350px;
    padding-top: 100px;
    /* padding: 100px 50px; */

}

.first-img::before {
    position: absolute;
    display: block;
    content: '';
    background: #857550;
    width: 60%;
    height: 60px;


    top: -30px;
    left: 0px;

    z-index: 2;
}

.third-img::before {
    position: absolute;
    display: block;
    content: '';
    background: #857550;
    width: 60%;
    height: 60px;


    top: -30px;
    left: 0px;

    z-index: 2;
}

.conveniencia {
    border: 1px solid #858585;
    padding: 50px;
}

.conveniencia ul {
    text-align: left;
    margin: 40px 100px ;
    font-size: 1.5rem;
    font-weight: 200;
}

.img-title {
    font-size: 3rem;
    text-align: left;
    padding: 5vh 5vw 5vh 15vw;

    -ms-transform: translate(-30%, 0%); /* IE 9 */
    -webkit-transform: translate(-30%, 0%); /* Safari */
    transform: translate(-30%, 0%);
}

.border-txt {
    position: absolute;
    text-align: left;
    font-size: 1rem;
    font-weight: 200;
    width: 40vw;
    height: auto;
    border: 1px solid #857550;
    padding: 5vh 5vw 5vh 14vw;

    -ms-transform: translate(-20%, 60%); /* IE 9 */
    -webkit-transform: translate(-20%, 60%); /* Safari */
    transform: translate(-20%, 60%);
}

.hei-100 {
    height: 100px;
}

.hei-90 {
    height: 90px;
}

.hei-70 {
    height: 70px;
}

.hei-50 {
    height: 50px;
}

.hei-30 {
    height: 30px;
}




.second-img {

    position: relative;
}

.second-img::before {
    position: absolute;
    display: block;
    content: '';
    background: #857550;
    width: 60%;
    height: 60px;



    top: -30px;
    right: 0px;

    z-index: 2;
}

.fourth-img {

    position: relative;
}

.fourth-img::before {
    position: absolute;
    display: block;
    content: '';
    background: #857550;
    width: 60%;
    height: 60px;



    top: -30px;
    right: 0px;

    z-index: 2;
}

.border-txt-right {
    position: absolute;
    text-align: right;
    font-size: 1rem;
    font-weight: 200;
    width: 40vw;
    height: auto;
    border: 1px solid #857550;
    padding: 5vh 14vw 5vh 5vw;

    -ms-transform: translate(20%, 100%); /* IE 9 */
    -webkit-transform: translate(20%, 100%); /* Safari */
    transform: translate(20%, 80%);

    z-index: 2;
}

.background-retangulo {
    background: url('./img/retangulo-bg.png');
    background-repeat: no-repeat;


}

.img-galeria {
    width: 80%;
    padding: 50px 0;
}

.centro {
    -ms-transform: translate(-30%, 60%); /* IE 9 */
    -webkit-transform: translate(-30%, 60%); /* Safari */
    transform: translate(-30%, 60%);
}

.left-title {
    text-align: right;
    -ms-transform: translate(0,60%); /* IE 9 */
    -webkit-transform: translate(0,60%); /* Safari */
    transform: translate(0,60%);
}

.box-text {
    position: relative;
    border: 1px solid #857550;
    margin: 100px auto;
    width: 60%;
    padding: 50px 100px 150px 100px;
    margin-bottom: -50px;
    z-index: 2;
}

.box-text::before {
    content: '';
    display: block;
    position: absolute;
    padding: 15px;

    background: url("./img/agora.png");
    background-color: #e4dfd6;
    background-repeat: no-repeat;
    background-size: 60%;
    background-position: center;
    width: 110%;
    height: 60px;
    color: #84754f;
    font-size: 1.5rem;
    font-weight: 200;
    bottom: 10%;
    left: -5%;

}

.topo {
    margin-top: -100px;
    margin-right: 50px;
    float: right;
    width: 50px!important;
    height: 50px!important;
    border-radius: 50% !important;
}

h3 {
    margin: 100px auto 100px auto;
    font-weight: 200;
}

.borda {
    border: 1px solid #857550;
    padding: 100px;
    margin: 30px auto;
}

.borda h1 {
    font-size: 3rem;
}

.borda h4 {
    font-weight: 200;
}

.borda ul {
    text-align: left;
    margin: 50px 100px ;
    font-size: 1.2rem;
    font-weight: 200;
}

.borda ul li {
    margin: 10px 0;
}



.galeria-2 p {
    margin: 25px auto;
}


button {
    background: #8b764c;
    color: #e4dfd6;
    width: 350px;

    cursor: pointer;

    height: 100px;
    font-size: 2rem;

    margin: 50px 0;
}

button:hover {
    background: #e4dfd6;
    color: #857550;
    border: none;
}

.last-img {
    position: relative;
}

.text-box {
    position: absolute;
    background: #e4dfd6;

    max-width: 800px;

    padding: 100px;
    top: -30px;
    left: 50%;
    -ms-transform: translate(-50%, -30%); /* IE 9 */
    -webkit-transform: translate(-50%, -30%); /* Safari */
    transform: translate(-50%, -30%);
}

.text-box img {
    display: block;
    margin: 0;
}

.txt-box {
    width: 70%;
    margin: auto !important;
}

.alinhar {
    display: block;
    margin: 30px auto 100px auto;
}

.formulario p {
    margin: 30px auto;
}

input {
    color: #857550;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #857550;
    padding: 5px;
    border-radius: 5px 5px 0 0;
    opacity: .8;
}

input:focus {
    outline: none;

}

label {
    display: block;
    text-align: left;
    padding: 5px;
}

.input-msg {
    height: 100px;
}

.enviar {
    height: 80px;
    width: 40%;
}

footer {
    background: url('./img/bg-footer.png');
    background-repeat: repeat-y;
    height: auto;



}

.footer-left {
    padding: 20px;
}

.footer-left img {
    width: 30px;
    height: 30px;

    margin: 0 15px;
}

.footer-right {
    padding: 20px;
}

.footer-right img {
    width: 20px;
    height: 20px;
}

.logo-imobiliaria {
    height: 50%;
    max-height: 100px;
}

.logo-valor {
    max-height: 130px;
}

.logo-predial {
    max-height: 300px;
}

.parallax {
    /* The image used */
    background-image: url("./img/final-img.png");

    /* Full height */
    height: 100%;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}



.txt-conveniencia {
    width: 60%;
}

.txt-title {
    width: 60%;
    padding: 50px 0;
}

.danger {
    color: red;
}

.img-box-txt {
    width: 70%;
}

.araucaria {
    width: 35%;
}

.sobloco {
    width: 50%;
}

.mobile {
    display: none;
}

.desktop {
    display: block;
}

footer a:hover {
    text-decoration: none;
}

.reserve {
    width: 80%;
}

.btn-reserve {
    background-image: url('./img/cta_2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

.btn-reserve:hover {
    background-image: url('./img/cta_1.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80%;
}

.btn {
    border-radius: 0;
}

.modal {
    bottom: 0;
    left: 0;
}



.btn-enviar {
    background-image: url('./img/contato2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
    width: 330px;
    height: 80px;
}

.btn-enviar:hover {
    background-image: url('./img/contato.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 70%;
}

.breve-lancamento {
   padding: 15px 50px;
   border: 1px solid #8c764d;
   width: 50%;
}



.subtitle {
    width: 30%;
}

.varanda {
    width: 22%;
}

.piscinas {
    width: 55%;
    padding: 80px 0;
}

.desktop-footer {
    display: flex;
}

.show-320 {
    display: block;
}


/* Change the white to any color  */
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 300px #ffff inset !important;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: #ffffff !important;
    background-image: none !important;
    color: #857550 !important;
}

textarea {
  width: 100%;
  border: none;
  border-bottom: 1px solid #857550;
}

.hidden {
    display: none;
}

.show {
    display: inherit;
}

.texto-legal {
    max-width: 100%;

}

.show-768 {
    display: none;
}

.show-425 {
    display: none;
}

.logo-cia {
    max-height: 250px;
}

.breve-lancamento {
    padding: 38px 50px 23px 50px;
    border: 2px solid #8c764d;
    width: 50%;
    /* margin-top: 10px; */
}

.header-txt {
    padding: 110px 70px;
}

.logo-maria {
    width: 20%;
}

.logo-valor {
    width: 20%;
}

.modal-content {
    width: 100%;
    height: auto;

    padding: 10px 10px 10px 10px;


}

.modal-body {
    width: 100%;
    border: 1px solid #857550;
    padding: 0;
}

.modal img {

    padding: 50px;
}

button.close {
    width: 50px;
    height: 50px;
    background: url("./img/x.png");

    opacity: 1;
    top: 0;

}

.politica {
    text-align: justify;
    padding: 100px 0px;
}

.politica h1 {
    text-align: center;
    margin: 50px;
}

#politica-link {
    text-align: center;
    font-size: 12px !important;
    margin: 0 auto;
    color: #a99566;;
}

.pol {
    margin-top: -30px;
}

.btn-modal {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.hide-input {
    opacity: 0;
}

.galeria {
  padding: 30px 0;
}

.galeria1 {
  width: 100%;
}

.full-img {
  width: 100%;
}

.img-show {
  opacity: 1;
}

.img-hide {
  opacity: 0;
}

@media only screen and (max-width: 1000px) {

  .pol {
    margin-top: 0;
  }
}


@media only screen and (max-width: 750px) {

  html,body {
    overflow-x: hidden;
  }

  .borda {
    padding: 50px;
  }

  .borda img {
    width: 100%;
  }

  button {
      width: 230px !important;
      height: 100px;
      cursor: pointer;
  }

}