/*#region General*/

body{
    width: 1920px;
    background-color: #221F1F;
    /*background-color: #caccce;*/
    font-family: 'Barlow';
    transition: scroll 0.5s;
}

.divSite{
    width: 1920px;
}

.divTitulosArticles{
    height: 158px;
    color: #e5e6e8;
    font-family: Barlow-SemiBold;
    font-size: 96px;
    line-height: 80px;
    display: inline-block;
}

.divTextArticles{
    padding-top: 20px;
    color: #e5e6e8;
    font-family: Barlow;
    line-height: 32px;
    text-align: justify;
    letter-spacing:1px;
    display: inline-block;
}

.divSection{
    width: 1920px;
    color: #ffffff;
    margin-top: 168px;
    background-image: url("/images/fundo_grades.png");
}

/*#endregion*/

/*#region Header*/

.divHeader{
    position:fixed;
    top: 0px;
    width: 1920px;
    height: 60px;
    display: table;
    background-color: #0c0c0c7e;
    z-index: 100;
}

.divHeader_body{
    width: 1588px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.divHeaderMenu{
    float: left;
    line-height: 60px;
    width: 460px;
}

.btnHeaderMenuItem{
    height: 60px;
    background-color: transparent;
    border: none;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    width: 150px;
    cursor: pointer;
}

.btnHeaderMenuItem:hover{
    height: 60px;
    background-color: #00db56;
    border: none;
    border-radius: 4px;
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 20px;
    width: 150px;
    cursor: pointer;
}

.divHeaderLogo{
    float: left;
    width: 300px;
    height: 60px;
}

.imgHeader_logo{
    margin-top: 14px;
    width: 195px;
    cursor: pointer;
}

.divHeaderButtons{
    float: left;
    width: 440px;
    height: 60px;
    margin-top: -20px;
}

.divHeaderMenuContact{
    float: left;
    line-height: 60px;
    width: 460px;
    margin-top: -20px;
}

.divHeaderMenuItem{
    width: 188px;
    padding-right: 40px;
    display: inline-block;
}

.btnHeader_demonstracao{
    width:200px;
    height:42px;
    background-color:transparent;
    color:#ffffff;
    border-radius:8px;
    border:4px solid #00db56;
    margin-top:12px;
    margin-right:40px;
    cursor:pointer;
    font-weight:500;
    font-size:12px;
    cursor: pointer;
}

.btnHeader_whatsapp{
    width: 188px;
    height: 42px;
    border: none;
    color: #0f0f0f;
    border-radius: 8px;
    margin-top: 0px;
    cursor: pointer;
}

.btnHeaderMenuOpen{
    display: none;
}

/*#endregion*/

/*#region Banner*/

.divBanner{
    width: 1920px;
    height: 838px;
    background-image: url('/images/banner2.jpg');
    background-position-y: -80px;
    font-family: 'Barlow';
    color: #e5e6e8;
    border:none;
    font-weight: 400;
}

.divBanner_body{
    width: 1888px;
    height: 838px;
    border: inherit;
    overflow: hidden;
}

.divBanner_text{
    float: left;
    width: 1100px;
    border: inherit;
    height: 838px;
    position: relative;
    border: inherit;
}

.divBanner_text_mot{
    padding-top: 20px;
    width: 726px;
    border: inherit;
    height: 350px;
    position: absolute;
    top:220px;
    left:156px;
    overflow: hidden;
}

.divBanner_text_mot_text_mobile{
    display: none;
}

/*#region Text mot title line 01 */

.divBanner_text_mot_title_line1_hidden{
    width: 734px;
    color: inherit;
    font-family: inherit;
    font-size: 70px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 8px;
    line-height: 70px;
    overflow: hidden;
    margin-left: -734px;
    opacity: 0;
}


.divBanner_text_mot_title_line1_animate{
    width: 734px;
    color: inherit;
    font-family: inherit;
    font-size: 70px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 8px;
    line-height: 70px;
    overflow: hidden;
    margin-left: 0px;
    opacity: 1;
    /*transition: all 0.5;*/
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes motLineSlideLeft {
    0% {
        opacity: 0;
        margin-left: -734px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes motLineSlideLeft {
    0% {
        opacity: 0;
        margin-left: -734px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

/*#endregion*/

/*#region Text mot title line 02 */

.divBanner_text_mot_title_line2_hidden{
    width: 734px;
    color: inherit;
    font-family: inherit;
    font-size: 70px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 70px;
    overflow: hidden;
    margin-left: 740px;
    opacity: 0;
}

.divBanner_text_mot_title_line2_animate{
    width: 734px;
    color: inherit;
    font-family: inherit;
    font-size: 70px;
    font-weight: 600;
    text-align: justify;
    letter-spacing: 2px;
    line-height: 70px;
    overflow: hidden;
    margin-left: 0px;
    opacity: 1;
    -webkit-animation-name: motLineSlideRight; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-name: motLineSlideRight;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

@-webkit-keyframes motLineSlideRight {
    0% {
        opacity: 0;
        margin-left: 734px;
    }

    20% {
        opacity: 0;
        margin-left: 734px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

@keyframes motLineSlideRight {
    0% {
        opacity: 0;
        margin-left: 734px;
    }

    20% {
        opacity: 0;
        margin-left: 734px;
    }

    100% {
        opacity: 1;
        margin-left: 0px;
    }
}

/*#endregion*/

.divBanner_text_mot_title_line3{
    color: inherit;
    font-family: inherit;
    font-size: 70px;
    font-weight: 500;
    text-align: justify;
    letter-spacing: 5px;
    overflow: hidden;
}

/*#region Text mot text*/

.divBanner_text_mot_text{
    color: inherit;
    font-family: inherit;
    font-size: 18px;
    font-weight: 300;
    text-align: justify;
    letter-spacing: 0px;
    padding-top: 30px;
    line-height: 30px;
    overflow: hidden;
}

.divBanner_text_mot_line01_hidden{
    opacity: 0;
    margin-left: -740px;
}

.divBanner_text_mot_line01_animate{
    opacity: 1;
    margin-left: 0px;
    -webkit-animation-delay: 0s;
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-delay: 0s;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.divBanner_text_mot_line02_hidden{
    opacity: 0;
    margin-left: -740px;
}

.divBanner_text_mot_line02_animate{
    opacity: 1;
    margin-left: 0px;
    -webkit-animation-fill-mode: backwards;
    -webkit-animation-delay: 0.2s;
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-fill-mode: backwards;
    animation-delay: 0.2s;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.divBanner_text_mot_line03_hidden{
    opacity: 0;
    margin-left: -740px;
}

.divBanner_text_mot_line03_animate{
    opacity: 1;
    margin-left: 0px;
    -webkit-animation-fill-mode: backwards;
    -webkit-animation-delay: 0.4s;
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-fill-mode: backwards;
    animation-delay: 0.4s;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.divBanner_text_mot_line04_hidden{
    opacity: 0;
    margin-left: -740px;
}

.divBanner_text_mot_line04_animate{
    opacity: 1;
    margin-left: 0px;
    -webkit-animation-fill-mode: backwards;
    -webkit-animation-delay: 0.6s;
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-fill-mode: backwards;
    animation-delay: 0.6s;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}

.divBanner_text_mot_line05_hidden{
    opacity: 0;
    margin-left: -740px;
}

.divBanner_text_mot_line05_animate{
    opacity: 1;
    margin-left: 0px;
    -webkit-animation-fill-mode: backwards;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-name: motLineSlideLeft; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
    -webkit-animation-timing-function: ease-out;
    animation-fill-mode: backwards;
    animation-delay: 0.8s;
    animation-name: motLineSlideLeft;
    animation-duration: 1s;
    animation-timing-function: ease-out;
}
/*#endregion*/

.btnAccessSystem{
    width: 250px;
    height: 60px;
    position: relative;
    top:600px;
    left: 152px;
    cursor: pointer;
}

.divBanner_img{
    float: left;
    width: 780px;
    border: inherit;
    height: 838px;
    position: relative;
}

.divBanner_img_photo01_hidden{
    float: left;
    width: 641px;
    border: inherit;
    height: 750px;
    position: relative;
    border: inherit;
    position: absolute;
    top: 100px;
    left:786px;
    background-image: url("/images/man_laptop_lote_01.png");
    background-size: cover;
    opacity: 0;
}

.divBanner_img_photo01_animate{
    float: left;
    width: 641px;
    border: inherit;
    height: 750px;
    position: relative;
    border: inherit;
    position: absolute;
    top: 100px;
    left:56px;
    background-image: url("/images/man_laptop_lote_01.png");
    background-size: cover;
    transition: all 0.8s ease-in-out;
}

/*#endregion*/

/*#region Green Line*/

.divEmphasistext{
    font-family: Barlow;
    font-size: 21px;
    font-weight: 600;
    width:1920px;
    height: 20px;
    line-height: 60px;
    text-align: center;
}

/*#endregion*/

/*#region Work type*/

.divWorks{
    width: 1920px;
    height: 1523px;
    background-image: url("/images/fundo_grades.png");
}

.divWorksBody{
    width: 1588px;
    height: 1440px;
    margin-top: 129px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.divWorksSomos_hidden{
    width: 406px;
    height: 260px;
    position: relative;
    top: 203px;
    left: 103px;
    font-size: 0px;
    opacity: 0;
    overflow: hidden;
}

.divWorksSomos_animate{
    width: 406px;
    height: 260px;
    position: relative;
    top: 2px;
    left: 0px;
    font-size: 90px;
    opacity: 1;
    overflow: hidden;
    transition: all 1s ease-in;
}

.divWorkSomos_text_hidden{
    width: 1100px;
    position: absolute;
    top: 105px;
    left: 490px;
    font-size: 0px;
    opacity: 0;
}

.divWorkSomos_text_animate{
    width: 1100px;
    position: absolute;
    top: 105px;
    left: 490px;
    font-size: 23px;
    opacity: 1;
    transition: all 2s ease-in-out;
}

.lblWorkSomos_spacing_somos{
    letter-spacing: 4px;
}

.lblWorkSomos_spacing_gobroker{
    letter-spacing: -2px;
}

.divWorksFoto01_hidden{
    width: 477px;
    height: 399px;
    position: relative;
    top:-10px;
    left:0px;
    border-radius: 20px;
    background-image: url("/images/suporte_gobroker.jpg");
    background-repeat: no-repeat;
    opacity: 0;
}

.divWorksFoto01_animate{
    width: 477px;
    height: 399px;
    position: relative;
    top:244px;
    left: -20px;
    border-radius: 20px;
    background-image: url("/images/suporte_gobroker.jpg");
    background-repeat: no-repeat;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.divWorksFoto02_hidden{
    width: 604px;
    height: 602px;
    position: relative;
    top:0px;
    left: 0px;
    border-radius: 20px;
    background-image: url("/images/suporte_gobroker02.jpg");
    background-repeat: no-repeat;
    overflow: hidden;
    opacity: 0;
    box-shadow: rgba(0, 0, 0, 0.16) 0px -3px 6px, rgba(0, 0, 0, 0.23) 0px -3px 6px;
}

.divWorksFoto02_animate{
    width: 604px;
    height: 602px;
    position: relative;
    top:30px;
    left: 244px;
    border-radius: 20px;
    background-image: url("/images/suporte_gobroker02.jpg");
    background-repeat: no-repeat;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.16) 0px -3px 6px, rgba(0, 0, 0, 0.23) 0px -3px 6px;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.divWorksSobre_hidden{
    width: 406px;
    position: absolute;
    left: 800px;
    top: 500px;
    font-size: 0px;
    opacity: 0;
}

.divWorksSobre_animate{
    width: 406px;
    position: absolute;
    left: 940px;
    top: 658px;
    font-size: 90px;
    opacity: 1;
    transition: all 2s ease-in-out;
}

.divWorkSobre_text_hidden{
    width: 640px;
    position: absolute;
    left: 950px;
    top: 860px;
    font-size:0px;
    opacity: 0;
}

.divWorkSobre_text_animate{
    width: 640px;
    position: absolute;
    left: 950px;
    top: 860px;
    font-size: 23px;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.lblWorkSobre_spacing_somos{
    letter-spacing: 8px;
}

.lblWorkSobre_spacing_gobroker{
    letter-spacing: -4px;
}

.btnWorksCommercialVideo{
    width: 300px;
    height: 80px;
    position: absolute;
    top: 1192px;
    left: 950px;
}

/*#endregion*/

/*#region Performance data*/

.divPerformance{
    width: 1920px;
    height: 251px;
}

.divPerformance_numbers_num01_hidden{
    height: 160px;
    margin-top: -200px;
    overflow-y: hidden;
    opacity: 0;
}

.divPerformance_numbers_num01_animate{
    height: 160px;
    overflow-y: hidden;
    margin-top: 0px;
    opacity: 1;
    transition-delay: 1s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-out;
}

.divPerformance_numbers_num02_hidden{
    height: 160px;
    margin-top: -200px;
    overflow-y: hidden;
    opacity: 0;
}

.divPerformance_numbers_num02_animate{
    height: 160px;
    overflow-y: hidden;
    margin-top: 0px;
    opacity: 1;
    transition-delay: 1.2s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

.divPerformance_numbers_num03_hidden{
    height: 160px;
    margin-top: -200px;
    overflow-y: hidden;
    opacity: 0;
}

.divPerformance_numbers_num03_animate{
    height: 160px;
    overflow-y: hidden;
    margin-top: 0px;
    opacity: 1;
    transition-delay: 1.4s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

.divPerformance_numbers_num04_hidden{
    height: 160px;
    margin-top: -200px;
    overflow-y: hidden;
    opacity: 0;
}

.divPerformance_numbers_num04_animate{
    height: 160px;
    overflow-y: hidden;
    margin-top: 0px;
    opacity: 1;
    transition-delay: 1.6s;
    transition-property: all;
    transition-duration: 0.8s;
    transition-timing-function: ease-in-out;
}

.divPerformance_numbers{
    width: 1588px;
    height: 20px;
    padding-top: 46px;
    margin-left: auto;
    margin-right:auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-family: Barlow-SemiBold;
    color: rgb(19, 19, 19);
}

.lblPerformance_numbers_details{
    width: 200px;
    border-radius: 10px;
    font-size: 40px;
}

.lblPerformance_numbers_digits{
    font-family: Barlow-SemiBold;
    font-size: 96px;
    margin-left: 0px;
    display: inline-block;
}

.lblPerformance_numbers_item{
    color: rgb(19, 19, 19);
    font-size: 32px;
    text-align: center;
}


/*#endregion*/

/*#region Maps*/

.divMaps{
    width: 1920px;
    height: 800px;
    padding-top: 160px;
    background-color: transparent;
}

.divMapsBody{
    width: 1536px;
    margin-left: auto;
    margin-right: auto;
    display: relative;
}

.divMapsMap{
    position: absolute;
    width: 768px;
    left: 140px;
}

.imgMaps_brasil_hidden{
    width: 0px;
    margin-left:370px;
    margin-top: 251px;
    opacity: 0;
}

.imgMaps_brasil_animate{
    width: 740px;
    margin-left:0px;
    margin-top:0px;
    opacity: 1;
    transition: all 1s ease-in;
}

.divMapsProducts{
    width: 614px;
    position: absolute;
    left: 1014px;
    color: rgb(212, 212, 212);
    font-size: 14px;
    letter-spacing:1px;
    text-align: justify;
    display: table;
}

.divMapsProductCol01_hidden{
    float: left;
    width: 250px;
    line-height: 0px;
    opacity: 0;
}

.divMapsProductCol01_animate{
    float: left;
    width: 250px;
    line-height: 23px;
    opacity: 1;
    transition: all 1s ease-in-out;
}

.divMapsProductCol02_hidden{
    float: left;
    width: 250px;
    line-height: 0pt;
    opacity: 0;
}

.divMapsProductCol02_animate{
    float: left;
    width: 250px;
    line-height: 17.8pt;
    opacity: 1;
    transition-delay: 0.4s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.divMapsProductCol03_hidden{
    float: left;
    width: 250px;
    line-height: 0pt;
    opacity: 0;
}

.divMapsProductCol03_animate{
    float: left;
    width: 250px;
    line-height: 17.8pt;
    opacity: 1;
    transition-delay: 0.8s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.divMapsProductsState{
    margin-top: 3.7pt;
    margin-right: 40px;
    font-family: Barlow-Black;
    border-bottom: 1px solid white;
    margin-bottom: 10px;
}

/*#endregion*/

/*#region Features*/

.divFeatures{
    width: 1920px;
    height: 1290px;
    color: #ffffff;
    margin-top: 160px;
}

.divFeaturesBody{
    width: 1588px;
    margin-left: auto;
    margin-right: auto;
}

.imgFeaturesIcones{
    width: 188px;
}

.divFeaturesTitle{
    width: 1588px;
    position: relative;
}

.divFeaturesLogoTitle_hidden{
    width: 1588px;
    height: 100px;
    text-align: center;
    opacity: 0;
}

.divFeaturesLogoTitle_animate{
    width: 1588px;
    height: 100px;
    text-align: center;
    opacity: 1;
    transition: all 0.8s ease-in;
}

.imgFeaturesLogoTitle{
    width: 90px;
}

.divFeaturesCaptionTitle_hidden{
    font-family: Barlow-Bold;
    width: 965px;
    height: 100px;
    font-size: 82px;
    position: absolute;
    left: 280px;
    opacity: 0;
}

.divFeaturesCaptionTitle_animate{
    font-family: Barlow-Bold;
    width: 965px;
    height: 100px;
    font-size: 82px;
    position: absolute;
    left: 480px;
    opacity: 1;
    transition: all 0.8s ease-in;
}

.divFeaturesItens{
    margin-top: 160px;
    height: 1080px;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; 
}

.divfeaturesItem{
    margin-top: 82px;
    width: 459px;
    height: 439px;
    background-color:#3A3636;
    text-align: center;
    overflow: hidden;
}

/*#region Icone 01*/

.divFeaturesIcone01_hidden{
    width: 188px;
    margin-top: 300px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.divFeaturesIcone01_animate{
    width: 188px;
    margin-top: 81px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition: all 0.8s ease-in;
}

.divFeaturesItem01_text_hidden{
    width: 336px;
    font-size: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 0px;
    opacity: 0;
}

.divFeaturesItem01_text_animate{
    width: 336px;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
    opacity: 1;
    transition: all 0.8s ease-in;
}

/*#endregion*/

/*#region Icone 02*/

.divFeaturesIcone02_hidden{
    width: 188px;
    margin-top: 300px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.divFeaturesIcone02_animate{
    width: 188px;
    margin-top: 81px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition-delay: 0.4s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

.divFeaturesItem02_text_hidden{
    width: 336px;
    font-size: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 0px;
    opacity: 0;
}

.divFeaturesItem02_text_animate{
    width: 336px;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
    opacity: 1;
    transition-delay: 0.4s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

/*#endregion*/

/*#region Icone 03*/

.divFeaturesIcone03_hidden{
    width: 188px;
    margin-top: 300px;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.divFeaturesIcone03_animate{
    width: 188px;
    margin-top: 81px;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition-delay: 0.8s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;

}

.divFeaturesItem03_text_hidden{
    width: 336px;
    font-size: 0px;
    margin-left: 0px;
    margin-right: 0px;
    line-height: 0px;
    opacity: 0;
}

.divFeaturesItem03_text_animate{
    width: 336px;
    font-size: 24px;
    margin-left: auto;
    margin-right: auto;
    line-height: 28px;
    opacity: 1;
    transition-delay: 0.8s;
    transition-duration:0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

/*#endregion*/

/*#endregion*/

/*#region Interface*/

.divInterface{
    width: 1920px;
    margin-top: 198px;
}

.divInterfaceBody{
    width: 1590px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.divInterfaceTitle_hidden{
    height: 90px;
    font-family: Barlow-Bold;
    font-size: 12px;
    color: white;
    text-align: left;
    opacity: 0;
}

.divInterfaceTitle_animate{
    height: 90px;
    margin-top: 0px;
    font-family: Barlow-Bold;
    font-size: 82px;
    color: white;
    text-align: left;
    opacity: 1;
    transition: all .8s ease-in-out;
}

.divInterfaceContent{
    margin-top: 168px;
    display: table;
}

.divInterfaceText_hidden{
    margin-top: 60px;
    float: left;
    width: 556px;
    padding-right: 0px;
    text-align: justify;
    color: #e5e6e8;
    font-family: Barlow;
    font-size: 22px;
    line-height: 0px;
    text-align: justify;
    letter-spacing:1px;
    opacity: 0;
}

.divInterfaceText_animate{
    margin-top: 60px;
    float: left;
    width: 556px;
    padding-right: 84px;
    text-align: justify;
    color: #e5e6e8;
    font-family: Barlow;
    font-size: 22px;
    line-height: 32px;
    text-align: justify;
    letter-spacing:1px;
    opacity: 1;
    transition: all .8s ease-in-out;
}

.divInterfacePhoto_hidden{
    float: left;
    width: 948px;
    height: 900px;
    background-image: url("/images/interface_esquema.png");
    background-repeat: no-repeat;
    background-position: 0px;
    rotate: 90deg;
    transform: rotate(90deg);
    /* Ensure browser compatibility */
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    opacity: 0;
}

.divInterfacePhoto_animate{
    float: left;
    width: 948px;
    height: 920px;
    background-image: url("/images/interface_esquema.png");
    background-repeat: no-repeat;
    background-position: 0px;
    rotate: 0deg;
    transform: rotate(0deg);
    /* Ensure browser compatibility */
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    opacity: 1;
    transition: all .8s ease-in;
}


/*#endregion*/

/*#region Connectivity*/

.divConnectivity{
    width: 1920px;
    margin-top: 168px;
}

.divConnectivityBody{
    width: 1588px;
    margin-left: auto;
    margin-right: auto;
}

.divConnectivityTitle{
    font-family: Barlow-Bold;
    font-size: 82px;
    color: white;
    text-align:center;
}

.divConnectivity_text{
    margin-top: 168px;
    font-family: Barlow-SemiBold;
    font-size: 33px;
    color: white;
    text-align:justify;
    line-height: 48px;
    letter-spacing:1px;
}

.divConnectivity_image{
    width: 1588px;
    height: 540px;
    margin-top: 168px;
    position: relative;
}
/*223 - 215*/
.imgConnectivity_sales_point_hidden{
    position: absolute;
    left: 111px;
    top: 107px;
    opacity: 0;
    width: 0px;
}

.imgConnectivity_sales_point_animate{
    position: absolute;
    left:-2px;
    top: 0px;
    width: 223px;
    opacity: 1;
    transition-delay: 1s;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 0.4s;
}

.imgConnectivity_sales_point_line{
    position: absolute;
    width: 374px;
    left: 192px;
    top: 83px;
    opacity: 1;
}

.imgConnectivity_online_hidden{
    position: absolute;
    left: 111px;
    top: 107px;
    opacity: 0;
    width: 0px;
}

.imgConnectivity_online_animate{
    position: absolute;
    left: -2px;
    top: 312px;
    opacity: 1;
    width: 223px;
    transition-delay: 1.2s;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 0.4s;
}

.imgConnectivity_online_line{
    position: absolute;
    left: 196px;
    top: 244px;
    opacity: 1;
    width: 376px;
}

.imgConnectivity_central{
    position: absolute;
    left: 517px;
    top: 19px;
}

.imgConnectivity_costumer_office_hidden{
    position: absolute;
    left: 14845x;
    top: 192px;
    width: 0px;
    opacity: 0;
}

.imgConnectivity_costumer_office_animate{
    position: absolute;
    left: 1374px;
    top: 0px;
    width: 223px;
    opacity: 1;
    transition-delay: 1.4s;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 0.4s;
}


.imgConnectivity_costumer_office_line{
    position: absolute;
    left: 1022px;
    top: 88px;
}

.imgConnectivity_real_state_company_hidden{
    position: absolute;
    left: 1485px;
    top: 312px;
    width: 0px;
}

.imgConnectivity_real_state_company_animate{
    position: absolute;
    left: 1374px;
    top: 312px;
    width: 223px;
    opacity: 1;
    transition-delay: 1.8s;
    transition-property: all;
    transition-timing-function: ease-in;
    transition-duration: 0.4s;
}

.imgConnectivity_real_state_company_line{
    position: absolute;
    left: 1031px;
    top: 242px;
}

/*#endregion*/

/*#region Photos*/

.divPhotos{
    width: 1920px;
    height: 786px;
    margin-top: 160px;
}

.divPhotosGobroker{
    width: 1250px;
    letter-spacing: -15px;
    font-family: Inter;
    color: #00db56;
    font-size: 332px;
    font-weight: 600;
    margin-left: auto;
    margin-right: auto;
}

.divPhotosItens{
    width: 1588px;
    height: 599px;
    margin-top: -88px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; 
    overflow: hidden;
}

.divPhotosPhoto01_hidden{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/profissionais_de_ti.jpg'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position: 0px 400px;
    opacity: 0;
}

.divPhotosPhoto01_animate{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/profissionais_de_ti.jpg'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position:-10px 0px;
    opacity: 1;
    transition-delay: 1s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.divPhotosPhoto02_hidden{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/profissionais_imobiliarios.jpg'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position: 0px 400px;
    opacity: 0;
}

.divPhotosPhoto02_animate{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/profissionais_imobiliarios.jpg'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position:-10px 0px;
    opacity: 1;
    transition-delay: 1.4s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.divPhotosPhoto03_hidden{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/photo03.png'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position: 0px 400px;
    opacity: 0;
}

.divPhotosPhoto03_animate{
    width: 510px;
    height: 609px;
    z-index: 0;
    background-image: url('/images/photo03.png'); 
    background-repeat: no-repeat;
    background-size: 520px; 
    background-position:-10px 0px;
    opacity: 1;
    transition-delay: 1.8s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in-out;
}

.divPhotosLegendas{
    width: 1588px;
    height: 44px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.divPhotosLegenda{
    width: 510px;
    margin-top: 559px;
    line-height: 44px;
    background-color: #00000091;
    font-family: Barlow-Medium;
    color: white;
    font-size: 20px;
    text-align: center;

}

/*#endregion*/

/*#region Customers opinions*/

.divTestimonials{
    margin-top: 190px;
    width: 1920px;
}

.divTestimonialsBody{
    width: 1588px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.divTestimonialsTitle_hidden{
    font-family: Barlow-SemiBold;
    font-size: 82px;
    color: white;
    letter-spacing:0px;
    text-align: center;
    margin-left: -600px;
    opacity: 0;
}

.divTestimonialsTitle_animate{
    font-family: Barlow-SemiBold;
    font-size: 82px;
    color: white;
    letter-spacing:0px;
    text-align: center;
    margin-left: 0px;
    opacity: 1;
    transition: all .8s ease-in;
}

.divTestimonialsItens{
    width: 1588px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.divTestimonialsCol01_hidden{
    width: 450px;
    margin-top: 160px;
    opacity: 0;
}

.divTestimonialsCol01_animate{
    width: 450px;
    margin-top: 160px;
    opacity: 1;
    transition-delay: 0.5s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

.divTestimonialsCol02_hidden{
    width: 450px;
    margin-top: 160px;
    opacity: 0;
}

.divTestimonialsCol02_animate{
    width: 450px;
    margin-top: 160px;
    opacity: 1;
    transition-delay: 0.8s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

.divTestimonialsCol03_hidden{
    width: 450px;
    margin-top: 160px;
    opacity: 0;
}

.divTestimonialsCol03_animate{
    width: 450px;
    margin-top: 160px;
    opacity: 1;
    transition-delay: 1.1s;
    transition-duration: 0.8s;
    transition-property: all;
    transition-timing-function: ease-in;
}

.divTestimonials_stars{
    width: 100%;
}

.divTestimonialsText{
    margin-top: 60px;
    height: 200px;
    color: white;
    font-size: 30px;
    line-height: 40px;
}

.divTestimonialsCustomer{
    font-size: 16px;
    color: white;
}

.lblTestimonialsSymbol{
    font-family: Barlow-SemiBold-Italic;
    font-size: 46px;   
    line-height: 20px;
}

/*#endregion*/

/*#region Contacs*/

.divContacts{
    width: 1920px;
    margin-top: 168px;
}

.divContactsBody{
    width: 1588px;
    margin-left: auto;
    margin-right: auto;
}

.divContactsTitle_hidden{
    font-family: Barlow-SemiBold;
    font-size: 0px;
    color: white;
    text-align: center;
    opacity: 0;
}

.divContactsTitle_animate{
    font-family: Barlow-SemiBold;
    font-size: 82px;
    color: white;
    text-align: center;
    opacity: 1;
    transition: all 0.8s ease-in-out;
}

.divContactsContent{
    margin-top: 168px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.divContactsDemonstration{
    width: 726px;
    height: 726px;
    background-color:#3A3636;
    cursor: pointer;
    overflow:hidden;
}

.divContactDemonstrationIcon_hidden{
    width: 390px;
    height: 248px;
    margin-top: 340px;
    background-image: url("/images/presentation_icon.png");
    background-repeat: no-repeat;
    background-size:contain;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.divContactDemonstrationIcon_animate{
    width: 390px;
    height: 248px;
    margin-top: 140px;
    background-image: url("/images/presentation_icon.png");
    background-repeat: no-repeat;
    background-size:contain;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition-delay: 0s;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease-in;
}

.divContactsWhatsapp{
    width: 726px;
    height: 726px;
    background-color:#3A3636;
    cursor: pointer;
    overflow:hidden;
}

.divContactWhatsappIcon_hidden{
    width: 390px;
    height: 248px;
    margin-top: 340px;
    background-image: url("/images/whatsapp.png");
    background-repeat: no-repeat;
    background-size:contain;
    margin-left: auto;
    margin-right: auto;
    opacity: 0;
}

.divContactWhatsappIcon_animate{
    width: 390px;
    height: 248px;
    margin-top: 140px;
    background-image: url("/images/whatsapp.png");
    background-repeat: no-repeat;
    background-size:contain;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    transition-delay: .4s;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease-in;
}

.divContactIconText01_hidden{
    width: 490px;
    height: 248px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow-Medium;
    color:white;
    font-size: 30px;
    line-height: 42px;
    text-align: justify;
    opacity: 0;
}

.divContactIconText01_animate{
    width: 490px;
    height: 248px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow-Medium;
    color:white;
    font-size: 30px;
    line-height: 42px;
    text-align: justify;
    opacity: 1;
    transition-delay: .0s;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease-in;
}

.divContactIconText02_hidden{
    width: 490px;
    height: 248px;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow-Medium;
    color:white;
    font-size: 30px;
    line-height: 42px;
    text-align: justify;
    opacity: 0;
}

.divContactIconText02_animate{
    width: 490px;
    height: 248px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow-Medium;
    color:white;
    font-size: 30px;
    line-height: 42px;
    text-align: justify;
    opacity: 1;
    transition-delay: .4s;
    transition-property: all;
    transition-duration: 0.6s;
    transition-timing-function: ease-in;
}

.btnContacts{
    width: 726px;
    height: 740px;
    
}

.txtFlat{
    color:white;
    text-decoration: none;
    line-height: 30px;
}

.divContactsContentCol{
    margin-top: 80px;
    float: left;
    font-family: Barlow;
    font-size: 20px;
    color: white;
    text-align:justify;
    line-height: 48px;
    text-align: left;
}

.divContactsContentCity{
    font-size: 24px;
    line-height: 30px;
    color:white;
    text-decoration: none;
}

.divContactsContentPhone{
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 0.4pt;
    color:white;
    text-decoration: none;
}

.divContactsContentEmail{
    font-size: 19px;
    line-height: 30px;
    color:white;
    text-decoration: none;
}

/*#endregion*/

/*#region Footer*/

.divFooter{
    padding-top: 80px;
    width: 1920px;
    margin-top: 160px;
    padding-bottom: 80px;
}

.divFooterlogo{
    width: 423px;
    height: 64px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("/images/logo_black_dinamic.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.divFooterSlogan{
    width: 420px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow;
    color: rgb(26, 26, 26);
    font-size: 14pt;
    line-height: 30px;
}

.divFooterRedesSociais{
    margin-top: 80px;
    width: 800px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.btnFooterRedesSociais_itens{
    width: 100px;
    height: 100px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.linkedin{
    background-image: url("/images/linkedin.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.facebook{
    background-image: url("/images/facebook.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.instagram{
    background-image: url("/images/instagram.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.youtube{
    background-image: url("/images/youtube.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.divFoorterMenu{
    margin-top: 80px;
    width: 888px;
    height: 44px;
    margin-left: auto;
    margin-right: auto;
    font-family: Barlow-Medium;
    color:rgb(0, 0, 0);
    font-size: 20px;
    line-height: 42px;
}

.divFooterCopyright{
    margin-top: 80px;
    width: 454px;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial;
    color:rgb(0, 0, 0);
    font-size: 14px;
    line-height: 42px;
    text-align: center;
}

/*#endregion*/