#banner {
    background-image: url('../../images/site/banner.png');
    background-size: cover;
    background-position: center top;
    height: 100vh;
    overflow: hidden;
    margin-top: -132px;
}

section#atendimento {
    height: 830px;
}

div#banner-container {
    padding-top: 212px;
}

.orange-title {
    color: #ffae00;
    text-transform: uppercase;
    font-size: 20px;
}


p.banner-text {
    color: #FFF;
    font-size: 16px;
    margin-top: 30px;
}

a.btn.btn-orange-border {
    border: 4px solid #ffae01;
    border-radius: 10px;
    padding: 14px 18px;
    font-size: 16px;
    color: #FFF;
    text-transform: uppercase;
    transition: 0.4s ease all;
    margin-top: 30px;
}

a.btn.btn-orange-border:hover{
    background-color: #ffae00;
}

section#video {
    margin-top: 100px;
}

h3.black-subtittle {
    font-size: 40px;
    text-align: center;
    color: #000;
    margin-bottom: 90px;
}

iframe{
    border-radius: 20px;
}

p.video-text {
    font-size: 16.5px;
    color: #607587;
    margin-top: 10px;
}

#sites {
    margin-top: 90px;
    overflow: hidden;
}

.bg-colorida {
    background: linear-gradient(135deg, #04054d, #04518e);
    height: 562px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

img.sites-imobase {
    top: 11%;
    position: relative;
    left: -65%;
}

img.atendimento-imobase {
    position: relative;
    left: -90px;
    top: 66px;
}


@media (max-width: 576px) {
    .bg-colorida{
        height: 650px;
    }

    section#atendimento{
        height: 1050px;
    }


    div#banner-container {
        padding-top: 125px;
    }

    a.btn.btn-orange-border{
        margin-top: 15px;
    }
    p.banner-text{
        margin-top: 15px;
    }

    #banner {
        background-image: url('../../images/site/banner_secundario.png');
    }
}


/* Classe personalizada para desativar o backdrop */
.no-backdrop .modal-backdrop {
    display: none;
  }

  .modal-backdrop.fade.show {
    z-index: 0 !important;
}