html, body{
    margin: 0 auto;
    padding: 0;
}
textarea:focus, input:focus, select:focus {
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
}
@font-face {
    font-family: "Sora Extra Bold";
    src: url("../fonts/Sora-ExtraBold.ttf");    
}
@font-face {
    font-family: "Sora Medium";
    src: url("../fonts/Sora-Medium.ttf");
}
@font-face {
    font-family: "Sora Bold";
    src: url("../fonts/Sora-Bold.ttf");
}
@font-face {
    font-family: "Inter light";
    src: url("../fonts/Inter-Light.ttf");
}
@font-face {
    font-family: "Inter regular";
    src: url("../fonts/Inter-Regular.ttf");
}
@font-face {
    font-family: "Inter Extra Bold";
    src: url("../fonts/Inter-ExtraBold.ttf");
}
@font-face {
    font-family: "Opensans";
    src: url("../fonts/OpenSans-Regular.ttf");
}
*{
    font-family: 'Sora medium', Arial, Helvetica, sans-serif !important;
} 
.nav-item a{
    color: #FFF !important;
    font-size: 14px; 
    margin-right: 15px;
}
._input {
    font-family: 'Sora Medium' !important;
    width: 200px !important;
    border-radius: 20px !important;
    border:1px solid #FFF !important;
    ctag: 5px 15px !important;
    color:#FFF !important;
    margin-bottom: 20px !important;
    background-color: transparent;
    margin: 10px;
    font-size: 14px;
}
.b::-webkit-input-placeholder{
    color:#FFF !important;
}
.a::-webkit-input-placeholder{
    color: #007DC6 !important;
}
/*._input:focus{
    border:1px solid #007dc4 !important;
    color:#007dc4 !important;
}
._input:not(:placeholder-shown) {
    color:#007dc4 !important;
    border:1px solid #007dc4 !important; 
}

._input:placeholder-shown {
    color:#bbbfcf !important;
    border:1px solid #bbbfcf !important;
}*/
.bg-light{
    background-color: transparent !important;
}
.dropdown-toggle::after {
    display: none;
}
.carousel-caption{
    top:15%;
    text-align: left;
    left: 10%;
    width: 40%;
}
.carousel-caption span{ 
    font-family: "Sora Extra Bold" !important;
    font-size: 3rem; 
    margin-bottom: 10px;
    line-height: 3rem;   
    }
.carousel-caption div{
    font-family: "Inter light" !important;
    font-size: 1.5rem; 
    margin-bottom: 10px;
    padding: 1rem 0 1rem 0;
    line-height: 2rem;
    font-weight: lighter;
}
@media(max-width:1140px){
    .carousel-caption span{ 
        font-size: 2rem; 
        margin-bottom: 0.3rem;
        line-height: 2rem;   
    }
    .carousel-caption{
        top:15%;
        text-align: left;
        left: 10%;
        width: 60%;
    }

    .carousel-caption div{
        font-family: "Inter light" !important;
        font-size: 1.25rem; 
        margin-bottom: 10px; 
        line-height: 1.50rem;
        font-weight: lighter;
    }
}
@media(max-width:960px){
    .carousel-caption span{ 
        font-size: 1.5rem; 
        margin-bottom: 0.3rem;
        line-height: 1.5rem;   
    }
    .carousel-caption{
        top:25%;
        text-align: left;
        left: 3%;
        width:94%;
    }
}

.carousel-caption .btn{
    font-family: "Sora Bold" !important;
    font-size: 15px; 
}
#numeros{
    height:140px;
    min-width: 1079px;
    max-width: 1300px;
    background-color: #FFF;
    margin-bottom: 10px;
    margin: 0 auto;
    margin-top: -70px;
    z-index: 2 !important;
    position:relative;
    -webkit-box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.38); 
    box-shadow: 4px 4px 7px -3px rgba(0,0,0,0.38);
    text-align: center;
    display: none;
    
}
@media(min-width: 1300px){
    #numeros{
        border-radius: 15px; 
    }
    #segmentos .slick-next{
        position:absolute;
        right:0;
        top:0;
        height:100%;
        width:150px;
        background-color: transparent;
        z-index: 10;
        text-align: left !important;
    }
    #segmentos .slick-prev{
        position:absolute;
        left:0;
        top:0;
        height:100%;
        width:150px !important;
        background-color: transparent; 
        z-index: 10;
        text-align: right !important;
    }
    #segmentos .slick-arrow img{
        height:50px !important;
    }
    #segmentos .slick-next i{
        background-color: transparent !important;
    }
}
.carousel-indicators {
    margin-bottom:1rem;
}
#numeros h5{
    font-family: "Sora Extra Bold" !important;
    font-size: 30px;
    color:black; 
}
#numeros p{
    font-family: "Inter regular" !important;
    font-size: 18px;
    color:#bbbfcf; 
}
#numeros .container{
    height: 100%;
}

#numeros .row{
    height: 100px;
    padding: 40px 0;
}
#numeros .col-sm:not(:last-child){
    border-right: 1px solid #CCC;
}
#segmentos{
    margin-top: 20px;
    max-width: 1300px;        
}
#segmentos h5,#mobile h5,#clientes h5,#depoimento h5,#ProdCard h5,#b2b h5,#b2c h5,#erp{
    font-size: 22px;
    color:black;
}
.pt{
    padding-top: 3rem !important;
}
.sliderCli{
    margin-bottom: 3rem !important;
}
#segmentos p{
    font-family: "Inter light" !important;
    font-size: 15px;
    color:#666;
}
#segmentos .marcador,#mobile .marcador,#clientes .marcador,#depoimento .marcador,#ProdCard .marcador,#b2b .marcador,#b2c .marcador,#erp .marcador {
    width:60px;
    height: 5px;
    margin: 0 auto;
    background-color: #007DC6;
    border: none;
    cursor:default;
    margin-bottom: 2rem;
}

/* equal card height */
.row-equal > div[class*='col-'] {
    display: flex;
    flex: 1 0 auto;
}

.row-equal .card {
   width: 100%;
}

/* ensure equal card height inside carousel */
.carousel-inner>.row-equal.active, 
.carousel-inner>.row-equal.next, 
.carousel-inner>.row-equal.prev {
    display: flex;
}

/* prevent flicker during transition */
.carousel-inner>.row-equal.active.left, 
.carousel-inner>.row-equal.active.right {
    opacity: 0.5;
    display: flex;
}


/* control image height */

#segmentos * {
    margin: 0 auto;
    padding: 0;
    border: 0;

}
#segmentos .card i{
    margin:20px;
    margin-top: 50px;
    color: #007DC6;
    background-color: #FFF;    
}
#segmentos .card{
    margin:20px !important;
    background-color: #FFF;   
    color: #000;
    border:1px solid #CCC;     
}
#segmentos .card:hover,#segmentos .card:hover i,#segmentos .card:hover h5,#segmentos .card:hover p{
    background-color: #007DC6;   
    color:#FFF; 
    cursor: pointer;
}
#segmentos .card:hover img{
    filter:  brightness(0) invert(1);
    
}
#segmentos .card{
    margin: 5px;
    min-height:200px;
}
#segmentos .card svg{
width: 70px;
margin-top: 20px;
margin-bottom: 20px;
}
#segmentos .prev-container{
    border: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    max-height: 50px;
}
#segmentos .next-container{
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;    
}
#segmentos .slick-arrow img{
    height:30px !important;   
}

.sliderSeg{
     max-width: 1300px;
    margin: 0 auto;
}
.sliderSeg div{
    height: inherit;
}

#segmentos .slick-prev{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:5px;
    background-color: transparent;
    z-index: 10;
}
#segmentos .slick-next{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    min-width:5px;
    background-color: transparent;
    z-index: 10;
}
#segmentos .slick-next i,#segmentos .slick-prev i{
    background-color: transparent !important;
}

#mobile{
   position: relative;
}

#mobile .txtTecnologia{
    position: absolute;
    font-family: "Sora Extra Bold" !important;
    font-size: 256px;
    width:50%;
    line-height: 260px;
    padding:50px 0;
    left: 0;
    top: 0;
    color:#f2f3f6;
}
#mobile .imgmobile{
    position: absolute;
    line-height: 260px;
    padding:50px 0;
    left: 50%;
    top: 0;
    min-width: 50%;
    max-width: 760px;
    overflow-x:hidden;
    background: url('../imgs/mobileimg.png') no-repeat;
    min-height: 646px;
}
.cta{
    height: 120px;
    background-color: #007DC6;
    color: #FFF;
    position: relative;
}
.cta .container{
    position: relative;
}
.cta p{
    padding-top: 36px;
    font-family: "Inter light" !important;
    font-size: 22px;
    margin-bottom: 0;    
}
.cta h5{
    font-family: "Sora Bold" !important;
    font-size: 10px;    
    margin-bottom: 0;
}
.cta img{
    position: absolute;
    right:5px;
    top: 36px;
    cursor: pointer;
}
.bgEmp{
    object-fit: cover;
    background: black;
    -webkit-mask-image: linear-gradient(180deg, rgba(255,255,255,0) 50%, rgba(0,0,0,1) 100%) !important;        
    min-height: 500px;
    background-position: center top;
    background-size: 100% auto;
    color: #FFF;
    position: relative;
}
.empresa p{
    position: absolute;
    font-family: "Inter regular" !important;
    font-size: 1.5rem;
    margin-bottom: 0;
    text-align: left;
    bottom:1rem;
    left:40%
}
.empresa h5{
    position: absolute;
    font-family: "Sora Extra Bold" !important;
    font-size: 72px;    
    margin-bottom: 0;
    text-align: left;
    bottom:5rem;
    left:40%;   
}
.sliderCli img {
    -webkit-filter: grayscale(100%);  /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    width: auto;
    margin: 0 auto; /* it centers any block level element */
    
}
.sliderCli img:hover {
    -webkit-filter: grayscale(0%);  /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.sliderCli{
    width:100%;
}
.sliderCli .slick-arrow img{
    height:25px;   
    margin-top: 30px !important;
}
.sliderCli .slick-prev{
    position:absolute;
    left:-20px;
    top:0;
    background-color: transparent;
    z-index: 10;
    border: none;
}
.sliderCli .slick-next{
    position:absolute;
    right:-40px;
    top:0;
    height:25%;
    background-color: transparent;
    z-index: 10;
    border: none;
} 
.bgDep{
    background-color: #e2e2ec ;
}
#depoimento{
    height: auto;
}
#depoimento .dep{
    background: url('../imgs/depoimento.png') no-repeat;
    background-position: center top;
    background-size: 100% auto;
    color: transparent;
    text-align: left;
    margin: 1rem;
}
#depoimento .dep h5{
    font-family: "Sora Bold" !important;
    font-size: 1rem;
    height: 2.2rem;
    margin-bottom: 0;   
    color:#333;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    margin-left: 2.5rem;
     
}
#depoimento .dep p{
    font-family: "inter light" !important;
    font-size: 1rem;    
    margin-bottom: 0;
    color:#666;
    height: 8rem;
    margin-left: 2.5rem;
    margin-right: 1rem;
}
@media(max-width: 541px){
    #depoimento .dep p{
        font-size: 0.8rem;    
        margin-bottom: 0;
        margin-left: 2.5rem;
        margin-right: 1rem;
    }
}
#depoimento .name{
    position: relative;
}
#depoimento .name img{
    margin-left: 1rem;
}
#depoimento .name h5{
    position: absolute;
    top:0.5rem;
    margin: 0;
    left: calc(74px + 2rem);
}
#depoimento .name p{
    position: absolute;
    top:2rem;
    margin: 0;
    left: calc(74px + 2rem);
}

#ProdCard input,#ProdCard textarea{
    border-radius: 0px;
}
/* ---- DOTS */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('../webfonts/slick.eot');
    src: url('../webfonts/slick.eot?#iefix') format('embedded-opentype'), url('../webfonts/slick.woff') format('woff'), url('../webfonts/slick.ttf') format('truetype'), url('./webfonts/slick.svg#slick') format('svg');
}
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: #007DC6;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: #007DC6;
}
.testContainer{
    max-width: 1920px;
    margin: 0 auto;
}
#rodape{
    font-family: "Inter regular" !important;
    background-color: #060713;
    color: #FFF;
    padding: 30px; 
}
#copyright{
    padding: 10px;
    background-color: #007DC6;
    color: #FFF;
    text-align: center;
    font-family: "Inter regular" !important;
    font-size: 14px !important;
}
#rodape .rod{
   text-align: left;
}
#rodape .rod:not(:last-child){
    padding-left: 10px;
}

#rodape .rod:not(:last-child){
    padding-left: 10px;
}
#rodape .rod p{
    font-family: "Inter regular" !important;
    margin-top: 10px;
    font-size: 15px;    
    color:#FFF;    
}
#rodape ul{
    list-style: none;
    padding: 0;
}
ul svg {
    color: #2759AE;
 }
 ul a svg {
    color: #FFF;
 }
 
#rodape ul li{
    font-family: "Inter regular" !important;
    font-weight:500;
    margin-top: 10px;
    font-size: 15px;    
    color:#FFF;    
    cursor: pointer; 
}
#rodape ul li img{
    width: 14px;
    height:14px;
    margin:3px;
    margin-bottom: 5px;
}

#rodape .rod h5{
    font-family: "Inter regular" !important;
    font-weight: bold;
    font-size: 18px;    
    color:#FFF;    
}
#rodape .rod a:hover{
    background-color: #007DC6 !important;
    color: #FFF !important;
}
#tags .btn{
    margin: 0.1rem !important;
}
#rodape .dados{
    position: relative; 
    font-family: "Inter regular" !important;
    font-size: 14px;
}

#rodape .dados .box{
    position: relative;
    min-height: 70px;
    
}

#rodape .dados .box img{
    position: absolute;
    width:29px;
    height: 29px;
    top:7px;
    left:0;
}
#rodape .dados .box p{
    position: absolute;
    top:5px;
    left:39px;
    text-align: left;
    font-family: "Inter regular" !important;
    font-size: 14px;
}
#rodape .btn-outline-light{
font-family: "Inter regular" !important;
font-size: 14px !important;
border: 1px solid #494a52 !important;
}
.balaoWpp{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 4000;
}
.test1{
    text-align: center;
    background-color: greenyellow;
    color: green;
}
.test2{
    text-align: center;
    background-color: orange;
    color: orangered;
}
#corpo{
    position: relative;
}
#corpo h5,#corpo h4 ,#corpo h3,#corpo h2,#corpo h1{
    text-transform: uppercase;
}
#corpo .card-body{
    margin-bottom: 1rem;
}
#corpo .card-body a{
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#corpo .card-body a:hover{
    color: #007DC6;
}
#corpo .marcador{
    width: 100px;
    height: 5px;
    margin-left: calc(50% - 50px); 
    background-color: #007DC6;
    border: none;
    cursor:default;
    margin-bottom: 2rem;
}
#corpo h2{
    text-align: center; 
}
#corpo{
    padding-top: 20px;
}
.jodit .jodit-workplace .jodit-wysiwyg, .jodit .jodit-workplace .jodit-wysiwyg_iframe, .jodit-container .jodit-workplace .jodit-wysiwyg, .jodit-container .jodit-workplace .jodit-wysiwyg_iframe{
    min-height: 300px;
}
.jodit-workplace div{
    outline: 1px solid #2759AE;
}
#file-input::-webkit-file-upload-button {
    visibility: hidden !important;
    user-select: none !important;
}
#file-input{
    display: none !important;
    user-select: none !important;
}

.ligacao{
    font-family: "Sora Medium";
    font-size: 13px;
    border-radius: 15px;
    background-color: #2759AE;
    color: #FFF !important;
    border: none;
}
.telefone {
    text-align: center;
    margin: 0.5rem;
}
.telefone small{
    font-family: "Inter light" !important;
    font-size: 10px !important;
    color:#FFF ;
    line-height: 1.2rem !important;
    margin: 0 !important;
}
.telefone p{
    font-family: "Inter Extra Bold" !important;
    font-size: 16px !important;
    color:#FFF ;
    line-height: 1.2rem !important;
    margin: 0 !important;
}
.carousel-control-next, .carousel-control-prev {
    width: 5% !important;
}
#rodape .seg{
    text-align: left;
}
#rodape .seg a{
    Color: #FFF;
    text-decoration: none;
    
}
#rodape .seg a:hover{
    background: none;
}
#ProdCard .card{
    margin:20px;
}
#ProdCard .slick-next{
    position:absolute;
    right:0;
    top:0;
    height:100%;
    background-color: transparent;
    z-index: 10;
    text-align: left !important;
    border: 0;
}
#ProdCard .slick-prev{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    background-color: transparent; 
    z-index: 10;
    text-align: right !important;
    border: 0;
}
#ProdCard .slick-arrow img{
    height:50px !important;
}
#ProdCard .slick-next i{
    background-color: transparent !important;
}
#ProdCard .prev-container{
    border: 0;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    max-height: 50px;
}
#ProdCard .next-container{
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;    
}
#ProdCard .slick-arrow img{
    height:30px !important;   
}
#ProdCard .card-body h5{
    height: 44px;
}
.nav-item svg{
    margin-left: 1rem;
}
#contatolateral{
    position: fixed;
    width: 80px;
    top:60%;
    right: 0;  
    color: #FFF; 
    background-color: #007DC6; 
    text-align: center;
    padding-top: 10px;
}
#contatolateral:hover{
    cursor: pointer;
}
#contatolateral p{
    font-size: .6rem;
}
.blockContato{
    position:fixed;
    top:50%;
    right:-400px;
    background-color: #007DC6;
    color:#FFF;
    width:400px;
    height:200px;
    border:1px solid #CCC;
    z-index: 15; 
}
#blockContatoCinza{
    background:#FFF;
    height:198px;
    text-align:center;
    padding:0;
    color:#000;
    line-height: 1rem;
}
#blockContatoCinza a{
    color:#000;
    text-decoration: none;
}

.sliderProd slick-track {
    display: flex !important;
}
  
.sliderProd .slick-slide {
    height: auto;
}

#segmentos a{
    text-decoration: none;

}

.accordion-body li a{
    color:#FFF !important;
    text-decoration: none;
}
.accordion-body li{
    list-style: none;
}

.accordion-body li img {
    width: 14px;
    height: 14px;
    margin: 3px;
    margin-bottom: 5px;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #eee !important;;
}
.slick-dots li button:before {
    font-family: 'slick';
    font-size: 5rem;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    content: '-';
    text-align: center;
    opacity: .25;
    color: #007DC6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}