@font-face {
    font-family: 'ubuntubold';
    src: url('font/ubuntu-bold-webfont.eot');
    src: url('font/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/ubuntu-bold-webfont.woff2') format('woff2'), url('font/ubuntu-bold-webfont.woff') format('woff'), url('font/ubuntu-bold-webfont.ttf') format('truetype'), url('font/ubuntu-bold-webfont.svg#ubuntubold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntulight';
    src: url('font/ubuntu-light-webfont.eot');
    src: url('font/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'), url('font/ubuntu-light-webfont.woff2') format('woff2'), url('font/ubuntu-light-webfont.woff') format('woff'), url('font/ubuntu-light-webfont.ttf') format('truetype'), url('font/ubuntu-light-webfont.svg#ubuntulight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumedium';
    src: url('font/ubuntu-medium-webfont.eot');
    src: url('font/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'), url('font/ubuntu-medium-webfont.woff2') format('woff2'), url('font/ubuntu-medium-webfont.woff') format('woff'), url('font/ubuntu-medium-webfont.ttf') format('truetype'), url('font/ubuntu-medium-webfont.svg#ubuntumedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubunturegular';
    src: url('font/ubuntu-regular-webfont.eot');
    src: url('font/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/ubuntu-regular-webfont.woff2') format('woff2'), url('font/ubuntu-regular-webfont.woff') format('woff'), url('font/ubuntu-regular-webfont.ttf') format('truetype'), url('font/ubuntu-regular-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    margin: 0px;
    padding: 0px;
}

body {
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    font-weight: normal;
}

p {
    margin-top: 0px;
}

img {
    border: 0px;
}

a {
    text-decoration: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

div {
    box-sizing: border-box !important;
}

header,
footer {
    width: 100%;
    float: left;
}

strong {
    font-family: 'ubuntubold';
    font-weight: normal;
}

.clear {
    clear: both;
}

/*troca cor quando seleciona o texto*/
/**::-moz-selection {background:#3d824c;color:#ffffff;}
*::selection {background:#3d824c;color:#ffffff;}*/

/*========MARGIN========*/
.ml_05 {
    margin-left: 5px;
}

.ml_10 {
    margin-left: 10px;
}

.ml_20 {
    margin-left: 20px;
}

.ml_30 {
    margin-left: 30px;
}

.ml_40 {
    margin-left: 40px;
}

.ml_50 {
    margin-left: 50px;
}

.ml_60 {
    margin-left: 60px;
}

.ml_70 {
    margin-left: 70px;
}

.ml_80 {
    margin-left: 80px;
}

.ml_90 {
    margin-left: 90px;
}

.ml_100 {
    margin-left: 100px;
}

.mr_05 {
    margin-right: 5px;
}

.mr_10 {
    margin-right: 10px;
}

.mr_15 {
    margin-right: 15px;
}

.mr_20 {
    margin-right: 20px;
}

.mr_30 {
    margin-right: 30px;
}

.mr_40 {
    margin-right: 40px;
}

.mr_50 {
    margin-right: 50px;
}

.mr_60 {
    margin-right: 60px;
}

.mr_70 {
    margin-right: 70px;
}

.mr_80 {
    margin-right: 80px;
}

.mr_90 {
    margin-right: 90px;
}

.mr_100 {
    margin-right: 100px;
}

.mb_05 {
    margin-bottom: 5px;
}

.mb_10 {
    margin-bottom: 10px;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_70 {
    margin-bottom: 70px;
}

.mb_80 {
    margin-bottom: 80px;
}

.mb_90 {
    margin-bottom: 90px;
}

.mb_100 {
    margin-bottom: 100px;
}

.mt_05 {
    margin-top: 5px;
}

.mt_10 {
    margin-top: 10px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_30 {
    margin-top: 30px;
}

.mt_40 {
    margin-top: 40px;
}

.mt_50 {
    margin-top: 50px;
}

.mt_60 {
    margin-top: 60px;
}

.mt_70 {
    margin-top: 70px;
}

.mt_80 {
    margin-top: 80px;
}

.mt_90 {
    margin-top: 90px;
}

.mt_100 {
    margin-top: 100px;
}


/*========PADDING========*/
.pl_05 {
    padding-left: 5px;
}

.pl_10 {
    padding-left: 10px;
}

.pl_20 {
    padding-left: 20px;
}

.pl_30 {
    padding-left: 30px;
}

.pl_40 {
    padding-left: 40px;
}

.pl_50 {
    padding-left: 50px;
}

.pl_60 {
    padding-left: 60px;
}

.pl_70 {
    padding-left: 70px;
}

.pl_80 {
    padding-left: 80px;
}

.pl_90 {
    padding-left: 90px;
}

.pl_100 {
    padding-left: 100px;
}

.pr_05 {
    padding-right: 5px;
}

.pr_10 {
    padding-right: 10px;
}

.pr_15 {
    padding-right: 15px;
}

.pr_20 {
    padding-right: 20px;
}

.pr_30 {
    padding-right: 30px;
}

.pr_40 {
    padding-right: 40px;
}

.pr_50 {
    padding-right: 50px;
}

.pr_60 {
    padding-right: 60px;
}

.pr_70 {
    padding-right: 70px;
}

.pr_80 {
    padding-right: 80px;
}

.pr_90 {
    padding-right: 90px;
}

.pr_100 {
    padding-right: 100px;
}

.pb_05 {
    padding-bottom: 5px;
}

.pb_10 {
    padding-bottom: 10px;
}

.pb_20 {
    padding-bottom: 20px;
}

.pb_30 {
    padding-bottom: 30px;
}

.pb_40 {
    padding-bottom: 40px;
}

.pb_50 {
    padding-bottom: 50px;
}

.pb_60 {
    padding-bottom: 60px;
}

.pb_70 {
    padding-bottom: 70px;
}

.pb_80 {
    padding-bottom: 80px;
}

.pb_90 {
    padding-bottom: 90px;
}

.pb_100 {
    padding-bottom: 100px;
}

.pt_05 {
    padding-top: 5px;
}

.pt_10 {
    padding-top: 10px;
}

.pt_20 {
    padding-top: 20px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_40 {
    padding-top: 40px;
}

.pt_50 {
    padding-top: 50px;
}

.pt_60 {
    padding-top: 60px;
}

.pt_70 {
    padding-top: 70px;
}

.pt_80 {
    padding-top: 80px;
}

.pt_90 {
    padding-top: 90px;
}

.pt_100 {
    padding-top: 100px;
}

#wrap {
    width: 100%;
    overflow: hidden;
    float: left;
}

.wrap_content {
    width: 100%;
    float: left;
}

.hidden {
    overflow: hidden;
}

.row {
    width: 100%;
    margin: 0 auto;
    max-width: 75rem;
}

.row2 {
    width: 100%;
    margin: 0 auto;
    max-width: 55rem;
}

.row3 {
    width: 100%;
    margin: 0 auto;
    max-width: 95rem;
}

.row4 {
    width: 100%;
    margin: 0 auto;
    max-width: 40rem;
}

.row5 {
    width: 100%;
    margin: 0 auto;
    max-width: 28.5rem;
}

#nojavascript {
    width: 90%;
    text-align: center;
    font-family: Verdana;
    font-size: 25px;
    color: #FFF;
    padding: 40px 5%;
    background-color: red;
    float: left;
}

#enviando {
    width: 100%;
    padding: 30px 0px 30px 40px;
    font-size: 23px;
    font-family: 'ubuntubold';
    color: #c5373c;
    background: url(../img/loading.gif) left no-repeat;
    background-size: 25px;
    float: left;
    display: none;
}

#sucesso {
    width: 100%;
    padding: 0px;
    margin: 30px 0px;
    font-size: 25px;
    font-family: 'ubuntubold';
    text-align: center;
    color: #35bfae;
    float: left;
    display: none;
}

.bg_color_vermelho {
    background-color: #ff0000;
}

.bg_color_cinza {
    background-color: #fafafa;
}

.bg_color_cinza2 {
    background-color: #eeeeee;
}

.bg_color_cinza3 {
    background-color: #444444;
}

.bg_color_branco {
    background-color: rebeccapurple;
}

.titulo01 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
    text-transform: uppercase;
    text-align: center;
    font-size: 20px;
    font-family: 'ubuntubold';
    color: #333132;
    margin: 40px 0;
    float: left;
}

.dispNone {
    display: none;
}






/*INDEX*/

#wrapItensSis,
#wrapItensSis2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
}

.itemSistema {
    width: 31.33%;
    margin: 0 1%;
    padding: 5%;
    border: 1px solid #ebebeb;
    float: left;
}

    .itemSistema svg {
        height: 90px;
        margin: 0 auto;
        display: block;
    }

    .itemSistema img {
        margin: 0 auto;
        display: block;
        clear: both;
    }

    .itemSistema h3 {
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
        font-family: 'ubuntubold';
        margin: 30px 0 10px 0;
        color: #333132;
        float: left;
    }

    .itemSistema p {
        width: 100%;
        text-align: center;
        font-family: 'ubunturegular';
        margin-bottom: 0;
        line-height: 25px;
        color: #333132;
        float: left;
    }

.paddingPorcents {
    margin-top: 70px;
    padding: 10% 20px;
}

.itemSistema2 {
    width: 21%;
    margin: 0 2%;
    float: left;
}

    .itemSistema2 svg {
        height: 80px;
        margin: 0 auto;
        display: block;
    }

    .itemSistema2 img {
        margin: 0 auto;
        display: block;
    }

    .itemSistema2 h3 {
        width: 100%;
        min-height: 66px;
        box-sizing: border-box;
        padding-left: 50px;
        background: url(../img/icon-logo-allabella.png) left top no-repeat;
        font-size: 19px;
        font-family: 'ubuntubold';
        line-height: 22px;
        margin: 30px 0 10px 0;
        color: #333132;
        float: left;
    }

    .itemSistema2 p {
        width: 100%;
        box-sizing: border-box;
        padding-left: 50px;
        line-height: 25px;
        font-family: 'ubunturegular';
        margin-bottom: 0;
        color: #333132;
        float: left;
    }

#bg_infos {
    height: 409px;
    padding: 0 20px;
    background: url(../img/bg_infos.jpg) no-repeat left top;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#infosHomeContato01 {
    margin-bottom: 60px;
}

    #infosHomeContato01 h2 {
        width: 600px;
        background: url(../img/divisor.png) left no-repeat;
        padding-left: 120px;
        box-sizing: border-box;
        text-transform: uppercase;
        line-height: 35px;
        font-size: 30px;
        font-family: 'ubuntubold';
        color: #414042;
        float: left;
    }

    #infosHomeContato01 a {
        width: 310px;
        margin-left: 50px;
        padding: 20px 0px;
        border-radius: 30px;
        background-color: #ff0000;
        font-size: 16px;
        font-family: 'ubuntumedium';
        text-transform: uppercase;
        text-align: center;
        color: #ffffff;
        display: block;
        float: left;
    }

        #infosHomeContato01 a:hover {
            background-color: #000000;
        }

#infosHomeContato02 h3 {
    margin-top: 2px;
    margin-left: 120px;
    box-sizing: border-box;
    font-size: 30px;
    font-family: 'ubuntubold';
    color: #414042;
    float: left;
}

#infosHomeContato02 span {
    font-family: 'ubuntubold';
    font-size: 30px;
    margin: 0 20px;
    color: #414042;
    display: block;
    float: left;
}

#infosHomeContato02 a {
    margin-top: 8px;
    box-sizing: border-box;
    font-size: 20px;
    font-family: 'ubuntubold';
    color: #414042;
    float: left;
}

#infosHomeContato02 a:hover {
    text-decoration: underline;
}

.contentDestaque {
    width: 100%;
    height: 400px;
    position: relative;
    float: left;    
    background-color: black;    
}
/*FIM INDEX*/




/*A EMPRESA*/
#banner_empresa {
    padding: 12.6% 20px;
    position: relative;
    background: url(../img/banner_empresa.jpg) top no-repeat;
}

    #banner_empresa img {
        display: block;
        margin: 0 auto;
    }

    #banner_empresa a {
        width: 100%;
        box-sizing: border-box;
        outline: none;
        text-align: center;
        color: #ffffff;
        font-family: 'ubuntubold';
        text-transform: uppercase;
        padding: 0 20px 25px 20px;
        background: url(../img/seta.png) bottom no-repeat;
        display: block;
        position: absolute;
        bottom: 40px;
        left: 0;
        float: left;
    }

.wrapContentEmpresa01,
.wrapContentEmpresa02 {
    width: 100%;
    padding: 80px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

.borbot {
    border-bottom: 3px solid #d2d2d2;
}

.contentEmpresa01,
.contentEmpresa02,
.ilustraEmpresa01,
.ilustraEmpresa02 {
    width: 50%;
    float: left;
}

    .contentEmpresa01 h2,
    .contentEmpresa02 h2 {
        width: 500px;
        font-size: 45px;
        font-family: 'ubuntumedium';
        line-height: 50px;
        margin: 0;
        color: #ff0000;
        float: left;
    }

    .contentEmpresa01 h3,
    .contentEmpresa02 h3 {
        width: 500px;
        margin-bottom: 10px;
        font-size: 30px;
        font-family: 'ubuntulight';
        color: #ff0000;
        float: left;
    }

    .contentEmpresa01 p,
    .contentEmpresa02 p {
        width: 500px;
        line-height: 22px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

    .contentEmpresa02 h2,
    .contentEmpresa02 h3,
    .contentEmpresa02 p {
        text-align: right;
    }

    .contentEmpresa01 span {
        width: 100%;
        line-height: 30px;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #444444;
        float: left;
    }

    .ilustraEmpresa01 img {
        display: block;
        float: right;
    }

    .ilustraEmpresa02 img {
        display: block;
        float: left;
    }

#tresPilares {
    width: 100%;
    padding: 40px 20px;
    float: left;
}

    #tresPilares > h2 {
        width: 100%;
        font-size: 45px;
        font-family: 'ubuntumedium';
        line-height: 50px;
        margin: 0 0 20px 0;
        text-align: center;
        color: #ff0000;
        float: left;
    }

    #tresPilares > p {
        width: 100%;
        text-align: center;
        line-height: 22px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

    #tresPilares > h3 {
        width: 100%;
        text-align: center;
        line-height: 30px;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #444444;
        float: left;
    }

#wrapPilares {
    width: 100%;
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
}

.pilares {
    width: 33%;
    padding: 0 20px;
    float: left;
}

    .pilares img {
        display: block;
        margin: 0 auto;
    }

    .pilares h3 {
        width: 100%;
        margin: 10px 0 20px 0;
        text-align: center;
        line-height: 30px;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #444444;
        float: left;
    }

    .pilares p {
        width: 100%;
        text-align: center;
        line-height: 22px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

#wrapSolucoesEmp {
    width: 100%;
    padding: 80px 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

#textSolucaoEmp {
    width: 30%;
    color: #ffffff;
    float: left;
}

    #textSolucaoEmp h2 {
        width: 100%;
        padding-top: 20px;
        background: url(../img/divisor.png) left top no-repeat;
        font-size: 45px;
        font-family: 'ubuntubold';
        line-height: 45px;
        float: left;
    }

    #textSolucaoEmp p {
        width: 100%;
        margin: 0;
        font-size: 35px;
        font-family: 'ubuntulight';
        float: left;
    }

#SisWebEmp {
    width: 70%;
    float: left;
}

#navSolucaoEmp {
    margin-left: 40px;
    margin-bottom: 30px;
    float: left;
}

    #navSolucaoEmp a {
        padding: 7px 15px 5px 15px;
        border: 2px solid #ffffff;
        font-family: 'ubuntubold';
        line-height: 16px;
        color: #ffffff;
        display: block;
        float: left;
    }

        #navSolucaoEmp a:hover {
            background-color: #ff0000;
        }

.active2 {
    background-color: #ff0000;
}

.contentSolucioneEmp {
    width: 100%;
    float: left;
}

    .contentSolucioneEmp img {
        margin-right: 50px;
        float: left;
    }

    .contentSolucioneEmp h2 {
        font-size: 20px;
        font-family: 'ubuntubold';
        margin-bottom: 10px;
        color: #ffffff;
        line-height: 25px;
    }

    .contentSolucioneEmp p {
        font-family: 'ubuntulight';
        line-height: 25px;
        color: #ffffff;
    }

    .contentSolucioneEmp a {
        margin-top: 10px;
        border-radius: 5px;
        color: #ffffff;
        font-family: 'ubuntumedium';
        font-style: italic;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 20px;
        border: 2px solid #ffffff;
        display: block;
        float: right;
    }

        .contentSolucioneEmp a:hover,
        #infosHistorias a:hover,
        #infosContato > a:hover,
        #navBannerWeb a:hover,
        #wrapLogin a:hover {
            background-color: rgba(0,0,0,0.3);
        }

#bgAplicacaoSolucoes {
    padding: 7% 20px;
    background: url(../img/bgAplicacaoSolucoes.jpg) top no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.wrapContentsEmpresa {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

.textContents {
    width: 40%;
    float: left;
}

.ilustraContents {
    width: 60%;
    float: left;
}

    .ilustraContents img {
        width: 100%;
        float: left;
    }

.textContents h2 {
    width: 100%;
    margin-bottom: 10px;
    font-size: 45px;
    font-family: 'ubuntubold';
    color: #444444;
    line-height: 50px;
    float: left;
}

.textContents p {
    width: 290px;
    line-height: 22px;
    font-family: 'ubunturegular';
    color: #333132;
    float: left;
}

.textContents h4 {
    width: 290px;
    font-size: 25px;
    font-family: 'ubuntubold';
    color: #444444;
    line-height: 30px;
    float: left;
}

#wrapItensAplicacao,
#wrapItensOrgulho {
    width: 60%;
    float: left;
}

.itensAplicacao {
    width: 50%;
    padding: 0 20px;
    text-align: center;
    float: left;
}

    .itensAplicacao h3 {
        margin-top: 10px;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #5b5b5f;
    }

    .itensAplicacao p {
        width: 100%;
        font-family: 'ubunturegular';
        margin: 0;
        color: #5b5b5f;
        float: left;
    }

#tecnologiaUtilizada {
    padding: 6% 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#bgHabilidades {
    padding: 80px 20px;
    background: url(../img/bgHabilidades.jpg) top no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.titles {
    width: 100%;
    font-size: 45px;
    font-family: 'ubuntumedium';
    line-height: 50px;
    margin: 0;
    text-align: center;
    color: #ffffff;
    float: left;
}

#wrapCircles {
    width: 100%;
    margin: 60px 0 30px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    float: left;
}

.circle {
    width: 140px;
    margin: 10px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

    .circle canvas {
        vertical-align: top;
    }

    .circle strong {
        position: absolute;
        top: 30%;
        left: 0;
        width: 100%;
        text-align: center;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #ffffff;
    }

    .circle span {
        margin-top: 20px;
        font-size: 25px;
        font-family: 'ubuntubold';
        color: #ffffff;
        display: block;
    }

#bgNossoOrgulho {
    min-height: 715px;
    padding: 0px 20px;
    background: url(../img/bgNossoOrgulho.jpg) top no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#wrapItensOrgulho {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.itensOrgulho {
    width: 260px;
    height: 260px;
    margin: 10px;
    border: 20px solid #ff0000;
    padding: 0 20px;
    text-align: center;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    float: left;
}

    .itensOrgulho h3 {
        width: 100%;
        margin-top: 10px;
        font-size: 79px;
        font-family: 'ubuntubold';
        line-height: 80px;
        color: #ff0000;
        float: left;
    }

    .itensOrgulho p {
        width: 100%;
        font-family: 'ubunturegular';
        margin: 0;
        color: #444444;
        float: left;
    }

.hoverItemOrgulho {
    width: 100%;
    height: 100%;
    background-color: #ff0000;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

#icon33 {
    background-image: url(../img/icon33.png);
}

#icon34 {
    background-image: url(../img/icon34.png);
}

.itensOrgulho:hover > .hoverItemOrgulho {
    opacity: 1;
}

#facaParteHistoria {
    height: 160px;
    background-color: #ff0000;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#wrapParteHistoria {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    float: left;
}

    #wrapParteHistoria h3 {
        font-size: 30px;
        font-family: 'ubuntulight';
        color: #ffffff;
        float: left;
    }

    #wrapParteHistoria img {
        float: right;
    }

/*FIM A EMPRESA*/





/*LOGIN*/
#section {
    width: 100%;
    height: 81vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

#bg_black {
    background: url(../img/bgLogin.png);
}


#wrapLogin,
#formLogin {
    width: 100%;
    float: left;
}

#wrapLogin {
    padding: 0 20px;
}

    #wrapLogin h2 {
        width: 100%;
        color: #ffffff;
        margin-bottom: 20px;
        font-size: 25px;
        font-family: 'ubuntumedium';
        text-transform: uppercase;
        float: left;
    }

    #wrapLogin a {
        width: 100%;
        margin-top: 40px;
        border-radius: 5px;
        color: #ffffff;
        font-family: 'ubuntubold';
        font-style: italic;
        text-align: center;
        padding: 10px 0;
        border: 2px solid #ffffff;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        float: left;
    }

        #wrapLogin a:before {
            width: 29px;
            height: 15px;
            margin-right: 10px;
            content: '';
            background: url(../img/icon55.png) no-repeat;
            display: block;
            float: left;
        }

#formLogin label {
    width: 100%;
    color: #ffffff;
    font-size: 12px;
    font-family: 'ubuntubold';
    text-transform: uppercase;
    font-style: italic;
    margin-bottom: 5px;
    float: left;
}

#formLogin input[type="text"],
#formLogin input[type="password"] {
    width: 100%;
    border: 2px solid #999999;
    border-radius: 5px;
    padding: 7px 7px 7px 40px;
    font-size: 20px;
    font-family: 'ubunturegular';
    box-sizing: border-box;
    margin-bottom: 20px;
    background-position: 10px;
    background-repeat: no-repeat;
    outline: none;
    float: left;
}

#formLogin input[type="text"] {
    background-image: url(../img/icon53.png);
}

#formLogin input[type="password"] {
    background-image: url(../img/icon54.png);
}

#formLogin input[type="submit"] {
    width: 100%;
    background-color: #ff0000;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    font-family: 'ubuntumedium';
    padding: 13px 0;
    margin-top: 10px;
    outline: none;
    color: #ffffff;
    border: 0;
    border-radius: 5px;
    font-style: italic;
    float: left;
}

    #formLogin input[type="submit"]:hover {
        background-color: #ae0000;
    }
/*FIM LOGIN*/





/*CONTATO*/
#banner_contato {
    height: 582px;
    padding: 0 20px;
    background: url(../img/banner_contato.jpg) top no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

#infosContato {
    width: 100%;
    display: block;
    float: left;
}

    #infosContato h1 {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 40px;
        font-family: 'ubuntubold';
        padding-left: 120px;
        background: url(../img/divisor02.jpg) left no-repeat;
        box-sizing: border-box;
        float: left;
    }

    #infosContato p {
        width: 100%;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 20px;
        font-family: 'ubuntubold';
        padding-left: 120px;
        box-sizing: border-box;
        float: left;
    }

#infosContato02 {
    margin: 20px 0 30px 0;
}

    #infosContato02 h3 {
        margin-top: 2px;
        box-sizing: border-box;
        font-size: 30px;
        font-family: 'ubuntubold';
        color: #ffffff;
        float: left;
    }

    #infosContato02 span {
        font-family: 'ubuntubold';
        font-size: 30px;
        margin: 0 20px;
        color: #ffffff;
        display: block;
        float: left;
    }

    #infosContato02 > a {
        margin-top: 8px;
        box-sizing: border-box;
        font-size: 20px;
        font-family: 'ubuntubold';
        color: #ffffff;
        float: left;
    }

        #infosContato02 > a:hover {
            text-decoration: underline;
        }

#infosContato > a {
    width: 245px;
    border-radius: 5px;
    color: #ffffff;
    font-family: 'ubuntumedium';
    font-style: italic;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    padding: 15px 0;
    border: 2px solid #ffffff;
    display: block;
    margin-left: 120px;
    float: left;
}


#contentContato {
    width: 100%;
    padding: 0 20px;
    float: left;
}

    #contentContato h3 {
        width: 100%;
        text-transform: uppercase;
        text-align: center;
        font-size: 20px;
        font-family: 'ubuntubold';
        color: #333132;
        margin: 50px auto;
    }

#form {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 20%;
    float: left;
}

#recaptcha {
    float: left;
    margin-bottom: 20px;
}

#form label {
    width: 100%;
    margin-bottom: 5px;
    color: #000000;
    font-family: 'ubuntumedium';
    font-style: italic;
    font-size: 12px;
    text-transform: uppercase;
    display: block;
    float: left;
}

#form input[type="text"],
#form input[type="tel"] {
    width: 80%;
    margin-bottom: 25px;
    padding: 10px;
    box-sizing: border-box;
    border: 2px solid #999999;
    border-radius: 5px;
    font-family: 'ubuntumedium';
    color: #999999;
    outline: none;
    float: left;
}

#form textarea {
    width: 100%;
    height: 150px;
    padding: 10px;
    resize: none;
    margin-bottom: 25px;
    box-sizing: border-box;
    border: 2px solid #999999;
    border-radius: 5px;
    font-family: 'ubuntumedium';
    color: #999999;
    outline: none;
    float: left;
}

#form input[type="submit"] {
    width: 300px;
    padding: 15px 0;
    outline: none;
    background-image: url(../img/submit.png);
    background-position: right;
    background-repeat: no-repeat;
    border: 0;
    border-radius: 5px;
    font-style: italic;
    font-family: 'ubuntumedium';
    font-size: 18px;
    color: #ffffff;
    background-color: #ff0000;
    display: block;
    float: left;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
}

    #form input[type="submit"]:hover {
        background-color: #b90000;
    }

#contentContato p {
    width: 700px;
    margin: 90px auto;
    color: #000000;
    text-transform: uppercase;
    font-size: 30px;
    font-family: 'ubuntubold';
    padding-left: 100px;
    background: url(../img/icon27.jpg) left no-repeat;
    box-sizing: border-box;
    display: block;
}
/*FIM CONTATO*/





/*HISTÓRIAS DE SUCESSO*/
#banner_historias {
    height: 750px;
    background: url(../img/banner_historias.jpg) top no-repeat;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

#infosHistorias {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

    #infosHistorias div {
        width: 400px;
        padding: 0 20px;
        float: left;
    }

    #infosHistorias h1 {
        width: 100%;
        margin: 0;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 40px;
        font-family: 'ubuntubold';
        box-sizing: border-box;
        float: left;
    }

    #infosHistorias p {
        width: 100%;
        color: #ffffff;
        font-size: 20px;
        font-family: 'ubunturegular';
        box-sizing: border-box;
        float: left;
    }

    #infosHistorias a {
        width: 100%;
        border-radius: 5px;
        color: #ffffff;
        font-family: 'ubuntumedium';
        font-style: italic;
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        padding: 15px 0;
        margin-top: 20px;
        border: 3px solid #ffffff;
        display: block;
        float: left;
    }

.contentCases {
    width: 100%;
    padding: 0 20px;
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
}

.itemCases01,
.itemCases02 {
    width: 370px;
    margin-bottom: 20px;
    align-self: flex-end;
    float: left;
}

    .itemCases01 h2 {
        width: 100%;
        font-size: 45px;
        font-family: 'ubuntumedium';
        line-height: 50px;
        margin-bottom: 10px;
        color: #ff0000;
        float: left;
    }

    .itemCases01 p {
        width: 100%;
        font-size: 17px;
        font-family: 'ubuntubold';
        color: #444444;
        float: left;
    }

    .itemCases02 p {
        width: 100%;
        font-size: 23px;
        font-family: 'ubuntulight';
        text-align: right;
        color: #5b5b5f;
        float: left;
    }

    .itemCases02 span {
        width: 100%;
        font-size: 17px;
        font-family: 'ubunturegular';
        text-align: right;
        color: #444444;
        float: left;
    }

        .itemCases02 span strong {
            font-family: 'ubuntubold';
            font-weight: normal;
        }

.videoCases,
.videoCases iframe {
    width: 100%;
    float: left;
}

#bg_infos2 {
    height: 410px;
    margin-top: 50px;
    background: url(../img/bg_infos2.jpg) no-repeat center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#wrapSubBannerCase {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

    #wrapSubBannerCase div {
        width: 365px;
        padding: 0 20px;
        float: left;
    }

        #wrapSubBannerCase div h2 {
            width: 100%;
            margin-bottom: 20px;
            line-height: 40px;
            font-size: 35px;
            font-family: 'ubunturegular';
            color: #ffffff;
            float: left;
        }

        #wrapSubBannerCase div p {
            width: 100%;
            font-size: 17px;
            font-family: 'ubunturegular';
            color: #ffffff;
            float: left;
        }

/*FIM HISTÓRIAS DE SUCESSO*/


/*SISPORT*/
#bannerSisport {
    height: 754px;
    padding: 0 20px;
    background: url(../img/banner_sisport.jpg) center #9c0001;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}

#infoBannerSis {
    width: 475px;
    margin-right: 10%;
    align-self: center;
    float: right;
}

    #infoBannerSis h1 {
        width: 100%;
        text-transform: uppercase;
        line-height: 50px;
        font-size: 45px;
        font-family: 'ubuntubold';
        margin-bottom: 20px;
        color: #ffffff;
        float: left;
    }

    #infoBannerSis p {
        width: 80%;
        font-size: 24px;
        font-family: 'ubunturegular';
        color: #ffffff;
        float: left;
    }

#bannerSisport a {
    width: 100%;
    outline: none;
    text-align: center;
    color: #ffffff;
    font-family: 'ubuntubold';
    text-transform: uppercase;
    padding-bottom: 25px;
    background: url(../img/seta.png) bottom no-repeat;
    display: block;
    position: absolute;
    bottom: 40px;
    float: left;
}

.contentSoftware01 {
    padding: 20px 0;
}

.contentSoftware02 {
    padding: 20px 0;
    background-color: #fafafa;
}

.contentSoftware03 {
    padding: 80px 20px;
    background: url(../img/bg_rodape.png);
}

.navSoftware,
.navSoftware2,
.navSoftware3 {
    display: flex;
    flex-wrap: wrap;
    float: left;
}

.navSoftware,
.navSoftware3 {
    width: 100%;
    justify-content: center;
}

.navSoftware2 {
    width: 530px;
}

    .navSoftware a,
    .navSoftware2 a,
    .navSoftware3 a {
        margin-bottom: 20px;
        color: #7d7d7d;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'ubuntubold';
        font-size: 17px;
        line-height: 18px;
        display: block;
        float: left;
    }

.navSoftware a {
    min-width: 160px;
    border-bottom: 4px solid #e4e4e4;
    text-align: center;
    padding: 10px 20px;
}

.navSoftware2 a {
    border-bottom: 4px solid #d1d1d1;
    padding: 10px 20px 10px 0;
}

.navSoftware3 a {
    width: 470px;
    border-bottom: 4px solid #d1d1d1;
    padding: 10px 0;
}

    .navSoftware a:hover,
    .navSoftware2 a:hover,
    .navSoftware3 a:hover {
        border-bottom: 4px solid #bcbcbc;
        text-decoration: none;
    }


.active {
    border-bottom: 4px solid #ff0000 !important;
}

.wrapSoftware01,
.wrapSoftware02 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: left;
}

.infosSoftware01,
.infosSoftware02 {
    width: 50%;
    margin: 80px 0;
    padding: 0px 20px;
    float: left;
}

    .infosSoftware01 h2,
    .infosSoftware02 h2 {
        width: 90%;
        margin-bottom: 20px;
        box-sizing: border-box;
        color: #ff0000;
        text-transform: uppercase;
        font-size: 45px;
        font-family: 'ubuntubold';
        background-position: left 7px;
        background-repeat: no-repeat;
        line-height: 50px;
        padding-left: 70px;
        float: left;
    }

    .infosSoftware01 p,
    .infosSoftware02 p {
        width: 90%;
        box-sizing: border-box;
        padding-left: 70px;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

    .infosSoftware01 h2,
    .infosSoftware01 p {
        float: left;
    }

    .infosSoftware02 h2,
    .infosSoftware02 p {
        float: right;
    }

    .infosSoftware01 a img,
    .infosSoftware02 a img {
        width: 100%;
        box-sizing: border-box;
        float: left;
    }

.lupa,
.lupa img {
    width: 27px !important;
    float: right;
}

#icon08 {
    background-image: url(../img/icon08.png);
}

#icon09 {
    background-image: url(../img/icon09.png);
}

#icon10 {
    background-image: url(../img/icon10.png);
}

#icon11 {
    background-image: url(../img/icon11.png);
}

#icon12 {
    background-image: url(../img/icon12.png);
}

#icon13 {
    background-image: url(../img/icon13.png);
}

#icon14 {
    background-image: url(../img/icon14.png);
}

#icon15 {
    background-image: url(../img/icon15.png);
}

#icon16 {
    background-image: url(../img/icon16.png);
}

#icon17 {
    background-image: url(../img/icon17.png);
}

#icon18 {
    background-image: url(../img/icon18.png);
}

#wrapPodeMais {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
}

.itemPodeMais {
    width: 33.33%;
    padding: 0 30px 0 60px;
    margin-bottom: 40px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 10px top;
    float: left;
}

    .itemPodeMais p {
        width: 100%;
        line-height: 25px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

    .itemPodeMais h3 {
        width: 100%;
        margin-bottom: 10px;
        font-family: 'ubuntubold';
        color: #333132;
        float: left;
    }

.infosSoftware03 {
    width: 50%;
    padding: 0px 20px;
    float: left;
}

    .infosSoftware03 div {
        width: 50%;
        float: left;
    }

    .infosSoftware03 h2 {
        width: 100%;
        box-sizing: border-box;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 45px;
        font-family: 'ubuntubold';
        background-position: left;
        background-repeat: no-repeat;
        line-height: 50px;
        padding-left: 135px;
        float: left;
    }

    .infosSoftware03 h3 {
        width: 100%;
        text-transform: uppercase;
        line-height: 20px;
        font-size: 20px;
        font-family: 'ubuntubold';
        color: #ffffff;
        margin: 20px 0 6px 0;
        float: left;
    }

    .infosSoftware03 p {
        width: 100%;
        box-sizing: border-box;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #ffffff;
        float: left;
    }

#icon63 {
    background-image: url(../img/icon63.png);
}

#icon64 {
    background-image: url(../img/icon64.png);
}

#icon65 {
    background-image: url(../img/icon65.png);
}

#icon66 {
    background-image: url(../img/icon66.png);
}

#icon67 {
    background-image: url(../img/icon67.png);
}

#icon68 {
    background-image: url(../img/icon68.png);
}

#icon25 {
    background-image: url(../img/icon25.png);
}

#icon26 {
    background-image: url(../img/icon26.png);
}
/*FIM SISPORT*/

/*WEB MONITOR*/
#bannerWebmonitor {
    height: 730px;
    padding: 0 20px;
    background: url(../img/banner_webmonitor.jpg) center #292929;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    position: relative;
}

#infoBannerWeb {
    width: 580px;
    margin-right: 10%;
    align-self: center;
    float: right;
}

    #infoBannerWeb h1 {
        width: 100%;
        text-transform: uppercase;
        line-height: 45px;
        font-size: 40px;
        font-family: 'ubuntubold';
        margin-bottom: 20px;
        color: #ffffff;
        float: left;
    }

    #infoBannerWeb p {
        width: 80%;
        font-family: 'ubunturegular';
        color: #ffffff;
        float: left;
    }

#navBannerWeb {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
}

    #navBannerWeb a {
        width: 45%;
        border-radius: 5px;
        color: #ffffff;
        font-family: 'ubuntumedium';
        font-style: italic;
        text-align: center;
        text-transform: uppercase;
        padding: 10px 0;
        margin-top: 20px;
        border: 1px solid #ffffff;
        display: block;
        float: left;
    }

.contentWeb01 {
    padding: 20px 0;
    background-color: #fafafa;
}

.contentWeb02 {
    padding: 20px 0;
}

.wrapWebMonitor01,
.wrapWebMonitor02 {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: left;
}

.infosWebMonitor01,
.infosWebMonitor02 {
    width: 50%;
    margin: 40px 0;
    padding: 0px 20px;
    float: left;
}

    .infosWebMonitor01 h2,
    .infosWebMonitor02 h2 {
        width: 425px;
        margin-bottom: 20px;
        color: #ff0000;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 35px;
        font-family: 'ubuntubold';
        float: left;
    }

    .infosWebMonitor01 p,
    .infosWebMonitor02 p {
        width: 425px;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #333132;
        float: left;
    }

        .infosWebMonitor01 p strong,
        .infosWebMonitor02 p strong {
            font-family: 'ubuntubold';
            font-weight: normal;
        }

    .infosWebMonitor01 h4,
    .infosWebMonitor02 h4 {
        width: 100%;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubuntubold';
        text-transform: uppercase;
        margin-bottom: 10px;
        color: #333132;
        float: left;
    }

    .infosWebMonitor01 h2,
    .infosWebMonitor01 p {
        float: left;
    }

    .infosWebMonitor02 h2,
    .infosWebMonitor02 p {
        float: right;
    }

    .infosWebMonitor01 img,
    .infosWebMonitor02 img {
        width: 100%;
        box-sizing: border-box;
        float: left;
    }

    .infosWebMonitor01 img {
        padding-left: 70px;
        padding-right: 20px;
    }

    .infosWebMonitor02 img {
        padding-right: 70px;
        padding-left: 20px;
    }

#ilustraWebMonitor05 {
    width: 331px;
    padding: 0;
}

#icon47 {
    background-image: url(../img/icon47.png);
}

#icon48 {
    background-image: url(../img/icon48.png);
}

#icon49 {
    background-image: url(../img/icon49.png);
}

#icon50 {
    background-image: url(../img/icon50.png);
}

#icon51 {
    background-image: url(../img/icon51.png);
}

#icon52 {
    background-image: url(../img/icon52.png);
}

#wrapTecnologiasUtil,
#wrapDuvidas {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    float: left;
}

#wrapDuvidas2 {
    display: none;
}

#boxTecnologiaUtil {
    width: 40%;
    padding: 20px;
    min-height: 730px;
    background: url(../img/bgRequisitos.jpg) center no-repeat;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    float: left;
}

    #boxTecnologiaUtil h3 {
        width: 400px;
        margin-bottom: 20px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 35px;
        font-family: 'ubuntubold';
        float: left;
    }

    #boxTecnologiaUtil p {
        width: 400px;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #ffffff;
        float: left;
    }

#contentTecUtil {
    width: 60%;
    padding: 20px;
    background-color: #e4e4e4;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    float: left;
}

.flexCenter {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
}

.contentTecItens {
    width: 530px;
    float: left;
}

    .contentTecItens p {
        width: 400px;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #5b5b5f;
        float: left;
    }

#contentNavDuvidas,
#wrapQuests {
    width: 50%;
    height: 680px;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    float: left;
}

#contentNavDuvidas {
    background-color: #f7f7f8;
}

    #contentNavDuvidas h2 {
        width: 470px;
        margin-bottom: 40px;
        color: #db0000;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 35px;
        font-family: 'ubuntubold';
        float: left;
    }

.contentDuvidas {
    width: 600px;
    float: left;
}

    .contentDuvidas h3 {
        width: 100%;
        margin-bottom: 20px;
        color: #7d7d7d;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'ubuntubold';
        font-size: 17px;
        line-height: 18px;
        display: block;
        float: left;
    }

    .contentDuvidas p {
        width: 100%;
        line-height: 20px;
        font-size: 15px;
        font-family: 'ubunturegular';
        color: #5b5b5f;
        float: left;
    }

/*FIM WEB MONITOR*/







/*POLÍTICA DE PRIVACIDADE*/
#banner_politica {
    width: 100%;
    padding: 50px 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    display: flex;
    float: left;
}

    #banner_politica h1 {
        width: 1024px;
        text-transform: uppercase;
        font-family: 'ubuntumedium';
        font-size: 45px;
        line-height: 50px;
        background: url(../img/divisor.png) bottom left no-repeat;
        background-size: 70px;
        padding-bottom: 20px;
        margin: 0 0 20px 0;
        color: #ff0000;
        float: left;
    }

/*#banner_politica p{
    width: 520px;
    line-height: 25px;
    font-family: 'ubunturegular';
    color: #333132;
    float: left;
}*/

#navPolitica {
    width: 100%;
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
}

    #navPolitica a {
        min-width: 160px;
        margin-bottom: 20px;
        color: #7d7d7d;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'ubuntubold';
        font-size: 17px;
        line-height: 18px;
        text-align: center;
        border-bottom: 4px solid #e4e4e4;
        padding: 10px 20px;
        display: block;
        float: left;
    }

        #navPolitica a:hover {
            border-bottom: 4px solid #bcbcbc;
        }

.navItensPolitica {
    width: 30%;
    float: left;
}

    .navItensPolitica a {
        width: 100%;
        margin: 15px 0;
        color: #7d7d7d;
        box-sizing: border-box;
        text-transform: uppercase;
        font-family: 'ubuntubold';
        font-size: 17px;
        line-height: 18px;
        display: block;
        float: left;
    }

        .navItensPolitica a:hover {
            color: #ff0000;
            text-decoration: underline;
        }

.contentPolitica {
    width: 70%;
    padding-left: 40px;
    float: left;
}

    .contentPolitica div {
        width: 100%;
        margin-bottom: 40px;
        float: left;
    }

        .contentPolitica div h2 {
            width: 100%;
            text-transform: uppercase;
            font-size: 45px;
            font-family: 'ubuntumedium';
            line-height: 50px;
            background-size: 70px;
            padding-bottom: 10px;
            border-bottom: 2px solid #dcdcdc;
            margin: 0 0 20px 0;
            color: #ff0000;
            float: left;
        }

        .contentPolitica div p {
            width: 100%;
            line-height: 25px;
            font-family: 'ubunturegular';
            color: #333132;
            float: left;
        }

.recursosWebMonitor {
    width: 100%;
    padding: 0 20px;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    float: left;
}

    .recursosWebMonitor h2 {
        width: 100%;
        text-align: center;
        margin: 60px 0 60px 0;
        color: #ff0000;
        text-transform: uppercase;
        font-size: 30px;
        line-height: 35px;
        font-family: 'ubuntubold';
        float: left;
    }

    .recursosWebMonitor > div {
        width: 23%;
        margin-bottom: 20px;
        text-align: center;
        border-radius: 15px;
        overflow: hidden;
        box-shadow: 0 0 20px #969696;
        background-color: #ffffff;
        padding: 6% 0 0 0;
        display: flex;
        flex-wrap: wrap;
        align-content: baseline;
        float: left;
    }

    .recursosWebMonitor div img {
        display: block;
        margin: 0 auto;
    }

.iconRecursos {
    width: 100%;
    min-height: 82px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    float: left;
}

.recursosWebMonitor div p,
.recursosWebMonitor div h3 {
    width: 100%;
    margin-top: 30px;
    box-sizing: border-box;
    padding: 0 20px;
    font-size: 15px;
    line-height: 18px;
    color: #333132;
    float: left;
}

.recursosWebMonitor div p {
    min-height: 100px;
    font-family: 'ubunturegular';
}

.recursosWebMonitor div h3 {
    font-family: 'ubuntubold';
}
/*FIM POLÍTICA DE PRIVACIDADE*/

/*FOOTER*/

/*.footer{
    padding: 40px 20px;
    box-sizing: border-box;
    background: url(../img/bg_rodape.png);
    display: block;
}*/

#bgLogin2 {
    font-size: 18px;
    background-color: #333132;
    color: #ffffff !important;
    border-radius: 30px;
}

    #bgLogin2:hover,
    #bgLogin3:hover,
    #telEmailRodape a[rel="trabCon"]:hover {
        background-color: #ff0000 !important;
    }

#poliPriva {
    margin-top: 7px;
    font-family: 'ubuntumedium';
    font-size: 14px;
    color: #ffffff;
    float: right;
}

    #poliPriva:hover {
        text-decoration: underline;
    }

#loginRodape {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #000000;
}

    #loginRodape p {
        margin: 8px 40px 0 0;
        color: #ffffff;
        font-family: 'ubuntubold';
        text-transform: uppercase;
        float: left;
    }

#TextFooter {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    display: block;
    float: left;
}

#bgLogin3 {
    width: 110px;
    padding: 6px 0px;
    border-radius: 30px;
    background-color: #000000;
    font-size: 18px;
    font-family: 'ubuntumedium';
    text-transform: uppercase;
    text-align: center;
    color: #ffffff;
    display: block;
    float: left;
}

#endRodape {
    width: 370px;
    float: left;
}

    #endRodape p {
        width: 100%;
        font-size: 14px;
        font-family: 'ubuntulight';
        line-height: 25px;
        color: #ffffff;
        float: left;
    }

#telEmailRodape {
    width: 200px;
    float: right;
}

    #telEmailRodape h3,
    #telEmailRodape a[rel="email"] {
        width: 100%;
        font-family: 'ubuntubold';
        color: #ffffff;
        text-align: right;
        float: left;
    }

    #telEmailRodape h3 {
        margin-bottom: 20px;
    }

    #telEmailRodape a[rel="email"] {
        margin-bottom: 40px;
    }

        #telEmailRodape a[rel="email"]:hover,
        #copDev a:hover {
            text-decoration: underline;
        }

    #telEmailRodape a[rel="trabCon"] {
        width: 155px;
        padding: 10px 0px;
        border-radius: 30px;
        background-color: #000000;
        font-size: 13px;
        font-family: 'ubuntumedium';
        text-align: center;
        color: #ffffff;
        display: block;
        float: right;
    }

#copDev {
    margin-top: 60px;
}

    #copDev span {
        font-size: 13px;
        font-family: 'ubuntulight';
        color: #919496;
        display: block;
        float: left;
    }

    #copDev a {
        font-size: 11px;
        font-family: 'ubuntulight';
        color: #ffffff;
        display: block;
        float: right;
    }

/*FIM FOOTER*/

@media screen and (max-width: 1370px) {
    #bannerSisport,
    #banner_historias {
        height: 550px;
        background-size: 1350px;
    }

    #bannerWebmonitor {
        height: 510px;
        background-size: 1350px;
    }

    #infoBannerSis {
        width: 380px;
        margin-right: 3%;
    }

    #infoBannerWeb {
        width: 450px;
        margin-right: 3%;
    }

        #infosHistorias h1,
        #infoBannerSis h1,
        #infoBannerWeb h1 {
            font-size: 33px;
            line-height: 36px;
        }

    #infoBannerSis p,
    .contentEmpresa01 h3,
    .contentEmpresa02 h3,
    #wrapLogin h2 {
        font-size: 19px;
    }

    #bannerSisport a {
        bottom: 20px;
    }

    .infosSoftware01 h2,
    .infosSoftware02 h2,
    .infosSoftware03 h2,
    #banner_politica h1,
    .contentPolitica div h2,
    .contentEmpresa01 h2,
    .contentEmpresa02 h2,
    #tresPilares > h2,
    .titles,
    .itemCases01 h2 {
        font-size: 40px;
        line-height: 45px;
    }

    #banner_contato {
        height: 450px;
        background-size: 1490px;
    }

    #infosContato h1 {
        font-size: 30px;
    }

    #infosContato p,
    #infosHistorias p,
    .itemCases02 p,
    #formLogin input[type="submit"] {
        font-size: 17px;
    }

    .wrapContentEmpresa01,
    .wrapContentEmpresa02,
    #bgHabilidades {
        padding: 60px 20px;
    }

    .ilustraEmpresa01 img,
    .ilustraEmpresa02 img {
        width: 300px;
    }

    .infosWebMonitor01 img,
    .infosWebMonitor02 img {
        padding: 0;
    }

    .recursosWebMonitor div img {
        max-width: 67px;
    }

    #wrapLogin a,
    .navSoftware2 a {
        font-size: 14px;
    }

    #formLogin label {
        font-size: 11px;
    }

    #formLogin input[type="text"],
    #formLogin input[type="password"] {
        padding: 5px 7px 5px 40px;
        margin-bottom: 10px;
        font-size: 17px;
    }

    .row5 {
        max-width: 22.2rem;
    }

    .navSoftware2,
    .contentTecItens {
        width: 590px;
    }
}

@media screen and (max-width: 1200px) {
    .paddingPorcents {
        padding: 100px 20px;
    }

    .itemSistema2 {
        width: 46%;
        margin-bottom: 30px;
    }

        .itemSistema2 h3 {
            min-height: 40px;
        }

    .contentEmpresa01 h2,
    .contentEmpresa02 h2,
    .contentEmpresa01 h3,
    .contentEmpresa02 h3,
    .contentEmpresa01 p,
    .contentEmpresa02 p,
    .contentSolucioneEmp h2,
    .contentSolucioneEmp p {
        width: 100%;
    }

    #textSolucaoEmp h2,
    .textContents h2 {
        font-size: 35px;
        line-height: 35px;
    }

    #textSolucaoEmp p {
        font-size: 25px;
    }

    .textContents h4 {
        font-size: 20px;
        line-height: 23px;
    }

    #navSolucaoEmp {
        width: 260px;
        margin: 0 auto;
        display: block;
        float: none;
    }

    .contentSolucioneEmp img {
        margin: 20px auto;
        float: none;
        display: block;
    }

    .contentSolucioneEmp p,
    .contentSolucioneEmp h2 {
        text-align: center;
        float: left;
    }

    .navSoftware2 a {
        width: 100%;
    }

    .contentSolucioneEmp a {
        width: 200px;
        margin: 0 auto;
        clear: both;
        float: none;
    }

    #section {
        height: auto;
        padding-top: 50px;
    }
}

@media screen and (max-width: 1024px) {
    .itemSistema {
        padding: 30px 20px;
    }

    #bg_infos {
        padding: 70px 20px;
    }

    #infosHomeContato01 {
        margin-bottom: 30px;
    }

        #infosHomeContato01 a {
            margin-left: 120px;
            margin-top: 30px;
        }

    #banner_empresa {
        background-size: 1335px;
        padding: 18% 20px;
    }

        #banner_empresa img {
            width: 180px;
        }

    #bannerSisport {
        height: 450px;
        background-size: 1000px;
    }

    #bannerWebmonitor {
        height: 380px;
        background-size: 1000px;
    }

    #banner_historias {
        height: 390px;
        background-size: 1000px;
    }

    #infoBannerSis {
        width: 300px;
        margin-right: 0;
    }

    #infoBannerWeb {
        width: 350px;
        margin-right: 0;
    }

    #infoBannerSis h1,
    #banner_politica h1,
    .contentPolitica div h2,
    #banner_historias h1,
    #wrapSubBannerCase div h2 {
        font-size: 28px;
        line-height: 35px;
    }

    #infoBannerWeb h1 {
        font-size: 20px;
        line-height: 25px;
    }

    #infoBannerSis p,
    #banner_historias p,
    .itemCases01 p,
    .itemCases02 p,
    #wrapSubBannerCase div p {
        font-size: 16px;
    }

    #bannerSisport a {
        background-size: 18px;
        font-size: 14px;
        padding-bottom: 15px;
    }

    .infosSoftware01 h2,
    .infosSoftware02 h2,
    .infosSoftware01 p,
    .infosSoftware02 p,
    #banner_politica h1 {
        width: 100%;
    }

    .infosSoftware01 h2,
    .infosSoftware02 h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 10px;
        background-position: left 4px;
        padding-left: 45px;
        background-size: 35px;
    }

    .infosSoftware03 h2 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 10px;
        padding-left: 90px;
        background-size: 70px;
    }

    .infosSoftware01 p,
    .infosSoftware02 p {
        padding-left: 45px;
    }

    #contentContato p {
        width: 580px;
        font-size: 25px;
        padding-left: 80px;
        background-size: 50px;
    }

    #banner_politica p {
        width: 450px;
    }

    .videoCases iframe {
        height: 380px !important;
    }

    .itemCases01,
    .itemCases02 {
        width: 300px;
    }

    #navBannerWeb a {
        font-size: 12px;
        padding: 7px 0;
    }

    #infoBannerWeb p {
        font-size: 14px;
    }

    .infosWebMonitor01 h2,
    .infosWebMonitor02 h2,
    .infosWebMonitor01 p,
    .infosWebMonitor02 p {
        width: 100%;
        float: left;
    }

    .infosWebMonitor01 h2,
    .infosWebMonitor02 h2,
    #boxTecnologiaUtil h3,
    #contentNavDuvidas h2 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media screen and (max-width: 830px) {
    .itemSistema svg {
        height: 70px;
    }

    .itemSistema h3,
    .contentEmpresa01 span,
    #tresPilares > h3,
    .itensAplicacao h3 {
        font-size: 17px;
        line-height: 22px;
    }

    .itemSistema {
        width: 46%;
        margin: 0px 2% 4% 2%;
    }

        .itemSistema p,
        .navSoftware a,
        .contentPolitica div p,
        .navItensPolitica a,
        .contentEmpresa01 p,
        .contentEmpresa02 p,
        #tresPilares > p,
        .pilares p,
        .itensAplicacao p,
        .navSoftware3 a {
            font-size: 14px;
            line-height: 18px;
        }

    .itemPodeMais,
    #infosHistorias div,
    #wrapSubBannerCase div,
    #boxTecnologiaUtil,
    #contentTecUtil {
        width: 50%;
    }

    #wrapSolucoesEmp,
    #bgNossoOrgulho {
        padding: 50px 20px;
    }

    #textSolucaoEmp,
    #SisWebEmp,
    .itensAplicacao,
    .contentTecItens p {
        width: 100%;
    }

    #textSolucaoEmp {
        margin-bottom: 30px;
    }

        #textSolucaoEmp h2,
        #textSolucaoEmp p {
            text-align: center;
            background-position: center top;
        }

    .itensAplicacao {
        margin: 15px 0;
    }

    #bgNossoOrgulho {
        min-height: 550px;
    }

    .itensOrgulho {
        width: 200px;
        height: 200px;
        border: 15px solid #ff0000;
    }

        .itensOrgulho h3 {
            font-size: 60px;
            line-height: 60px;
        }

    #wrapParteHistoria h3,
    .recursosWebMonitor h2 {
        font-size: 25px;
        line-height: 30px;
    }

    .recursosWebMonitor h2 {
        margin: 40px 0 30px 0;
    }

    #boxTecnologiaUtil {
        min-height: auto;
    }

    #contentNavDuvidas,
    #wrapQuests {
        height: auto;
        padding: 40px 20px;
    }
}

@media screen and (max-width: 700px) {
    #infosHomeContato02 h3,
    #infosHomeContato02 a,
    #infosContato02 h3,
    #infosContato02 a,
    .infosSoftware01,
    .infosSoftware02,
    .infosSoftware03,
    .contentEmpresa01,
    .contentEmpresa02,
    .ilustraEmpresa01,
    .ilustraEmpresa02,
    .textContents p,
    .textContents h4,
    .textContents,
    #wrapItensAplicacao,
    .ilustraContents,
    #wrapItensOrgulho,
    .itemCases01,
    .itemCases02,
    .infosWebMonitor01,
    .infosWebMonitor02,
    #boxTecnologiaUtil,
    #contentTecUtil,
    #contentNavDuvidas,
    #wrapQuests,
    #contentNavDuvidas h2,
    .navSoftware3 a,
    .contentDuvidas,
    #infoBannerWeb p {
        width: 100%;
    }

    #infosHomeContato01 h2 {
        background-size: 70px;
        font-size: 25px;
        line-height: 30px;
        padding-left: 90px;
    }

    #infosHomeContato01 a,
    #infosHomeContato02 h3,
    #infosHomeContato02 a {
        margin-left: 90px;
    }

    #infosHomeContato02 span,
    #infosContato02 span {
        display: none;
    }

    #infosContato h1,
    #infosContato02 h3,
    #infosContato02 a,
    #infosContato p {
        text-align: center;
        padding: 0;
    }

    #infosContato > a {
        margin: 0 auto;
        float: none;
        clear: both;
    }

    #infosContato h1 {
        background: none;
    }

    #bannerSisport {
        align-content: flex-end;
        background: url(../img/banner_sisport2.jpg) top no-repeat #9c0001;
    }

    #infoBannerSis {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

        #infoBannerSis h1 {
            font-size: 25px;
            line-height: 28px;
            margin-bottom: 10px;
        }

        #infoBannerSis p {
            width: 100%;
        }

    #bannerSisport a {
        position: relative;
        bottom: 0;
        margin: 20px 0 10px 0;
    }

    .infosSoftware01,
    .infosSoftware02,
    .infosSoftware03,
    .ilustraContents,
    .infosWebMonitor01,
    .infosWebMonitor02 {
        margin: 20px 0 0 0;
        padding: 0;
    }

    .wrapSoftware02,
    .wrapContentEmpresa01,
    .wrapWebMonitor01 {
        flex-wrap: wrap-reverse;
    }

    .infosSoftware01 h2,
    .infosSoftware02 h2 {
        font-size: 26px;
        line-height: 30px;
        padding: 3px 0 3px 45px;
    }

    .infosSoftware03 h2 {
        width: 370px;
        font-size: 26px;
        line-height: 30px;
        padding: 10px 0 10px 90px;
        float: none;
        margin: 0 auto;
    }

    .infosSoftware03 div {
        text-align: center;
    }

    .infosSoftware01 p,
    .infosSoftware02 p,
    .infosWebMonitor01,
    .infosWebMonitor02 {
        padding: 0 15px;
    }

    .contentSoftware03 {
        padding: 0px 20px 30px 20px;
    }

    #contentContato p {
        width: 420px;
        font-size: 18px;
        padding-left: 60px;
        margin: 50px auto;
        background-size: 40px;
    }

    #form {
        padding: 0;
    }

    .wrapContentEmpresa01,
    .wrapContentEmpresa02 {
        padding: 30px 20px 10px 20px;
    }

    .ilustraEmpresa01 img,
    .ilustraEmpresa02 img {
        width: 70px;
    }

    .ilustraEmpresa01 img {
        float: left;
    }

    .contentEmpresa02 h2,
    .contentEmpresa02 h3,
    .contentEmpresa02 p {
        text-align: left;
    }

    .contentEmpresa01 h2,
    .contentEmpresa02 h2,
    #wrapItensOrgulho,
    .videoCases {
        margin-top: 10px;
    }

    .borbot {
        border-bottom: 1px solid #d2d2d2;
    }

    .itensAplicacao {
        width: 50%;
        margin: 20px 0 0 0;
    }

        .itensAplicacao img {
            width: 100px;
        }

    .textContents {
        text-align: center;
    }

    .itemCases01,
    .itemCases02 {
        margin: 0;
    }

    .recursosWebMonitor > div {
        width: 48%;
    }

    #ilustraWebMonitor05 {
        display: none;
    }

    #boxTecnologiaUtil,
    #contentTecUtil {
        padding: 30px 20px;
    }

    #bannerWebmonitor {
        height: auto;
        padding-top: 250px;
        padding-bottom: 30px;
        background: url(../img/banner_webmonitor2.jpg) center top no-repeat #292929;
    }

    #infoBannerWeb {
        width: 100%;
        text-align: center;
        float: left;
    }

    #navBannerWeb {
        display: none;
    }
}

@media screen and (max-width: 650px) {
    #endRodape,
    #telEmailRodape,
    #copDev span,
    #copDev a,
    #wrapParteHistoria h3,
    #wrapSubBannerCase div,
    #poliPriva {
        width: 100%;
    }

        #endRodape,
        #telEmailRodape h3,
        #telEmailRodape a[rel="email"],
        #copDev span,
        #copDev a,
        #poliPriva {
            text-align: center;
        }

    #copDev span {
        margin-bottom: 30px;
    }

    #telEmailRodape h3,
    #poliPriva {
        margin-top: 20px;
    }

    #telEmailRodape a[rel="email"] {
        margin-bottom: 20px;
    }

    #telEmailRodape a[rel="trabCon"] {
        margin: 0 auto;
        float: none;
    }

    #banner_empresa {
        background-size: 870px;
        padding: 100px 20px;
    }

        #banner_empresa a {
            bottom: 10px;
            font-size: 14px;
            background-size: 16px;
            padding-bottom: 10px;
        }

    #wrapParteHistoria h3 {
        text-align: center;
        margin-bottom: 20px;
    }

    #wrapParteHistoria img {
        width: 180px;
        margin: 0 auto;
        display: block;
        float: none;
    }

    #wrapSubBannerCase div img {
        width: 200px;
    }
}

@media screen and (max-width: 600px) {
    .itemSistema2,
    .itemPodeMais,
    #banner_politica p,
    .pilares,
    .circle canvas,
    #infosHistorias div {
        width: 100%;
    }

        .itemSistema2 svg {
            height: 55px;
        }

        .itemSistema2 h3 {
            background-size: 20px;
            margin-top: 15px;
            font-size: 16px;
            min-height: 22px;
            line-height: 18px;
            padding-left: 32px;
        }

        .itemSistema2 p {
            padding-left: 32px;
            font-size: 14px;
            line-height: 20px;
        }

    #infosHomeContato01 h2 {
        width: 100%;
    }

    .navSoftware a {
        width: 50%;
    }

    .pilares,
    .itemPodeMais {
        margin-bottom: 10px;
    }

    .itemPodeMais {
        padding: 0 15px 0 60px;
    }

    #contentContato h3,
    #banner_politica p,
    #infosHistorias p,
    .itemCases02 span,
    .itemCases01 p,
    .itemCases02 p,
    #wrapSubBannerCase div p {
        font-size: 15px;
        line-height: 20px;
    }

    #wrapPilares {
        padding: 30px 0;
    }

    #tresPilares > h2,
    .contentEmpresa01 h2,
    .contentEmpresa02 h2,
    #textSolucaoEmp h2,
    .textContents h2,
    .titles,
    .itemCases01 h2 {
        font-size: 30px;
        line-height: 32px;
    }

    .pilares h3,
    #textSolucaoEmp p {
        font-size: 18px;
        margin: 5px 0;
    }

    #wrapCircles {
        margin: 40px 0 0px 0;
    }

    .circle {
        width: 100px;
    }

        .circle strong,
        .circle span,
        #infoBannerWeb h1 {
            font-size: 18px;
        }

        .circle span {
            margin-top: 10px;
        }
}

@media screen and (max-width: 500px) {
    #loginRodape p,
    #infosHomeContato01 a,
    #navPolitica a,
    .contentPolitica,
    #boxTecnologiaUtil h3,
    #boxTecnologiaUtil p {
        width: 100%;
    }

    #loginRodape p {
        text-align: center;
        margin: 0 0 20px 0;
    }

    #bgLogin3 {
        margin: 0 auto;
        float: none;
        clear: both;
    }

    .itemSistema {
        width: 92%;
        margin: 2% 4%;
    }

    #bg_infos,
    #wrapSolucoesEmp,
    #bgAplicacaoSolucoes,
    #tecnologiaUtilizada,
    #bgHabilidades,
    #bgNossoOrgulho {
        padding: 40px 20px;
    }

    #infosHomeContato01 h2 {
        background-size: 50px;
        font-size: 20px;
        line-height: 25px;
        padding-left: 70px;
    }

    #infosHomeContato01 a,
    #infosHomeContato02 h3,
    #infosHomeContato02 a {
        margin-left: 0px;
        text-align: center;
    }

    #contentContato p {
        width: 100%;
        font-size: 12px;
        padding-left: 30px;
        background-size: 20px;
        float: left;
    }

    .navItensPolitica {
        display: none;
    }

    .contentPolitica {
        padding: 0;
    }

        .contentPolitica div {
            margin-bottom: 20px;
        }

    .itensOrgulho {
        width: 160px;
        height: 160px;
        border: 10px solid #ff0000;
    }

        .itensOrgulho h3 {
            font-size: 45px;
            line-height: 45px;
        }

    .hoverItemOrgulho {
        background-size: 50px;
    }

    #wrapParteHistoria h3,
    #infosHistorias h1,
    #wrapSubBannerCase div h2,
    .infosWebMonitor01 h2,
    .infosWebMonitor02 h2,
    .recursosWebMonitor h2 {
        font-size: 20px;
        line-height: 25px;
    }

    .recursosWebMonitor div p,
    .recursosWebMonitor div h3 {
        font-size: 13px;
        line-height: 16px;
    }
}

@media screen and (max-width: 450px) {
    .paddingPorcents {
        padding: 50px 20px;
    }

    .navSoftware a,
    .contentSolucioneEmp img,
    .infosSoftware03 h2 {
        width: 100%;
    }
}

@media screen and (max-width: 400px) {
    #bannerSisport {
        background-size: 600px;
    }

    #form input[type="submit"],
    .recursosWebMonitor > div,
    .infosSoftware03 div {
        width: 100%;
    }

    .recursosWebMonitor div p {
        min-height: auto;
        margin-top: 15px;
    }
}