@charset "utf-8";
    /* CSS Document */
    
    .erro404{
        padding-top: 300px;
        padding-bottom: 100px;
    }
    .erro404 h1 {
        font-size: 60px;
    }
    
    .erro404 p {
        font-size: 30px;
    }

    .copy, .copy:hover{
        font-size: 14px;
        text-decoration: none;
    }


    .faca-orcamento{
        padding: 16px 30px 16px 30px !important;
        border-radius: 20px !important;
        background: #FFEC41;
        box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.10), 0px 30px 30px 0px rgba(0, 0, 0, 0.09), 0px 68px 41px 0px rgba(0, 0, 0, 0.05), 0px 121px 48px 0px rgba(0, 0, 0, 0.01), 0px 188px 53px 0px rgba(0, 0, 0, 0.00);

        color: #002A6A;

        font-family: 'Spline Sans';
        font-size: 18px !important;
        font-style: normal;
        font-weight: 500 !important;
        line-height: 30px !important; /* 166.667% */
    }
    .faca-orcamento:hover{
        padding: 4px 0px;

        color: #FFEC41;
        background: transparent;

        font-family: 'Spline Sans';
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 30px; /* 166.667% */

        border-radius: 20px;
        border: 1px solid #FFEC41;

        box-shadow: none;

        transform: scale(1.01);
        margin-top: 1px;

    }


    .solicite-cotacao{
        padding: 16px 30px !important;

        border-radius: 20px !important;
        background: #005FED !important;
        box-shadow: 0px 8px 17px 0px rgba(0, 0, 0, 0.10), 0px 30px 30px 0px rgba(0, 0, 0, 0.09), 0px 68px 41px 0px rgba(0, 0, 0, 0.05), 0px 121px 48px 0px rgba(0, 0, 0, 0.01), 0px 188px 53px 0px rgba(0, 0, 0, 0.00);
        color: #FFF !important;

        font-family: 'Spline Sans' !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 30px !important; /* 166.667% */
    
    }

    .solicite-cotacao:hover{
        padding: 16px 30px !important;
        border-radius: 20px !important;
        border: 1px solid #005FED !important;

        color: #005FED !important;
        background: transparent !important;

        font-family: 'Spline Sans' !important;
        font-size: 18px !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 30px !important; /* 166.667% */

        box-shadow: none;

        transform: scale(1.01);
        margin-top: 1px;

    }










    .menuSuperior{
        z-index: 99999;
    }

    .menuSuperior .menuprincipal{
        float: right;
        z-index: 9999;
        position: relative;
    }
    .menuSuperior .menuprincipal .nav-link{
        
        color: #FFF;
        font-family:'Source Sans 3';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        z-index: 1;
    }

    .menuSuperior .menuprincipal .padding{
        padding: 20px 10px 20px 10px;
    }
    .menuSuperior .menuprincipal .no-padding{
        padding: 20px 0px 20px 10px;
    }

   

    .menuSuperior .logomenu{
        width: 220px;
        max-width: 220px;
    }
    .banner .container{
        padding-top: 120px;
        padding-bottom:  200px;
        background-image: url('../imagens/banner/fundo-banner.webp');
        background-repeat: no-repeat;
        background-position-x: 97%;
        background-size: 500px;
        z-index: 1;
        position: relative;
    }

    .banner video {
        position: absolute;
        top: 0;
        right: 5%;
        width: 40%;
        opacity: 0.1;
        z-index: 0;
    }

    .banner .carousel-item{
        width: 100%;
    }

    

    .banner h1{
        color: #002A68;

        text-shadow: 0px 0px 34px rgba(0, 0, 0, 0.25);
        font-family: 'Syncopate';
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }
    

    .banner h2{
        color: #FFF;

        text-shadow: 0px 0px 34px rgba(0, 0, 0, 0.25);
        font-family: 'Syncopate';
        font-size: 100px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;

        position: relative;
    }

    .banner p{
        color: #FFF;

        font-family: 'Source Sans 3';
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: 38px; /* 172.727% */
        width: 560px;
    }
    
    .condominios{
        padding: 100px 0px 100px 0px;
    }

    .condominios h1{
        color: #FFF;

        font-family: 'Syncopate';
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .condominios h2{
        color: #003A92;

        font-family: 'Syncopate';
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }
    .condominios p{
        color: #FFF;

        font-family: 'Source Sans 3';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
    }
    .condominios hr{
        background: #003A92;
    }

    .condominios .exemplos .card{
        background-color: transparent;
    }

    .condominios .exemplos .card h3{
        color: #FFF;

        text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.35);
        font-family: 'Syncopate';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }

    .solucoes{
        padding: 100px 0px 100px 0px;
    }
    .solucoes h1{
        color: #FFF;

        font-family: 'Syncopate';
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .solucoes p{
        color: #FFF;

        font-family: 'Source Sans 3';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
    }

    .solucoes .icones{
        padding-top: 60px;
    }

    .solucoes .icones svg{
        color: #002B6A;

        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;

        width: 36px;
        height: 36px;
    }
    .solucoes .icones h2{
        color: #002B6A;

        font-family: 'Syncopate';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;

        padding: 18px 0px 18px 0px;
    }
    .solucoes .icones p{
        color: #FFF;

        font-family: 'Spline Sans';
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 166.667% */
    }


    .clientes{
        padding-top: 100px;
    }

    .clientes h1{
        color: #444;

        font-family: 'Syncopate';
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .clientes h1 span{
        color: #06F;
    }

    .clientes p{
        color: #959595;

        font-family: 'Source Sans 3';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */
    }


    .clientes .icones svg{
        color: #444;

        text-align: center;
        font-size: 32px;
        font-style: normal;
        font-weight: 900;
        line-height: normal;
        text-transform: uppercase;

        width: 36px;
        height: 36px;
    }

    .clientes .icones h2{
        color: #444;

        font-family: 'Syncopate';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;

        align-self: stretch;
        padding: 18px 0px 18px 0px;
    }

    .clientes .icones p{
        color: #959595;

        font-family: 'Source Sans 3';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px; /* 150% */

        align-self: stretch;

    }


    .portaria-remota .container{
        padding-top: 100px;
        padding-bottom: 100px;

        background: url(../imagens/banner/fundo-banner-app.webp);
        background-repeat: no-repeat;
        background-position-x: 82%;
        background-size: 500px;
        background-position-y: 46%;
    }
    .portaria-remota h1{
        width: 700px;
        color: #06F;

        font-family: 'Syncopate';
        font-size: 100px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }
    .portaria-remota h2{
        color: #C9C9C9;

        font-family: 'Syncopate';
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        text-transform: uppercase;
    }
    .portaria-remota h3{
        padding-top: 40px;
        padding-bottom: 25px;
        width: 478px;
        color: #444;

        font-family: 'Syncopate';
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
        text-transform: uppercase;
    }


    .portaria-remota .playstore img{
        max-width: 160px;
        min-width: 160px;
    }



    
.portaria-remota .myaccordion{
    margin-bottom: 30px;
    width: 478px;
    border-radius: 8px;
    padding: 3px;
}
.portaria-remota .myaccordion span:focus,
.portaria-remota .myaccordion span:active{
    border: 0px !important;
}

.portaria-remota .myaccordion span.collapsed{
    color: #444 !important;
    border-bottom: 1px solid  #959595;

    background: url('../imagens/badge/plus.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 20px;
    background-size: 15px;
}
.portaria-remota .myaccordion span{

    background: url('../imagens/badge/negative.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 20px;
    background-size: 15px;

    font-family: 'Source Sans 3';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */

    text-align: left;
    border: 0px;


    width: 100%;
    display: block;
    text-decoration: none;

    color: #06F !important;


    padding: 12px 40px 12px 0px;

    cursor: pointer;
}

.portaria-remota .myaccordion .card-body{
    background-color: #FFF;

    color: #959595;

    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */

    padding-top: 0px;

}
.faq{
    padding-top: 100px;
    padding-bottom: 100px;
}

.faq h1{
    color: #002B6A;

    font-family: 'Syncopate';
    font-size: 26px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
}

.faq h2{
    padding: 45px 0px 45px 0px;
    width: 683px;

    color: #FFF;

    font-family: 'Syncopate';
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}


  
.faq .myaccordionj{
    margin-bottom: 30px;
    border-radius: 8px;
    padding: 3px;
}

.faq .myaccordionj span.collapsed{
    color: #FFF !important;
    border-bottom: 1px solid  #5793ED;


    background: url('../imagens/badge/plus.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 20px;
    background-size: 15px;
}
.faq .myaccordionj span{

    background: url('../imagens/badge/negative-branco.svg');
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 20px;
    background-size: 15px;

    font-family: 'Source Sans 3';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px; /* 136.364% */

    text-align: left;
    border: 0px;

    width: 100%;
    display: block;
    text-decoration: none;

    color: #002B6A !important;
   

    padding: 12px 30px 12px 0px;

    cursor: pointer;
}

.faq .myaccordionj .card-body{

    color: #FFF;

    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */

    padding-top: 0px;

}

.rodape .copyright,
.rodape .copy{
    color: #959595;

    font-family: 'Source Sans 3';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */
}

.rodape .redessociais .escrita{
    color: #002B6A;

    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px; /* 125% */
    letter-spacing: 0.4px;
}
.rodape .redessociais svg{
    width: 24px;
    height: 24px;
    color: #002B6A;

    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}





.menu-form-consultor{
    z-index: 9999999 !important;
 }
 .menu-form-consultor .modal-dialog{
    margin: 0px 0px auto auto;
    height: 100%;
    display: table;
}
.menu-form-consultor .modal-sm{
    max-width: 450px;
}

.menu-form-consultor .modal-content{
    height: 100%;
}

 .menu-form-consultor .modal-header{
    border-bottom: none;
}

.menu-form-consultor .modal-header .close{
    font-size: 17px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;

    text-shadow: none;
    opacity: 1;
    font-weight: 100;
}

.menu-form-consultor .modal-header .close svg{
    font-size: 32px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;

    margin-bottom: -7px;
}
.menu-form-consultor .modal-body{
    padding: 32px 32px 32px 32px;
}
.menu-form-consultor .modal-body h1,
.menu-form-consultor .modal-body h1 span{
    color: #061D47;
    font-family: 'Source Sans 3';
    font-size: 32px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

}
.menu-form-consultor .modal-body h2,
.menu-form-consultor .modal-body h2 span{
    color: #959595;

    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */

    padding: 16px 0px 32px 0px;

}


.menu-form-consultor .modal-body .form .phone-country{
    display: none !important;
}


.menu-form-consultor .modal-body .form .aceite{
    padding-right: 0px !important;
    padding-left: 20px !important;

    color: #959595;

    font-family: 'Source Sans 3';
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.menu-form-consultor .modal-body label{
    color: #959595;
}
.menu-form-consultor .modal-body .form input{
    display: flex;
    padding: 17.5px 12px !important;
    align-items: flex-start;
    gap: 10px;
    align-self: stretch;

    color: #7F8284;
    font-family: 'Source Sans 3';
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px; /* 156.25% */
    letter-spacing: 0.48px;

    border-radius: 10px;
    background: rgba(226, 229, 239, 0.50);

}

.menu-form-consultor .modal-body .form input[type="checkbox"]{
    width: inherit !important;
}
.menu-form-consultor .modal-body .form select{
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 25px !important; /* 156.25% */
    letter-spacing: 0.48px !important;

    padding: 17.5px 12px 17.5px 12px !important;
    border-radius: 10px !important;
    color: #7F8284 !important;
    height: auto !important;

    border-radius: 10px;
    background: rgba(226, 229, 239, 0.50);
}

.menu-form-consultor .modal-body button{
    width: 100%;
    padding: 16px 30px;

    color: #005FED;

    font-family: 'Spline Sans';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px; /* 166.667% */

    border-radius: 20px;
    border: 1px solid #005FED;

    text-align: center !important;
    background: transparent;
}

.menu-form-consultor .modal-body .menu-acesso-rapido li{
    display: table;
    width: 100%;
}
.menu-form-consultor .modal-body .menu-acesso-rapido a{
    font-size: 14px;
}
.menu-form-consultor .modal-body .menu-acesso-rapido a svg{
    font-size: 25px;
    margin-right: 7px;
    width: 30px;
    margin-bottom: -4px;
}

.menu-form-consultor .modal-body .menu-acesso-rapido .bt-condominio-lateral{
    border-radius: 5px;
}







.menu-form-consultor-show
{
    z-index: 9999999 !important;
 }
 .menu-form-consultor-show
 .modal-dialog{
    margin: 0px 0px auto auto;
    height: 100%;
    display: table;
}
.menu-form-consultor-show
 .modal-sm{
    max-width: 450px;
}

.menu-form-consultor-show
 .modal-content{
    height: 100%;
}

 .menu-form-consultor-show
 .modal-header{
    border-bottom: none;
}

.menu-form-consultor-show
 .modal-header .close{
    font-size: 17px;
    font-style: normal;
    font-weight: 500 !important;
    line-height: normal;

    text-shadow: none;
    opacity: 1;
    font-weight: 100;
}

.menu-form-consultor-show
 .modal-header .close svg{
    font-size: 32px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;

    margin-bottom: -7px;
}
.menu-form-consultor-show .modal-body  svg{
    color: #06F;
    font-size: 45px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.menu-form-consultor-show .modal-body{
    padding: 32px 32px 32px 32px;
}
.menu-form-consultor-show .modal-body h1,
.menu-form-consultor-show .modal-body h1 span{
    color:  #06F;
    font-family: 'Source Sans 3';
    font-size: 31px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

}
.menu-form-consultor-show .modal-body h2,
.menu-form-consultor-show .modal-body h2 span{
    color: #959595;

    font-family: 'Source Sans 3';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px; /* 150% */

    padding: 16px 0px 32px 0px;

}