@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700;800&display=swap');

/* NÃO ALTERAR ESSE CSS.! */

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.medium {
    font-weight: 500;
}

.semi-bold {
    font-weight: 600;
}

.bold {
    font-weight: 700;
}


/*fundo claro*/

body#site-blog-index,
body#blog-post,
body#sistemas-personalizado,
body#cases,
body#site-blog-show {

    font-family: Montserrat;
    background-color: #efefef;
}



/* fundo escuro */

body#home,
body#chatbots,
body#solucoes {
    background: rgb(35, 34, 38);
    background: radial-gradient(circle, rgba(35, 34, 38, 1) 0%, rgba(47, 46, 51, 1) 100%);
}

body#ecommerce {
    background: rgb(25, 25, 27);
    background: linear-gradient(45deg, rgba(25, 25, 27, 1) 50%, rgba(54, 53, 59, 1) 100%);

    /* fundo escuro */
}

body#about {
    background: rgb(37, 36, 41);
    background: linear-gradient(90deg, rgba(37, 36, 41, 1) 0%, rgba(54, 53, 58, 1) 0%, rgba(54, 53, 58, 1) 100%);

}

footer#site-blog-index,
footer#blog-post,
footer#sistemas-personalizado,
footer#about {

    color: #26b5f1;
}

footer#home,
footer#ecommerce,
footer#chatbots,
footer#solucoes,
footer#cases,
footer#about,
footer#site-blog-show {

    color: #26b5f1;
    background-color: #efefef;
}


.barralateral {
    width: 25px;
    position: fixed;
    left: 0;
    background: rgb(176, 231, 255);
    background: linear-gradient(180deg, rgba(176, 231, 255, 1) 0%, rgba(16, 127, 175, 1) 100%);
    height: -webkit-fill-available;
    z-index: 999;
}

.LinhaUnderlinePalavraHeaderNavbar {
    display: inline-block;
    position: relative;
}

.LinhaUnderlinePalavraHeaderNavbar::after {
    color: #26b5f1;
    content: '';
    position: absolute;
    left: -20px;
    display: block;
    height: 0%;
    width: 90px;
    border-bottom: 1px solid;
    margin-top: 5px;
}

.TextEcomerceHeader {
    color: #a1def7 !important;
}

.TextEcomerceHeader:hover {
    color: #a1def7 !important;
}

.navbar-brand#home,
.navbar-brand#ecommerce,
.navbar-brand#chatbots,
.navbar-brand#solucoes,
.navbar-brand#about {
    margin-right: 15%;
    padding-top: 8%;
    padding-bottom: 8%;
    color: #ffffff;
}


.navbar-brand#site-blog-index,
.navbar-brand#sistemas-personalizado,
.navbar-brand#cases,
.navbar-brand#site-blog-show {
    margin-right: 15%;
    padding-top: 8%;
    padding-bottom: 8%;
    color: black;
}

/*pagina soluçoes*/
.ImgMagento {
    position: relative;
    width: 130px;
    top: -12px
}

.ImgArmitage {
    position: relative;
    width: 100px;
}

.ImgWoo {
    position: relative;
    width: 130px;
}

.ContainerImagemFluid {
    height: 300px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -80px;
}

.fundoAzul {
    background-color: #6bbadb;
    height: 300px;
    font-size: 1.1em;
}

.UltimaImageBackgroundDaPagina {
    height: 820px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.UltimaImageBackgroundDaPagina a {
    position: relative;
    top: -90px;
    right: 296px;
    font-size: 11px;
    width: 157px;
}

.fundoAzul a {
    position: relative;
    font-size: 11px;
    width: 157px;
}

.PalavraChatBot {
    font-size: 16em;
    font-style: italic;
    color: #2f2e32;
}

.LinhaHorizontalIcons {
    display: inline-block;
    position: relative;
}

.LinhaHorizontalIcons::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    display: block;
    height: 20px;
    width: 270px;
    border-bottom: 1px solid;
}

.FraseEspecialistaEmEcommerce {
    font-size: 3em;
}

.TextoAbaixoLogoPrincipal {
    font-size: 1.5em;
}

.LinhaAbaixoDeEspecialistasEcommerce {
    display: inline-block;
    position: relative;
}

.LinhaAbaixoDeEspecialistasEcommerce::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    display: block;
    height: 5px;
    width: 360px;
    right: -24px;
    border-bottom: 3px solid
}

.LinhaVertical {
    display: inline-block;
    position: relative;
}

.LinhaVertical::after {
    background-color: #26b5f1;
    content: '';
    position: absolute;
    left: 10px;
    display: block;
    height: 900px;
    width: 1px;
    border-bottom: 1px solid;
    margin-top: -71px;
    box-shadow: 0px 0px 5px 0.2px #26b5f1;
}

.buttonBranco {
    color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
}

.buttonBranco:hover {
    color: #ffffff;
}

.buttonAzul {
    color: #16bbdd;
    border: 1px solid #16bbdd;
    border-radius: 0px;
    width: 198px;
}

.buttonAzul:hover {
    color: #26b5f1;
}

.SistemasOnline {
    line-height: 1em;
    font-size: 3em;
    font-weight: 250;
    font-family: 'Montserrat';
}

.SistemasOnline span {
    font-size: 0.95em;
    font-weight: 400;
    font-family: 'Montserrat';
    margin-left: 60px;
}

.LinhaAbaixoDeSitemasOnline {
    display: inline-block;
    position: relative;
}

.LinhaAbaixoDeSitemasOnline::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    display: block;
    height: 5px;
    width: 276px;
    margin-top: 24px;
    right: 0;
    border-bottom: 1px solid;
}

.UltimoFundoAzul {
    background-color: #6bbadb;
    height: 275px;
    margin-top: 545px;
    margin-left: -335px;
    font-size: 1.1em;
}

.containerShadowfinal {
    box-shadow: 0px 10px 30px 6px black;
    margin-top: 80px;
    margin-bottom: 40px;
    height: 200px;
    margin: 0 auto;
}

.containerShadowfinal h1 {
    color: #16bbdd;
}

.IconeAoladoDoContainerAzul {
    position: absolute;
    top: 195px;
    right: 0;
}

li {
    list-style-type: none;
    position: relative;
    margin-bottom: 0.5em;
}

#solucoes .listaQualidade li:before {
    content: '•';
    display: inline-block;
    position: absolute;
    left: -1em;
    color: #26abe4;
}

.listaQualidade li {
    font-size: 25px;
}

.TextoLateralEficaciaResultado {
    color: #96d0e8;
    position: relative;
    top: -250px;
    line-height: 14px;
}

.TextoLateralAgilidadeAtendimento {
    color: #96d0e8;
    position: relative;
    top: -1160px;
    line-height: 14px;
}

.TextoLateralIntegracao {
    color: #96d0e8;
    position: relative;
    top: 70px;
    line-height: 14px;
}



/*end pagina-soluções*/
/*arquivo css-Gerson*/
.Altura {
    height: 589px;
}

.AlturaImagensUltimasNoticias {
    background-size: cover !important;
    height: 419px;
}

.ContainerEscuro {
    background-color: #27262b;
    color: #ffffff;
    height: 45%;
    display: block;
    font-size: 1em;
}

a {
    color: #282828;
}

a:hover {
    color: #282828;
}

.LinhaBlogNavbar {
    display: inline-block;
    position: relative;
}

.LinhaBlogNavbar::after {
    color: #26b5f1;
    content: '';
    position: absolute;
    left: -20px;
    display: block;
    height: 0%;
    width: 90px;
    border-bottom: 1px solid;
    margin-top: 0px;
}

.TextEcomerceHeader {
    color: #a1def7;
}

.TextEcomerceHeader:hover {
    color: #a1def7;
}


.ColunaAoLadoCarousel {
    background-color: #ffffff;
}



.ButtonMaisPostagens {
    color: #26b5f1;
    border-color: #26b5f1;
}

.TextosAlinhadosPelaBarra {
    color: #26b5f1;
    position: relative;
    margin-left: 30px;
}

.textoUltimasNoticias {
    height: 13%;
}


.TamanhoTextDosCardsUltimasNoticias {
    width: 80%;
    position: relative;
    margin: 0 auto;
    top: -70px;
    font-size: 1.5em;
}



.MaisLidas {
    background-color: white;
}

.ImagemContainerEscuro {
    background-size: cover !important;
    min-height: 42vh;
    background-position: center;


}

.TextoAoMeioDaColunablog {
    display: grid;
    align-content: center;
    font-size: 1.5em;
}

.TextoAoMeioDaColunablog a.title-link-blog {
    color: black;
}

.em-nosso-canal-tutorial {
    align-content: center;
    font-size: 1.5em;
}


.LinhaAzulArtigos {
    display: inline-block;
    position: relative;
}

.LinhaAzulArtigos::after {
    color: #26b5f1;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 672px;
    border-bottom: 1px solid;
    margin-top: 0px;
}


.LinhaAzulArtigosLaterais {
    display: inline-block;
    position: relative;
}

.LinhaAzulArtigosLaterais::after {
    color: #efefef;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 300px;
    border-bottom: 1px solid;
    margin-top: 0px;
}

.LinhaAzulPostagensRecentes::after {
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 300px;
    border-bottom: 1px solid;
    margin-top: 0px;

}

.LinhaAzulPostagensRecentes {
    display: inline-block;
    position: relative;
}

.TextoColunasLaterais {
    font-size: 1em;
}

.textosArtigos {
    font-size: 1.2em;
}


.RetiraUnderline:hover {
    text-decoration: none;
}

.TextoCardLateralEsquerdo {
    display: grid;
    align-content: end;
    font-size: 1.4em;
}

.titulo {
    z-index: 999;
    font-size: 10.8em;
    color: #cecbcb;
}

.menu-lateral {
    min-width: 70px;
    left: 26px;
}

.div-computer-principal {
    height: 350px;
    width: 930px;
    left: -175px;
    top: 142px;
}

.computer-principal {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1000;
}

.tamanho-fundo-azul1 {
    height: 915px;
}



.fundo-azul {
    z-index: 999;
    background-color: #afe7fe;
}

.container-slider {
    position: absolute;
    top: -200px;
    left: 42px;
    z-index: 1000;
}

.texto-container {
    font-size: 40px;
}

.button-info {
    color: #26b5f1;
    border-color: #26b5f1;
    padding-top: 10px;
    border-radius: 0%;
    width: 100%;
    height: 50px;
}

.texto-escritorio {
    width: 100%;
}

.inteligencia-artificial {
    font-size: 3.5em;
    color: #cecbcb;
}

.div-texto-questao-negocio {
    width: 100%;
}

.texto-questao-do-negocio {
    font-size: 3.1em;
    line-height: 64px;
}

.button-conte-nos {
    border-radius: 0%;
    width: 100%;
    background-color: #88cae5;
    text-align: center;
    color: white;
    height: 70px;
    font-size: 20px;
}

hr {
    height: 1px;
    color: #000000;
    background-color: #000000;
}

.hr-cases {
    color: #d0cccc;
    background-color: #cecbcb;
    margin-top: -27px;
    width: 465px;
    float: right;
}

.hr-qualidade {
    width: 300px;
    float: left;
    padding-left: 44px;
}

.div-robo {
    width: 480px;
    height: 220px;
    top: 41px;
    left: -29px;
    position: absolute;
}

.imagem-robo {

    background-repeat: no-repeat;
    z-index: 1000;
}

.portfolio-completo {
    width: 100%;
    font-size: 50px;
    line-height: 57px;
    color: #fff;
}

.div-portfolio-completo {
    height: 360px;
}

.pos-lista {
    top: -100px;
}

.color-proximo-botao {
    color: #2c2f35;
    padding-left: 30px;
}

.fotos-carousel {
    width: 630px;
}

#carousel-1>li.active {
    background-color: black;
    color: #fff;
}

.textos-laterais {
    font-size: 16px;
    width: 180px;
    left: 50px;
    color: #7bb5ce;
    line-height: 25px;
    position: absolute;
}

.pos-texto-lateral-um {
    top: 700px;
}

.pos-texto-lateral-dois {
    top: 1720px;
}

ol.carousel-indicators-round li,
ol.carousel-indicators-round li.active {
    width: 60px;
    height: 60px;
    padding: 4px 10px;
    border-radius: 100%;
    border: 2px solid black;
    font-size: 32px;
    text-align: center;
    background-color: none;
    color: black;
}

.slide-cases .li-buttons {
    background-color: none;
    color: black;
}

.slide-cases .active.li-buttons {
    background-color: black;
    color: #FFF;
}

.pos-buttons {
    position: absolute;
    left: 271px;
    top: -120px;
    z-index: 1000;
}

.li-buttons {
    margin: 15px;
}


.slider-fotos {
    margin-top: 150px;
}

#bt-prox {
    border: 0px;
    font-size: medium;
    margin-left: 20px;
}

.logoarmitage {
    font-size: 1.5em !important;
    font-weight: 700 !important;
}

.navbar-brand#site-blog-index {
    margin-right: 15%;
    padding-top: 8%;
    padding-bottom: 8%;
    font-size: 18px;
    font-weight: 600;
}


.customNextBtn,
.customPreviousBtn {
    cursor: pointer;
}

/*final-Gerson*/

/*pagina home*/
.imgMulherPrincipal {
    width: 750px;
    position: relative;
    top: -105px;
    left: -104px;
}

.TextoAbaixoDoLogo {
    color: #a1def7;
    font-size: 3.7em;
}

.ImagensAtrazDeQuestãoDeSucesso {
    background-size: cover;
}

.PrimeiraLinhaAzul {
    position: relative;
    height: 900px;
    top: 0px;
}

.SegundaLinhaAzul {
    height: 900px;
    position: relative;
    top: -200px;
}

.TextosAlinhadosNaBarraLateral {
    color: #9edcf6;
    font-size: 1.0em;
    margin-left: 60px;
}

.buttonsDaPagina {
    color: #26b5f1;
    border: 1px solid #26b5f1;
    border-radius: 0px;
}

.buttonsDaPagina:hover {
    color: #26b5f1;
}

.buttonsDaPaginaSegundo {
    color: #26b5f1;
    border: 1px solid #26b5f1;
    border-radius: 0px;
    position: relative;
    top: -30px;
}

.buttonsDaPaginaSegundo:hover {
    color: #26b5f1;
}

.Palavrachatbot {
    font-size: 15em;
    color: #2f2e32;
    font-style: italic;
}

.imgChatBot {
    position: relative;
    margin-top: -290px;
}

.fundoDoBlocoAzul {
    background-color: #26b5f1;
    display: grid;
    justify-content: center;
}

.circulos {
    border: 2px solid #000000;
    width: 70px;
    height: 70px;
    background: linear-gradient(#000000 0 0), linear-gradient(#000000 0 0), #26b5f1;
    background-position: center;
    background-size: 70% 3px, 3px 70%;
    background-repeat: no-repeat;

}

.circulos:hover {
    background-color: #000000;
    color: #26b5f1;
}

.LinhaUnderlineQuestaoDeInteligencia {
    display: inline-block;
    position: relative;
}

.LinhaUnderlineQuestaoDeInteligencia::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    right: -120px;
    display: block;
    height: 20px;
    width: 270px;
    border-bottom: 3px solid;
    margin-top: 0px;
}

.ImagemCarousel {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}

.textoChatbot {
    font-size: 1.4em;
}

.textoQuestaoDeSucesso {
    font-size: 1.4em;
}

.textoQuestaoDeInteligencia {
    font-size: 2.5em;
}

.fraseQuestaoDeSucesso {
    position: relative;
    top: 140px;
    z-index: 1;
    font-size: 3em;
}

.LinhaUnderlineQuestaoDeSucesso {
    display: inline-block;
    position: relative;
}

.LinhaUnderlineQuestaoDeSucesso::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 20px;
    width: 230px;
    border-bottom: 3px solid;
    margin-top: 0px;
}

.Inovacao {
    font-size: 13.2em;
    font-style: italic;
    color: #2f2e32;
    margin-bottom: -150px;
    margin-top: -45px;
}

.Solucoes {
    font-size: 11em;
    color: #2f2e32;
    font-style: italic;
    margin-bottom: -130px;
}

.EmMultiplataformas {
    font-size: 2.5em;
}

.imagemInferiorAcimaDoRodape {
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
}

.imagemQueSeSobrepoeAcolunaAzul {
    height: 400px;
    background-size: cover;
    background-repeat: no-repeat;
}

.ImagemDeFundoAzul {
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}

.TextoQuestaoDeConfiança {
    display: flex;
    justify-content: end;
    align-items: end;
}

.LinhaVertical {
    display: inline-block;
    position: relative;
}

.LinhaVertical::after {
    background-color: #26b5f1;
    content: '';
    position: absolute;
    left: 10px;
    display: block;
    height: 850px;
    width: 1px;
    border-bottom: 1px solid;
    margin-top: 0px;
    box-shadow: 0px 0px 5px 0.2px #26b5f1;
}

.SegundaLinhaVertical {
    display: inline-block;
    position: relative;
}

.SegundaLinhaVertical::after {
    background-color: #26b5f1;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 950px;
    width: 1px;
    border-bottom: 1px solid;
    /*verificar a margem boorder depois*/
    margin-top: -280px;
    box-shadow: 0px 0px 5px 0.2px #26b5f1;
}

.ImgInferiorAosButtons {
    height: 550px;
    margin-top: -250px;
    position: relative;
}

.TextoQuestaoDeConfianca {
    margin-top: 70px;
    font-size: 3.5em;
}

.LinhaUnderlineQuestaoDeConfianca {
    display: inline-block;
    position: relative;
}

.LinhaUnderlineQuestaoDeConfianca::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 30px;
    width: 320px;
    border-bottom: 3px solid;
    margin-top: 0px;
}

.MaisDe6AnosNoMercado {
    position: relative;
    top: -30px;
    font-size: 1.3em;
    line-height: 20px;
}

.NossoCompromisso {
    position: relative;
    top: 250px;
    font-size: 1.3em;
    line-height: 20px;
}

.MaisDe50Projetos {
    position: relative;
    top: -80px;
    font-size: 1.3em;
    line-height: 20px;
}

.EspecialidadeArmitage {
    position: relative;
    top: 400px;
    font-size: 1.3em;
    line-height: 20px;
}

.text-blue-strong {
    color: #00b6f5;
}

.FundoLateralBrancoCarousel {
    backdrop-filter: blur(10px);
}

.owl-dots {
    display: grid;
    position: relative;
    justify-items: flex-end;
    top: -100px;
}

.MarginDoContainerAcimaDaInovacao {
    margin-top: -200px;
}

.EspacamentoDosIconsAbaixoDasQuestoesDeSucessso {
    margin-top: 200px;
}

.EspacamentoAbaixoDeNossoCompromisso {
    margin-top: 150px;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

.carousel-indicators {
    position: relative;
    top: 346px;
}

.TituloCarousel {
    font-size: 3em;
    color: #56cbfc;
}

.TextoCarousel {
    font-size: 1.3em;
    color: #ffffff;
}

.LinhaInferiorDaImagemChatBot {
    display: inline-block;
    position: relative;
}

.LinhaInferiorDaImagemChatBot::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    left: -31px;
    display: block;
    height: 0px;
    width: 319px;
    border-bottom: 3px solid;
    margin-top: 0px;
}

/*final-pag-home*/

/*css-pag-chatbots*/
.FundoAzul {
    height: 500px;
    background-color: #66d3f0;
    z-index: -1;
}

.principaisFuncionalidades {
    font-size: 2em;
    color: #ffffff;
}

.linhaAbaixodePrincipaisFuncionalidades {
    display: inline-block;
    position: relative;
}

.linhaAbaixodePrincipaisFuncionalidades::after {
    content: '';
    position: absolute;
    color: #a4a2a2;
    display: block;
    height: 5px;
    width: 200px;
    left: 17px;
    border-bottom: 2px solid;
}

.TextoLateral2 {
    color: #00b6f5;
}

.TamanhodaColunaComCarousel {
    height: 600px;
}

.buttonAzul {
    color: #26b5f1;
    border: 1px solid #26b5f1;
    border-radius: 0px;
}

.buttonAzul:hover {
    color: #26b5f1;
}

.ContainerFluidMulherComCelular {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 999;
}

.CardsPrincipais {
    background-color: #2e2e32;
    margin-top: -50px;
    padding: 25px;
    box-shadow: 0px 8px 29px 1px black;
}

.DistanciaEntreContainerChatbotsEContainerCards {
    margin-top: -165px;
}

.TitulosCardsPrincipais {
    color: #016d87;
}

.TituloPrincipalChatBot {
    color: #00ccfe;
    font-size: 4em;
}

.TextoDoChatBot {
    color: #ffffff;
    font-size: 1.2em;
}

.PosicaoDaFraseETextoChatbot {
    position: relative;
    top: -300px;
}



.EficáciaEmResultados {
    color: #9edcf6;
    position: relative;
    top: 475px;
}


.AgilidadeNoAtendimentoOnline {
    color: #9edcf6;
    position: relative;
    top: -30px;
}

.imgMulherComCelular {
    width: 292px;
    position: relative;
    top: 35px;
    left: -50px;
    z-index: -1;
}



.carousel-indicators li {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: relative;
    top: 60px;
}

.carousel-indicators .active {
    background-color: #26b5f1;

}


#chatbots .ImagemBannerPrincipal {
    width: 100%;
    height: 500px;
    background-image: url('/images/img.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1000;
    background-attachment: scroll;
}


.carouselBordas {
    border-color: #56cbfc;
    border-width: 1px;
    border-style: solid;
    padding-top: 40px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 70px;
}

.TituloTextoCarousel {
    color: #8fd2ee;
}

/*final-pag-chatbots*/

/*inicio-pag-ecommerce/sistema-personalizado*/
.certificacoes-ec {
    color: #b6b6b6;
}

.kopbkg {

    background-image: url("../images/knowoprojects.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 9999px;
}

.sistemaper h2 {
    font-weight: 300;
}

.container.sistemaper {
    position: relative;
}

.btn-outline-light.pluscases {
    margin: 0 auto;
    border-radius: inherit;
    padding: 11px;
    width: 200px;
}

.LinhaUnderlinePalavraprojetos::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    right: 414px;
    display: block;
    height: 0%;
    width: 255px;
    border-bottom: 1px solid;
    margin-top: 8px;
}

.LinhaUnderlinePalavrapersonalizados::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    left: 51px;
    display: block;
    height: 0%;
    width: 356px;
    border-bottom: 1px solid;
    margin-top: 8px;
}

.LinhaUnderlinePalavraexclusiva::after {
    color: black;
    content: '';
    position: absolute;
    left: 11px;
    display: block;
    height: 0%;
    width: 279px;
    border-bottom: 2px solid;
    margin-top: 8px;
}

.LinhaUnderlinePalavraconceito::after {
    color: black;
    content: '';
    position: absolute;
    left: 257px;
    display: block;
    height: 0%;
    width: 361px;
    border-bottom: 2px solid;
    margin-top: 19px;
}

.kopbkg h3 {
    font-weight: 250;
}


.imgnotes img {
    position: relative;
    width: 650px;
    right: 84px;

}

.corazul {

    background: #abe4fc;
    height: -webkit-fill-available;
}

.corazul2 {

    width: 400px;
    position: absolute;
    right: 119px;
    background: linear-gradient(180deg, #afe7ff 0%, #8dcde9 100%);
    height: -webkit-fill-available;
}

.title1 h2 {
    font-size: 55px;
    margin-left: 93px;
    font-style: italic;
}

.title1 p {
    margin-left: 98px;
    font-style: italic;
    font-weight: 300;
    font-size: 20px;
    line-height: initial;
}

.title2 h2 {
    font-size: 40px;
    font-weight: 300;

}

.text2 {
    font-size: 15px;
    margin-left: 25px;
}

.list-btn-plus {
    list-style: none;
}

.btnplus img {
    width: 57px;
}

.sec-colum img {
    width: 100%
}

.frase-last h6 {
    font-size: 40px;
    font-weight: 300;
}

.fraselateral {
    position: relative;
    top: 164px;
    color: #6ab6d5;
    left: 24px;
}

.fraselateral2 {
    position: relative;
    top: 500px;
    color: #6ab6d5;
    left: 40px;
}

.firstline {
    z-index: 99;
    font-size: 60px;
    top: 44px;
}

.fundotop {
    top: -102px;
}

.lp {
    left: 76px;
}

/*pagina ecommerce */
.diferecommerce p {
    color: #a1a1a1;
}

.middle-ecommerce h3 {
    font-weight: 200;
    font-size: 2.8em;
}

.imgphone img {
    position: relative;
    width: 500px;
    bottom: 66px;
}

.title-ecommerce h2 {
    font-size: 10em;
    font-style: italic;
    color: #504f4f;
    font-family: montserrat;
    font-weight: 300;
}

.middle-ecommerce {

    background-image: url("../images/bck-fluid-ecommerce.png");
    background-repeat: no-repeat;
    background-size: 100%;
    z-index: 9999px;
}

.middle-ecommerce .LinhaUnderlinePalavraprojetos::after {
    color: #a4a2a2;
    content: '';
    position: absolute;
    right: 446px;
    display: block;
    height: 0%;
    width: 292px;
    border-bottom: 1px solid;
    margin-top: 8px;
}

.LinhaUnderlinePalavraresultado {
    color: white;
    content: '';
    position: absolute;
    right: 249px;
    display: block;
    height: 0%;
    width: 350px;
    border-bottom: 2px solid;
    margin-top: 8px;
}

.textexp h2 {
    font-size: 4em;
    font-weight: 300;
}

.textexp p {
    font-size: 27px;
    font-weight: 100;
}

.card-ecommerce {
    background-color: #232328;
    box-shadow: 10px 5px 5px black;

}

.card-ecommerce p {
    color: #00ccfe;
    font-size: 17px;
}

.container-fluid.diferecommerce {
    position: relative;
    z-index: -1;
}

.tdiferenciais {
    font-size: 60px;
    color: #75d9f4;
}

.textowmargin {
    padding-left: 81px;
}

.container-fluid.certecommerce {
    position: relative;
    z-index: -1;
}

.noteend-eco img {
    width: 100%;
}

.limgs-certificacao {
    position: relative;
    margin: 0 auto;
}

.etapas-circle {
    height: 235px;
    width: 235px;
    background-color: #6fcee8;
    border-radius: 235px;
    position: absolute;
    /* margin-top: -117px; */
    bottom: -118px;
    z-index: 10000 !important;
    right: calc(50% - 123.5px);
}

.etapas-circle p {
    position: relative;
    top: 92px;
    font-weight: 700;
    margin: 0 auto;
}

.etapas-circle1 {
    width: 370px;
    height: 370px;
    border-radius: 370px;
    border: 2px solid gray;
    border-color: #79797c;
    transform: rotate(28deg);
    border-left: 2px solid #6fcee8;
    border-top: 2px solid #6fcee8;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    position: absolute;
    right: calc(50% - 185px);
    top: 216px;

}

.etapas-circle2 {
    width: 526px;
    height: 526px;
    border-radius: 526px;
    border: 2px solid gray;
    border-bottom: 0;
    border-color: #79797c;
    transform: rotate(-7deg);
    border-left: 2px solid #6fcee8;
    border-top: 2px solid #6fcee8;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    position: absolute;
    right: calc(50% - 263px);
    margin-top: 137px;

}

.etapas-circle3 {
    width: 700px;
    height: 700px;
    border-radius: 400px;
    border-color: #79797c;
    border-left: 2px solid #6fcee8;
    border-top: 2px solid #6fcee8;
    border-right: 2px solid gray;
    border-bottom: 2px solid gray;
    position: absolute;
    right: calc(50% - 350px);
    transform: rotate(-41deg);
    margin-top: 50px;
}

.etapa3txt {
    position: relative;
    left: 355px;
    bottom: 15px;
    color: #6fcee8;
    font-weight: 300;
    transform: rotate(-28deg);
    top: -72px;
    margin-left: -55px;
    font-size: 24px;
}

.pseud-elem3::before {
    content: " ";
    width: 15px;
    height: 15px;
    background-color: #6fcee8;
    position: absolute;
    border-radius: 20px;
    left: 307px;
    top: 46px;
}

.etapa2txt {
    left: 296px;
    position: relative;
    color: #6fcee8;
    font-weight: 300;
    transform: rotate(7deg);
    top: 83px;
    margin-left: 163px;
    font-size: 24px;
}

.pseud-elem2::before {
    content: " ";
    width: 15px;
    height: 15px;
    background-color: #6fcee8;
    position: absolute;
    border-radius: 20px;
    right: 66px;
    top: 70px;
}

.etapa1txt {
    position: relative;
    color: #6fcee8;
    font-weight: 300;
    transform: rotate(42deg);
    top: 327px;
    left: 518px;
    font-size: 24px;
}

.pseud-elem1::before {
    content: " ";
    width: 15px;
    height: 15px;
    background-color: #6fcee8;
    position: absolute;
    border-radius: 20px;
    right: 89px;
    top: 99px;
}

.coluna-etapas {
    height: 400px;
    position: relative;
}

.LinhaVertical::after {
    background-color: rgb(38, 181, 241);
    content: "";
    position: absolute;
    left: 10px;
    display: block;
    height: 850px;
    width: 1px;
    margin-top: 0px;
    box-shadow: rgb(38, 181, 241) 0px 0px 5px 0.2px;
    border-bottom: 1px solid;
}

.LinhaVertical2::after {
    background-color: rgb(38, 181, 241);
    content: "";
    position: absolute;
    left: 10px;
    display: block;
    height: 709px;
    width: 1px;
    margin-top: -47px;
    box-shadow: rgb(38, 181, 241) 0px 0px 5px 0.2px;
    border-bottom: 1px solid;
}

.textonocentro p {
    font-size: 25px;
    font-weight: 200;

}

/*final-pag-ecommerce/sistema-personalizado*/
#about .ImagemBannerPrincipal {
    width: 100%;
    height: 500px;
    background-image: url('/images/bkg-about.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 1000;
    background-attachment: scroll;
}


.txt-top-header h1 {
    color: #56cbfc;
    font-weight: 200;
    font-size: 54px;
}

.txt-header {
    color: #fff;
    margin-top: 1em;
    font-weight: 100;
}

.about-containerprinc {
    margin-top: -280px;
}

.div-squarebb {
    height: 580px;
}

.fundo-azul-about {
    z-index: 999;
    background-color: #8ccce7;
    width: 122px;
    height: 474px;
    margin-top: -21px;
}

.fundo-black-about {
    z-index: 999;
    background-color: #2a2a2e;
    width: 329px;
    height: 505px;
    position: relative;
    top: -437px;
    left: 55px;
    box-shadow: -3px 2px 14px #0000004d;
}

.fundo-black-about img {
    position: relative;
    left: 140px;
    top: 69px;
    height: 101px;
}

.LinhaVertical-about,
.LinhaVertical-about-2 {
    display: inline-block;
    position: relative;
}

.LinhaVertical-about::after {
    background-color: rgb(38, 181, 241);
    content: "";
    position: absolute;
    display: block;
    height: 1771px;
    width: 1px;
    margin-top: 63px;
    box-shadow: rgb(38, 181, 241) 0px 0px 5px 0.2px;
    border-bottom: 1px solid;
}

.LinhaVertical-about-2::after {
    background-color: rgb(38, 181, 241);
    content: "";
    position: absolute;
    display: block;
    height: 371px;
    width: 1px;
    left: 207px;
    bottom: 209px;
    box-shadow: rgb(38, 181, 241) 0px 0px 5px 0.2px;
    border-bottom: 1px solid;
}

.txt-top {
    color: #fff;
    line-height: 1.6;
    font-weight: 100;
    font-size: 13px;
}

.side-txt {
    font: 1.25rem Montserrat;
    padding-left: 3rem;
    color: #9edcf6;
}

.txt-choose {
    font: 2.0rem Montserrat;
    font-weight: 200;
    color: #fff;
    margin-left: 190px;
}

.underLine {
    width: 18rem;
    margin-right: 251px;
    background-color: white;
}


.underLine2 {
    background-color: #ffffff;
    width: 300px;
    margin-left: 24.5rem;
}

.dd-text {
    font-size: 21px;
    font-weight: 300;
    font-family: 'Montserrat';
}

#dropDownMenu {
    width: 269px;
    height: 55px;
    text-align: center;
    line-height: 44px;
    justify-content: center;
    color: #26b5f1;
}

.fundo-dropdowns:hover {
    color: #fff !important;
    background-color: #26b5f1;
}

a.circulos {
    padding-top: 0;
}

.fundo-dropdowns::before {
    content: ' ';
    background-image: url(/images/seta-dd-about.png);
    background-size: 100%;
    width: 19px;
    height: 10px;
    display: block;
    position: absolute;
    right: 11px;
    top: 19px;
}

.fundo-dropdowns:hover::before {
    background-image: url(/images/seta-dd-about-white.png);
}

#click_icon {
    font-size: 18px;
    cursor: pointer;
    user-select: none;
    font-weight: 700;
}

#click_icon:hover {
    color: red;
}

.align-items-end {
    padding-left: 23.5rem;
}

.txt-weVision {
    font: 8rem Montserrat;
    color: #403f42;
    text-align: center;
    font-style: italic;
    font-weight: 300;
}

.weVisionBkg {
    width: 100%;
    height: 342px;
    background-image: url('/images/ourvision-about.png');
    background-repeat: no-repeat;
    z-index: 1000;
    background-size: cover;
    background-attachment: scroll;
}

.text-left {
    margin-left: 8.9em;
}

.divcomblur-about {
    position: absolute;
    z-index: 9999;
    background-color: #ffffff1c;
    height: 342px;
}

.txt-weVisionBkg {
    text-align: left;
    font: 1rem Montserrat;
    color: #fff;
    margin-left: 46rem;
    margin-top: 6rem;
}

.txt-insideVision {
    font: 0.9rem Montserrat;
    color: #fff;
}

.ourMision {
    height: 350px;
    background-color: #51cae9;
}

.txt-title-mission {
    font-family: Montserrat;
    margin-left: 13px;
    margin-top: 3em;
    font-weight: 700;

}

.txt-mission {
    font: 0.9rem Montserrat;
}

.bluearrow {
    position: relative;
    height: auto;
    right: 15px;
}

.txt-joinUs {
    font: 2.0rem Montserrat;
    color: #fff;
}

.sidedown-txt {
    font: 1.25rem Montserrat;
    padding-left: 2.563rem;
    color: #9edcf6;
}

.t-shirt {
    position: relative;
    margin-left: 32rem;
    width: 300px;

}

.workUs .btn {
    color: #75d9f4;
    border-color: #75d9f4;
    border-radius: unset;
}

.txt-tshirt {
    font: 0.9rem Montserrat;
    color: #fff;
    margin-top: 11rem;
}

#dropDownMenu .btn-outline-primary {
    border-color: #26b5f1 !important;
}

.btn-outline-primary {
    padding: 11px;
}

/*css-pagina-about*/

/*pagina-blog*/
.Altura {
    height: 589px;
}

.AlturaImagensUltimasNoticias {
    background-size: cover !important;
    height: 419px;
}

.ContainerEscuro {
    background-color: #27262b;
    color: #ffffff;
    height: 45%;
    display: block;
    font-size: 1em;
}

a {
    color: black;
}

a:hover {
    color: black;
}

.ColunaAoLadoCarousel {
    background-color: #ffffff;
}

.btn-maispost {
    margin-left: -13px;
}

.BtnTodasasTagsdesk {
    background-color: #6bbadb;
    color: #ffffff;
    border-radius: 0%;
    height: 57px;
}

.MaisListas {
    background-color: #ffffff;
}

.Listas {
    list-style-type: none;
    margin-left: -27px;
    padding-bottom: 36px;
}

.NumeroAoLadoDeMaisLidas {
    color: #6cbbdc;
    font-size: 1.7em;
    font-weight: 600;
}

.ListasFormatacao {
    border-bottom-color: #9cd1e7;
    border-bottom-style: solid;
    border-bottom-width: 0.5px;
}

.ButtonMaisPostagens {
    border-color: #26b5f1;
    color: #4aaad3;
    border-radius: 0px;
    font-size: 1.25em;
    border: 2px solid;
}

.BtnTodasasTagsdesk span {
    font-weight: 500;
    position: relative;
    top: 6px;
    text-align: center;
    font-size: 20px;
}

.icon-hearth {
    padding-top: 30px;
    color: red;
    font-size: 22px;
}

.txt-morread {
    font-weight: 550;
}

.txt-morread a {
    text-decoration: none;
}

.TextosAlinhadosPelaBarra {
    color: #26b5f1;
    position: relative;
    margin-left: 30px;
}

.Liallartig::after {
    color: #efefef;
    content: '';
    position: absolute;
    display: block;
    height: 0%;
    width: 132px;
    border-bottom: 1px solid;
    margin-top: 3px;
}

.card-header.light.allarticle {
    border-bottom: 0px !important;
}

.card-title.LinhaAzulArtigosLaterais.bold {
    font-size: 25px;
}

.title-link-blog:hover {
    text-decoration: none;
    color: white;
}

a.title-link-blog {
    color: white;
}

.LinhaAzulArtigosLaterais a {
    color: white;
}

.LinhaAzulArtigosLaterais a:hover {
    text-decoration: none;
    color: white;
}

.textoUltimasNoticias {
    height: 13%;
}

.carousel.slide.carousel-fade.blog-pag {
    margin-left: -18px;
}

.TextoCardLateralEsquerdo .subtitulo {
    font-size: 13px;
}

.imgArtigos {
    background-position: center;
    background-size: cover !important;
    min-height: 343px;
    max-height: 343px;
}

.imgArtigos img {
    width: 100%;
    height: 343px;
}

.TamanhoTextDosCardsUltimasNoticias {
    width: 80%;
    position: relative;
    margin: 0 auto;
    top: -70px;
    font-size: 1.5em;
}



.MaisLidas {
    background-color: white;
}

.ImagemContainerEscuro {
    background-size: cover !important;
    min-height: 42vh;
    background-position: center;


}

.hr-posts-azul {
    height: 0px;
    background-color: #26b5f1;
}

.LinhaAzulArtigosLaterais {
    display: inline-block;
    position: relative;
}

.LinhaAzulArtigosLaterais::after {
    color: #efefef;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 300px;
    border-bottom: 1px solid;
    margin-top: 0px;
}

.TextoColunasLaterais {
    font-size: 1em;
}

.textosArtigos {
    font-size: 1.2em;
}


.RetiraUnderline:hover {
    text-decoration: none;
}

.TextoCardLateralEsquerdo {
    display: grid;
    align-content: end;
    font-size: 1.4em;
}


.PosicaoButton {
    position: absolute;
    width: 50%;
    bottom: 200px;
    height: 20px;
}

.titulo {
    z-index: 999;
    font-size: 170px;
    color: #cecbcb;
}

.menu-lateral {
    min-width: 70px;
    left: 26px;
}

.div-computer-principal {
    height: 350px;
    width: 930px;
    left: -175px;
    top: 142px;
}

.computer-principal {
    position: absolute;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    z-index: 1000;
}

.tamanho-fundo-azul1 {
    height: 915px;
}


.container-slider {
    position: absolute;
    top: -200px;
    left: 42px;
    z-index: 1000;
}

.texto-container {
    font-size: 40px;
}

.button-info {
    color: #26b5f1;
    border-color: #26b5f1;
    padding-top: 10px;
    border-radius: 0%;
    width: 100%;
    height: 50px;
}

.texto-escritorio {
    width: 100%;
}

.inteligencia-artificial {
    font-size: 3.5em;
    color: #cecbcb;
}

.div-texto-questao-negocio {
    width: 100%;
}

.texto-questao-do-negocio {
    font-size: 3.1em;
    line-height: 64px;
}

.button-conte-nos {
    border-radius: 0%;
    width: 100%;
    background-color: #88cae5;
    text-align: center;
    color: white;
    height: 70px;
    font-size: 20px;
}


.hr-qualidade {
    width: 300px;
    float: left;
    padding-left: 44px;
}

.div-robo {
    width: 480px;
    height: 220px;
    top: 41px;
    left: -29px;
    position: absolute;
}

.imagem-robo {

    background-repeat: no-repeat;
    z-index: 1000;
}

.portfolio-completo {
    width: 100%;
    font-size: 50px;
    line-height: 57px;
    color: #fff;
}

.div-portfolio-completo {
    height: 360px;
}

.pos-lista {
    top: -100px;
}

.color-proximo-botao {
    color: #2c2f35;
    padding-left: 30px;
}

.fotos-carousel {
    width: 630px;
}

#carousel-1>li.active {
    background-color: black;
    color: #fff;
}

.textos-laterais {
    font-size: 16px;
    width: 180px;
    left: 50px;
    color: #7bb5ce;
    line-height: 25px;
    position: absolute;
}

.pos-texto-lateral-um {
    top: 700px;
}

.pos-texto-lateral-dois {
    top: 1720px;
}

ol.carousel-indicators-round li,
ol.carousel-indicators-round li.active {
    width: 60px;
    height: 60px;
    padding: 4px 10px;
    border-radius: 100%;
    border: 2px solid black;
    font-size: 32px;
    text-align: center;
    background-color: none;
    color: black;
}

.slide-cases .li-buttons {
    background-color: none;
    color: black;
}

.slide-cases .active.li-buttons {
    background-color: black;
    color: #FFF;
}

.pos-buttons {
    position: absolute;
    right: calc(50% - 300px);
    top: -120px;
    z-index: 1000;
}

.li-buttons {
    margin: 15px;
}


.slider-fotos {
    margin-top: 150px;
}

#bt-prox {
    border: 0px;
    font-size: medium;
    margin-left: 20px;
    color: black;
    position: absolute;
    top: 10px;
}

.customNextBtn,
.customPreviousBtn {
    cursor: pointer;
}

.last-news {
    margin-top: -47px;
}

.p-moreread {
    font-weight: 800;
    font-size: 1.65em;
    padding-top: 11px;
}

.textosArtigos .card-text.light {
    margin-bottom: 0px !important;
    font-size: 15px;
}

.textosArtigos .navbar.navbar-expand {
    margin-top: -36px;
}

/*final-blog*/

/*css-pagina-post*/
blockquote {
    font-weight: 550;
    font-size: 24px;
    margin-left: 41px;
    border-left: 20px solid #66d3f0;
    height: auto;
    line-height: 1.2em;
}

.sub-post {

    font-weight: 600;
}

.redes-sociais-post .addthis_inline_share_toolbox {
    margin-left: 64px;
}

.LinhaAzulsmpost {
    display: inline-block;
    position: relative;
}

.LinhaAzulsmpost::after {
    color: #26b5f1;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 913px;
    border-bottom: 1px solid;
    margin-top: 0px;
}

.title-news-post {
    font-size: 35px;
    font-weight: 700;
}

.Altura {
    height: 589px;
}

.AlturaImagensUltimasNoticias {
    background-size: cover !important;
    height: 419px;
}

.ContainerEscuro {
    background-color: #27262b;
    color: #ffffff;
    height: 250px;
    display: block;
    font-size: 1em;
    z-index: 9999999999;
    position: relative;
}

a {
    color: black;
}

a:hover {
    color: black;
}

.ColunaAoLadoCarousel {
    background-color: #ffffff;
}



.TextosAlinhadosPelaBarra {
    color: #26b5f1;
    position: relative;
    margin-left: 30px;
    font-size: 16px;
}

.textoUltimasNoticias {
    height: 13%;
}

.imgBannerPrincipal {
    background-position: center;
    background-size: cover !important;
    background-repeat: no-repeat;
    min-height: 470px;
    max-height: 470px;
}

.imgBannerPrincipal img {
    width: 100%;
    height: 100%;
}

.img-posts {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -10;
    width: 100%;
    height: 100%;
}

.textosArtigos p.light {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /** número de linhas que você quer exibir */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

a.links-posts:hover {
    text-decoration: none !important;
}

.TamanhoTextDosCardsUltimasNoticias {
    width: 80%;
    position: relative;
    margin: 0 auto;
    top: -70px;
    font-size: 1.5em;
}



.MaisLidas {
    background-color: white;
}

.ImagemContainerEscuro img {
    background-size: cover !important;
    height: 200px;
    margin-top: 25px;
    width: 100%;
    background-position: center;

}


.our-chanel {
    font-size: 50px;
}

.TextoAoMeioDaColuna {
    align-content: center;
    font-size: 20px;
}

.TextoAoMeioDaColuna .title-ourchanel {
    font-weight: 650;
    font-size: 26px;
    line-height: 1em;
}

.LinhaAzulArtigos {
    display: inline-block;
    position: relative;
}

.LinhaAzulArtigos::after {
    color: #26b5f1;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 672px;
    border-bottom: 1px solid;
    margin-top: 0px;
}

.lista-de-artigos {
    position: absolute;
    padding-right: 20px;
}

.lista-de-artigos h6 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /** número de linhas que você quer exibir */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
}

.LinhaAzulArtigosLaterais {
    display: inline-block;
    position: relative;
}

.LinhaAzulArtigosLaterais::after {
    color: #efefef;
    content: '';
    position: absolute;
    left: 0px;
    display: block;
    height: 0%;
    width: 300px;
    border-bottom: 1px solid;
    margin-top: 3px;
}

.TextoColunasLaterais {
    font-size: 1em;
}

.textosArtigos {
    font-size: 1.2em;
    padding: 1.25rem;
    line-height: 0.92em !important;
}


.RetiraUnderline:hover {
    text-decoration: none;
}

.TextoCardLateralEsquerdo {
    display: grid;
    align-content: end;
    font-size: 1.4em;
    padding-top: 5px;
}


.PosicaoButton {
    position: absolute;
    width: 50%;
    bottom: 200px;
    height: 20px;
}

.div-titulo {
    margin-top: 0%;
}

.titulo {
    z-index: 999;
    font-size: 170px;
    color: #cecbcb;
}

.menu-lateral {
    min-width: 70px;
    left: 26px;
}

.div-computer-principal {
    height: 350px;
    width: 800px;
    left: -175px;
    top: 142px;
}

.computer-principal {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1000;
}

.tamanho-fundo-azul1 {
    height: 915px;
}

.tamanho-fundo-azul2 {
    height: 640px;
}


.container-slider {
    position: absolute;
    top: -200px;
    left: 42px;
    z-index: 1000;
}

.texto-container {
    font-size: 40px;
}

.button-info {
    color: #26b5f1;
    border-color: #26b5f1;
    padding-top: 10px;
    border-radius: 0%;
    width: 100%;
    height: 50px;
}

.texto-escritorio {
    width: 100%;
}

.inteligencia-artificial {
    font-size: 3.5em;
    color: #cecbcb;
}

.div-texto-questao-negocio {
    width: 100%;
}

.texto-questao-do-negocio {
    font-size: 3.1em;
    line-height: 64px;
}

.button-conte-nos {
    border-radius: 0%;
    width: 100%;
    background-color: #88cae5;
    text-align: center;
    color: white;
    height: 70px;
    font-size: 20px;
}

.hr-qualidade {
    width: 300px;
    float: left;
    padding-left: 44px;
}

.div-robo {
    width: 480px;
    height: 220px;
    top: 41px;
    left: -29px;
    position: absolute;
}

.imagem-robo {

    background-repeat: no-repeat;
    z-index: 1000;
}

.portfolio-completo {
    width: 100%;
    font-size: 50px;
    line-height: 57px;
    color: #fff;
}

.div-portfolio-completo {
    height: 360px;
}

.pos-lista {
    top: -100px;
}

.color-proximo-botao {
    color: #2c2f35;
    padding-left: 30px;
}

.fotos-carousel {
    width: 630px;
}

#carousel-1>li.active {
    background-color: black;
    color: #fff;
}

.textos-laterais {
    font-size: 16px;
    width: 180px;
    left: 50px;
    color: #7bb5ce;
    line-height: 25px;
    position: absolute;
}

.pos-texto-lateral-um {
    top: 700px;
}

.pos-texto-lateral-dois {
    top: 1720px;
}

ol.carousel-indicators-round li,
ol.carousel-indicators-round li.active {
    width: 60px;
    height: 60px;
    padding: 4px 10px;
    border-radius: 100%;
    border: 2px solid black;
    font-size: 32px;
    text-align: center;
    background-color: none;
    color: black;
}

.slide-cases .li-buttons {
    background-color: none;
    color: black;
}

.slide-cases .active.li-buttons {
    background-color: black;
    color: #FFF;
}

.pos-buttons {
    position: absolute;
    left: 271px;
    top: -120px;
    z-index: 1000;
}

.li-buttons {
    margin: 15px;
}


.slider-fotos {
    margin-top: 150px;
}

#bt-prox {
    border: 0px;
    font-size: medium;
    margin-left: 20px;
    color: black;
}

.customNextBtn,
.customPreviousBtn {
    cursor: pointer;
}

.imgCardsInferiores img {
    background-size: cover;
    background-position: center;
    height: 165px;
    width: 100%;
}

.p-recentes {
    font-weight: 600;
    font-size: 20px;
}

.tags-blog-post {
    color: #6bbadb;
    font-weight: 550;
}

/*final-pag-post*/
@media only screen and (min-device-width: 993px) and (max-device-width: 1250px) {
    .imgMulherPrincipal {
        width: 529px;
    }

    .Inovacao {
        font-size: 10em;
    }

    .bluearrow {
        right: 43px;
    }

    .title-ecommerce h2 {
        font-size: 9em;
    }
}