/**** MENU ****/

.navbar-brand {
    margin-left: -1rem;
}

#site-nav {
    background-color: #2E3C51;
}

#site-nav #nav-main a {
    color: white;
    font-size: 14px;
    transition: 0.5s;
}

#site-nav #nav-main .btn {
    background-color: #0098FF;
    border-radius: 5px;
    color: white;
    font-size: 14px;
}

#site-nav #nav-main a:hover, #site-nav #nav-main .active {
    background-color: #58bc83;
    border-radius: 5px;
    transition: 0.5s;
}

#site-subnav{
    background-color:#232f40;
    height: 40px;
}

#site-subnav a{
    color:#fff;
    font-size:0.8rem;
    margin-top: -5px;
    transition: 0.5s;
    padding-bottom: 0px;
    border-bottom: 0px solid #fff;
}


#site-subnav a:after {
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
  }
  #site-subnav a:hover:after {
    width: 100%;
    background: #fff;
  }

  #site-subnav .nav-link.active:after{
    content: '';
    display: block;
    margin: auto;
    height: 1px;
    width:100%;
    background: #fff;
}

  .menu-intra{
    margin-left: 48%!important;
}

.menu-app-t {
    margin-left: 31.5% !important;
}

.menu-tv-t {
    margin-left: 31.6% !important;
}

.list-menu{display: block;margin: auto;}
.list-menu a{margin-right: 1.8%;color:#ffffff}

#nav-main, #nav-main ul{
    width:76%;
}
#nav-main ul{
    width:100%;
}


/**** INDEX *****/

#index-1{
    margin-top: 66px;
    background-image: -o-linear-gradient(290deg, rgb(125, 0, 233) 0%, rgb(0, 152, 255) 100%);
    background-image: linear-gradient(290deg, rgb(125, 0, 233) 0%, rgb(0, 152, 255) 100%);
    position: relative;
    color:#ffffff;
}

#index-1:after {
content: "";
position: absolute;
/*background-image:url(../img/site/homebanner.jpg);<-- original*/
/*background-image:url(../img/site/homebannerrg.png);*/
background-image:url(../img/site/home-banner.png);
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
background-position: 48%;
background-size: cover;
right: 0px;
top: 0px;
bottom: 0px;
/*z-index: -1;*/
height: 100%;
width: 59%;
}

/*#index-1::before {
    content: '';
position: absolute;
height: 100%;
width: 41%;
background-image:url(../img/site/fundo3.png);
background-size: cover;
background-position: center;
}*/

#precos-1,#intra-1,#contato-header {
    margin-top: 80px;
}

#index-1 .index-1-textos {
    background-image: url("/img/site2/ic_foguete.gif");
    background-size: 80px;
    background-repeat: no-repeat;
    background-position: bottom right;
}

#index-1 .index-1-buttons button {
    font-size: 14px;
    height: 45px;
    background-color: #58bc83;
    border-color: #58bc83;
}

#index-1 .index-1-buttons button:hover{
    /*box-shadow:inset 1px 1px 5px #549c73;*/
    background-color: #34ca83;
    border-color: #34ca83;
}

.title-principal {
    margin-top: 25px;
    font-size: 1.2rem;
    margin-bottom: 0px;
    font-weight: normal!important;
}
.main-title {
    margin-top: 25px;
    font-size: 2.4rem;
    margin-bottom: 0px;
    font-weight: bold!important;
}
#index-1 h2{
    font-size:2rem!important;
    font-weight: bold;
}
.subtitle-principal{font-size: 1.8rem;}

#index-1 .text-info{
    color:#ffffff!important;
}

#sessao-3 img {
    width: auto;
}

#sessao-3 h2{
    font-size:2.2rem;
    /*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
}

#sessao-3 span{
    font-size: 1.5rem;
    /*font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;*/
    color:#7b7b7b;
    margin-left: 5%;
    padding-top: 13px;
    line-height: 1.3;
    margin-top: 16px;
    margin-bottom: 20px;
}

#sessao-3 p{
    font-size: 1.3rem;
    color: #000;
    /*font-weight: 600;*/
    letter-spacing: -0.5px;
    line-height: 1.4;
}

#sessao-3 hr{
    margin-top: 0rem;
margin-bottom: 2rem;
border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0px;
border-top: 4px solid rgba(0, 0, 0, 1);
}

#sessao-3 hr:last-child{
    margin-top: 3rem;
margin-bottom: -2rem;
}

#sessao-3 .col-lg-4 img{margin: auto;display: block;}

#sessao-3 .product_info{
    position: absolute;
    font-size:1.02rem;
    text-align: center;
    font-weight: 600;
    z-index: 1;
}

#app-mobile .product_info{
    right: 10%;
}
#tv-corporativa .product_info{
    left: 2%;
}

#sessao-3 .product_info p {
    line-height: 1 !important;
    font-size: 1rem;
}

#app-info {
    bottom: 0px;
}
#tv-info,#intra-info {
    bottom: 15px;
    right: 55px;
}

#sessao-3 .cta-info{
    display: inline-flex;
    margin-bottom: 30px;
}
#tv-corporativa, #ai-chatbot{
    margin: 150px 0;
}
#intranet{
    margin-bottom: 10px;
}
#sessao-3 .cta-info .btn-message{
    margin-left: 15px;
}

#sessao-3 .cta-info .btn-infohome{
    margin-right: 15px;
}

#sessao-3 .btn-info{
    width: 165px;
    font-size: 1.8rem;
    text-align: center;
    border-radius: 3px;
    background-color:#009fee;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
    border: 1px solid #009fee;
}

#sessao-3 .btn-messagehome{
    width: 300px;
    font-size: 1.5rem;
    line-height: 46px;
    text-align: center;
    border-radius: 3px;
    background-color:#009fee;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
    border: 1px solid #009fee;
    color:#fff;
}

#sessao-3 .btn-info:hover{
    background-color:#197aaa;
    transition: 0.5s;
}

#sessao-3 .btn-messagehome:hover{
    background-color:#197aaa;
    transition: 0.5s;
}


#sessao-3 .btn-message{
    width: 185px;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 3px;
    background-color:#fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
    color:#009fee;
    border: 1px solid #009fee;
    padding-top: 11px;
    padding-bottom: 12px;
}

#sessao-3 .btn-infohome{
    width: 120px;
    font-size: 0.9rem;
    text-align: center;
    border-radius: 3px;
    background-color:#fff;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
    color:#009fee;
    border: 1px solid #009fee;
    padding-top: 11px;
    padding-bottom: 12px;
}

#sessao-3 .btn-message:hover{
    background-color:#197aaa;
    transition: 0.5s;
    color:#fff;
}

#sessao-3 .btn-infohome:hover{
    background-color:#197aaa;
    transition: 0.5s;
    color:#fff;
}



#sessao-3 a,#sessao-4 a{
    text-decoration: none;
    font-weight: bold;
}

.pix-btn {
    border-radius: 30px;
    overflow: hidden;
    border: 2px solid #0098FF;
    background-color: #0098FF;
    -webkit-box-shadow: 0px 20px 30px 0px rgba(146, 18, 97, 0.2);
    box-shadow: 0px 20px 30px 0px rgba(146, 18, 97, 0.2);
    padding: 10px 29px;
    margin: 20px 0 0;
    float: left;
    line-height: 1.2;
    color:#fff;
}

.pix-btn:hover {
    background-color: transparent;
    color: #0098FF;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.color-ten{
    border: 2px solid #ffffff;
    background-color: #ffffff;
    color:#0098FF;
}
.color-ten:hover{
    color:#ffffff!important;
}

.contato-index{
    width: 95%!important;
}

/**** Contato ****/

#form-contato p{font-size: 1.1rem;}

.contato-info input{margin-left: 1%;margin-right: 1%;}

.contato-info label{font-weight: 600;}

#btn-enviar {
    margin-bottom: 40px;
}
/* CONTATO HOME */
@media (min-width: 992px) {
    #contato-1 .nopd{
        padding-top: 0 !important;
    }
}

#contato-1 .tst{
    border-right: 2px solid #d5d5d5;
    padding-top: 30px;
}


#contato-1 h2{margin-top: -170px;}

#contato-1 .btn-info{
    width: 380px;
    font-size: 1.8rem;
    text-align: center;
    border-radius: 3px;
    background-color:#009fee;
    font-weight: 600;
    text-decoration: none;
    transition: 0.5s;
    padding-top:10px;
    padding-bottom: 10px;
    border: 1px solid #009fee;

}

#contato-1 .btn-info:hover{
    background-color:#197aaa;
    transition: 0.5s;
}
#contato-1 a{
    text-decoration: none;
}

.contato-info span{
    color: #7e7e7e;

}

.contato-info input[type=checkbox] {
width:0.85rem;
height: 0.9rem;
border:1px solid #7e7e7e;
border-radius: 3px;
color:#7e7e7e;
}

.form-input-2 {
    width: 46.5%;
    float: left;
    height: 45px;
    background: #f3f3f3;
    border: 1px solid #d8d8d8;
    margin-top: 20px;
    padding: 10px;
}
.imgfooter{
    min-height: 659px;
    position: relative;
}
.contimg{
    position: absolute;
    bottom: 0;
    width: 475px;
    text-align: center;
}
/* FIM - CONTATO HOME */
/*** Intra ***/

#intra-1 h1{
    font-size:2.8rem;
}
#intra-2 {
    margin-bottom: 60px;
}
.botao_intra{
    /*background-color:#2f728d;
    padding-left:4%;
    padding-right: 4%;
    border-color:  #2f728d;*/
    background-color: #0098ff;
    border-color: #0098ff;
    border-radius: 20px;
    margin-bottom: 100px;
}

.botao_intra:hover {
    color: #fff;
    background-color: #285e74;
    border-color:  #285e74;
}

#como-funciona-intra .tip-1 {
    left: 265px;
    top: 140px;
  }

  #como-funciona-intra .tip-2 {
    left: 525px;
    top: 90px;
  }

  #como-funciona-intra .tip-3 {
    left: 755px;
    top: 40px;
  }

  #como-funciona-intra .tip-4 {
    left: 751px;
    top: 180px;
  }

  .botao_intra_func{
    /*background-color:#2f728d;
    padding-left:4%;
    padding-right: 4%;
    border-color:  #2f728d;
    margin-top: 60px;*/
    background-color: #0098ff;
    border-color: #0098ff;
    border-radius: 20px;
    margin-bottom: 20px;
}

#intra-2 .row{ 
    margin-top: 60px;
}

#intra-2 h2{
    color:#646464;
}

#intra-2 p{
    color:#646464;
}

.row.col-md-12.topo-conteudo {
    margin-top: 106px !important;
}

.mobile-break{display:none;}

@media only screen and (max-width: 1199px){

.contato-info input{margin-left: 0%;margin-right: 0%;}
.mobile-break{display:block;}
}

@media only screen and (max-width: 991px){

    #site-subnav{display: none;}
    .mobile-break{display:none;}
  #index-1 .index-1-buttons button {
    font-size: 15px;
    height: 55px;
  }
  #sessao-3 p {
 margin-top:30px;
}

  #index-1, #precos-1,#intra-1,#contato-header{
    margin-top: 66px;
  }
    #contato-1 h2{margin-top: 0px;}

    #contato-1 .tst{
        border-right: 0px solid #d5d5d5;
    }

    #tv-info, #intra-info,#app-info {
        bottom: 15px;
        right: 15px;
    }
    #sessao-3 h2 {
        margin-left: 5%;
    }
    #sessao-3 .cta-info {
        display: block;
        margin-bottom: 30px;
    }
    #sessao-3 .cta-info .btn-message{
        margin-top: 25px;
        margin-left: 0px;
    }

    #contato-1 .btn-info{
        width: 90%;margin-bottom: 60px;}

   /* #index-1::before {
        content: '';
    position: absolute;
    height: 100%;
    width: 0%;
    background-image:url('/img/site/fundo2.png');
    background-size: cover;
    background-position: center;
    }*/
    #index-1:after {
    content: "";
    position: absolute;
    /*background-image:url(../img/site/homebannerrg.png);*/
background-image:url(../img/site/home-banner.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: 0px;
    top: 0px;
    bottom: 0px;
    /*z-index: -1;*/
    height: 100%;
    width: 00%;
    }

    .row.col-md-12.topo-conteudo {
        margin-top: 66px !important;
    }
}

@media only screen and (max-width: 767px){
.page_precos .row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.page_precos .form-input-2 {
    width: 49.5%;
}
.mobile-break{display: block;}

.row.col-md-12.topo-conteudo {
    margin-top: 66px !important;
}

}

.container-first-area .col-lg-6{
    z-index: 1;
}


@media only screen and (max-width: 450px){
    .page_precos .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: 0px;
        margin-left: 0px;
    }
    .page_precos .form-input-2 {
        width: 98%;
    }
    }

@media (min-width: 1200px) {
    .container.container-first-area {
        max-width: 1150px !important;
        height: 550px;
    }

    #index-1 .index-1-buttons button {
        font-size: 16px !important;
        height: 58px !important;
        
    }

    #index-1 .index-1-buttons .ml-lg-4 {
        margin-left: 0.5 !important;
    }
}

.termos-container{
    padding:50px 0px 50px 0px;
}

.termos-title-container{
    height:89px;
    background-color:#323c51;
}

.termos-tittle{
    font: 'Open Sans', sans-serif; 
    color: #fff; 
    font-weight: 100;
    line-height: 89px;
}

@media screen and (max-width: 768px) {

    .termos-tittle{
        font: 'Open Sans', sans-serif; 
        color: #fff; 
        font-weight: 100; 
        line-height: 49px;
    }

    .termos-title-container{
        height:auto;
    }
  
}