/*Geral--------------------------------------------------------------------*/
body, html {
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    font-family: 'Open Sans', sans-serif;
}

/*Navbar transparente----------------------------------------------------------*/

.header-1>.navbar {
    transition: all 0.4s;
    padding: 0 !important;
}

.header-1>.navbar .nav-link {
    color: rgba(255, 255, 255, 0.85);
}

.header-1>.navbar .nav-link:hover,
.header-1>.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.header-1>.navbar .navbar-brand {
    color: #fff;
}

/* Navbar após scroll ------------------------------------------------------*/
.header-1>.navbar.active {
    background: #03388b;
    box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.1);
    padding-bottom: 10px !important;
    padding-top: 5px !important;
}

.header-1>.navbar.active .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.header-1>.navbar.active .nav-link:hover,
.header-1>.navbar.active .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.header-1>.navbar.active .navbar-brand {
    color: #fff;
}

/* Navbar mobile --------------------------------------*/
@media (max-width: 991.98px) {
    .header-1>.navbar {
        background: #03388b;
        padding: 10px !important;
    }

    .header-1>.navbar.active{
        padding-top: 15px !important;
    }

    .header-1>.navbar li{
        border-bottom: 1px solid rgba(242,241,235, 0.2);
    }

    .header-1>.navbar li:last-child{
        border-bottom: none;
    }

    .header-1>.navbar .navbar-brand, .navbar .nav-link {
        color: #fff;
    }

    .header-1 nav img:first-of-type{
        height: 35px;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: 1px solid #fff;
    }

}

/*Navbar geral--------------------------------------------------------*/
.logo-menu img{
    height: 40px;
    margin-top: 15px;
}

nav ul li{
    font-size: 14px;
    font-weight: 600;
    margin-right: 5px;
    /*margin-top: 10px;*/
}

@media (max-width: 991.98px){
    .logo-menu img{
        margin-top: 3px;
    }
}

/*Home--------------------------------------------------------------*/

.inicio{
    background-image: url('../img/bg-esigma-ok.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 90vh;
}

.inicio h1{
    margin-top: 200px;
    font-weight: 700;
    font-size: 50px;
    color: #fff;
}

.inicio h3{
    color: #fff;
    font-weight: 500;
    font-size: 32px;
}

.box-botoes button{
    background-color: #fafafa;
    color: #00388b;
    font-weight: 700;
    border-radius: 10px;
    /*margin-left: 15px;*/
    padding: 10px 15px;
    border: none;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.box-botoes button:hover{
    cursor: pointer;
    background-color: #026abc;
    color: #fff;
    transition: 0.2s;
}

.button1 button{
    margin-right: 15px;
}

.box-botoes button:focus{
    outline: 2px solid #00388b;
}

@media (max-width: 768px){
    h1, h3{
        text-align: center;
    }

    .box-botoes{
        display: flex;
        justify-content: center;
    }
}

@media (max-width: 425px){
    .box-botoes{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .button1 button{
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px 20px;
        margin-right: 0px;
    }
}

/*Cards home-----------------------------------------------*/

.cards-home{
    /*margin-top: -270px;*/
    /*margin-top: -120px;*/
    margin-top: -22vh;
}

.box-card-home{
    background-color: #fafafa;
    border-radius: 10px;
    height: 230px;
    width: 230px;
    color: #00388b;
    box-shadow: 5px 5px 10px 4px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.box-card-home:hover{
    color: #fff;
    background-color: #00388b;
    transition: 0.2s;
}

.box-card-home h6{
    font-weight: 600;
    font-size: 23px;
}

@media (max-width: 1200px){
    .cards-home{
        /*margin-top: -200px;*/
        /*margin-top: -100px;*/
        margin-top: -18vh;
    }
}

@media (max-width: 992px){
    .cards-home{
        /*margin-top: -250px;*/
        /*margin-top: -120px;*/
        margin-top: -22vh;
    }
    .box-card-home{
        margin-top: 15px;
        width: 100%;
    }
    
}

@media (max-width: 576px){
    .box-card-home{
        width: 230px;
    }
}

@media (max-width: 422px){
    .cards-home{
        /*margin-top: -140px;*/
        /*margin-top: -20px;*/
        margin-top: -5vh;
    }
    .inicio{
        height: 100vh;
    }
}

/*Sobre nós----------------------------------------------*/
.barra{
    height: 3px;
    width: 70px;
    background-color: #00388b;
    margin-bottom: 20px;
}

.titulo h2{
    font-weight: 700;
    color: #00388b;
}

.sobre-nos img{
    width: 90%;
}

@media (max-width: 992px){
    .sobre-nos img{
        width: 100%;
    }
}

@media (max-width: 768px){
    .sobre-nos img{
        width: 60%;
    }
}

@media (max-width: 425px){
    .sobre-nos img{
        width: 80%;
    }
}

/*Números empresa-----------------------------------------*/
.numeros-empresa{
    background-color: #3a71bc;
}

.numeros-empresa h1{
    color: #fff;
    font-weight: 700;
    font-size: 50px;
}

.numeros-empresa p{
    color: #fff;
    font-size: 20px;
}

.numeros-container-2{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}

.texto-anos-exp p{
    margin-right: 3rem!important;
    margin-left: 3rem!important;
}

@media (max-width: 992px){
    .texto-anos-exp p{
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }
}

@media (max-width: 768px){
    .numeros-container-2{
        border-right: none;
        border-left: none;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .texto-anos-exp{
        padding-top: 15px;
    }
    .texto-usuarios{
        padding-top: 15px;
    }
}

/*Produtos----------------------------------------------------------*/
.card-produtos-complete a{
    text-decoration: none;
}

.box-card-produtos{
    background-color: #fafafa;
    border-radius: 10px;
    height: 250px;
    width: 250px;
    color: #00388b;
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
    transition: 0.2s;
    padding-top: 60px;
}

.box-card-produtos:hover{
    color: #fff;
    background-color: #00388b;
    transition: 0.2s;
}

.box-card-produtos h6{
    font-weight: 600;
    font-size: 23px;
}

.seta-card{
    margin-top: 15px;
    margin-left: 200px;
}

.seta-card a{
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
}

.seta-card a:hover{
    text-decoration: none;
    color: #fff;
}


@media (max-width: 425px){
    .box-card-produtos{
        height: 230px;
        width: 230px;
    }
    .seta-card{
        margin-top: 5px;
        margin-left: 190px;
    }
}

.card-entregas{
    padding-left: 200px;
}

.card-promotor{
    padding-right: 200px;
}

@media (max-width: 1200px){
    .card-entregas{
        padding-left: 170px;
    }
    
    .card-promotor{
        padding-right: 170px;
    }
}

@media (max-width: 992px){
    .card-entregas{
        padding: 0px 15px;
    }
    
    .card-promotor{
        padding: 0px 15px;
    }
}

/*Licenças-----------------------------------------------------*/
.licencas{
    background-color: #3a71bc;
}

.licencas .titulo h2{
    color: #fff;
}

.licencas .titulo div{
    background-color: #fff;
}

.texto-licencas h5{
    color: #fff;
}

.topico-licenca{
    color: #fff;
}

.topico-licenca h6{
    margin-bottom: 0px !important;
    font-size: 17px;
}

.licencas img{
    width: 100%;
    margin-top: -25px;
}

@media (max-width: 1200px){
    .licencas img{
        margin-top: 0px;
    }
}

@media (max-width: 992px){
    .licencas img{
        width: 60%;
        margin-top: 20px;
    }
}

@media (max-width: 576px){
    .licencas img{
        width: 80%;
        margin-top: 10px;
    }
    .texto-licencas h5{
        text-align: center;
    }
}

.box-botao-licenca button{
    background-color: #fafafa;
    color: #00388b;
    font-weight: 700;
    border-radius: 10px;
    /*margin-left: 15px;*/
    padding: 10px 15px;
    border: none;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.box-botao-licenca button:hover{
    cursor: pointer;
    background-color: #026abc;
    color: #fff;
    transition: 0.2s;
}

.box-botao-licenca button:focus{
    outline: 2px solid #00388b;
}

/*Contato--------------------------------------*/
.box-card-contato{
    background-color: #fafafa;
    border-radius: 10px;
    height: 210px;
    width: 270px;
    color: #00388b;
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
    transition: 0.2s;
    padding-top: 40px;
}

/*.box-card-contato:hover{
    color: #fff;
    background-color: #00388b;
    transition: 0.2s;
}*/

.box-card-contato h6{
    font-weight: 700;
    font-size: 23px;
    color: #323232;
}

.box-card-contato a,
.box-card-contato p{
    color: #323232;
}

@media (max-width: 992px){
    .box-card-contato a,
    .box-card-contato p{
        font-size: 14px;
    }
}

@media (max-width: 768px){
    .box-card-contato a,
    .box-card-contato p{
        font-size: 16px;
    }
}

@media (max-width: 375px){
    .box-card-contato{
        height: 210px;
        width: 250px;
    }
}

/*Rodapé---------------------------------*/
.rodape{
    background-image: url('../img/img-rodape.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
}

.rodape-mobile{
    background-image: url('../img/img-rodape.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    display: none;
}

.icones-rodape a{
    color: #fff;
    text-decoration: none;
}

.links-rodape a{
    color: #fff;
}

.links-rodape a:hover{
    text-decoration: underline;
}

.textos-flaticon-freepik p{
    margin: 0px !important;
    font-size: 11px;
    margin-left: 10px !important;
}

@media (max-width: 768px){
    .rodape{
        display: none;
    }

    .rodape-mobile{
        display: block;
    }
}

/*--------- Navbar produtos ---------------------*/

.header-2>.navbar {
    transition: all 0.4s;
    padding: 0 !important;
    background-color: #03388b;
}

.header-2>.navbar .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.header-2>.navbar .nav-link:hover,
.header-2>.navbar .nav-link:focus {
    color: #fff;
    text-decoration: none;
}

.header-2>.navbar .navbar-brand {
    color: #fff;
}

.header-2>.navbar .logo-menu img{
    height: 40px;
    margin-top: 15px;
    margin-bottom: 15px;
}

@media (max-width: 991.98px) {
    .header-2>.navbar {
        background: #03388b;
        padding: 10px !important;
    }

    .header-2>.navbar.active{
        padding-top: 15px !important;
    }

    .header-2>.navbar li{
        border-bottom: 1px solid rgba(242,241,235, 0.2);
    }

    .header-2>.navbar li:last-child{
        border-bottom: none;
    }

    .header-2>.navbar .navbar-brand, .navbar .nav-link {
        color: #fff;
    }

    .header-2 nav img:first-of-type{
        height: 35px !important;
        margin-top: 3px !important;
        margin-bottom: 0px !important;
    }

    .header-2 nav ul li{
        margin-top: 10px;
    }

    .navbar-toggler:focus,
    .navbar-toggler:hover {
        text-decoration: none;
        outline: 1px solid #fff;
    }

}


/*-------------- eSigma entregas inicio----------------*/
.navigate-prods{
    margin-top: 50px;
}

.navigate-prods p{
    margin-bottom: 0px;
}

.navigate-prods a,
.navigate-prods i{
    color: #929292;
}

.title-prods h1{
    font-weight: bold;
    color: #00388b;
    font-size: 44px;
}

.subtitle-prods h3{
    font-weight: 600;
    color: #3a71bc;
    font-size: 32px;
}

.text-prods p{
    font-weight: 500;
}

.box-botao-adquirir-licenca button{
    background-color: #026abc;
    color: #fafafa;
    font-weight: 700;
    border-radius: 10px;
    padding: 10px 15px;
    border: none;
    box-shadow: 5px 5px 10px 3px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.box-botao-adquirir-licenca button:hover{
    cursor: pointer;
    background-color: #03388b;
    transition: 0.2s;
}

.box-botao-adquirir-licenca button:focus{
    outline: 2px solid #00388b;
}

/*-------- Cards funcionalidades: esigma entregas--------------*/
.cards-funcionalidades-esigma-entregas{
    background-color: #3a71bc;
}

.box-card-funcionalidade{
    background-color: #fafafa;
    border-radius: 10px;
    height: 230px;
    width: 280px;
    color: #00388b;
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.box-card-funcionalidade h3{
    color: #323232;
    font-weight: 600;
}

/*---------- Sobre o produto: esigma entregas---------------*/
.sobre-produto-esigma-entregas{
    margin-bottom: 100px;
}
.sobre-produto-esigma-entregas img{
    width: 100%;
}

@media (max-width: 992px) {
    .sobre-produto-esigma-entregas img{
        width: 60%;
    }
}

@media (max-width: 576px) {
    .sobre-produto-esigma-entregas img{
        width: 90%;
    }
}

/*-------------Cards vantagens: esigma entregas----------------*/
.cards-vantagens-esigma-entregas{
    background-color: #3a71bc;
}

/*------ ----Sobre o aplicativo: esigma entregas--------------*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: #03388b;
}

.nav-pills a{
    color: #323232;
}

.tab-pane h4{
    margin-bottom: 0px;
}

.img-aplicativo-desktop img,
.img-aplicativo-desktop-dash img{
    width: 100%;
}

.img-aplicativo-mobile{
    display: none !important;
}

.icone-e-titulo-funcionalidade h4{
    color: #03388b;
    font-weight: 500;
}

.icone-e-titulo-funcionalidade i{
    color: #03388b;
}

@media (max-width: 768px) {
    .img-aplicativo-desktop{
        display: none;
    }
    .img-aplicativo-mobile{
        display: flex !important;
    }

    
}

@media (max-width: 768px) {
    .img-aplicativo-desktop{
        display: none;
    }
    .img-aplicativo-mobile{
        display: flex !important;
    }
    .app-desk-promotor-turno{
        display: none !important;
    }

    
}


/*------------ Página em construção--------------------------*/
.page-construcao{
    padding-top: 300px;
}

.img-programador img{
    width: 90%;
}

.box-warning-titulo h1{
    font-weight: bold;
    color: #03388b;
    margin-bottom: 0px;
}

.botao-contato button{
    background-color: #026abc;
    color: #fff;
    font-weight: 700;
    border-radius: 10px;
    /*margin-left: 15px;*/
    padding: 10px 15px;
    border: none;
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.25);
    transition: 0.2s;
}

.botao-contato button:hover{
    cursor: pointer;
    background-color: #00388b;
    color: #fff;
    transition: 0.2s;
}

@media (max-width: 992px) {
    .page-construcao{
        padding-top: 150px;
    }
    .img-programador img{
        width: 70%;
    }
}

@media (max-width: 768px) {
    .box-warning-titulo h1{
        text-align: start;
    }
}

@media (max-width: 576px) {
    .box-warning-titulo img{
        margin-bottom: 10px;
    }
    .box-warning-titulo h1{
        text-align: center;
    }
}

/*----------------Página suporte------------------------*/
.page-suporte{
    padding-top: 140px;
}

.box-card-contato-suporte,
.box-card-contato-suporte-links{
    background-color: #fafafa;
    border-radius: 10px;
    height: 230px;
    width: 270px;
    color: #00388b;
    box-shadow: 0px 0px 30px 10px rgba(0,0,0,0.15);
    transition: 0.2s;
    padding-top: 40px;
}

.box-card-contato-suporte h6,
.box-card-contato-suporte-links h6{
    font-weight: 700;
    font-size: 20px;
    color: #323232;
}

.box-card-contato-suporte a,
.box-card-contato-suporte p{
    color: #323232;
}

.box-card-contato-suporte p,
.box-card-contato-suporte-links p{
    margin-bottom: 0px;
}