@font-face {
    font-family: "";
    src: url(../fonts/);
}


.turnBlack {
    fill: #000 !important;
}

.turnWhite {
    fill: #000 !important;
}

html {
    margin: 0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    /* font-family: 'Roboto', sans-serif; */
    font-family: Calibri, sans-serif;
}

a,
a:hover {
    text-decoration: none;
    outline: none;
}

footer a,
footer a:hover {
    color: #fff;
}

button {
    font-family: Calibri, sans-serif;
    font-weight: 700;
}

.rds-template {
    display: flex;
    align-items: center;
}

.rds-template .ctrl-redes {
    position: fixed;
    display: flex;
    z-index: 10;
    margin-left: 5vh;
    flex-direction: column;
}

.rds-template .ctrl-redes a {
    padding-bottom: 0.7vh;
}

.rds-template .ctrl-redes svg,
.rds-template .ctrl-redes path {
    fill: #fff;
}

.row {
    width: 100%;
    margin: 0;
}

section.inovar {
    background-color: #101212;
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.inovar .col1 {
    display: flex;
    flex-direction: column;
    padding: 0;
    align-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
}

section.inovar .col2 img {
    width: 95%;
}

section.inovar .control-text h1 {
    color: #93C01F;
    font-size: 11.5vh;
    text-align: end;
}

section.inovar .control-btn {
    width: 85%;
    padding-top: 10vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

section.inovar .control-btn p {
    color: #F8F8F8;
    font-size: 2.5vh;
}

section.inovar .control-btn strong {
    color: #93c01f;
}

section.inovar .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.inovar .control-btn a,
section.inovar .control-btn a:hover {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    outline: 0px;
    background-color: #93C01F;
    color: #000;
    outline: none;
    border: none;
    width: 23vh;
    font-size: 2vh;
    height: 6vh;
    font-weight: 700;
    border-radius: 1vh;
    cursor: pointer;
}

section.inovar .row {
    width: 80%;
}

section.inovar {}

section.inovar {}

section.resultado {
    min-height: 90vh;
    background-color: #93C01F;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.resultado .col-md-12 {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.resultado .row {
    width: 95%;
}

section.resultado .col-md-7 {
    display: flex;
    justify-content: flex-end;
}

section.resultado .col-md-7 img {
    width: 100%;
}

section.resultado .col-md-7 .res2 {
    width: 75%;
}

section.resultado .col-md-5 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    padding-right: 15vh;
}

section.resultado .col-md-5 h4 {
    font-weight: 700;
    padding-bottom: 3vh;
    font-size: 3.6vh;
}

section.resultado .col-md-5 p {
    color: #fff;
    font-size: 2.4vh;
}

section.resultado .col-md-5 a,
section.resultado .col-md-5 a:hover {
    text-decoration: none;
    outline: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #93C01F;
    outline: none;
    width: 17vh;
    font-size: 2vh;
    height: 5vh;
    margin-top: 3vh;
    border: none;
    cursor: pointer;
    border-radius: 1vh;
}

section.carousel-produtos .prods {
    width: 90%;
}

section.carousel-produtos {
    background-color: #101212;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.carousel-produtos .row {
    width: 90%;
    min-height: 85vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.carousel-produtos .col-md-5 {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.carousel-produtos .col-md-5 .linha {
    width: 1px;
    height: 44vh;
    margin: 0vh -2vh 0vh 10vh;
    background-color: #93C01F;
}

section.carousel-produtos .col-md-5 h4 {
    color: #93C01F;
    font-size: 6.5vh;
    font-weight: 700;
    padding-bottom: 2vh;
}

section.carousel-produtos .col-md-5 p {
    color: #FFF;
    font-size: 2.4vh;
    font-weight: 300;
}

section.carousel-produtos .prods p {
    width: 80%;
}

section.carousel-produtos .prods p br {
    display: none;
}

section.carousel-produtos h4 {
    padding-bottom: 1.5vh;
    color: #363636;
    font-weight: 900;
    font-size: 4.4vh;
}

section.carousel-produtos p {
    color: #363636;
    font-size: 2.3vh;
}

section.carousel-produtos .owl-produtos .nav-btn {
    height: 49px;
    width: 49px;
    position: absolute;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

section.carousel-produtos .owl-carousel .nav-btn .owl-item img {
    display: block;
    width: 100%;
    /* object-fit: cover; */
    height: 27vh;
}

section.carousel-produtos .control-cr {
    width: 50%;
    display: flex;
    align-items: center;
}

section.carousel-produtos .prods:hover p {
    color: #F8F8F8;
}

section.carousel-produtos .prods:hover .nasch {
    color: #00605B;
}

section.carousel-produtos .prods:hover .nmap {
    color: #52CDCD;
}

section.carousel-produtos .prods:hover .nfarm {
    color: #9F3BDD;
}

section.carousel-produtos .prods:hover .devops {
    color: #DD3B58;
}

section.carousel-produtos .prods:hover .naas {
    color: #EEBF14;
}

section.carousel-produtos .prods:hover .nces {
    color: #93C01F;
}

section.carousel-produtos .prods:hover .nmass {
    color: #EEBF14;
}

section.carousel-produtos .prods:hover .nacademy {
    color: #EEBF14;
}

section.carousel-produtos .owl-theme .owl-nav {
    display: block;
    position: absolute;
    margin-top: 39vh;
    /*     margin-left: 4vh; */
    margin-left: 25%
}

section.carousel-produtos .owl-produtos {
    display: flex;
    position: absolute;
}

section.carousel-produtos .owl-produtos .owl-prev.disabled,
section.carousel-produtos .owl-produtos .owl-next.disabled {
    pointer-events: none;
    opacity: 0.2;
}

section.carousel-produtos .owl-carousel .owl-nav.disabled {
    display: block;
    position: absolute;
    margin-top: 39vh;
    margin-left: 18vh;
}

section.carousel-produtos .owl-produtos .prev-slide {
    background: url(../img/home/seta-esquerda.svg) no-repeat scroll 0 0;
    left: -2vh;
}

section.carousel-produtos .owl-produtos .next-slide {
    background: url(../img/home/seta-direita.svg) no-repeat scroll 0 0;
    right: -7vh;
}


section.clientes {
    min-height: 90vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
}

section.clientes .col-md-6 {
    display: flex;
    justify-content: space-evenly;
    align-content: space-between;
    padding: 0;
    flex-direction: row;
    align-items: center;
}

section.clientes .col-md-6 img {
    width: 20vh;
    padding: 2vh;
}

section.clientes .row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}

section.clientes h4 {
    color: #93C01F;
    text-align: end;
    font-size: 10vh;
    padding-bottom: 4vh;
}

section.clientes p {
    color: #101212;
    text-align: end;
    font-size: 2vh;
}

section.clientes .col-md-5 {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: flex-end;
    place-self: center;
}

section.clientes .div-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 7vh;
}

section.clientes .div-button button {
    background-color: #93C01F;
    outline: none;
    border: none;
    height: 6vh;
    width: 25vh;
    font-size: 2vh;
    cursor: pointer;
    border-radius: 1vh;
    font-weight: 700;
}

section.clientes .control {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.img-hover {
    margin: 1rem 0
}

/* crefisa */
section.clientes .img-hover .cref2 {
    display: none;

}

section.clientes .img-hover:hover .cref1 {
    display: none;
}

section.clientes .img-hover:hover .cref2 {
    display: block;
}

/* visa */
section.clientes .img-hover .visa2 {
    display: none;

}

section.clientes .img-hover:hover .visa1 {
    display: none;
}

section.clientes .img-hover:hover .visa2 {
    display: block;
}

/* modal */
section.clientes .img-hover .modal2 {
    display: none;

}

section.clientes .img-hover:hover .modal1 {
    display: none;
}

section.clientes .img-hover:hover .modal2 {
    display: block;
}

/* ultra */
section.clientes .img-hover .ultra2 {
    display: none;

}

section.clientes .img-hover:hover .ultra1 {
    display: none;
}

section.clientes .img-hover:hover .ultra2 {
    display: block;
}

/* total */
section.clientes .img-hover .total2 {
    display: none;

}

section.clientes .img-hover:hover .total1 {
    display: none;
}

section.clientes .img-hover:hover .total2 {
    display: block;
}

/* rchlo */
section.clientes .img-hover .rchlo2 {
    display: none;
}

section.clientes .img-hover:hover .rchlo1 {
    display: none;
}

section.clientes .img-hover:hover .rchlo2 {
    display: block;
}

/* cielo */
section.clientes .img-hover .cielo2 {
    display: none;
}

section.clientes .img-hover:hover .cielo1 {
    display: none;
}

section.clientes .img-hover:hover .cielo2 {
    display: block;
}

/* tecban */
section.clientes .img-hover .tecban2 {
    display: none;
}

section.clientes .img-hover:hover .tecban1 {
    display: none;
}

section.clientes .img-hover:hover .tecban2 {
    display: block;
}

/* bild */
section.clientes .img-hover .bild2 {
    display: none;
}

section.clientes .img-hover:hover .bild1 {
    display: none;
}

section.clientes .img-hover:hover .bild2 {
    display: block;
}

/* coterie */
section.clientes .img-hover .coterie2 {
    display: none;
}

section.clientes .img-hover:hover .coterie1 {
    display: none;
}

section.clientes .img-hover:hover .coterie2 {
    display: block;
}

/* blu */
section.clientes .img-hover .blu2 {
    display: none;
}

section.clientes .img-hover:hover .blu1 {
    display: none;
}

section.clientes .img-hover:hover .blu2 {
    display: block;
}

/* deps */
section.clientes .img-hover .deps2 {
    display: none;
}

section.clientes .img-hover:hover .deps1 {
    display: none;
}

section.clientes .img-hover:hover .deps2 {
    display: block;
}

/* app farmacias */
section.clientes .img-hover .appfarm2 {
    display: none;
}

section.clientes .img-hover:hover .appfarm1 {
    display: none;
}

section.clientes .img-hover:hover .appfarm2 {
    display: block;
}

/* ericsson */
section.clientes .img-hover .eric2 {
    display: none;
}

section.clientes .img-hover:hover .eric1 {
    display: none;
}

section.clientes .img-hover:hover .eric2 {
    display: block;
}

/* dimensa */
section.clientes .img-hover .dimensa2 {
    display: none;
}

section.clientes .img-hover:hover .dimensa1 {
    display: none;
}

section.clientes .img-hover:hover .dimensa2 {
    display: block;
}

/* fiserv */
section.clientes .img-hover .fiserv2 {
    display: none;
}

section.clientes .img-hover:hover .fiserv1 {
    display: none;
}

section.clientes .img-hover:hover .fiserv2 {
    display: block;
}

/* henry-schein */
section.clientes .img-hover .henry2 {
    display: none;
}

section.clientes .img-hover:hover .henry1 {
    display: none;
}

section.clientes .img-hover:hover .henry2 {
    display: block;
}


/* pernambucanas */
section.clientes .img-hover .pernamb2 {
    display: none;
}

section.clientes .img-hover:hover .pernamb1 {
    display: none;
}

section.clientes .img-hover:hover .pernamb2 {
    display: block;
}

/* software-express */
section.clientes .img-hover .soft2 {
    display: none;
}

section.clientes .img-hover:hover .soft1 {
    display: none;
}

section.clientes .img-hover:hover .soft2 {
    display: block;
}


/* tc */
section.clientes .img-hover .tc2 {
    display: none;
}

section.clientes .img-hover:hover .tc1 {
    display: none;
}

section.clientes .img-hover:hover .tc2 {
    display: block;
}



section.clientes .img-hover:hover .abrantix1 {
    display: none;
}

section.clientes .img-hover:hover .abrantix2 {
    display: block;
}

section.clientes .img-hover .abrantix2 {
    display: none;
}

section.clientes .img-hover:hover .microsoft1 {
    display: none;
}

section.clientes .img-hover:hover .microsoft2 {
    display: block;
}

section.clientes .img-hover .microsoft2 {
    display: none;
}

section.clientes .img-hover:hover .aws1 {
    display: none;
}

section.clientes .img-hover:hover .aws2 {
    display: block;
}

section.clientes .img-hover .aws2 {
    display: none;
}

section.clientes .img-hover:hover .apple1 {
    display: none;
}

section.clientes .img-hover:hover .apple2 {
    display: block;
}

section.clientes .img-hover .apple2 {
    display: none;
}

section.clientes .img-hover:hover .slack1 {
    display: none;
}

section.clientes .img-hover:hover .slack2 {
    display: block;
}

section.clientes .img-hover .slack2 {
    display: none;
}

section.design-process-section {
    background-color: #101212;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.design-process-section .row .control-title {
    padding-bottom: 8vh;
}

section.design-process-section .row .control-title h5 {
    color: #93c11f;
    text-align: center;
    font-size: 4.5vh;
    padding-bottom: 2vh;
}

section.design-process-section .row .control-title p {
    color: #F8F8F8;
    text-align: center;
    font-size: 2.2vh;
}

section.design-process-section .row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.design-process-section .tab-content {
    width: 80%;
}

section.design-process-section .row a {
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: wrap;
    align-items: center;
    text-decoration: none;
}

section.design-process-section .row a img {
    width: 10vh;
}

.design-process-section .text-align-center {
    line-height: 25px;
    margin-bottom: 12px;
}

.design-process-content {
    border-top: 1px solid #363636;
    position: relative;
    padding-top: 5vh;
    margin-top: 5vh;
}

.design-process-content img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    max-height: 100%;
}

.design-process-content h3 {
    margin-bottom: 16px;
}

.design-process-content p {
    line-height: 2.5rem;
    margin-bottom: 12px;
    text-align: center;
    font-size: 1.5rem;
}

.process-model {
    list-style: none;
    padding: 0;
    position: relative;
    border: none;
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

/* .process-model li::after {
    background: #e5e5e5 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 4px;
    margin: 0 auto;
    position: absolute;
    right: -30px;
    top: 33px;
    width: 85%;
    z-index: -1;
} */

/* .process-model li.visited::after {
    background: #57b87b;
} */

.process-model li:last-child::after {
    width: 0;
}

.process-model li {
    display: inline-block;
    width: 10%;
    text-align: center;
    float: none;
}

.nav-tabs.process-model>li.active>a,
.nav-tabs.process-model>li.active>a:hover,
.nav-tabs.process-model>li.active>a:focus,
.process-model li a:hover,
.process-model li a:focus {
    border: none;
    background: transparent;

}

.process-model li a {
    padding: 0;
    border: none;
    color: #606060;
}

.process-model .presentation img {
    vertical-align: end;
}

.process-model li.active a,
.process-model li.active a:hover,
.process-model li.active a:focus,
.process-model li.visited a,
.process-model li.visited a:hover,
.process-model li.visited a:focus {
    color: #57b87b;
}

.process-model li.active p,
.process-model li.visited p {
    font-weight: 600;
}

.process-model li i {
    display: block;
    height: 68px;
    width: 68px;
    text-align: center;
    margin: 0 auto;
    background: #f5f6f7;
    border: 2px solid #e5e5e5;
    line-height: 65px;
    font-size: 30px;
    border-radius: 50%;
}

.process-model li.active i,
.process-model li.visited i {
    background: #fff;
    border-color: #57b87b;
}

.process-model li p {
    font-size: 14px;
    margin-top: 11px;
    color: #363636;
}

.process-model.contact-us-tab li.visited a,
.process-model.contact-us-tab li.visited p {
    color: #606060 !important;
    font-weight: normal
}

.process-model.contact-us-tab li::after {
    display: none;
}

.process-model.contact-us-tab li.visited i {
    border-color: #e5e5e5;
}


section.cta .row {
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

section.cta {
    padding: 7vh 0vh;
    background-color: #93c01f;
}

section.cta h4 {
    padding-bottom: 5vh;
    text-align: center;
    font-size: 4vh;
}

section.cta h4 strong {
    line-height: 7vh;
}

section.cta a,
section.cta a:hover {
    outline: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    height: 6.5vh;
    width: 25vh;
    font-size: 2vh;
    color: #93C01F;
    border: none;
    cursor: pointer;
    border-radius: 1vh;
}

section.nossos-clientes .row {
    margin: 0;
}

section.nossos-clientes .container {
    display: flex;
}

section.nossos-clientes h4 {
    font-size: 10vh;
    text-align: end;
    color: #93C01F;
    padding-right: 5vh;
}

section.nossos-clientes p {
    padding-bottom: 1.5vh;
    color: #101212;
    font-size: 2vh;
}

section.nossos-clientes .col1 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

section.nossos-clientes {
    padding: 8vh 0vh;
}

section.nossos-clientes .control {
    display: flex;
    justify-content: space-evenly;
    align-items: flex-end;
    height: 15vh;
    margin: 4vh 0vh;
}

section.nossos-clientes .control img {
    width: 20vh;
}

section.nossos-clientes {}


/* crefisa */
section.nossos-clientes section.clientes .img-hover .cref2 {
    display: none;

}

section.nossos-clientes section.clientes .img-hover:hover .cref1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .cref2 {
    display: block;
}

/* visa */
section.nossos-clientes section.clientes .img-hover .visa2 {
    display: none;

}

section.nossos-clientes section.clientes .img-hover:hover .visa1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .visa2 {
    display: block;
}

/* modal */
section.nossos-clientes section.clientes .img-hover .modal2 {
    display: none;

}

section.nossos-clientes section.clientes .img-hover:hover .modal1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .modal2 {
    display: block;
}

/* ultra */
section.nossos-clientes section.clientes .img-hover .ultra2 {
    display: none;

}

section.nossos-clientes section.clientes .img-hover:hover .ultra1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .ultra2 {
    display: block;
}

/* total */
section.nossos-clientes section.clientes .img-hover .total2 {
    display: none;

}

section.nossos-clientes section.clientes .img-hover:hover .total1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .total2 {
    display: block;
}

/* rchlo */
section.nossos-clientes section.clientes .img-hover .rchlo2 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .rchlo1 {
    display: none;
}

section.nossos-clientes section.clientes .img-hover:hover .rchlo2 {
    display: block;
}

section.case1 {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* case 2 */

section.case1 .row {
    margin: 0;
}

section.case1 .control-cont {
    width: 85%;
    display: flex;
    flex-direction: column;
    height: 77%;
    align-items: flex-end;
    justify-content: space-between;
}

section.case1 .control-cont .logo {
    width: 20vh;
    margin-right: 28vh;
}

section.case1 .col1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-end;
    background-color: #101212;
    justify-content: center;
    flex-direction: column;
    min-height: 105vh;
}

section.case1 .col2 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #93C01F;
    justify-content: center;
    flex-direction: column;
    min-height: 105vh;
}

section.case1 .control-video img {
    width: 100%;
}

section.case1 .control-video {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.case1 .control-video p strong {
    font-weight: 600;
}

section.case1 .control-video p {
    color: #F8F8F8;
    width: 65%;
    padding-top: 5vh;
    font-weight: 300;
}

section.case1 .opc {
    width: 70%;
}

section.case1 .opc h4 {
    padding-bottom: 0.5vh;
    font-size: 3.4vh;
    color: #101212;
}

section.case1 .opc p {
    padding: 1vh 0vh;
    font-size: 2.3vh;
}

section.case1 .solucoes {
    width: 70%;
    padding-top: 7vh;
    padding-bottom: 5vh;
}

section.case1 .produtos {
    display: flex;
    width: 70%;
    flex-direction: column;
}

section.case1 .solucoes li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

section.case1 .solucoes p {
    font-size: 2.3vh;
}

section.case1 .solucoes li p {
    padding-left: 1.5vh;
}

section.case1 .solucoes h4 {
    padding-bottom: 0.5vh;
    font-size: 3.4vh;
    color: #101212;
}

section.case1 .produtos .title {
    width: 100%;
    padding-bottom: 1.5vh;
}

section.case1 .produtos .control-prods {
    display: flex;
}

section.case1 .produtos h4 {
    font-size: 3.4vh;
    color: #101212;
}

section.case1 .produtos .prod {
    width: 25%;
    margin-right: 2vh;
}

/* case 2 */
section.case2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.case2 .row {
    margin: 0;
}

section.case2 .control-cont {
    width: 85%;
    display: flex;
    flex-direction: column;
    height: 77%;
    align-items: flex-start;
    justify-content: space-between;
}

section.case2 .control-cont .logo {
    margin-left: 25vh;
    width: 20vh;
}

section.case2 .col1 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: flex-start;
    background-color: #101212;
    justify-content: center;
    flex-direction: column;
    min-height: 105vh;
}

section.case2 .col2 {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    background-color: #93C01F;
    justify-content: center;
    flex-direction: column;
    min-height: 105vh;
}

section.case2 .control-video img {
    width: 100%;
}

section.case2 .control-video {
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.case2 .control-video p strong {
    font-weight: 600;
}

section.case2 .control-video p {
    color: #F8F8F8;
    width: 65%;
    padding-top: 5vh;
    font-weight: 300;
}

section.case2 .opc {
    width: 70%;
}

section.case2 .opc h4 {
    padding-bottom: 0.5vh;
    font-size: 3.4vh;
    color: #101212;
}

section.case2 .opc p {
    padding: 1vh 0vh;
    font-size: 2.3vh;
}

section.case2 .solucoes {
    width: 70%;
    padding-top: 7vh;
    padding-bottom: 5vh;
}

section.case2 .produtos {
    display: flex;
    width: 70%;
    flex-direction: column;
}

section.case2 .solucoes li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

section.case2 .solucoes p {
    font-size: 2.3vh;
}

section.case2 .solucoes li p {
    padding-left: 1.5vh;
}

section.case2 .solucoes h4 {
    padding-bottom: 0.5vh;
    font-size: 3.4vh;
    color: #101212;
}

section.case2 .produtos .title {
    width: 100%;
    padding-bottom: 1.5vh;
}

section.case2 .produtos .control-prods {
    display: flex;
}

section.case2 .produtos h4 {
    font-size: 3.4vh;
    color: #101212;
}

section.case2 .produtos .prod {
    width: 25%;
    margin-right: 2vh;
}

section.tl-servico {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #93C01F;
    padding: 10vh 0vh;
}

section.tl-servico .col-md-6 img {
    width: 100%;
}

section.tl-servico .col1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0vh 10vh 0vh 0vh;
}

section.tl-servico .col1 h1 {
    font-size: 14vh;
    text-align: end;
    font-weight: 400;
    padding-bottom: 3vh;
}

section.tl-servico .col1 p {
    text-align: end;
    font-size: 2.6vh;
}

section.tl-servico .row {
    /* justify-content: center; */
}

section.tl-servico .container {
    display: flex;
}



section.servicos {
    display: flex;
    background-color: #101212;
    padding: 10vh 0vh 15vh 0vh;
    align-items: center;
    justify-content: center;
}

section.servicos .col1 {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    padding: 0vh 10vh 0vh 0vh;
    flex-direction: column;

}

section.servicos .col2 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0vh 0vh 0vh 8vh;
}

section.servicos h4 {
    font-size: 3.5vh;
    padding-bottom: 2vh;
}

section.servicos h5 {
    font-size: 2.5vh;
    line-height: 4vh;
    padding-bottom: 1.5vh;
}

section.servicos p {
    color: #F8F8F8;
    font-size: 2.4vh;
    line-height: 4vh;
}

section.servicos li p {
    color: #6C6C6C;
}


section.servicos .col1 img {
    width: 52.7vh;
}

section.servicos ul {
    list-style: none;
    padding: 0;
    padding-top: 2vh;
}

section.servicos .uxui {
    color: #CAFF42;
}

section.servicos .software {
    color: #11ADA6;
}

section.servicos .devops {
    color: #9F3BDD;
}

section.servicos .arq {
    color: #DD3B58;
}

section.servicos .seguranca {
    color: #EEBF14;
}

section.servicos .qualidade {
    color: #52CDCD;
}

section.servicos #img-seguranca {
    width: 32vh;
}

section.servicos .col-seguranca {
    padding: 0vh 21vh 0vh 0vh;
}

section.srv1 {
    padding-top: 15vh;
}

section.tl-produtos {
    background-color: #101212;
}

section.tl-produtos #h1-produtos {
    color: #93C01F;
    font-size: 6vh;
}

section.tl-produtos .p-produtos {
    color: #F8F8F8;
}

section.produtos {
    background-color: #F8F8F8;
}

section.produtos .nmap {
    color: #52CDCD;
}

section.produtos .nfarm {
    color: #9F3BDD;
}

section.produtos .naas {
    color: #EEBF14;
}

section.produtos .qops {
    color: #DD3B58;
}

section.produtos .npay {
    color: #00b0f0;
}

section.produtos .nsap {
    color: #ffc000;
}

section.produtos .nces {
    color: #93c01f;
}

section.produtos .narch {
    color: #00605B;
}

section.produtos .p-produto {
    color: #363636;
}

section.produtos .otr-p {
    color: #6C6C6C;
}

section.produtos .col-produtos {
    /*     padding: 0vh 20vh 0vh 0vh; */
}

section.produtos h2 {
    font-size: 6vh;
    font-weight: 700;
    /* align-self: center; */
    width: 52.7vh;
    text-align: center;
}

section.contato .col1 {
    background-color: #101212;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: column;
    padding-right: 11vh;
    padding-top: 10vh;
}

section.contato .col2 {
    display: flex;
    align-items: center;
    justify-content: center;
}

section.contato .col-md-6 {
    min-height: 95vh;
}

section.contato .wpcf7 {
    width: 100%;
}

section.contato form br {
    display: none;
}

section.contato .control-img img {
    width: 59vh;
}

section.contato .control-txt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-top: -15vh;
}

section.contato .control-txt h4 {
    color: #93C01F;
    font-size: 10vh;
    padding-bottom: 5vh;
    padding-right: 1vh;
}

section.contato .control-txt p {
    color: #F8F8F8;
    font-size: 2vh;
    text-align: end;
    font-weight: 300;
}

section.contato form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    width: 75%;
}

section.contato .form-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    border-bottom: 1px solid #6C6C6C;
    margin-bottom: 2vh;
    padding-bottom: 1vh;
}

section.contato .form-contato {
    width: 75%;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}

section.contato label {
    color: #363636;
    font-size: 2.4vh;
}

section.contato form input {
    color: #6C6C6C;
    font-size: 2.3vh;
    border: none;
    outline: none;
}

section.contato form input::placeholder {
    color: #6C6C6C;
    outline: none;
}

section.contato form textarea {
    color: #6C6C6C;
    font-size: 2.3vh;
    border: none;
    overflow: hidden;
    outline: none;
}

section.contato .form-contato button {
    background-color: #93C01F;
    outline: none;
    border: none;
    width: 23vh;
    font-size: 2vh;
    height: 6vh;
    margin-top: 1vh;
}

@media screen and (max-width: 1280px) {
    section.case1 .col2 {
        min-height: initial;
        padding: 6vh 0vh;
    }

    section.case1 .opc p br {
        display: none;
    }

    section.case1 .solucoes p br {
        display: none;
    }

    section.case1 .control-cont {
        height: 68%;
    }

    section.case1 .control-cont .logo {
        margin-right: 15vh;
    }

    section.case2 .col2 {
        min-height: initial;
        padding: 6vh 0vh;
    }

    section.case2 .opc p br {
        display: none;
    }

    section.case2 .solucoes p br {
        display: none;
    }

    section.case2 .control-cont {
        height: 60%;
    }

    section.case2 .control-cont .logo {
        margin-left: 15vh;
    }
}

@media screen and (max-width: 912px) {
    section.design-process-section {
        min-height: initial;
        padding: 5vh 0vh;
    }

    section.design-process-section .row .control-title {
        padding-bottom: 6vh;
    }

    section.design-process-section .row .control-title h5 {
        font-size: 3.5vh;
        padding: 0vh 9%;
        margin-bottom: 2vh;
    }

    section.design-process-section .row .control-title p {
        font-size: 2vh;
        padding: 0vh 8%;
    }

    section.tl-servico .row {
        justify-content: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    section.tl-servico .col-md-6 {
        flex: initial;
        max-width: 100%;
    }

    section.tl-servico .col-md-5 {
        flex: initial;
        max-width: 100%;
        padding: 0;
        margin-bottom: 5vh;
        align-content: center;
        align-items: center;
    }

    section.tl-servico .col1 h1 {
        text-align: center;
        line-height: 10vh;
        font-size: 11vh;
    }

    section.servicos {
        margin-top: -2px;
    }

    section.servicos .row {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    section.servicos .col1 {
        padding: 0;
        margin-bottom: 4.5vh;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    section.servicos #img-seguranca {
        width: 65%;
    }

    section.servicos .col1 img {
        width: 100%;
    }

    section.servicos .col2 {
        padding: 0;
    }

    section.servicos .col-md-6 {
        flex: initial;
        max-width: 75%;
    }

    section.servicos .col2 br {
        display: none;
    }

    section.cta h4 strong {
        line-height: initial;
    }

    section.cta h4 {
        font-size: 2.8vh;
    }

    section.inovar {
        min-height: initial;
        padding: 6vh 0vh;
    }

    section.inovar .col-md-6 {
        flex: initial;
        max-width: 100%;
    }

    section.inovar .control-btn {
        width: 100%;
        padding-top: 3vh;
        display: flex;
        flex-direction: column;
    }

    section.inovar .control-text h1 {
        font-size: 6.5vh;
        text-align: center;
    }

    section.inovar .control-text h1 br {
        display: none;
    }

    section.inovar .col-md-12 {
        flex-direction: column;
    }

    section.inovar .col1 {
        align-items: center;
    }

    section.inovar .control-btn p {
        width: 75%;
        font-size: 2vh;
        padding-bottom: 2vh;
    }

    section.inovar .control-btn p br {
        display: none;
    }

    section.inovar .control-btn button {
        width: 75%;
        font-size: 1.7vh;
        height: 5vh;
    }

    section.inovar .col2 img {
        width: 80%;
    }

    section.inovar .col2 {
        padding-top: 4vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    section.resultado .col-md-7 {
        flex: initial;
        max-width: 100%;
        justify-content: initial;
        align-items: center;
    }

    section.resultado .col-md-7 img {
        width: 85%;
    }

    section.resultado .col-md-5 h4 {
        width: 85%;
        font-size: 3.6vh;
    }

    section.resultado .col-md-5 h4 br {
        display: none;
    }

    section.resultado .col-md-5 p {
        width: 85%;
    }

    section.resultado {
        min-height: initial;
        padding: 6vh 0vh;
    }

    section.resultado .col-md-5 p br {
        display: none;
    }

    section.resultado .col-md-5 {
        padding-right: 0;
        flex: initial;
        max-width: 100%;
    }

    section.resultado .col-md-12 {
        flex-direction: column;
    }

    section.resultado .col7-prov {
        flex: initial;
        max-width: 100%;
        justify-content: center;
        align-items: center;
    }

    section.carousel-produtos .row {
        width: 100%;
        min-height: initial;
        padding: 5vh 0vh;
        flex-direction: column;
    }

    section.carousel-produtos .owl-produtos {
        position: relative;
    }

    section.carousel-produtos .control-cr {
        width: 80%;
    }

    section.carousel-produtos .control-txt {
        width: 80%;
    }

    section.carousel-produtos .prods {
        width: 100%;
        padding: 1vh;
    }

    section.carousel-produtos .col-md-5 .linha {
        width: 80%;
        height: 1px;
        margin: 4vh 0vh 4vh 0vh;
    }

    section.carousel-produtos .col-md-5 {
        flex-direction: column;
        flex: initial;
        max-width: 100%;
    }

    section.carousel-produtos .owl-carousel .owl-nav.disabled {
        display: block;
        position: initial;
        margin-top: initial;
        margin-left: initial;
    }

    section.carousel-produtos .owl-theme .owl-nav {
        display: block;
        position: initial;
        margin-top: initial;
        margin-left: initial;
    }

    section.carousel-produtos .owl-produtos .prev-slide {
        left: -3vh;
    }

    section.carousel-produtos .owl-produtos .next-slide {
        right: -4vh;
    }

    .process-model li {
        width: 26%;
        padding-bottom: 2vh;
    }

    section.clientes .row {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex-wrap: wrap;
    }

    section.clientes .col-md-5 {
        flex: initial;
        max-width: 100%;
        align-items: center;
    }

    section.clientes h4 {
        font-size: 9vh;
        line-height: 9vh;
        text-align: center;
        padding-bottom: 3vh;
    }

    section.clientes p {
        font-size: 2vh;
        text-align: center;
    }

    section.clientes {
        min-height: initial;
        padding: 6vh 0vh;
    }

    section.clientes .col-md-6 {
        flex: initial;
        max-width: 100%;
    }

    section.clientes .control {
        justify-content: space-evenly;
    }

    section.clientes .col-md-6 img {
        width: 26vh;
    }

    section.clientes .div-button {
        padding-top: 2vh;
    }

    section.nossos-clientes .col1 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    section.nossos-clientes h4 {
        font-size: 10vh;
        text-align: center;
        padding-right: initial;
        line-height: 9vh;
        padding-bottom: 3vh;
    }

    section.nossos-clientes p {
        font-size: 2vh;
        text-align: center;
    }

    section.nossos-clientes .control {
        align-items: flex-end;
        height: initial;
        margin: 2vh 0vh;
        flex-wrap: wrap;
    }

    section.nossos-clientes .control img {
        padding-top: 5vh;
    }

    section.contato .control-txt p br {
        display: none;
    }

    section.contato .col1 {
        padding-right: 4vh;
        padding-top: 14vh;
    }

    section.contato .control-txt {
        margin-top: -27vh;
    }

    section.contato .control-txt p {
        font-size: 2.4vh;
    }

    section.contato .col1 {
        padding-right: 4vh;
    }

    section.contato form {
        width: 100%;
    }

    section.case1 .col1 {
        min-height: initial;
        flex: initial;
        max-width: 100%;
        padding: 5vh 0vh;
    }

    section.case1 .control-cont {
        height: 100%;
    }

    section.case1 .control-cont .logo {
        padding-bottom: 4vh;
    }

    section.case1 .col2 {
        flex: initial;
        max-width: 100%;
    }

    section.case2 .row {
        display: flex;
        flex-direction: column-reverse;
    }

    section.case2 .col2 {
        flex: initial;
        max-width: 100%;
    }

    section.case2 .col1 {
        min-height: initial;
        padding: 6vh 0vh;
        flex: initial;
        max-width: 100%;
    }

}

@media screen and (max-width: 767px) {
    section.inovar .row {
        width: 100%;
    }

    section.inovar .control-text h1 {
        font-size: 5.5vh;
    }

    section.inovar {
        padding: 9vh 0vh 6vh 0vh;
    }

    section.resultado .col-md-5 h4 {
        width: 90%;
        font-size: 3vh;
    }

    section.resultado .col-md-5 p {
        width: 90%;
    }

    section.carousel-produtos p br {
        display: none;
    }

    section.carousel-produtos .prods p {
        width: 100%;
    }

    section.clientes .col-md-6 {
        flex-direction: column;
    }

    section.cta h4 {
        font-size: 2.5vh;
    }

    section.carousel-produtos .owl-produtos .next-slide {
        right: -3.5vh;
        width: 3vh;
    }

    section.carousel-produtos .owl-produtos .prev-slide {
        left: -3vh;
        width: 2vh;
    }

    section.contato .col1 {
        display: flex;
        min-height: initial;
        padding: 10vh 4vh;
        align-items: center;
        justify-content: center;
    }

    section.case1 .produtos .prod {
        width: 30%;
        margin-right: 2vh;
    }

    section.case1 .produtos .prod p {
        font-size: 1.4vh;
    }

    section.case2 .control-cont .logo {
        margin-left: 12vh;
        margin-bottom: 4vh;
    }

}

@media screen and (max-width: 560px) {
    .more-icon-preocess.process-model li span {
        font-size: 23px;
        height: 50px;
        line-height: 46px;
        width: 50px;
    }

    .more-icon-preocess.process-model li::after {
        top: 24px;
    }
}



@media (min-width: 1200px) {
    .container {
        max-width: 83%;
    }
}