@font-face {
    font-family: AvenirRoman;
    src: url('fonts/AvenirNextLTPro-Regular.otf');
    font-display: swap;
}

@font-face {
    font-family: AvenirBlack;
    src: url('fonts/AvenirNextLTPro-Bold.otf');
    font-display: swap;
}

@font-face {
    font-family: RoobertMedium;
    src: url('fonts/Roobert-Medium.otf');
    font-display: swap;
}

html{
    scroll-behavior: smooth;  
}
    
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header{
    background-image: url('../../images/bgdesktop.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

@media screen and (max-width: 768px) {
    header{
        background-image: url('../../images/bgmobile.jpg');
    }
}

a{
    text-decoration: none;
    color: initial;
}

.form-check-label a{
    color: white !important;
}


.margin-default{
    padding-right: 13vh;
    padding-left: 13vh;
}

.no-padding{
    padding: 0px !important;
    margin: 0px !important;
  }

.apresentacao{
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center; 
    background: transparent !important;
    z-index: 888 !important;
}

.logo{
    width: 40vh;
}

.slogan h3{
    font-family: AvenirBlack;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 5vh;
    font-size: 3vh;
    background-color: #a3cb38;
    padding: 2vh;
    margin-bottom: 0vh;
    line-height: 4vh;
    border-radius: 10px;
}

.type-plant h3{
    background-color: #9c1813;
    font-family: AvenirBlack;
    text-transform: uppercase;
    color: #ffffff;
    margin-top: 3vh;
    font-size: 3vh;
    padding: 2vh;
    margin-bottom: 0vh;
    line-height: 4vh;
    border-radius: 10px;
}

.overlay-tagline {
    background-color: rgba(102, 97, 97, 0.7);
    padding: 40px;
    border-radius: 20px;
    width: 70%;
    margin-top: 5vh;
}

.chamada h1{
    font-family: AvenirBlack;
    color: #ffffff;    
    font-size: 5vh;
    background-color: #7d7d7d;
    padding: 2vh;
    text-transform: uppercase;
    margin-bottom: 0vh;
}

.chamada p{
    font-family: AvenirRoman;
    color: #ffffff;    
    font-size: 3vh;
    background-color: #a3cb38;
    padding: 2vh;
}

.chamada p b{
    font-family: AvenirBlack;                
}

.chamada img{
    margin-top: 2vh;
    height: 9vh;
}

.seta{
    padding-bottom: 10vh;
}

.bgform{
    position: absolute;
    height: 100vh;
    z-index: 999 !important;
}

.form-lp{        
    height: 100vh;    
    display: flex;
    align-items: center;
    justify-content: center; 
    
}

.box-form{        
    background-color: #008b76;
    min-height: 50vh;
    width: 430px;
    border-radius: 1.5vh;
    padding: 4vh;
    z-index: 1000 !important;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 21px 0px rgba(0,0,0,0.1);
}

.box-form h3{
    font-family: AvenirRoman;
    font-size: 3vh;
    color: #ffffff;
}

.box-form label{
    font-family: AvenirRoman;
    color: #ffffff;
}

.box-form form{
    margin-top: 4vh;
}

.box-form p{
    font-family: AvenirRoman;
    font-size: 1.5vh;
    margin-top: 3vh;
}

.form-control{
    width: 100%;
    height: 5vh;
    border: none;
    font-family: AvenirRoman !important;        
    border-radius: .7vh !important;
    box-shadow: none !important;
    margin-bottom: 0vh;    
    background-color: #f3f3f3;
    
  }

  ::placeholder{
    color: #7d7d7d !important;
    font-size: 2vh;
  }
  
  .form-control:focus{        
    box-shadow: none !important;
    background-color: #f3f3f3;
  }
  
  .form-control:active{        
    box-shadow: none !important;
    background-color: #f3f3f3;
  }

  .btn-enviar{
      font-family: AvenirBlack !important;   
      background-color: #9c1813;
      color: #ffffff;
      min-width: 9vw;
      min-height: 6vh;
      display:flex;
      align-items: center;
      justify-content: center;
      margin-top: 5vh;
      padding-right: 4vh;
      padding-left: 4vh;
      font-size: 2vh;      
      border-radius: 1vh;
      border: none;
  }

  .btn-enviar:hover{
    background-color: #830804;
    color: #ffffff;
}

.seguranca{
    width: 35vh;
}

.video{
    padding-top: 15vh;
    padding-bottom: 15vh;    
}

.video h3{
    text-transform: uppercase;
    color: #a3cb38;    
    font-size: 2vh;
}

.video h1{
    font-family: AvenirRoman;   
    color: #a3cb38;
    margin-bottom: 5vh;
}

.video p{
    font-family: AvenirRoman;   
    padding-right: 15vh;
    padding-left: 15vh;
    color: #7c7c7c;
    font-size: 2.8vh;
    margin-bottom: 10vh;    
    color: #7c7c7c;
}

.video span{
    font-family: AvenirBlack;    
}

.video-embed{
    
}

.estrutura h1{
    font-family: AvenirRoman;
    padding-top: 10vh;
    padding-bottom: 7vh;    
    color: #a3cb38;
}

@media screen and (max-width: 768px) {
    .estrutura h1{         
        padding-right: 0vh;
        padding-left: 0vh;        
    }
}

.renda{
    
    padding-bottom: 5vh;
}

.celular{
    height: 70vh;
}


.detalhes-renda{
    height:70vh;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.title-renda{
    font-family: RoobertSemiBold;
    font-size: 5vh;
    color: #000000;
}

.detalhes-renda p{
    font-family: RoobertMedium;
    font-size: 2.4vh;
    line-height: 4vh;
    margin-top: 3vh;
    margin-bottom: 3vh;
}

.radios label{
    margin-right: 4vh;
}

.fgts{
    width: 30vh;
}
.minhacasa{
    width: 20vh;
}

.separator{
    width: 100%;
    height: .5vh;
    background-color: #000000;
    margin-top: 5vh;
}

.content-steps{
    background-color: #fff191;
    padding: 5vh;
    border-radius: 1.5vh;
}

.content-steps h1{
    font-family: RoobertSemiBold;
}

.card-deck{
    margin-bottom: 7vh;
}
    
.card-informativo{
    background-color: #ffffff;    
    text-align: center;    
    border: none; 
    min-height: 5vh;
}
.center-icones{
    min-height: 20vh;   
}

.center-icones img{
    height: 15vh;
}

.chamada-grid{
    font-family: AvenirRoman;
    color: #7c7c7c;
    font-size: 3vh;
}


.top-down{
    margin-top: 2vh;
}

.top-down-2{
    margin-top:10vh;
}

.no-padding{
    margin: 0vh;
    padding: 0vh;
}

.grid{    
    display:flex; 
    min-height:20vh; 
    justify-content: center;    
    margin-bottom: 1rem;
}

.item-grid{
    width: 20vh;
    height: 20vh;
    overflow: hidden;    
}

.moldura{
    border-radius: 1vh;
    min-height: 17vw;
    overflow: hidden;
    background-size: cover;
    background-position: bottom;
}

@media screen and (max-width: 768px) {
    .moldura{
        height: 100vw;
    }
}

.cta-corretor{
    font-family: AvenirRoman;
    background-color: #a3cb38;
    color: #ffffff;
    margin-top: 5vh;
    margin-bottom: 10vh;
}

.cta-corretor:hover{    
    background-color: #648605;
    color: #ffffff;
    
}

.cta-corretor-mapa{
    font-family: AvenirRoman;
    background-color: #a3cb38;
    color: #ffffff;
    margin-top: 13vh;    
}

.cta-corretor-mapa:hover{
    background-color: #648605;
    color: #ffffff;
}

.galeria{
    min-height: 50vh;
    padding-top: 10vh;
    background-color: #ededed;
}

.galeria h3{
    font-family: AvenirRoman;
    color: #a3cb38;        
}

.galeria h1{
    font-family: AvenirRoman;
    color: #a3cb38;       
    margin-top: 2vh; 
}

.galeria p{
    font-family: AvenirRoman;
    color: #7c7c7c;  
    margin-top: 3vh; 
    margin-bottom: 10vh;
    font-size: 2.5vh;         
    padding-left: 20vh;
    padding-right: 20vh;
}

.form-corretor{
    padding-top: 15vh;    
}

.form-corretor label{
    font-family: AvenirRoman;
    color: #ffffff;
    font-size: 2vh;
}

.form-corretor h1{
    font-family: AvenirRoman;
    color: #ffffff;    
}

.form-row{
    margin-top: 5vh;
}

.box-form-corretor{
    padding-top: 7vh;
    padding-bottom: 7vh;
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2vh;
    background-color: #a3cb38;
}

.financiamento{
    min-height: 50vh;
    padding-top: 15vh;
}

.financiamento h3{
    font-family: AvenirRoman;
    color: #a3cb38;       
    margin-top: 2vh; 
}

.financiamento h1{
    font-family: AvenirRoman;
    color: #a3cb38;       
    margin-top: 2vh; 
}

.financiamento p{
    font-family: AvenirRoman;
    color: #7c7c7c;  
    margin-top: 3vh; 
    margin-bottom: 10vh;
    font-size: 2.5vh;         
    padding-left: 20vh;
    padding-right: 20vh;
}

.financiamento span{
    font-family: AvenirBlack;        
    color: #7c7c7c;  
}

.logos-finan{
    min-height: 30vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.itens-localizacao{
    min-height: 50vh;
    padding-top: 10vh;
}

.itens-localizacao h1{
    font-family: AvenirRoman;
    color: #a3cb38;       
    margin-top: 2vh; 
}

.itens-localizacao p{
    font-family: AvenirRoman;
    color: #7c7c7c;  
    margin-top: 3vh; 
    margin-bottom: 10vh;
    font-size: 2.5vh;         
    padding-left: 20vh;
    padding-right: 20vh;
}

.detalhes-localizacao{
    min-height: 30vh;
    display: flex;    
    justify-content: center;
}

.detalhes-localizacao h4{
    font-family: AvenirBlack;
    color: #a3cb38;
    line-height: 5vh;
}


.container-image{  
    width: 30vh;   
    height: 30vh;   
    position: relative;  
    overflow: hidden;  
}

.card-informativo{
    margin-top: 5vh;
    
    border-radius: 1.5vh;
    min-height: 5vh;
}

.card-informativo h3{
    font-family: AvenirRoman;
    font-size: 2.4vh;
    color: #7c7c7c;
}



.card p{
    font-family: RoobertMedium;    
    font-size: 2.4vh;
}

.content-details{
    background-color: #c6e3ff;
    margin-top: 5vh;
    min-height: 60vh;
    border-radius: 1.4vh;        
}

.centered{    
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10vh;
}

.ended{    
    min-height: 60vh;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.content-details h1{
    font-family: RoobertSemiBold;
    font-size: 4vh;
    margin-bottom: 4vh;
}

.iphone{
    height: 51vh;
}

.content-footer{
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5vh;   
}

.content-footer p{
    font-family: RoobertMedium;
    margin-top: 3vh;
    margin-bottom: 4vh;
    font-size: 2.4vh;
}

.content-footer small{
    font-family: RoobertMedium;    
    font-size: 2vh;
}

.btns-download img{
    height: 8vh;
    margin-left: 3vh;
}

.socials{
    min-height: 2vh;
    display: flex;
    align-items: center;
    justify-content: center;
    word-spacing: 2em;
    margin-bottom: 2vh;
    margin-top: -10vh;
}

.socials i{
    font-size: 3vh;
}

.logo-rodape{
    height: 10vh;
    margin-top: -15vh;
}

.copyright{
    font-family: AvenirRoman;
    font-size: 2vh;
    color: white;
    padding-top: 5vh;
    padding-bottom: 5vh;
    min-height: 10vh;
    background-color: #a3cb38;
}


.owl-theme .owl-controls{margin-top:5vh;text-align:center;}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;width:1vh;height:1vh;margin:5px 7px;filter:Alpha(Opacity=50);opacity:0.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading{min-height:150px;background:url(AjaxLoader.gif) no-repeat center center}

#form{
    margin-top: -5vh;
}
@media screen and (max-width: 768px) {

    .financiamento p{
        font-family: AvenirRoman;
        color: #7c7c7c;  
        margin-top: 3vh; 
        margin-bottom: 10vh;
        font-size: 2.5vh;         
        padding-left: 0vh;
        padding-right: 0vh;
    }

    .itens-localizacao p{
        padding-left: 0vh;
        padding-right: 0vh;
    }

    .galeria p{
        padding-left: 0vh;
        padding-right: 0vh;
    }

    .margin-default{
        padding-right: 4vw;
        padding-left: 4vw;
    }

    .apresentacao{
        text-align: center;     
        margin-top: 10vh;       
    }

    .logo{
        width: 35vh;
        margin-bottom: 0vh;
    }

    .overlay-tagline{
        display: flex;
        justify-content: center;
        width: 100%;
    }

    #form {
        margin-top: -50px;
    }

    .form-lp{
        height: auto;
        width: 100%;
        
    }
    .box-form{
        height: auto;
        width: 100%;
        margin-bottom: 5vh;
    }

    .form-control{
        height: auto;
        margin-bottom: 5px;
    }

    .box-form h3{        
        font-size: 28px;
    }
    
    .box-form p{        
        font-size: 15px;
        margin-top: 28px;
    }

    ::placeholder{        
        font-size: 20px;
    }

    .btn-enviar{        
      min-width: 50%;
      min-height: 55px;     
      padding-right: 38px;
      padding-left: 38px;
      font-size: 18px;      
      border-radius: 1vh;
      border: none;
  }

    .seguranca{
        width: 100%;
    }

    .renda{
        margin-top: 10vh;
    }

    .celular{
        width: 100vw;
        height: auto;  
        padding-left: 2vh;     
        padding-right: 2vh;
    }

    .bgform{
        margin-top: -12vh;
        width: 100vw;
        height: auto;
    }

    .video p{
        padding-right: 0vh;
        padding-left: 0vh;
    }

    .iphone{
        height: 51vh;
    }

    .centered{
        padding-left: 8vw;
        padding-top: 3vh;
    }

    .ended{    
        min-height: 55vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    #form{
        margin-top: 0vh;
    }

    .logo-rodape{
        height: 10vh;
        margin-top: 2vh;
        margin-bottom: 3vh;
    }

}

.tp{
    font-family: AvenirRoman;
    min-height: 100vh;
    display: flex;
    padding-top:15vh;
    justify-content: center;    
}

.tp a{
    color: #a3cb38;
    
}