/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
::selection {
    background: #15539c;
    color: #2cc3ff;
}

@supports (-webkit-overflow-scrolling: touch) {
    .bgBannerInternoMenor::before,
    .bgBannerInicial::before {
        transform: unset !important;
        top: 0px;
    }
}

* {
    background-position: 0 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    outline: none;
    font-family: "Krub", sans-serif;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #ccc;
    ‹opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #ccc;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #ccc;
}

html {
    font-size: 62.5%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
a {
    padding: 0;
    margin: 0;
    text-decoration: none;
}

.noScroll {
    overflow-y: hidden !important;
}

#animation_container,
#animation_container2 {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100% !important;
    height: 100% !important;
}

#canvas,
#canvas2 {
    width: 100% !important;
    height: auto !important;
}

.all {
    perspective: 1px;
    -moz-perspective: 1px;
    -webkit-perspective: 1px;
    transform-style: preserve-3d;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    scroll-behavior: smooth;
    outline: solid 1px transparent;
}

    .all::-webkit-scrollbar {
        width: 8px;
        height: 10px;
    }

    .all::-webkit-scrollbar-track {
        background-color: #2cc3ff;
    }

        .all::-webkit-scrollbar-track:horizontal {
            border-radius: 5px;
        }

    .all::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #00507f;
    }

        .all::-webkit-scrollbar-thumb:horizontal {
            border-radius: 5px;
        }

body {
    overflow-x: hidden;
    height: 100%;
}

a,
button {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    display: block;
    cursor: pointer;
}

.centro {
    margin: 0 5vw;
}

ul {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

p,
ol,
ul,
span {
    margin: 0;
    padding: 0;
    list-style: none;
}

.overflow {
    overflow: hidden;
}

h1 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1d569b;
    text-align: center;
}

h2 {
    font-size: 2.4rem;
    font-weight: 300;
    color: #2cc3ff;
    letter-spacing: -1px;
    text-align: center;
}

h3 {
    font-size: 1.6rem;
    font-weight: 700;
    color: #1d569b;
    text-align: center;
}

.textCenter {
    text-align: center;
}

.actionButton {
    padding: 20px;
    background: #01d71f;
    border-radius: 150px;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
}

    .actionButton:hover {
        background: #fff;
        color: #01d71f;
        -webkit-box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
        -moz-box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
        box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
    }

.bgBannerHome {
    width: 100vw;
    height: auto;
    background-image: linear-gradient(#0074ff, #2cc3ff);
}

    .bgBannerHome .bgContent {
        padding-top: 50px;
        left: 5vw;
        left: 0;
        right: 0;
        padding-right: 5vw;
        display: flex;
        justify-content: space-between;
        overflow: hidden;
        height: auto;
    }

        .bgBannerHome .bgContent .lateralEsqBanner {
            width: 490px;
            padding-top: 3vw;
            padding-left: 5vw;
            animation-name: showTextBanner;
            animation-fill-mode: forwards;
            animation-duration: 0.8s;
            animation-iteration-count: 1;
            animation-delay: 0s;
            opacity: 0;
            margin-top: 100px;
            margin-right: 30px;
            padding-right: 20px;
            background: #fff;
            border-radius: 0 40px 40px 0;
            height: max-content;
            position: relative;
        }

@keyframes showTextBanner {
    0% {
        margin-top: 100px;
        opacity: 0;
    }

    100% {
        margin-top: 0;
        opacity: 1;
    }
}

.bgBannerHome .bgContent .lateralEsqBanner .imgFloat {
    position: absolute;
    height: 30vh;
    left: 5vw;
    right: 0;
    top: 320px;
    background: url(../images/imgManShairHomeSigeCloud.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bgBannerHome .bgContent .lateralEsqBanner h1 {
    text-align: left;
    color: #0074ff;
    font-weight: 200;
    font-size: 26px;
    position: relative;
    margin-bottom: 20px;
}

.bgBannerHome .bgContent .lateralEsqBanner h2 {
    text-align: left;
    color: #15539c;
    font-weight: 200;
    font-size: 16px;
    letter-spacing: normal;
    margin-bottom: 20px;
    position: relative;
}

.bgBannerHome .bgContent .lateralEsqBanner p {
    text-align: left;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
}

.bgBannerHome .bgContent .lateralEsqBanner .actionButton {
    width: max-content;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-bottom: 40px;
    position: relative;
}

.bgBannerHome .bgContent .lateralEsqBanner .bgVideo {
    width: 200px;
    height: 125px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/thumbVideoBanner.jpg);
}

    .bgBannerHome .bgContent .lateralEsqBanner .bgVideo::before {
        position: absolute;
        content: "";
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        background: black;
        opacity: 0.6;
    }

    .bgBannerHome .bgContent .lateralEsqBanner .bgVideo .icone {
        width: 50px;
        height: 36px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        background-image: url(../images/iconePlayYoutubeVideo.png);
    }

.bgBannerHome .bgContent .contDirBanner {
    width: calc(100% - 420px);
    position: relative;
    height: 650px;
}

    .bgBannerHome .bgContent .contDirBanner .coluna {
        width: calc(33.3333% - 20px);
        background: pink;
        border-radius: 20px 20px 0 0;
        background-image: linear-gradient(#023eb9, #167db9);
        height: 100%;
        position: absolute;
        transition: 0.4s;
    }

        .bgBannerHome .bgContent .contDirBanner .coluna .interno {
            width: 100%;
            height: 100%;
            padding-top: 3.5vw;
            padding-left: 3vw;
            padding-right: 3vw;
            position: relative;
        }

            .bgBannerHome .bgContent .contDirBanner .coluna .interno::before {
                width: 35%;
                height: 2px;
                content: "";
                position: absolute;
                background: #2cc3ff;
                top: 5.5vw;
                left: -17.5%;
                transition: 0;
                display: none;
            }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLite .interno::before, .bgBannerHome .bgContent .contDirBanner .colunaSigeMobi .interno::before {
        left: -22.5%;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeCloud {
        transform-origin: left bottom;
        left: 0;
        animation-name: showColuna;
        animation-fill-mode: forwards;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-delay: 0;
        opacity: 0;
        top: 50%;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLite {
        left: calc(33.3333% + 10px);
        animation-name: showColuna;
        animation-fill-mode: forwards;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-delay: 0.4s;
        opacity: 0;
        top: 50%;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLiteLeft {
        left: 20% !important;
        z-index: 20;
        transform-origin: left bottom;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLiteCenter {
        left: 25% !important;
        z-index: 20;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLiteRight {
        left: calc(44.3333% + 10px) !important;
        z-index: 20;
        transform-origin: right bottom;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeMobi {
        transform-origin: right bottom;
        right: 0;
        animation-name: showColuna;
        animation-fill-mode: forwards;
        animation-duration: 0.8s;
        animation-iteration-count: 1;
        animation-delay: 0.8s;
        opacity: 0;
    }

@keyframes showColuna {
    0% {
        top: 50%;
        opacity: 0;
    }

    100% {
        top: 0;
        opacity: 1;
    }
}

.bgBannerHome .bgContent .contDirBanner .colunaScaleMedio {
    transform: scale(0.9);
    filter: brightness(50%);
}

.bgBannerHome .bgContent .contDirBanner .colunaScalePequeno {
    transform: scale(0.8);
    filter: brightness(50%);
}

.bgBannerHome .bgContent .contDirBanner .colunaSelecionada {
    width: 55% !important;
    z-index: 50;
    box-shadow: 0px 10px 60px 0px rgba(0, 43, 94, 0.8);
}

    .bgBannerHome .bgContent .contDirBanner .colunaSelecionada .interno::before {
        opacity: 0;
    }

.bgBannerHome .bgContent .contDirBanner .coluna .logo {
    width: 160px;
    height: 45px;
    margin: 0 auto 3vw auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.bgBannerHome .bgContent .contDirBanner .coluna .text {
    font-size: 16px;
    color: #fff;
    text-align: center;
}

.bgBannerHome .bgContent .contDirBanner .coluna .imgTela {
    width: calc(100% - 2vw);
    height: calc(100% - 3vw - 230px);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -50px;
    right: 0;
    transition: 0.4s;
}

.bgBannerHome .bgContent .contDirBanner .coluna .imgTelaLoja {
    background-image: url(../images/print-sige-loja.png);
}

.bgBannerHome .bgContent .contDirBanner .coluna .imgTelaCloud {
    background-image: url(../images/telaSigeCloudBanner.png);
}

.bgBannerHome .bgContent .contDirBanner .coluna .imgTelaLite {
    background-image: url(../images/telaSigeLiteBanner.png);
}

.bgBannerHome .bgContent .contDirBanner .coluna .imgTelaMobi {
    background-image: url(../images/telaSigeMobiBanner.png);
    background-position: center top;
    width: 80%;
    right: 10%;
}

.bgBannerHome .bgContent .contDirBanner .coluna .bgHover {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px 20px 0 0;
    padding-top: 3.5vw;
    padding-left: 3vw;
    padding-right: 3vw;
    transition: 0.4s;
    top: 100%;
}

    .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .logo {
        margin: 0 auto 20px auto;
    }

    .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .text {
        color: #666;
    }

    .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .btFake {
        color: #fff;
        background: #01d71f;
        border-radius: 90px;
        height: 35px;
        padding: 0 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px;
        font-weight: 800;
        width: max-content;
        margin: 20px auto 0 auto;
    }

.bgBannerHome .bgContent .contDirBanner .colunaSelecionada .bgHover {
    top: 0;
}

.bgBannerHome .bgContent .contDirBanner .colunaSelecionada .imgTela {
    width: 110%;
}

.bgBannerHome .bgContent .contDirBanner .colunaSelecionada .imgTelaMobi {
    width: 80%;
}

.bgBannerInicial {
    box-sizing: border-box;
    height: 100vh;
    position: relative;
    width: 100vw;
}

    .bgBannerInicial::before {
        bottom: 0;
        top: 0;
        right: 0;
        left: 0;
        position: absolute;
        display: block;
        background-image: url(../images/nuvensFundo.jpg);
        background-size: cover;
        background-position: center;
        transform-origin: center center 0;
        transform: translateZ(-1px) scale(2);
        z-index: -1000;
        min-height: 100vh;
        content: "";
    }

    .bgBannerInicial * {
    }

.btPadrao {
    font-size: 1.4rem;
    padding: 1rem 2rem;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    font-weight: 900;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
}

.imgWoman {
    position: absolute;
    bottom: 1vh;
    top: 12vh;
    width: 50vw;
    right: -15vw;
    background-image: url(../images/bgbanner1.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right bottom;
    z-index: -1000;
    transform-origin: center center 0;
    transform: translateZ(-1px) scale(2);
}

.imgNuvens {
    box-sizing: border-box;
    height: 100vh;
    position: absolute;
    width: 100vw;
    background-image: url(../images/nuvens.png);
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}

.slider {
    width: 100%;
    margin: 0 auto;
}

.bannerInicial .slick-dots {
    float: left;
    width: 30px;
    bottom: 10rem;
    top: 50%;
    bottom: unset;
    left: 2%;
}

.bannerInicial {
    height: 100%;
}

    .bannerInicial .interno {
        height: calc(100vh);
        align-items: center;
        padding: 0 7vw;
        display: flex;
        /* flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; */
    }

        .bannerInicial .interno .contText {
            width: 30%;
            float: left;
        }

            .bannerInicial .interno .contText h2 {
                color: #fff;
                font-size: 4rem;
                font-weight: 700;
                letter-spacing: -2px;
                text-align: left;
            }

            .bannerInicial .interno .contText h3 {
                color: #fff;
                font-size: 1.6rem;
                font-weight: 300;
                margin-top: 3rem;
                margin-bottom: 4rem;
                text-align: left;
            }

            .bannerInicial .interno .contText .actionButton {
                padding: 3.3rem 6rem;
                background: #01d71f;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 100px;
                color: #fff;
                font-size: 1.8rem;
                text-align: center;
                font-weight: 700;
                float: left;
            }

                .bannerInicial .interno .contText .actionButton:hover {
                    background: #fff;
                    color: #01d71f;
                    -webkit-box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
                    -moz-box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
                    box-shadow: 0px 10px 53px 0px rgba(0, 0, 0, 0.33);
                }

        .bannerInicial .interno .imgLateral {
            width: 58%;
            float: right;
            height: 70vh;
            margin-top: 10vh;
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
        }

.setas {
    position: absolute;
    bottom: 25vh;
    left: 7vw;
}

    .setas a {
        width: 42px;
        height: 42px;
        background: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        text-align: center;
        padding-top: 10px;
        float: left;
        cursor: pointer;
        -webkit-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
        -moz-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
        box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
    }

        .setas a svg {
            fill: #32b7df;
            width: 15px;
            display: block;
            margin: 3px 0 0 12px;
        }

    .setas .dir {
        margin-left: 1rem;
    }

        .setas .dir svg {
            transform: rotate(180deg);
            margin-left: 14px;
        }

    .setas a:hover {
        background: #15539c;
    }

        .setas a:hover svg {
            fill: #2cc3ff;
        }

header {
    position: absolute;
    left: 5vw;
    right: 8px;
    height: 168px;
    top: 0;
    z-index: 1000;
    transition: all 300ms ease-in-out;
}

    header .logo {
        width: 190px;
        height: 70px;
        float: left;
        margin-top: 8rem;
    }

.cls-1 {
    fill: #4cbfee;
}

.cls-2 {
    fill: #fff;
}

.sticky .cls-2 {
    fill: #0074ff;
}

header .logo svg {
    fill: #fff;
}

header .submenuFuncionalidades {
    position: absolute;
    height: 400px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 110%;
    left: 0;
    right: 5vw;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.48);
    box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.48);
    height: 0;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.submenuFuncionalidadesAberto {
    height: 460px !important;
    opacity: 1 !important;
}

header .submenuFuncionalidades .colunaFuncionalidade {
    width: 17.857%;
    height: 100%;
    position: relative;
    float: left;
    border-right: 1px solid #e5e5e5;
    padding: 2vw;
}

header .submenuFuncionalidades .colunaMaior {
    width: 28.57%;
    border-right: none;
    padding: 0;
    display: flex;
    flex-direction: column;
}

    header .submenuFuncionalidades .colunaMaior a {
        width: 100%;
        height: 50%;
        background-image: url(../images/bannerMenuSigeBank.png);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

        header .submenuFuncionalidades .colunaMaior a:last-child {
            background-image: url(../images/bannerMenuSigeLoja.jpg);
        }

.colunaFuncionalidade .title {
    font-weight: 700;
    color: #15539c;
    font-size: 1.5rem;
    display: inline-block;
    margin-bottom: 1rem;
}

.colunaFuncionalidade .link {
    font-weight: 300;
    color: #666;
    font-size: 1.3rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

    .colunaFuncionalidade .link:hover {
        color: #028dcd;
    }

.colunaFuncionalidade .bts {
    width: 100%;
    height: 100%;
    padding: 1.6vw 2vw;
    align-content: center;
}

.colunaFuncionalidade .bt1 {
    background-image: url(../images/btMeuSige.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-grid;
}

    .colunaFuncionalidade .bt1 svg {
        display: block;
        width: 11vw;
        fill: #fff;
    }

    .colunaFuncionalidade .bt1 p {
        font-size: 1.4rem;
        color: #fff;
        font-weight: 700;
        margin-top: 2rem;
        width: 80%;
    }
/* .colunaFuncionalidade .bt2 {
  background-image: url(../images/miniBannerSigeMobi.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
} */

.colunaFuncionalidade .bt2 .titulo {
    width: 100%;
    position: relative;
}

    .colunaFuncionalidade .bt2 .titulo h3 {
        color: #fff;
        font-size: 1.8rem;
        font-weight: 700;
        width: 60%;
        margin-bottom: 1rem;
        text-align: left;
        display: flex;
        align-items: center;
    }

        .colunaFuncionalidade .bt2 .titulo h3 svg {
            fill: #fff;
            width: 40px;
            height: 40px;
            display: inline-block;
            margin-right: 1rem;
        }

.colunaFuncionalidade .bt2 p {
    color: #ccc;
    font-size: 1.3rem;
    width: 50%;
    margin-bottom: 1rem;
}

.colunaFuncionalidade .bt2 .links {
    position: absolute;
    bottom: 30px;
    left: 30px;
    display: flex;
}

    .colunaFuncionalidade .bt2 .links .apps {
        width: 120px;
        height: 40px;
        background: #222;
        margin-right: 1rem;
        float: left;
        border: 2px solid #656565;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 1rem;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

        .colunaFuncionalidade .bt2 .links .apps svg {
            display: block;
            fill: #fff;
            width: 100%;
        }

        .colunaFuncionalidade .bt2 .links .apps:hover {
            background: #fff;
            border: 2px solid #fff;
        }

            .colunaFuncionalidade .bt2 .links .apps:hover svg {
                fill: #222;
            }

.btsAcessoExperimente {
    width: 350px;
    height: 100%;
    float: right;
    right: 0;
}

    .btsAcessoExperimente a {
        width: 100%;
        height: 50%;
        text-align: center;
        font-size: 1.6rem;
        font-weight: bold;
        padding-top: 3rem;
    }

        .btsAcessoExperimente a svg {
            width: 30px;
            display: inline-block;
            margin-bottom: -10px;
            margin-right: 10px;
        }

    .btsAcessoExperimente .btAcesso {
        background: #fff;
        color: #2cc3ff;
    }

        .btsAcessoExperimente .btAcesso:hover {
            background: #1d569b;
            color: #fff;
        }

            .btsAcessoExperimente .btAcesso:hover svg {
                fill: #2cc3ff;
            }

        .btsAcessoExperimente .btAcesso svg {
            fill: #2cc3ff;
        }

    .btsAcessoExperimente .btExperimente {
        background: #01d71f;
        color: #fff;
        border-radius: 0 0 0 30px;
    }

        .btsAcessoExperimente .btExperimente svg {
            fill: #fff;
        }

        .btsAcessoExperimente .btExperimente:hover {
            background: #00bd1a;
        }

.linksApp {
    width: 370px;
    height: 50%;
    float: right;
    border-left: 1px solid #99dbef;
    border-radius: 0 0 0 30px;
    border-bottom: 1px solid #99dbef;
    align-items: center;
    display: flex;
    padding-left: 3rem;
}

    .linksApp a {
        width: 140px;
        height: 45px;
        float: left;
        margin-right: 3rem;
        margin-top: 1.5rem;
    }

        .linksApp a svg {
            fill: #fff;
        }

    .linksApp .iOS {
        width: 130px;
    }

header .menuPrincipal {
    float: right;
    width: calc(100% - 640px);
    margin-top: 2.5rem;
    margin-right: 3rem;
    display: flex;
    justify-content: flex-end;
}

    header .menuPrincipal li {
        float: right;
        margin-left: 3%;
    }

    header .menuPrincipal .linksMobile {
        display: none;
    }

    header .menuPrincipal li:last-child {
        margin-left: 0;
    }

    header .menuPrincipal li a {
        font-size: 1.4rem;
        color: #fff;
        font-weight: 700;
        padding: 0.7rem 1rem;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
    }

        header .menuPrincipal li a .setaMobile {
            display: none;
            width: 15px;
            fill: #2cc3ff;
            -ms-transform: rotate(180deg); /* IE 9 */
            -webkit-transform: rotate(180deg); /* Safari 3-8 */
            transform: rotate(180deg);
            float: right;
        }

        header .menuPrincipal li a:hover {
            background: #fff;
            color: #15539c;
        }

.menuPrincipalSelecionado {
    background: #fff !important;
    color: #15539c !important;
}

header .menuPrincipal .submenuNormal {
    position: absolute;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    top: 90%;
    -webkit-box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 10px 63px 0px rgba(0, 0, 0, 0.2);
    height: 0vh;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    padding: 0rem 1.5rem;
}

header .tituloSubmenu {
    display: none;
}

header .btFecharSub {
    display: none;
}

.submenuNormalVisivel {
    height: auto !important;
    opacity: 1 !important;
    padding: 2rem 1.5rem !important;
}

header .menuPrincipal .submenuNormal a {
    color: #666;
    padding-left: 2rem;
    padding-right: 2rem;
}

    header .menuPrincipal .submenuNormal a:hover {
        color: #fff;
        background: #2cc3ff;
        cursor: pointer;
    }

header .menuPrincipal .btExperimente {
    display: none;
}

header .btAbrirMenuMobile {
    display: none;
}

    header .btAbrirMenuMobile .fechar {
        display: none;
    }

.btDescer {
    margin-left: 10vh;
    margin-bottom: 50px;
    width: 150px;
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
}

    .btDescer div {
        width: 24px;
        height: 40px;
        border: 2px solid #fff;
        float: left;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        margin-right: 1rem;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .btDescer div span {
            display: block;
            width: 8px;
            height: 8px;
            border: 2px solid #fff;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
            margin: 5px auto 0 auto;
            -webkit-animation: mouseAnimation 1.5s infinite; /* Safari 4.0 - 8.0 */
            animation: mouseAnimation 1.5s infinite;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    .btDescer:hover div {
        background: #fff;
    }

        .btDescer:hover div span {
            background: #2cc3ff;
            border-color: #2cc3ff;
        }

.spaceTop {
    margin-top: 15rem;
}

.centro960 {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

.centro1250 {
    width: 1250px;
    margin-left: auto;
    margin-right: auto;
}

.numberBalls {
    margin-top: 3rem;
    width: 100%;
}

    .numberBalls .ball {
        width: 241px;
        height: 241px;
        background: #fff;
        border: 5px solid #ecfafd;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
        text-align: center;
        padding-top: 5rem;
        margin: auto;
    }

        .numberBalls .ball span {
            color: #2cc3ff;
            font-size: 1.4rem;
            font-weight: 700;
            display: block;
            width: 50%;
            margin-left: auto;
            margin-right: auto;
        }

        .numberBalls .ball p {
            color: #ffb300;
            font-size: 6rem;
            font-weight: 300;
            margin-top: 0;
        }

    .numberBalls .two {
        padding-top: 4rem;
    }

    .numberBalls .tree {
        padding-top: 5.5rem;
    }

    .numberBalls .testei {
        height: 200px;
    }

.whiteBg {
    width: 100%;
    background: #fff;
    display: grid;
    position: relative;
    z-index: 10;
    padding-left: 5vw;
    padding-right: 5vw;
}

.cloudsDownBack {
    transform-origin: center center 0;
    transform: translateZ(-0.2px) scale(1.7);
    z-index: 1;
    width: 100%;
    height: 280px;
    background-image: url(../images/cloudDownBack.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
}

.cloudsDown {
    width: 100%;
    background-image: url(../images/cloudDownFront.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 165px;
    position: relative;
    z-index: 10;
}

.bgFuncionalidades {
    width: 100%;
    background-image: url(../images/bgFuncionalidades2.jpg);
    /*z-index:0;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-top: -280px;
    padding-top: 350px;
    overflow: hidden;
    padding-bottom: 0;
    padding-left: 5vw;
    padding-right: 5vw;
}

.biggerContent {
    width: 60%;
    position: relative;
    z-index: 7;
}

.bgFuncionalidades .biggerContent * {
    text-align: left;
}

.bgFuncionalidades .biggerContent h3 {
    color: #008fc7;
}

.bgFuncionalidades .biggerContent h1 {
    color: #004e7c;
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: -1px;
    width: 65%;
}

.bgFuncionalidades .biggerContent h2 {
    color: #004e7c;
    font-weight: 700;
    font-size: 2.5rem;
    letter-spacing: -1px;
}

    .bgFuncionalidades .biggerContent h2 b {
        color: #fff;
        font-weight: 300;
        font-size: 3rem;
    }

.comparePlanosMobile {
    display: none;
}
/* MENU FUNCIONALIDADES======================================== */
.tabs {
    position: relative;
    width: 100%;
    height: 600px;
    margin-top: 3rem;
}

    .tabs nav {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        width: 300px;
    }

        .tabs nav a {
            color: #fff;
            font-weight: 700;
            font-size: 1.4rem;
            padding: 1.3rem 1.6rem 1.3rem 3rem;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            width: 100%;
        }

            .tabs nav a .seloNovo {
                display: inline-block;
                background: red;
                border-radius: 90px;
                color: #fff;
                font-size: 11px;
                font-weight: bold;
                text-transform: uppercase;
                padding: 3px 8px;
                text-align: center;
                margin-left: 10px;
            }

            .tabs nav a svg {
                display: none;
                float: right;
                fill: #2cc3ff;
                width: 20px;
            }

            .tabs nav a:hover {
                color: #2cc3ff;
                background-color: rgba(255, 255, 255, 0.5);
            }

            .tabs nav a.selected {
                color: #2cc3ff;
                background-color: #fff;
            }

                .tabs nav a.selected svg {
                    display: inline-block;
                }

    .tabs .content {
        position: absolute;
        top: 0px;
        left: 340px;
        width: 0px;
        height: 85%;
        overflow: hidden;
        opacity: 0;
        transition: opacity 0.2s linear 0s;
    }

        .tabs .content::-webkit-scrollbar {
            width: 8px;
            height: 10px;
        }

        .tabs .content::-webkit-scrollbar-track {
            background-color: transparent;
        }

            .tabs .content::-webkit-scrollbar-track:horizontal {
                border-radius: 5px;
            }

        .tabs .content::-webkit-scrollbar-thumb {
            border-radius: 4px;
            background-color: #00507f;
        }

            .tabs .content::-webkit-scrollbar-thumb:horizontal {
                border-radius: 5px;
                position: absolute;
                top: 0px;
                left: 340px;
                width: 0px;
                height: 100%;
                overflow: hidden;
                opacity: 0;
                transition: opacity 0.2s linear 0s;
            }

        .tabs .content.visible {
            width: calc(100% - 340px);
            overflow-y: auto;
            opacity: 1;
        }

        .tabs .content h2 {
            color: #004e7c;
            font-weight: 700;
            margin-bottom: 3rem;
        }

        .tabs .content p {
            color: #004e7c;
        }

        .tabs .content ul li {
            font-size: 1.5rem;
            color: #004e7c;
            margin-bottom: 0.5rem;
        }

            .tabs .content ul li svg {
                display: inline-block;
                width: 16px;
                margin-right: 10px;
                margin-bottom: -3px;
                fill: #fff;
            }

        .tabs .content .tags li {
            float: left;
            margin-bottom: 0.5rem;
            margin-right: 0.5rem;
        }

        .tabs .content .tags {
            margin-top: 3rem;
        }

            .tabs .content .tags li a {
                border: 2px solid #89d7ef;
                padding: 0.5rem 1rem;
                color: #fff;
                font-weight: 700;
                font-size: 1.2rem;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px;
            }

                .tabs .content .tags li a:hover {
                    background: #fff;
                    color: #2cc3ff;
                    border: 2px solid #fff;
                }

        .tabs .content .btPadrao {
            background: #01567f;
            color: #fff;
            margin-top: 2rem;
        }

            .tabs .content .btPadrao:hover {
                background: #fff;
                color: #2cc3ff;
            }

.setaSelectMobile {
    display: none;
    position: absolute;
    fill: #fff;
    width: 13px;
    top: 17px;
    right: 20px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Safari 3-8 */
    transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.setaSelectMobileAtiva {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari 3-8 */
    transform: rotate(90deg);
}

.tabs .selecioneAbaixo {
    color: #fff;
    font-weight: 700;
    font-size: 1.6rem;
    width: 100%;
    margin-bottom: 1rem;
    text-align: center;
    display: none;
}
/* ======================================== */

.textoPadrao {
    font-size: 1.5rem;
    color: #666;
    font-weight: 300;
    line-height: 22px;
}

    .textoPadrao b {
        font-weight: 700;
    }

    .textoPadrao a {
        display: inline-block;
        color: #2cc3ff;
    }

.imgMan {
    position: absolute;
    bottom: 1vh;
    top: 27rem;
    width: 26vw;
    height: 93rem;
    right: 8vw;
    background-image: url(../images/imgManFuncionalidadesSigeCloud.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right top;
}

.imgCloudFront {
    right: 5vw;
    background-image: url(../images/nuvemParalaxSigeCloud.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    margin-top: -22rem;
    position: absolute;
    width: 576px;
    height: 351px;
    -webkit-animation: nuvem 7s infinite; /* Safari 4.0 - 8.0 */
    animation: nuvem 7s infinite;
}

.imgCloudBack {
    right: -51vw;
    background-image: url(../images/nuvem2ParalaxSigeCloud.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right top;
    z-index: 1;
    margin-top: -26rem;
    position: absolute;
    width: 460px;
    height: 296px;
    transform-origin: center center 0;
    transform: translateZ(-1px) scale(2);
}

.sessaoTabela {
    height: 1000px;
    background: #fff;
    padding-top: 12rem;
    position: relative;
    overflow: hidden;
    padding-left: 5vw;
    padding-right: 5vw;
}

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

    .sessaoTabela h2 {
        font-size: 3rem;
        margin-bottom: 3rem;
    }

    .sessaoTabela h3 {
        margin-bottom: 0rem;
    }

    .sessaoTabela .columnSige {
        margin-top: 0;
        -webkit-border-radius: 30px 30px 0 0;
        -moz-border-radius: 30px 30px 0 0;
        border-radius: 30px 30px 0 0;
        background: #fff;
        -webkit-box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
        -moz-box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
        box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
        z-index: 2;
    }

        .sessaoTabela .columnSige svg {
            width: 60%;
            margin: 3.5rem auto 0 auto;
            display: block;
            fill: #2cc3ff;
        }

    .sessaoTabela .firstColumn {
        margin-top: 97px;
        width: 30%;
        background: #2cc3ff;
        -webkit-border-radius: 10px 0 0 10px;
        -moz-border-radius: 10px 0 0 10px;
        border-radius: 10px 0 0 10px;
        color: #fff;
        font-weight: 700;
        font-size: 1.5rem;
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 4rem;
    }

        .sessaoTabela .firstColumn a {
            line-height: normal;
            color: #fff;
            height: 51px;
            display: flex;
            align-items: center;
            font-size: 14px;
        }

    .sessaoTabela .columns {
        width: 17.5%;
    }

        .sessaoTabela .columns h5 {
            width: 100%;
            text-align: center;
            color: #666;
            font-size: 1.5rem;
            margin-top: 40px;
        }

        .sessaoTabela .columns .bgIcones {
            width: 100%;
            text-align: center;
            background: #fff;
            height: calc(100% - 97px);
            margin-top: 38px;
            position: relative;
            padding-top: 1rem;
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
        }

            .sessaoTabela .columns .bgIcones span {
                display: block;
                width: 1px;
                background: #e5e5e5;
                position: absolute;
                top: 40px;
                bottom: 40px;
                right: 0;
            }

    .sessaoTabela .last {
        -webkit-border-radius: 0 10px 10px 0;
        -moz-border-radius: 0 10px 10px 0;
        border-radius: 0 10px 10px 0;
        border-right: 1px solid #e5e5e5;
    }

    .sessaoTabela .textArraste {
        display: none;
    }

.bgColunas {
    display: inline-flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    width: 100%;
}

.textArraste {
    display: none;
}

.sessaoTabela .columnSige .bgIcones {
    margin-top: 23px;
    height: calc(100% + 15px);
    padding-top: 1rem;
    border-top: none;
    border-bottom: none;
}

    .sessaoTabela .columnSige .bgIcones .melhorEscolha {
        left: 0;
        right: 0;
        height: 60px;
        background-image: linear-gradient(to bottom right, #2cc3ff, #0074ff);
        color: #fff;
        font-weight: 700;
        text-align: center;
        padding-top: 2.2rem;
        font-size: 1.4rem;
        text-transform: uppercase;
        bottom: 52px;
        position: absolute;
    }

    .sessaoTabela .columnSige .bgIcones a {
        position: absolute;
        right: -20px;
        left: -20px;
        padding-top: 2rem;
        text-transform: uppercase;
        height: 60px;
        background: #01d71f;
        color: #fff;
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
        bottom: -5px;
    }

        .sessaoTabela .columnSige .bgIcones a:hover {
            background: #00a717;
        }

        .sessaoTabela .columnSige .bgIcones a svg {
            fill: #fff;
            display: inline-block;
            width: 20px;
            margin-bottom: -4px;
            margin-right: 10px;
            margin-top: 0;
        }

.sessaoTabela .columns .bgIcones svg {
    display: block;
    width: 20px;
    margin: 31px auto;
    text-align: center;
    fill: #01d71f;
}

.sessaoTabela .columns .bgIcones .no {
    fill: #d63d01;
    width: 15px;
    height: 20px;
}

.imgBackTabela {
    position: absolute;
    width: 843px;
    height: 470px;
    background: url(../images/imgTabelaComparativaSigeCloud.jpg);
    background-position: right center;
    background-repeat: no-repeat;
    right: 5vw;
    top: 20%;
    background-size: contain;
}

.sessaoContadores {
    width: 95%;
    position: relative;
    background-image: url(../images/bgContadores.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right center;
    -webkit-border-radius: 0 20px 20px 0;
    -moz-border-radius: 0 20px 20px 0;
    border-radius: 0 20px 20px 0;
    display: flex;
    align-content: center;
    padding: 10rem 0 10rem 5vw;
}

    .sessaoContadores .biggerContent {
        width: 40%;
    }

    .sessaoContadores h2 {
        font-size: 3rem;
        margin-bottom: 2.5rem;
        text-align: left;
        color: #fff;
    }

    .sessaoContadores h3 {
        margin-bottom: 1rem;
        text-align: left;
        color: #fff;
    }

    .sessaoContadores p {
        color: #fff;
    }

    .sessaoContadores .btPadrao {
        background: #fff;
        color: #0071bd;
        margin-top: 4rem;
    }

        .sessaoContadores .btPadrao:hover {
            background: #2cc3ff;
            color: #fff;
        }

    .sessaoContadores .imgContadores {
        position: absolute;
        right: 5vw;
        left: 0;
        top: -16rem;
        bottom: 0;
        background-image: url(../images/imgContadoresSigeCloud.png);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: contain;
    }

.bgListaParceirosHome {
    padding-top: 8rem;
    padding-bottom: 12rem;
}

.listaParceirosHome {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
}

    .listaParceirosHome a {
        width: 12%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        height: 66px;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        opacity: 0.5;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .listaParceirosHome a:hover {
            -webkit-filter: unset;
            filter: unset;
            opacity: 1;
        }

.bgNoticiasComentarios {
    overflow: hidden;
    margin-right: 0;
}

    .bgNoticiasComentarios .noticiasHome {
        width: 43%;
        margin-left: 5vw;
    }

        .bgNoticiasComentarios .noticiasHome h2,
        .bgNoticiasComentarios .noticiasHome h3 {
            text-align: left;
        }

        .bgNoticiasComentarios .noticiasHome .bgNews {
            width: 45%;
            margin-top: 3rem;
        }

            .bgNoticiasComentarios .noticiasHome .bgNews .bgImg {
                width: 100%;
                height: 200px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                background-color: #0074ff;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                margin-bottom: 3rem;
                -webkit-box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
                -moz-box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
                box-shadow: 0px 5px 27px 5px rgba(0, 0, 0, 0.17);
            }

            .bgNoticiasComentarios .noticiasHome .bgNews span {
                font-weight: 300;
                color: #999;
                font-size: 1.4rem;
                display: inline-block;
                margin-bottom: 1rem;
            }

            .bgNoticiasComentarios .noticiasHome .bgNews h5 {
                font-weight: 700;
                color: #1d569b;
                font-size: 1.5rem;
                margin-bottom: 1rem;
                height: 48px;
            }

    .bgNoticiasComentarios .comentariosHome {
        width: 48%;
    }

        .bgNoticiasComentarios .comentariosHome .bgComentarios {
            width: 100%;
            border: 2px solid #cdeef7;
            -webkit-border-radius: 40px 0 0 40px;
            -moz-border-radius: 40px 0 0 40px;
            border-radius: 40px 0 0 40px;
            height: 440px;
            display: flex;
            align-items: center;
        }

.sliderDepoimentos {
}

    .sliderDepoimentos .slick-dots {
        bottom: -62px;
    }

        .sliderDepoimentos .slick-dots li.slick-active button:before {
            color: #2cc3ff;
        }

        .sliderDepoimentos .slick-dots li button:before {
            color: #2cc3ff;
        }

    .sliderDepoimentos .bg {
        text-align: center;
    }

    .sliderDepoimentos div svg {
        width: 45px;
        display: block;
        fill: #15539c;
        margin: 0 auto;
    }

    .sliderDepoimentos .bg p {
        color: #1d569b;
        text-align: center;
        margin: 3rem 10% 0 10%;
    }

    .sliderDepoimentos .bg .bgFoto .foto {
        width: 6vw;
        height: 6vw;
        border: 3px solid #2cc3ff;
        -webkit-border-radius: 82px;
        -moz-border-radius: 82px;
        border-radius: 82px;
        background-color: #fff;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        margin: 3rem auto;
        padding-top: 3px;
        -webkit-box-shadow: 0px 14px 65px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 14px 65px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 14px 65px 10px rgba(0, 0, 0, 0.2);
    }

    .sliderDepoimentos .bg span {
        color: #00507c;
        font-weight: 300;
        text-align: center;
        width: 400px;
        font-size: 1.5rem;
        margin: 0 auto;
        display: block;
    }

.bgFooter {
    background: white;
    padding-top: 15rem;
}

footer {
    background: #0052b4;
    -webkit-border-radius: 40px 40px 0 0;
    -moz-border-radius: 40px 40px 0 0;
    border-radius: 40px 40px 0 0;
    margin-right: 5vw;
    margin-left: 5vw;
    overflow: hidden;
}

    footer .steps {
        width: 100%;
        border-bottom: 1px solid #266cbf;
        padding: 7rem 5vw;
        position: relative;
    }

    footer .stepsFinal {
        border-bottom: 0;
        padding: 7rem 5vw 11rem 5vw;
    }

    footer .steps h2 {
        font-size: 1.8rem;
        font-weight: 700;
        color: #2cc3ff;
        text-align: left;
    }

    footer .imgBg {
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        background-image: url(../images/bgRodapeSigeCloud.jpg);
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 76% auto;
    }

    footer .logo {
        width: 200px;
    }

        footer .logo svg {
            fill: #fff;
        }

    footer .bgColunasFooter {
        display: flex;
        position: relative;
        margin-top: 5rem;
        z-index: 2;
        justify-content: space-between;
    }

        footer .bgColunasFooter .colunaFuncionalidade {
            width: 14vw;
        }

        footer .bgColunasFooter .colunaMais {
            width: 17vw;
        }

    footer h4 {
        color: #fff;
        font-size: 2rem;
    }

    footer .bgColunasFooter .colunaFuncionalidade span {
        font-weight: 700;
        color: #fff;
        font-size: 1.6rem;
        display: inline-block;
    }

    footer .bgColunasFooter .colunaFuncionalidade p,
    footer .bgColunasFooter .colunaFuncionalidade a {
        font-weight: 300;
        color: #68c7ff;
        font-size: 1.4rem;
        margin-top: 1rem;
    }

        footer .bgColunasFooter .colunaFuncionalidade a:hover {
            color: #fff;
        }

    footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais {
        width: 80px;
        height: 80px;
        border: 3px solid #1363c2;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        float: left;
        margin-right: 1rem;
        margin-bottom: 1rem;
    }

        footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais svg {
            width: 28px;
            display: block;
            text-align: center;
            margin-top: 2.2rem;
            margin-left: 2.3rem;
            fill: #2cc3ff;
        }

        footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais:hover {
            background: #2cc3ff;
        }

            footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais:hover svg {
                fill: #0052b4;
            }

    footer .stepsFinal .bgColunasFooter {
        margin-top: 0;
    }

.linkGooglePlay svg,
.linkAppleStore svg {
    fill: #fff;
}

.linkGooglePlay {
    width: 140px;
    height: 35px;
}

.linkAppleStore {
    width: 140px;
    height: 35px;
}

.btLigamosParaVoceFixo {
    position: fixed;
    width: 312px;
    height: 95px;
    background-image: url(../images/bgLigamosParaVoceFixo.png);
    background-position: right 20px;
    z-index: 900;
    background-repeat: no-repeat;
    bottom: -14px;
    right: 2vw;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .btLigamosParaVoceFixo a {
        display: block;
        display: flex;
    }

    .btLigamosParaVoceFixo .foto {
        width: 94px;
        height: 94px;
        background-image: url(../images/fotoAtendente.jpg);
        background-position: center;
        background-repeat: no-repeat;
        margin-top: 1px;
        margin-left: -40px;
        border: 3px solid #2cc3ff;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        position: relative;
    }

    .btLigamosParaVoceFixo p {
        color: #fff;
        font-weight: 700;
        float: left;
        margin-top: 41px;
        margin-left: 38px;
        font-size: 1.6rem;
    }

    .btLigamosParaVoceFixo .foto span {
        width: 48px;
        height: 48px;
        background: #fff;
        display: block;
        margin-left: 66px;
        margin-top: 24px;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        border-radius: 60px;
        padding-top: 8px;
    }

    .btLigamosParaVoceFixo .foto::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        background: #2cc3ff;
        z-index: -1;
        -webkit-border-radius: 200px;
        -moz-border-radius: 200px;
        border-radius: 200px;
        -webkit-animation: efeitoFoto 3s infinite; /* Safari 4.0 - 8.0 */
        animation: efeitoFoto 3s infinite;
    }

    .btLigamosParaVoceFixo .foto span svg {
        fill: #1d569b;
        width: 26px;
        display: block;
        margin-left: 11px;
        -webkit-animation: celular 1.5s infinite; /* Safari 4.0 - 8.0 */
        animation: celular 1.5s infinite;
    }

    .btLigamosParaVoceFixo .form {
        width: 304px;
        height: 266px;
        background: #028af1;
        margin-top: -14px;
    }

        .btLigamosParaVoceFixo .form p {
            width: 100%;
            text-align: center;
            margin: 0.5rem 0 0.2rem 0;
        }

        .btLigamosParaVoceFixo .form .title {
            display: none;
        }

        .btLigamosParaVoceFixo .form .campo {
            width: 80%;
            margin-left: 10%;
            border: none;
            text-align: center;
            font-weight: 900;
            color: #01567f;
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
            background: #fff;
            padding: 1rem;
            font-size: 1.6rem;
        }

        .btLigamosParaVoceFixo .form .btPadrao {
            width: 80%;
            margin-left: 10%;
            border: 2px solid #fff;
            background: transparent;
            color: #fff;
            margin-top: 1rem;
        }

            .btLigamosParaVoceFixo .form .btPadrao:hover {
                background: #fff;
                color: #01567f;
            }

    .btLigamosParaVoceFixo .msgSucesso {
        width: 304px;
        height: 266px;
        background: #028af1;
        margin-top: -15px;
    }

        .btLigamosParaVoceFixo .msgSucesso svg {
            width: 75px;
            margin: 0 auto;
            display: block;
            fill: #01d71f;
            padding-top: 2rem;
        }

        .btLigamosParaVoceFixo .msgSucesso p {
            text-align: center;
            margin: 1rem 0 2rem 0;
            padding: 0 10%;
            font-weight: 300;
        }

        .btLigamosParaVoceFixo .msgSucesso b {
            text-align: center;
            margin: 1rem auto 0 auto;
            color: #01567f;
            display: flex;
            cursor: pointer;
            width: 50%;
            background: #fff;
            justify-content: center;
        }

.btLigamosParaVoceFixoAberto {
    height: 340px;
}

.btLigamosParaVoceFixoAbertoMobile {
    height: 400px;
    width: 100% !important;
}

    .btLigamosParaVoceFixoAbertoMobile a .foto {
        margin-left: 0;
        margin-right: 36vw;
    }

.bgPromoFixa {
    width: 50vw;
    height: 60px;
    background: #15539c;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    position: fixed;
    left: 5vw;
    bottom: 0;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-items: stretch;
}

    .bgPromoFixa p {
        float: left;
        color: #2cc3ff;
        font-size: 1.6rem;
        width: 100%;
        margin-left: 2rem;
    }

    .bgPromoFixa a {
        float: right;
        color: #fff;
        background: #01d71f;
        padding: 1rem 0;
        font-size: 1.5rem;
        font-weight: 700;
        text-align: center;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        width: 270px;
    }

        .bgPromoFixa a:hover {
            background: #fff;
            color: #0071bd;
        }

.sticky {
    background: #fff !important;
    height: 80px;
    right: 5vw;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
    -webkit-box-shadow: 0px 10px 66px -23px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 10px 66px -23px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 10px 66px -23px rgba(0, 0, 0, 0.3);
}

    .sticky .logo {
        width: 160px;
        float: left;
        margin-top: 1.4vh;
        margin-left: 2vw;
    }

        .sticky .logo svg {
            fill: #2cc3ff;
        }

    .sticky .menuPrincipal li a {
        color: #666;
    }

    .sticky .btsAcessoExperimente a {
        height: 100%;
        -webkit-border-radius: 0 0 10px 0;
        -moz-border-radius: 0 0 10px 0;
        border-radius: 0 0 10px 0;
        padding-top: 2.5rem;
    }

    .sticky .submenuNormal {
        top: 100% !important;
        -webkit-border-radius: 0 0 10px 10px !important;
        -moz-border-radius: 0 0 10px 10px !important;
        border-radius: 0 0 10px 10px !important;
    }

    .sticky .submenuFuncionalidades {
        right: 0;
        top: 100%;
    }

.disable {
    display: none !important;
}

.bgBannerInternoMenor {
    width: 100%;
    height: 80vh;
    padding-top: 21vh;
    background-image: url(../images/bgBannerInternoMenor.png);
    background-position: center bottom;
    background-size: 61%;
    background-repeat: repeat-x;
    margin-bottom: -3px;
}

    .bgBannerInternoMenor::before {
        position: absolute;
        display: block;
        background-size: cover;
        background-position: center;
        transform-origin: center 71vh 0;
        transform: translateZ(-1px) scale(2);
        z-index: -1000;
        min-height: 80vh;
        content: "";
        width: 101%;
    }

    .bgBannerInternoMenor .linhaBranca {
        width: 3px;
        height: 6vh;
        background: #fff;
        margin: 2vh auto 0 auto;
        display: block;
    }

.breadcrumb {
    width: 100%;
    display: flex;
    justify-content: center;
}

    .breadcrumb li {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        color: #fff;
        font-weight: 700;
        font-size: 1.4rem;
    }

        .breadcrumb li a {
            color: #fff;
        }

            .breadcrumb li a:hover {
                color: #00507c;
            }

        .breadcrumb li h1 {
            color: #fff;
            font-weight: 700;
            letter-spacing: normal;
            font-size: 1.4rem;
            width: unset;
            margin-top: 0;
        }

    .breadcrumb svg {
        width: 12px;
        fill: #fff;
        display: block;
        margin-top: 3px;
        -ms-transform: rotate(180deg); /* IE 9 */
        -webkit-transform: rotate(180deg); /* Safari 3-8 */
        transform: rotate(180deg);
    }

.bgBannerInternoMenor h1,
.bgBannerInternoMenor h2 {
    width: 100%;
    font-weight: 300;
    color: #fff;
    font-size: 3.7rem;
    text-align: center;
    margin-top: 0;
    letter-spacing: -1px;
}

.bgBannerInternoMenor p {
    width: 70%;
    font-weight: 300;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.6rem;
    text-align: center;
    margin-top: 2vh;
}

.listChecks {
    width: 100%;
    margin-bottom: 10rem;
}

    .listChecks li {
        width: 33.333%;
        float: left;
        font-size: 1.6rem;
        color: #666;
        text-align: center;
        margin-bottom: 2.5rem;
    }

        .listChecks li svg {
            fill: #01d71f;
            width: 20px;
            display: inline-flex;
            margin-bottom: -3px;
            margin-right: 0.5rem;
        }

.listsChecksFuncionalidades {
    margin-left: 5vw;
    margin-right: 5vw;
    width: unset;
}

    .listsChecksFuncionalidades li {
        width: 50%;
        text-align: left;
    }

.contentImgPadrao {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 5rem;
    display: inline-flex;
    padding-bottom: 5rem;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

    .contentImgPadrao * {
        text-align: left;
    }

    .contentImgPadrao .contentTexto {
        float: left;
        width: 50%;
    }

        .contentImgPadrao .contentTexto h3 {
            margin-bottom: 1rem;
        }

        .contentImgPadrao .contentTexto p {
            margin-top: 2rem;
        }

        .contentImgPadrao .contentTexto .btPadrao {
            color: #fff;
            background: #01d71f;
            margin-top: 2rem;
            float: left;
        }

            .contentImgPadrao .contentTexto .btPadrao:hover {
                background: #009933;
            }

    .contentImgPadrao .imgNuvem {
        float: right;
        height: 500px;
        width: 45%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
    }

        .contentImgPadrao .imgNuvem svg {
            width: 80%;
            height: 100%;
            display: block;
            margin: auto;
            background-color: green;
        }

        .contentImgPadrao .imgNuvem .foguete {
            display: block;
            width: 20%;
            position: absolute;
        }

.bgContentImgPadrao .contentImgPadrao:nth-child(even) {
    flex-direction: row-reverse;
}

.listaRazoesSige li {
    color: #01567f;
    font-weight: 300;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    display: flex;
}

    .listaRazoesSige li span {
        display: inline-block;
        background: #fff;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        width: 28px;
        height: 28px;
        margin-right: 1rem;
    }

    .listaRazoesSige li p {
        width: 90%;
        margin-top: 3px;
    }

    .listaRazoesSige li span svg {
        display: block !important;
        fill: #00a717 !important;
        width: 16px;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-top: 6px;
    }

.bgComercial {
    padding: 6rem 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10rem;
    background: #fff;
}

    .bgComercial .actionButton {
        margin-top: 3rem;
        width: 300px;
        margin: 3rem auto 0 auto;
        -webkit-border-radius: 150px;
        -moz-border-radius: 150px;
        border-radius: 150px;
    }

.bgModal {
    position: fixed;
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 2000;
}

.bgModalVisivel {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 1;
}

.bgModal .modal {
    width: 90vw;
    height: 90vh;
    left: 5vw;
    top: 5vh;
    background: #fff;
    position: absolute;
}

    .bgModal .modal .btFechar {
        width: 30px;
        height: 30px;
        right: 0;
        position: absolute;
        background: #2cc3ff;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        border-radius: 20px;
        margin: -15px -15px 0 0;
        cursor: pointer;
    }

        .bgModal .modal .btFechar:hover {
            background: #fff;
        }

        .bgModal .modal .btFechar svg {
            fill: #fff;
            width: 13px;
            margin: 8px auto 0 auto;
            display: block;
        }

        .bgModal .modal .btFechar:hover svg {
            fill: #2cc3ff;
        }

.bgModal iframe {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.bgParceiros {
    width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    overflow: hidden;
    align-content: center;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

    .bgParceiros a {
        width: 20vw;
        height: 220px;
        background-color: #fff;
        background-position: center;
        background-repeat: no-repeat;
        background-size: 50%;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        border: 2px solid #e5e5e5;
        margin-bottom: 3rem;
        margin-left: 2rem;
        margin-right: 2rem;
        cursor: pointer;
    }

        .bgParceiros a:hover {
            border-color: #2cc3ff;
            -webkit-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
            -moz-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        }

.treeColumns {
    width: 100%;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 15rem;
}

.bgTreeColumns {
    width: 19vw;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-height: 320px;
    background: #fff;
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 15rem;
    border: 2px solid #e5e5e5;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    padding-bottom: 3rem;
}

    .bgTreeColumns p {
        text-align: center;
        margin-top: 2rem;
        padding-left: 2vw;
        padding-right: 2vw;
    }

        .bgTreeColumns p b {
            color: #004e7c;
            font-weight: 700;
            font-size: 1.6rem;
        }

    .bgTreeColumns .icone {
        width: 120px;
        height: 120px;
        display: flex;
        border: 2px solid #e5e5e5;
        -webkit-border-radius: 100px;
        -moz-border-radius: 100px;
        border-radius: 100px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -75px;
        background: #fff;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .bgTreeColumns .icone svg {
            width: 100px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

    .bgTreeColumns .linhaAzul {
        width: 30%;
        position: absolute;
        bottom: -2px;
        background: #0396d1;
        height: 2px;
        left: 50%;
        margin-left: -15%;
    }

    .bgTreeColumns .sigeLite svg {
        fill: #8524a0;
    }

    .bgTreeColumns .vendaERP svg {
    }

    .bgTreeColumns .btPadrao {
        background: #fff;
        color: #01d71f;
        width: 190px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 2rem;
        border: 2px solid #01d71f;
    }

        .bgTreeColumns .btPadrao:hover {
            background: #01d71f;
            color: #fff;
            border-color: #01d71f !important;
        }

    .bgTreeColumns:hover {
        background: #2cc3ff;
        border-color: #0099d6;
        -webkit-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
    }

        .bgTreeColumns:hover p {
            color: #fff;
        }

            .bgTreeColumns:hover p b {
                color: #fff;
            }

        .bgTreeColumns:hover .btPadrao {
            border-color: #fff;
        }

        .bgTreeColumns:hover .linhaAzul {
            display: none;
        }

.bgIconesAreaDeAtuacao {
    display: -webkit-flex;
    -webkit-flex-wrap: wrap;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15rem;
}

    .bgIconesAreaDeAtuacao .overflow {
        width: 100%;
    }

    .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao {
        width: 15rem;
        margin-left: 4rem;
        margin-right: 4rem;
        margin-bottom: 4rem;
        position: relative;
        margin-top: 5rem;
    }

        .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao span {
            width: 15rem;
            -webkit-border-radius: 120px;
            -moz-border-radius: 120px;
            border-radius: 120px;
            height: 15rem;
            display: flex;
            align-content: center;
            background: #fff;
            margin-bottom: 3rem;
            border: 2px solid #e5e5e5;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

            .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao span svg {
                width: 50%;
                display: block;
                margin-left: 25%;
            }

        .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao h4 {
            font-size: 1.4rem;
            color: #004e7c;
            text-align: center;
        }

.bgComentariosAreas {
    width: 100%;
    display: flex;
    position: relative;
    height: 70rem;
    align-items: center;
}

    .bgComentariosAreas::before {
        background-image: url(../images/bgNuvensComentarios.jpg);
        content: "";
        position: absolute;
        background-color: #2cc3ff;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center 7rem;
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        transform-origin: center center 0;
        z-index: -1;
        transform: translateZ(-0.2px) scale(1.7);
    }

.bgFerramentas {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; /* Safari 6.1+ */
    flex-wrap: wrap;
}

.ferramentasPlanos {
    width: 48%;
    max-height: 340px;
    background: #fff;
    border: 2px solid #e7e7e7;
    display: flex;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 4rem;
    align-items: center;
    position: relative;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 5rem;
}

    .ferramentasPlanos p {
        text-align: center;
        margin-top: 2rem;
    }

    .ferramentasPlanos span {
        position: absolute;
        bottom: -2px;
        width: 30%;
        height: 2px;
        left: 50%;
        margin-left: -15%;
        background: #2cc3ff;
    }

    .ferramentasPlanos:hover {
        -webkit-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        -moz-box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        box-shadow: 0px 10px 71px 0px rgba(0, 0, 0, 0.25);
        background: #2cc3ff;
        border-color: #0081a8;
    }

        .ferramentasPlanos:hover h2,
        .ferramentasPlanos:hover p {
            color: #fff;
        }

        .ferramentasPlanos:hover span {
            display: none;
        }

.nuvemSobreposta {
    width: 520px;
    height: 338px;
    background-image: url(../images/nuvemParalaxSigeCloud.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 30;
    transform-origin: center center 0;
    transform: translateZ(-1px) scale(2);
}

.btSetaEsquerda,
.btSetaDireita {
    width: 42px;
    height: 42px;
    background: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    padding-top: 10px;
    position: absolute;
    cursor: pointer;
    -webkit-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
    box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
    bottom: -20px;
    z-index: 1000;
}

    .btSetaEsquerda svg,
    .btSetaDireita svg {
        fill: #32b7df;
        width: 15px;
        display: block;
        margin: 3px 0 0 12px;
    }

    .btSetaDireita svg {
        transform: rotate(180deg);
        margin-left: 14px;
    }

    .btSetaEsquerda:hover,
    .btSetaDireita:hover {
        background: #15539c;
    }

        .btSetaDireita:hover svg,
        .btSetaEsquerda:hover svg {
            fill: #2cc3ff;
        }

.bgOutrosCases {
    border-top: 1px solid #e5e5e5;
    padding-top: 10rem;
    margin-bottom: 10rem;
    position: relative;
    background: #fff;
}

.menuFuncionalidadesDesktop {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    flex-wrap: wrap;
}

.menuFuncionalidadesMobile {
    display: none !important;
}

footer .colunaMaior {
    display: none;
}

#vejaTambemOutrasFuncionalidades .colunaMaior {
    display: none;
}

.btAppDownload {
    background: #333;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    margin: auto;
    padding: 2rem 3rem;
    display: table;
    border: 3px solid #333;
    margin-top: 3rem;
}

    .btAppDownload:hover {
        background: #fff;
    }

    .btAppDownload svg {
        display: block;
        width: 164px;
        margin: auto;
        fill: #fff;
    }

    .btAppDownload:hover svg {
        fill: #333;
    }

#menuDeRelatorios h3,
#menuDeRelatorios2 h3 {
    width: 100%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 1.5vw;
    padding-right: 1.5vw;
    color: #1d569b;
    font-weight: 700;
    background: #fff;
    font-size: 1.6rem;
    position: relative;
    cursor: pointer;
    text-align: left;
    border-bottom: 1px solid #f0f0f0;
}

    #menuDeRelatorios h3 b,
    #menuDeRelatorios2 h3 b {
        color: #cbd4de;
        margin-right: 1rem;
        width: 20px;
        display: inline-block;
    }

#menuDeRelatorios .ui-state-active,
#menuDeRelatorios .ui-widget-content .ui-state-active,
#menuDeRelatorios .ui-widget-header .ui-state-active,
#menuDeRelatorios a.ui-button:active,
#menuDeRelatorios .ui-button:active,
#menuDeRelatorios .ui-button.ui-state-active:hover #menuDeRelatorios2 .ui-state-active,
#menuDeRelatorios2 .ui-widget-content .ui-state-active,
#menuDeRelatorios2 .ui-widget-header .ui-state-active,
#menuDeRelatorios2 a.ui-button:active,
#menuDeRelatorios2 .ui-button:active,
#menuDeRelatorios2 .ui-button.ui-state-active:hover {
    background: #2cc3ff;
    color: #fff;
}

    #menuDeRelatorios .ui-state-active b,
    #menuDeRelatorios .ui-widget-content .ui-state-active b,
    #menuDeRelatorios .ui-widget-header .ui-state-active b,
    #menuDeRelatorios a.ui-button:active b,
    #menuDeRelatorios .ui-button:active b,
    #menuDeRelatorios .ui-button.ui-state-active:hover b #menuDeRelatorios2 .ui-state-active b,
    #menuDeRelatorios2 .ui-widget-content .ui-state-active b,
    #menuDeRelatorios2 .ui-widget-header .ui-state-active b,
    #menuDeRelatorios2 a.ui-button:active b,
    #menuDeRelatorios2 .ui-button:active b,
    #menuDeRelatorios2 .ui-button.ui-state-active:hover b {
        color: #fff;
    }

    #menuDeRelatorios .ui-state-active div span,
    #menuDeRelatorios .ui-widget-content .ui-state-active div span,
    #menuDeRelatorios .ui-widget-header .ui-state-active div span,
    #menuDeRelatorios a.ui-button:active div span,
    #menuDeRelatorios .ui-button:active div span,
    #menuDeRelatorios .ui-button.ui-state-active:hover div span #menuDeRelatorios2 .ui-state-active div span,
    #menuDeRelatorios2 .ui-widget-content .ui-state-active div span,
    #menuDeRelatorios2 .ui-widget-header .ui-state-active div span,
    #menuDeRelatorios2 a.ui-button:active div span,
    #menuDeRelatorios2 .ui-button:active div span,
    #menuDeRelatorios2 .ui-button.ui-state-active:hover div span {
        background: #fff;
    }

        #menuDeRelatorios .ui-state-active div span:last-child,
        #menuDeRelatorios2 .ui-state-active div span:last-child {
            display: none;
        }

#menuDeRelatorios div,
#menuDeRelatorios2 div {
    overflow-y: auto;
    max-height: 350px;
    background: url(../images/bgContentAcoordionFuncionalidades.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #f2f2f2;
    -webkit-overflow-scrolling: touch;
}

    #menuDeRelatorios div::-webkit-scrollbar,
    #menuDeRelatorios2 div::-webkit-scrollbar {
        width: 8px;
        height: 10px;
    }

    #menuDeRelatorios div::-webkit-scrollbar-track,
    #menuDeRelatorios2 div::-webkit-scrollbar-track {
        background-color: #e0e0e0;
    }

        #menuDeRelatorios div::-webkit-scrollbar-track:horizontal,
        #menuDeRelatorios2 div::-webkit-scrollbar-track:horizontal {
            border-radius: 5px;
        }

    #menuDeRelatorios div::-webkit-scrollbar-thumb,
    #menuDeRelatorios2 div::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: #bfbfbf;
    }

        #menuDeRelatorios div::-webkit-scrollbar-thumb:horizontal,
        #menuDeRelatorios2 div::-webkit-scrollbar-thumb:horizontal {
            border-radius: 5px;
        }

    #menuDeRelatorios div ul li a,
    #menuDeRelatorios2 div ul li a {
        color: #666;
        background: transparent;
    }

        #menuDeRelatorios div ul li a:hover,
        #menuDeRelatorios2 div ul li a:hover {
            background: #cdeef8;
            color: #1d569b;
        }

.menuRelatorios {
    background: #2cc3ff !important;
    color: #fff !important;
}

#menuDeRelatorios h3 div,
#menuDeRelatorios2 h3 div {
    position: absolute;
    width: 15px;
    height: 15px;
    right: 17px;
    top: 23px;
    background: none;
}

    #menuDeRelatorios h3 div span,
    #menuDeRelatorios2 h3 div span {
        width: 100%;
        height: 3px;
        display: block;
        background: #2cc3ff;
        margin-top: 6px;
    }

        #menuDeRelatorios h3 div span:last-child,
        #menuDeRelatorios2 h3 div span:last-child {
            width: 3px;
            height: 100%;
            margin-top: -9px;
            margin-left: 6px;
        }

.menuRelatorios div span {
    background: #fff !important;
}

.vejaMaisFuncionalidades {
    display: none;
}

.tituloRelatoriosMobile {
    border-radius: 0;
    position: fixed;
    z-index: 2000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    height: 0;
    overflow-y: scroll;
    background: #fff;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-overflow-scrolling: touch;
}

#btnFormLigueme:disabled {
    background: #028af1;
    border-color: #35abda;
    color: #35abda;
}

#btnEnviarMensagemContato:disabled {
    background: #c7c7c7;
    border-color: #c7c7c7;
    color: #fff;
}

/*ANIMAÇÕES=============================================*/

@keyframes efeitoFoto {
    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}

@-webkit-keyframes nuvem {
    0% {
        margin-top: -22rem;
    }

    50% {
        margin-top: -20rem;
    }

    100% {
        margin-top: -22rem;
    }
}

@keyframes nuvem {
    0% {
        margin-top: -22rem;
    }

    50% {
        margin-top: -20rem;
    }

    100% {
        margin-top: -22rem;
    }
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes celular {
    20% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    35% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    60% {
        transform: rotate(0deg);
    }
}

@keyframes celular {
    20% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(15deg);
    }

    30% {
        transform: rotate(-15deg);
    }

    35% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-15deg);
    }

    45% {
        transform: rotate(15deg);
    }

    50% {
        transform: rotate(-15deg);
    }

    60% {
        transform: rotate(0deg);
    }
}

@-webkit-keyframes mouseAnimation {
    0% {
        margin-top: 5px;
    }

    50% {
        margin-top: 14px;
    }

    100% {
        margin-top: 5px;
    }
}
/* Standard syntax */
@keyframes mouseAnimation {
    0% {
        margin-top: 5px;
    }

    50% {
        margin-top: 14px;
    }

    100% {
        margin-top: 5px;
    }
}

@-webkit-keyframes setaArraste {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: 8px;
    }

    100% {
        margin-left: 0px;
    }
}

@keyframes setaArraste {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: 8px;
    }

    100% {
        margin-left: 0px;
    }
}

@-webkit-keyframes arrowFinger {
    0% {
        margin-left: 10px;
        opacity: 0;
    }

    15% {
        margin-left: 10px;
        opacity: 1;
    }

    85% {
        margin-left: -40px;
        opacity: 1;
    }

    100% {
        margin-left: -40px;
        opacity: 0;
    }
}

@keyframes arrowFinger {
    0% {
        margin-left: 10px;
        opacity: 0;
    }

    15% {
        margin-left: 10px;
        opacity: 1;
    }

    85% {
        margin-left: -40px;
        opacity: 1;
    }

    100% {
        margin-left: -40px;
        opacity: 0;
    }
}

.submenuAtuacao {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

    .submenuAtuacao .linkMenuAtuacao {
        width: 23%;
        margin-right: 2%;
        height: 70px;
        display: flex;
        align-items: center;
        font-size: 1.4rem;
        font-weight: bold;
        padding: 20px;
        border-radius: 0;
        border: 1px solid #fff;
        border-bottom: 1px solid #e5e5e5;
        color: #666;
    }

        .submenuAtuacao .linkMenuAtuacao div {
            width: 30px;
            height: 30px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 10px;
        }

            .submenuAtuacao .linkMenuAtuacao div svg {
                width: 100%;
                display: block;
                fill: #2577f6;
            }

        .submenuAtuacao .linkMenuAtuacao:hover {
            border-radius: 5px;
            border: 0;
            background: #2577f6;
            color: #fff;
        }

            .submenuAtuacao .linkMenuAtuacao:hover svg {
                fill: #fff;
            }

.sliderCasesHome {
    width: 100%;
    margin-top: 30px;
}

    .sliderCasesHome .bgCase {
        width: 30%;
        margin: 0 30px;
    }

        .sliderCasesHome .bgCase .thumbVideo {
            width: 100%;
            height: 170px;
            border-radius: 20px;
            background-color: #2577f6;
            position: relative;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .sliderCasesHome .bgCase .thumbVideo .imagem {
                width: 100%;
                position: absolute;
                height: 170px;
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                opacity: 0.5;
                left: 0;
                top: 0;
            }

            .sliderCasesHome .bgCase .thumbVideo svg {
                display: block;
                width: 50px;
                height: 50px;
                position: relative;
            }

        .sliderCasesHome .bgCase p {
            font-size: 16px;
            text-align: center;
            color: #365b99;
            margin-top: 15px;
        }

    .sliderCasesHome .slick-dots {
        bottom: -60px;
    }

        .sliderCasesHome .slick-dots li button:before {
            font-size: 14px;
            color: #2cc3ff;
        }

        .sliderCasesHome .slick-dots li.slick-active button:before {
            color: #2cc3ff;
        }

.btsCasesHome {
    position: absolute;
    top: 150px;
    background: red;
    left: 0;
    right: 0;
}

    .btsCasesHome .bt {
        width: 42px;
        height: 42px;
        background: #fff;
        border-radius: 30px;
        text-align: center;
        padding-top: 10px;
        position: absolute;
        cursor: pointer;
        box-shadow: 0px 10px 44px 0px rgba(0, 0, 0, 0.23);
        z-index: 100;
    }

    .btsCasesHome .left {
        left: -40px;
    }

    .btsCasesHome .right {
        right: -40px;
    }

    .btsCasesHome .bt svg {
        fill: #32b7df;
        width: 15px;
        display: block;
        margin: 3px 0 0 12px;
    }

    .btsCasesHome .right svg {
        transform: rotate(180deg);
        margin: 4px 0 0 14px;
    }

    .btsCasesHome .bt:hover {
        background: #15539c;
    }

        .btsCasesHome .bt:hover svg {
            fill: #fff;
        }

/*FINAL ANIMAÇÕES=============================================*/
#promoFixa {
    display: none;
}

.hide {
    display: none !important;
}

.btVoltarTopoFuncionalidades {
    display: none;
}

#menuAreasAtuacao.submenuFuncionalidadesAberto {
    padding: 20px;
}

.bgOptingSige {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: -100;
    opacity: 0;
}

    .bgOptingSige .image {
        width: 800px;
        height: 329px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px;
    }

    .bgOptingSige a {
        margin-top: 5px;
        width: 800px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bgOptingSige .ctaPrincipal {
        /* background: linear-gradient(0deg, rgba(255,196,33,1) 0%, rgba(255,253,33,1) 100%); */
        background-color: #6ec300;
        /* color: #402f00; */
        color: #fff;
        font-size: 25px;
        font-weight: bold;
        height: 65px;
    }

    .bgOptingSige .btFechar {
        background-color: rgba(0, 0, 0, 0.3);
        color: #666;
        font-size: 14px;
        height: 35px;
    }

@media only screen and (max-width: 409px) {
    font-size: 54%;
}

@media only screen and (min-width: 410px) and (max-width: 767px) {
    font-size: 62.5%;
}

@media only screen and (min-width: 768px) and (max-width: 969px) {
    font-size: 88%;
}

@media only screen and (max-width: 1850px) {
    .linkGooglePlay {
        width: 126px;
    }

    .linkAppleStore {
        width: 116px;
    }
}

@media only screen and (max-width: 1620px) {
    .imgMan {
        width: 30vw;
        right: 4vw;
    }

    .biggerContent {
        width: 70%;
    }

    .sessaoContadores .imgContadores {
        top: -6rem;
    }

    .sessaoTabela .biggerContent {
        width: 70%;
    }

    header .menuPrincipal li {
        margin-left: 2%;
    }

    .imgBackTabela {
        right: -2vw;
        top: 27%;
        height: 400px;
    }
}

@media only screen and (max-width: 1560px) {
    .bgPromoFixa {
        width: 57vw;
    }

    header {
        height: 120px;
    }

        header .logo {
            margin-top: 6rem;
        }

    .bannerInicial .interno .contText .actionButton {
        transform-origin: left top;
        -ms-transform: scale(0.9); /* IE 9 */
        -webkit-transform: scale(0.9); /* Safari */
        transform: scale(0.9); /* Standard syntax */
    }

    .biggerContent {
        width: 70%;
    }

    .sessaoTabela h2 {
        font-size: 3.2rem;
    }

    .bannerInicial .interno .contText h2 {
        font-size: 3rem;
        letter-spacing: -1px;
    }

    .btDescer {
        left: 3vw;
        bottom: 3vw;
        transform-origin: left top;
    }

    header .menuPrincipal {
        width: calc(100% - 550px);
    }

        header .menuPrincipal li {
            margin-left: 2%;
        }

    .btsAcessoExperimente {
        width: 289px;
    }

        .btsAcessoExperimente a {
            font-size: 1.3rem;
            padding-top: 2rem;
        }

            .btsAcessoExperimente a svg {
                width: 22px;
                margin-bottom: -6px;
            }

    .linksApp {
        width: 320px;
    }

        .linksApp a {
            width: 120px;
        }

        .linksApp .iOS {
            width: 110px;
        }

    .linkGooglePlay {
        width: 116px;
    }

    .linkAppleStore {
        width: 106px;
    }

    .bgNoticiasComentarios .noticiasHome .bgNews .bgImg {
        height: 170px;
    }

    .bgBannerHome .bgContent {
        top: 55px;
    }
}

@media only screen and (max-width: 1441px) {
    header .menuPrincipal .submenuNormal {
        top: 110%;
    }

    .bannerInicial .interno .contText .actionButton {
        -ms-transform: scale(0.7); /* IE 9 */
        -webkit-transform: scale(0.7); /* Safari */
        transform: scale(0.7); /* Standard syntax */
        font-size: 2.2rem;
    }

    header .menuPrincipal li a {
        font-size: 1.3rem;
    }

    .setas {
        bottom: 22vh;
    }

    .bannerInicial .interno .contText h2 {
        font-size: 2.5rem;
    }

    .bannerInicial .interno .contText h3 {
        font-size: 1.4rem;
        margin-bottom: 2rem;
    }

    .btDescer {
        -ms-transform: scale(0.9); /* IE 9 */
        -webkit-transform: scale(0.9); /* Safari */
        transform: scale(0.9); /* Standard syntax */
    }

    .bannerInicial .interno .imgLateral {
        height: 59vh;
    }

    .btLigamosParaVoceFixo {
        transform-origin: right bottom;
        -ms-transform: scale(0.8); /* IE 9 */
        -webkit-transform: scale(0.8); /* Safari */
        transform: scale(0.8); /* Standard syntax */
        right: 3vw;
    }

    .bgPromoFixa {
        transform-origin: left bottom;
        -ms-transform: scale(0.8); /* IE 9 */
        -webkit-transform: scale(0.8); /* Safari */
        transform: scale(0.8); /* Standard syntax */
        left: 3vw;
    }

    header .menuPrincipal {
        width: calc(100% - 560px);
    }

        header .menuPrincipal li {
            margin-left: 1.5%;
        }

    .sticky {
        left: 3vw;
        right: 3vw;
    }

        .sticky .logo {
            width: 139px;
            margin-top: 2.5vh;
        }

        .sticky .menuPrincipal {
            width: calc(100% - 490px);
        }

        .sticky .btsAcessoExperimente a {
            padding-top: 2.8rem;
        }

    footer {
        margin-right: 3vw;
        margin-left: 3vw;
    }

    header .submenuFuncionalidades {
        left: -4vw;
        right: 1vw;
        -webkit-border-radius: 0px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .imgMan {
        background-size: contain;
        top: 27rem;
        width: 27vw;
    }

    .imgCloudFront {
        width: 466px;
        height: 281px;
        margin-top: -17rem;
    }

    .bgTreeColumns {
        width: 26vw;
    }

    .sticky .submenuFuncionalidades {
        left: unset;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }

    .imgBackTabela {
        display: none;
    }

    .bgBannerHome .bgContent {
        padding-right: 3vw;
    }

        .bgBannerHome .bgContent .lateralEsqBanner h1 {
            font-size: 25px;
        }

        .bgBannerHome .bgContent .contDirBanner {
            width: calc(100% - 380px);
            height: 550px;
        }

            .bgBannerHome .bgContent .contDirBanner .coluna .logo {
                width: 132px;
                height: 37px;
            }

            .bgBannerHome .bgContent .contDirBanner .coluna .imgTela {
                height: calc(100% - 3vw - 150px);
            }
}

@media only screen and (max-width: 1366px) {
    .imgWoman {
        bottom: -17vh;
        top: 22vh;
    }

    header .menuPrincipal {
        width: calc(100% - 500px);
        margin-right: 2rem;
        margin-top: 2.3rem;
    }

        header .menuPrincipal li {
            margin-left: 1%;
        }

    .btsAcessoExperimente {
        width: 249px;
    }

    .bannerInicial .interno .contText .actionButton {
        font-size: 2rem;
    }

    .sticky .menuPrincipal {
        width: calc(100% - 439px);
        margin-top: 1.8rem;
    }

    .linkGooglePlay {
        width: 106px;
    }

    .linkAppleStore {
        width: 96px;
    }

    .sessaoTabela .biggerContent {
        width: 100%;
    }

    .imgBackTabela {
        display: none;
    }

    .bgNoticiasComentarios .noticiasHome .bgNews .bgImg {
        height: 160px;
    }

    .sliderDepoimentos .bg .bgFoto .foto {
        width: 7vw;
        height: 7vw;
    }

    .sticky {
        height: 65px;
    }

        .sticky .logo {
            width: 120px;
            margin-top: 1.4rem;
            margin-left: 2.5vw;
        }

        .sticky .btsAcessoExperimente a {
            padding-top: 2.2rem;
        }

    .imgMan {
        top: 33rem;
        width: 29vw;
        right: 0vw;
    }

    .btsAcessoExperimente a svg {
        margin-right: 0;
    }

    .bgBannerHome .bgContent {
        top: 45px;
    }

        .bgBannerHome .bgContent .lateralEsqBanner h1 {
            font-size: 24px;
            margin-bottom: 15px;
            width: 340px;
        }

        .bgBannerHome .bgContent .lateralEsqBanner .bgVideo {
            width: 170px;
            height: 105px;
        }

        .bgBannerHome .bgContent .contDirBanner .coluna {
            width: calc(33.3333% - 10px);
        }

        .bgBannerHome .bgContent .contDirBanner .colunaSigeLite {
            left: calc(33.3333% + 5px);
        }

        .bgBannerHome .bgContent .contDirBanner .coluna .text {
            font-size: 14px;
        }

    header .logo {
        margin-top: 7rem;
        width: 160px;
    }
}

@media only screen and (max-width: 1280px) {
    .btsAcessoExperimente {
        width: 179px;
    }

        .btsAcessoExperimente .btExperimente span {
            display: none;
        }

    header {
        left: 3vw;
    }

        header .menuPrincipal {
            width: calc(100% - 420px);
        }

            header .menuPrincipal li {
                margin-left: 2%;
            }

                header .menuPrincipal li a {
                    font-size: 1.2rem;
                }

    .sticky .menuPrincipal {
        width: calc(100% - 339px);
    }

    .sticky .btsAcessoExperimente {
        width: 159px;
    }

    header .submenuFuncionalidades {
        left: -2vw;
    }

        header .submenuFuncionalidades .colunaFuncionalidade .link {
            font-size: 1.2rem;
        }

        header .submenuFuncionalidades .colunaFuncionalidade .title {
            font-size: 1.2rem;
        }

    .bgPromoFixa {
        width: 70vw;
    }

    .bannerInicial .interno .contText .actionButton {
        padding: 2rem 3rem;
    }

    .centro1250 {
        width: 100%;
    }

    .palcoCasesHome {
        max-width: 1100px;
    }
}

@media only screen and (max-width: 1024px) {
    header .menuPrincipal li a {
        font-size: 1.1rem;
    }

    header .menuPrincipal li {
        margin-left: 0;
    }

    header .submenuFuncionalidades {
        right: 0;
        left: -3vw;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
    }

        header .submenuFuncionalidades .colunaFuncionalidade {
            width: 20%;
            height: 290px;
        }

            header .submenuFuncionalidades .colunaFuncionalidade .bts {
                width: 50%;
                height: 100%;
                padding: 1.6vw 2vw;
                align-content: center;
                float: left;
            }

            header .submenuFuncionalidades .colunaFuncionalidade:last-child {
                width: 100%;
                height: 490px;
            }

            header .submenuFuncionalidades .colunaFuncionalidade .link {
                margin-bottom: 1rem;
            }

    .submenuFuncionalidadesAberto {
        height: 420px !important;
        opacity: 1 !important;
    }

    header .submenuFuncionalidades .colunaFuncionalidade .bt1 svg {
        width: 15vw;
    }

    header .submenuFuncionalidades .colunaFuncionalidade .bt2 {
        background-position: right 8px;
        background-size: 24%;
    }

        header .submenuFuncionalidades .colunaFuncionalidade .bt2 .titulo h3 svg {
            width: 30px;
        }

        header .submenuFuncionalidades .colunaFuncionalidade .bt2 .titulo h3 {
            font-size: 1.5rem;
        }

        header .submenuFuncionalidades .colunaFuncionalidade .bt2 p {
            display: none;
        }

    .sticky {
        left: 0vw;
        right: 0vw;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        .sticky .submenuFuncionalidades {
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

    .bgPromoFixa {
        left: 0;
        width: 80vw;
        -webkit-border-radius: 0 10px 0 0;
        -moz-border-radius: 0 10px 0 0;
        border-radius: 0 10px 0 0;
    }

    footer {
        margin-left: 0;
        margin-right: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

        footer .steps h2 {
            font-size: 1.6rem;
        }

        footer .bgColunasFooter .colunaFuncionalidade span {
            font-size: 1.3rem;
        }

        footer .bgColunasFooter .colunaFuncionalidade p,
        footer .bgColunasFooter .colunaFuncionalidade a {
            font-size: 1.2rem;
        }

        footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais {
            transform-origin: left top;
            -ms-transform: scale(0.8); /* IE 9 */
            -webkit-transform: scale(0.8); /* Safari */
            transform: scale(0.8); /* Standard syntax */
            margin-right: 0.3rem;
            margin-left: 0.3rem;
            margin-bottom: 0.5rem;
        }

        footer h4 {
            color: #fff;
            font-size: 1.6rem;
        }

        footer .linkGooglePlay,
        footer .linkAppleStore {
            float: right !important;
            margin-bottom: 1.5rem;
            width: 126px;
        }

        footer .steps {
            padding: 5rem 5vw;
        }

        footer .stepsFinal {
            padding: 5rem 5vw 12rem 5vw;
        }

    .imgMan {
        display: none;
    }

    .biggerContent {
        width: 100%;
    }

    .imgCloudFront {
        left: -100px;
        background-size: contain;
        background-position: left top;
        margin-top: -17rem;
        width: 435px;
        height: 264px;
    }

    .imgCloudBack {
        right: -71vw;
    }

    .sessaoTabela .biggerContent h3 {
        font-size: 1.4rem;
    }

    .sessaoTabela .biggerContent h2 {
        font-size: 2.8rem;
    }

    .sessaoTabela .columnSige .bgIcones .melhorEscolha {
        font-size: 1.2rem;
    }

    .sessaoTabela .columnSige .bgIcones a {
        font-size: 1.3rem;
    }

    .centro960 {
        width: 100%;
    }

    .sessaoContadores .imgContadores {
        top: 4rem;
        right: -2vw;
    }

    .bgNoticiasComentarios .noticiasHome .bgNews .bgImg {
        height: 120px;
    }

    .sliderDepoimentos .bg .bgFoto .foto {
        width: 9vw;
        height: 9vw;
    }

    .sticky .btsAcessoExperimente a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }

    .bgBannerInternoMenor h1,
    .bgBannerInternoMenor h2 {
        padding-left: 5vw;
        padding-right: 5vw;
        font-size: 3rem;
    }

    .bgTreeColumns {
        width: 38vw;
    }

    .bgBannerHome .bgContent .lateralEsqBanner {
        width: 250px;
    }

        .bgBannerHome .bgContent .lateralEsqBanner h1 {
            width: 100%;
            font-size: 18px;
            font-weight: 700;
            margin-bottom: 0;
        }

        .bgBannerHome .bgContent .lateralEsqBanner h2 {
            margin-bottom: 10px;
        }

        .bgBannerHome .bgContent .lateralEsqBanner .actionButton {
            padding: 10px 30px;
        }

    .bgBannerHome .bgContent .contDirBanner {
        width: calc(100% - 260px);
    }
}

@media only screen and (max-width: 1023px) {
    .submenuNovoFuncionalidades li:last-child {
        margin-bottom: 5rem;
    }

    .submenuNovoFuncionalidades li a {
        font-size: 1.8rem;
        padding: 1.5rem 6vw;
        font-weight: 300;
        color: #666;
    }

        .submenuNovoFuncionalidades li a span {
            font-weight: 700;
            color: #2cc3ff;
            margin-right: 10px;
        }

        .submenuNovoFuncionalidades li a svg {
            display: none;
        }

    .submenuNovoFuncionalidades h3 {
        padding-top: 2rem;
        padding-bottom: 2rem;
        padding-left: 6vw;
        color: #1d569b;
        font-weight: 700;
        background: #fff;
        font-size: 2rem;
        position: relative;
        text-align: left;
    }

        .submenuNovoFuncionalidades h3 b {
            color: #cbd4de;
            margin-right: 0.5rem;
            width: 20px;
            display: inline-block;
        }

    .menuFuncionalidadesDesktop {
        display: none !important;
    }

    .menuFuncionalidadesMobile {
        display: block !important;
    }

    .all {
        -webkit-overflow-scrolling: touch;
    }

        .all::-webkit-scrollbar {
            width: 0px;
        }

    .btLigamosParaVoceFixo {
        -ms-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
        right: 0;
        background-image: none;
        width: 100px;
    }

        .btLigamosParaVoceFixo a {
            justify-content: flex-end;
        }

            .btLigamosParaVoceFixo a p {
                display: none;
            }

        .btLigamosParaVoceFixo .foto span {
            margin-left: -28px;
        }

        .btLigamosParaVoceFixo .form {
            -webkit-border-radius: 10px 10px 0 0;
            -moz-border-radius: 10px 10px 0 0;
            border-radius: 10px 10px 0 0;
            width: 100%;
            height: 310px;
        }

            .btLigamosParaVoceFixo .form .title {
                font-size: 2rem;
                margin-bottom: none;
                display: block;
            }

    .bgPromoFixa {
        display: none;
    }

    .btsAcessoExperimente {
        width: 100%;
    }

    .btsAcessoExperimente {
        display: none;
    }

    header {
        left: 0;
        height: unset;
    }

        header .logo {
            margin-left: 8vw;
            margin-top: 3rem;
            height: unset;
            margin-bottom: 2rem;
        }

        header .btAbrirMenuMobile {
            display: block;
            float: right;
            margin-right: 6vw;
            margin-top: 3.5rem;
        }

            header .btAbrirMenuMobile svg {
                display: block;
                width: 30px;
                margin: auto;
                fill: #fff;
            }

    .btFecharMenuMobile .fechar {
        display: block !important;
        width: 26px;
    }

    .btFecharMenuMobile .abrir {
        display: none !important;
    }

    .linksApp {
        display: none;
    }

    header .menuPrincipal .btExperimente {
        display: block;
        background: #01d71f;
        color: #fff;
        text-align: center;
        font-weight: 700;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 2rem;
        font-size: 1.8rem;
    }

        header .menuPrincipal .btExperimente svg {
            fill: #fff;
            width: 30px;
            display: inline-block;
            margin-bottom: -10px;
            margin-right: 10px;
        }

    header .menuPrincipal {
        /* width: 100%;
        margin-right: 0;
        background: #fff;
        position: relative;
        overflow: scroll;
        height: 0;
        opacity: 0;
        margin-top: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: flex;
        flex-direction: column;
        justify-content: unset; */
        left: 0;
        right: 0;
        bottom: 0;
        top: 14vh;
        width: calc(100% + 8px);
        margin-right: 0;
        background: #fff;
        position: absolute;
        overflow: scroll;
        height: 0;
        opacity: 0;
        margin-top: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        display: flex;
        flex-direction: column;
        justify-content: unset;
        -webkit-overflow-scrolling: touch;
    }

        header .menuPrincipal li {
            float: unset;
            width: 100%;
        }

        header .menuPrincipal .linksMobile {
            display: block;
        }

        header .menuPrincipal li a {
            color: #666;
            border-bottom: 1px solid #ccc;
            border-radius: unset;
            font-size: 1.8rem;
            font-weight: 700;
            padding: 2rem 6vw;
        }

            header .menuPrincipal li a .setaMobile {
                display: inline-block;
            }

        header .menuPrincipal .submenuNormal {
            width: 100%;
            -webkit-overflow-scrolling: touch;
            top: 150%;
        }

            header .menuPrincipal .submenuNormal a {
                padding: 2rem 6vw;
                color: #2cc3ff;
            }

    .menuPrincipalVisivel {
        height: 86vh !important;
        opacity: 1 !important;
    }

    header .tituloSubmenu {
        display: block;
        width: 100%;
        font-size: 3rem;
        font-weight: 100;
        padding: 2rem 6vw;
        color: #15539c;
    }

    header .btFecharSub {
        display: block;
        width: 100%;
        font-size: 1.8rem;
        font-weight: 700;
        padding: 2rem;
        color: #2cc3ff;
        border-bottom: 1px solid #ccc;
        padding: 2rem 6vw;
    }

        header .btFecharSub svg {
            display: inline-block;
            width: 14px;
            margin-right: 1rem;
            fill: #2cc3ff;
        }

    header .submenuFuncionalidades {
        top: 14vh;
        left: 0;
        bottom: 0;
        width: calc(100% + 8px);
        overflow: scroll;
        box-shadow: unset;
        -webkit-overflow-scrolling: touch;
    }

        header .submenuFuncionalidades .colunaFuncionalidade {
            width: 100%;
            height: auto;
            padding: unset;
        }

    .submenuNormalVisivel {
        height: 71rem !important;
        padding: 0 !important;
        width: 100% !important;
        padding: unset !important;
        top: 0 !important;
        z-index: 900 !important;
        bottom: 0 !important;
        border-radius: unset !important;
    }

    .sticky .submenuNormalVisivel {
        height: 71rem !important;
        padding: 0 !important;
        width: 100% !important;
        padding: unset !important;
        top: 0 !important;
        z-index: 900 !important;
        bottom: 0 !important;
        border-radius: unset !important;
    }

    header .submenuFuncionalidades .colunaFuncionalidade .title {
        font-size: 1.8rem;
        border-top: 1px solid #e3e3e3;
        padding: 6vw 6vw 0 6vw;
        margin-bottom: 0;
        width: 100%;
    }

        header .submenuFuncionalidades .colunaFuncionalidade .title:first-child {
            border-top: unset;
        }

    header .submenuFuncionalidades .colunaFuncionalidade .link {
        font-size: 1.8rem;
        padding: 1rem 6vw;
    }

        header .submenuFuncionalidades .colunaFuncionalidade .link:last-child {
            margin-bottom: 3rem;
        }

    .submenuFuncionalidadesAberto {
        height: 86vh !important;
        opacity: 1 !important;
    }

    header .submenuFuncionalidades .colunaFuncionalidade:last-child {
        width: 100%;
    }

    header .submenuFuncionalidades .colunaFuncionalidade .bt2 {
        background-size: cover;
        background-position: center;
        width: 100%;
    }

    .sticky {
        height: 70px;
    }

        .sticky .logo {
            margin-top: 2rem;
            margin-left: 8vw;
            width: 120px;
        }

        .sticky .btAbrirMenuMobile {
            margin-top: 2.3rem;
        }

            .sticky .btAbrirMenuMobile svg {
                fill: #2cc3ff;
            }

        .sticky .menuPrincipal {
            width: 100%;
            top: 70px;
            margin-top: 0;
        }

        .sticky .submenuNormal {
            bottom: 0 !important;
        }

        .sticky .submenuFuncionalidades {
            top: 70px;
        }

        .sticky .menuPrincipalVisivel {
            height: calc(100vh - 70px) !important;
        }

        .sticky .submenuFuncionalidadesAberto {
            height: calc(100vh - 70px) !important;
        }

    .colunaFuncionalidade .bt2 .apps {
        width: 46%;
        height: 61px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        padding: 2rem;
    }

    .imgWoman,
    .imgMan {
        display: none;
    }

    .bannerInicial .interno {
        display: block;
    }

        .bannerInicial .interno .contText {
            width: 100%;
            float: unset;
            margin-top: 12rem;
        }

            .bannerInicial .interno .contText h2 {
                text-align: center;
            }

            .bannerInicial .interno .contText h3 {
                text-align: center;
                font-size: 1.6rem;
                margin-top: 1rem;
            }

        .bannerInicial .interno .imgLateral {
            width: 100%;
            float: unset;
        }

        .bannerInicial .interno .contText .actionButton {
            margin: auto;
            float: unset;
            transform: unset;
            transform-origin: unset;
        }

        .bannerInicial .interno .imgLateral {
            height: 35%;
            margin-top: unset;
            background-position: center bottom;
        }

    .bannerInicial .slick-dots {
        float: left;
        width: 100%;
        top: unset;
        bottom: 10px;
        left: 0;
    }

        .bannerInicial .slick-dots li.slick-active button:before {
            color: #2cc3ff;
        }

        .bannerInicial .slick-dots li button:before {
            color: #2cc3ff;
        }

    .setas,
    .btDescer {
        display: none;
    }

    .whiteBg {
        padding-left: 8vw;
        padding-right: 8vw;
        display: block;
        overflow: hidden;
    }

    .centro960 {
        width: 100%;
    }

    h2 {
        font-size: 2rem;
    }

    .numberBalls {
        display: green;
        justify-content: unset;
    }

        .numberBalls .slick-dots {
            bottom: -47px;
        }

            .numberBalls .slick-dots li.slick-active button:before {
                color: #2cc3ff;
            }

            .numberBalls .slick-dots li button:before {
                color: #2cc3ff;
            }

    .biggerContent {
        width: 100%;
    }

    .cloudsDown {
        height: 95px;
    }

    .cloudsDownBack {
        height: 100px;
    }

    .bgFuncionalidades .biggerContent * {
        text-align: center;
    }

    .bgFuncionalidades {
        padding-left: 8vw;
        padding-right: 8vw;
        padding-bottom: 10rem;
        background-image: none;
        background-color: #69cceb;
    }

        .bgFuncionalidades .biggerContent h1,
        .bgFuncionalidades .biggerContent h3 {
            width: 100%;
            text-align: center;
        }

        .bgFuncionalidades .biggerContent h1 {
            font-size: 2rem;
        }

    .tabs {
        height: 70vh;
    }

        .tabs nav {
            display: flex;
            flex-wrap: wrap;
            align-items: stretch;
            height: 46px;
            overflow: hidden;
            width: 100%;
            background: #fff;
            z-index: 200;
            position: relative;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
            -webkit-box-shadow: 0px 13px 33px 0px rgba(0, 0, 0, 0.18);
            -moz-box-shadow: 0px 13px 33px 0px rgba(0, 0, 0, 0.18);
            box-shadow: 0px 13px 33px 0px rgba(0, 0, 0, 0.18);
            -webkit-border-radius: 30px;
            -moz-border-radius: 30px;
            border-radius: 30px;
        }

            .tabs nav .setaSelectMobile {
                display: block;
                fill: #2cc3ff;
            }

            .tabs nav a {
                color: #2cc3ff;
            }

                .tabs nav a.selected svg {
                    display: none;
                }

    .menuFuncionalidadesDrop {
        height: 250px !important;
        overflow: scroll !important;
    }

    .tabs .content.visible {
        width: 100%;
    }

    .tabs .content {
        top: 11rem;
        left: 0;
        height: 90%;
    }

        .tabs .content .tags {
            display: none;
        }

        .tabs .content .btPadrao {
            float: unset;
            font-size: 1.6rem;
        }

    .tabs .selecioneAbaixo {
        display: block;
    }

    .imgCloudFront {
        background-size: contain;
        margin-top: -9rem;
        width: 326px;
        height: 201px;
        right: unset;
        left: -14rem;
    }

    .imgCloudBack {
        display: none;
    }

    .imgBackTabela {
        display: none;
    }

    .imgCloudFront {
        display: none;
    }

    .sessaoTabela {
        overflow: auto;
        height: 800px;
        padding-left: 8vw;
        padding-right: 8vw;
        padding-top: 1rem;
        margin-top: 5rem;
    }

    .textArraste {
        display: block;
        color: #2cc3ff;
        font-weight: 700;
        font-size: 1.6rem;
        margin-top: 5rem;
        margin-left: 8vw;
    }

        .textArraste .icone {
            display: block;
            width: 40px;
            float: left;
        }

            .textArraste .icone .setaArraste {
                display: inline-block;
                fill: #2cc3ff;
                width: 25px;
                -ms-transform: rotate(180deg); /* IE 9 */
                -webkit-transform: rotate(180deg); /* Safari 3-8 */
                transform: rotate(180deg);
                margin-bottom: -6px;
                -webkit-animation: setaArraste 1.5s infinite; /* Safari 4.0 - 8.0 */
                animation: setaArraste 1.5s infinite;
            }

    .sessaoTabela .biggerContent {
        width: 340%;
        margin-right: 5rem;
    }

        .sessaoTabela .biggerContent .bgColunas {
            padding-right: 5rem;
        }

    .sessaoContadores {
        width: 100%;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        padding: 7rem 8vw 29rem 8vw;
    }

        .sessaoContadores .biggerContent {
            width: 100%;
        }

            .sessaoContadores .biggerContent * {
                text-align: center;
            }

        .sessaoContadores .imgContadores {
            right: 8vw;
            left: 8vw;
            bottom: 0;
            top: 0;
            background-position: center 58rem;
        }

        .sessaoContadores .btPadrao {
            width: 100%;
            font-size: 1.6rem;
        }

    .centro {
        margin: 0 8vw;
    }

    .bgListaParceirosHome {
        padding-top: 4rem;
        padding-bottom: 6rem;
        margin: 0;
    }

    .listaParceirosHome {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 2rem;
    }

        .listaParceirosHome a {
            width: 31%;
            margin: 0 8%;
        }

    .bgNoticiasComentarios {
        padding-left: 0;
        padding-right: 0;
    }

        .bgNoticiasComentarios .noticiasHome {
            width: 100%;
            margin-left: 0;
            padding-left: 8vw;
            padding-right: 8vw;
        }

            .bgNoticiasComentarios .noticiasHome * {
                text-align: center !important;
            }

            .bgNoticiasComentarios .noticiasHome .bgNews {
                width: 100%;
            }

        .bgNoticiasComentarios .comentariosHome {
            width: 100%;
            margin-top: 5rem;
        }

            .bgNoticiasComentarios .comentariosHome .bgComentarios {
                border-right: none;
                border-left: none;
                -webkit-border-radius: 0px;
                -moz-border-radius: 0px;
                border-radius: 0px;
                height: 510px;
            }

    .bgFooter {
        padding-top: 0rem;
    }

    footer .logo {
        margin: 0 auto;
    }

    footer .steps {
        padding: 5rem 8vw 0 8vw;
    }

        footer .steps:nth-child(3) {
            border: 0;
        }

        footer .steps .imgBg {
            display: none;
        }

    footer .stepFuncionalidades {
        display: none;
    }

    footer .stepsFinal {
        padding: 5rem 8vw;
    }

        footer .stepsFinal .colunaFuncionalidade {
            display: none;
        }

        footer .stepsFinal .colunaMais {
            display: flex;
            width: 100vw;
            flex-wrap: wrap;
            justify-content: center;
        }

    footer .bgColunasFooter {
        flex-direction: column;
    }

        footer .bgColunasFooter .colunaFuncionalidade {
            width: 100%;
            margin-bottom: 4rem;
        }

            footer .bgColunasFooter .colunaFuncionalidade * {
                text-align: center;
                width: 100%;
            }

            footer .bgColunasFooter .colunaFuncionalidade p,
            footer .bgColunasFooter .colunaFuncionalidade a {
                font-size: 1.8rem;
            }

        footer .bgColunasFooter .colunaMais {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }

            footer .bgColunasFooter .colunaMais .linkGooglePlay {
                width: 45%;
            }

            footer .bgColunasFooter .colunaMais .linkAppleStore {
                width: 42%;
                float: left !important;
            }

        footer .bgColunasFooter .colunaFuncionalidade .linkRedesSociais {
            transform-origin: unset;
            -ms-transform: unset; /* IE 9 */
            -webkit-transform: unset; /* Safari */
            transform: unset; /* Standard syntax */
            margin-right: 1rem;
            margin-left: 1rem;
            margin-bottom: 1rem;
        }

    .bgContentImgPadrao .contentImgPadrao {
        flex-direction: column-reverse !important;
    }

    .contentImgPadrao .imgNuvem {
        float: unset;
        height: 210px;
        width: 100%;
    }

    .contentImgPadrao * {
        text-align: center;
    }

    .contentImgPadrao .contentTexto {
        float: unset;
        width: 100%;
        margin-top: 2rem;
    }

        .contentImgPadrao .contentTexto .btPadrao {
            float: unset;
        }

    .centro960 {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .whiteBg .centro960,
    .whiteBg .centro1250 {
        padding-left: 0;
        padding-right: 0;
    }

    .bgComercial {
        padding: 5rem 0;
        margin-bottom: 5rem;
    }

        .bgComercial .centro960 h3 {
            width: 80%;
            margin: 0 auto;
        }

    #vejaTambemOutrasFuncionalidades {
        display: none;
    }

    .bgBannerInternoMenor {
        height: 49rem;
        padding-top: 19vh;
        background-size: 130%;
    }

        .bgBannerInternoMenor h1,
        .bgBannerInternoMenor h2 {
            font-size: 3rem;
            margin-top: 2rem;
            padding-left: 0vw;
            padding-right: 0vw;
        }

        .bgBannerInternoMenor p {
            width: 100%;
        }

    .treeColumns {
        flex-direction: column;
    }

    .bgTreeColumns {
        width: unset;
        margin-left: 0;
        margin-right: 0;
    }

        .bgTreeColumns p {
            padding-left: 8vw;
            padding-right: 8vw;
        }

    .bgIconesAreaDeAtuacao {
        margin-top: 9rem;
    }

        .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao {
            width: 100%;
        }

            .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao span {
                margin-left: auto;
                margin-right: auto;
            }

            .bgIconesAreaDeAtuacao .iconeAreaDeAtuacao h4 {
                font-size: 1.8rem;
            }

    .bgComentariosAreas {
        height: 70rem;
    }

    .leftComentariosAreas,
    .rightComentariosAreas {
        display: none;
    }

    .bgComentariosAreas::before {
        background-position: center 12.5rem;
        width: 140%;
    }

    .sliderDepoimentos .bg span {
        width: 100%;
    }

    .comparePlanosMobile {
        margin-top: 4rem;
        display: block;
        margin-bottom: 0rem;
        position: relative;
        height: 25px;
    }

        .comparePlanosMobile svg {
            display: block;
            width: 30px;
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -15px;
            fill: #01d71f;
            -webkit-animation: arrowFinger 1.5s infinite; /* Safari 4.0 - 8.0 */
            animation: arrowFinger 1.5s infinite;
        }

    .bgNoticiasComentarios .noticiasHome .bgNews .bgImg {
        height: 190px;
    }

    .sliderDepoimentos .bg .bgFoto .foto {
        width: 23vw;
        height: 23vw;
    }

    .listsChecksFuncionalidades li {
        width: 100%;
    }

    .listChecks {
        margin-bottom: 0;
    }

    #menuDeRelatorios h3,
    #menuDeRelatorios2 h3 {
        padding-left: 20px;
        padding-right: 20px;
    }

    .bgPagFuncionalidades .menuFuncionalidades #menuDeRelatorios {
        display: none;
    }

    #menuFuncionalidadesAberto {
        display: none;
    }

    .vejaMaisFuncionalidades {
        display: block;
        border-top: 1px solid #e5e5e5;
        padding-top: 2rem;
    }

        .vejaMaisFuncionalidades p {
            text-align: left;
            margin-left: 5vw;
            color: #2cc3ff;
            font-size: 2rem;
            font-weight: 300;
            margin-bottom: 1rem;
        }

    .btLigamosParaVoceFixo .msgSucesso {
        width: 100%;
        height: 310px;
        padding-top: 2rem;
    }

    .submenuAtuacao {
        padding: 0;
    }

        .submenuAtuacao .linkMenuAtuacao {
            width: 100%;
            margin: 0;
        }

    .btsCasesHome {
        display: none;
    }

    .sliderCasesHome .bgCase {
        margin: 0;
    }

    .sliderCasesHome .slick-dots {
        bottom: -100px;
    }

    .bgBannerHome .bgContent {
        left: 0;
        padding-right: 0;
        right: 0;
        top: 0;
        width: 100%;
        padding-left: 8vw;
        padding-right: 8vw;
        display: block;
        position: relative;
        height: 390px;
    }

        .bgBannerHome .bgContent .lateralEsqBanner {
            padding-top: 0;
            width: 100%;
            padding-left: unset;
            padding-right: unset;
            background: transparent;
            display: none;
        }

            .bgBannerHome .bgContent .lateralEsqBanner h1, .bgBannerHome .bgContent .lateralEsqBanner h2 {
                color: #fff;
            }

            .bgBannerHome .bgContent .lateralEsqBanner p, .bgBannerHome .bgContent .lateralEsqBanner .bgVideo {
                display: none;
            }

        .bgBannerHome .bgContent .contDirBanner {
            height: auto;
            width: calc(100vw - 8vw);
            height: 400px;
            position: absolute;
            left: 4vw;
            right: 4vw;
            top: 50px;
        }

            .bgBannerHome .bgContent .contDirBanner .slick-dots {
                top: -30px;
                bottom: unset;
                text-align: right;
            }

                .bgBannerHome .bgContent .contDirBanner .slick-dots li {
                    margin: 0;
                }

    .bgBannerHome .slick-dotted.slick-slider {
        margin-bottom: 0 !important;
    }

    .bgBannerHome .bgContent .contDirBanner .coluna {
        position: relative;
        opacity: 1;
        top: unset;
        height: calc(100vh - 300px);
    }

        .bgBannerHome .bgContent .contDirBanner .coluna .bgHover {
            top: 0;
            padding-left: 8vw;
            padding-right: 8vw;
            padding-top: 15px;
        }

            .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .logo {
                margin-bottom: 10px;
            }

            .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .btFake {
                margin-top: 10px;
            }

            .bgBannerHome .bgContent .contDirBanner .coluna .bgHover .text {
                margin-top: 0px;
            }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeCloud {
        animation-name: none;
        left: unset;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeLite {
        animation-name: none;
        left: unset;
    }

    .bgBannerHome .bgContent .contDirBanner .colunaSigeMobi {
        animation-name: none;
        right: unset;
    }

    .bgBannerHome .bgContent .contDirBanner .coluna .interno::before {
        display: none;
    }
}

@media only screen and (max-width: 450px) {
    .bgBannerHome .bgContent .contDirBanner {
        height: auto;
        width: calc(100vw - 8vw);
        height: calc(100vh - 310px);
        position: absolute;
        bottom: 0;
        left: 4vw;
        right: 4vw;
    }

    .bgOptingSige .image {
        width: 375px;
        height: 154px;
    }

    .bgOptingSige a {
        width: 375px;
    }

    .bgOptingSige .ctaPrincipal {
        font-size: 17px;
        height: 55px;
    }

    .bgOptingSige .btFechar {
        font-size: 13px;
    }
}

@media only screen and (max-width: 320px) {
    header .submenuFuncionalidades .colunaFuncionalidade:last-child {
        height: 440px;
    }

    .bgOptingSige .image {
        width: 320px;
        height: 132px;
    }

    .bgOptingSige a {
        width: 320px;
    }
}

/* Header Novo */

.bgContentHeader {
    padding-top: 50px;
    left: 5vw;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    height: 100%;
}

.header-top {
    width: 100% !important;
    height: auto;
    margin-top: 170px;
    margin-bottom: 50px;
}

    .header-top div {
        width: 50%;
        float: left;
    }

.img-header-top img {
    position: absolute;
}

.line-back {
    -webkit-animation: breath 15s linear infinite;
    background: url('../images/dashed-line-full-hd.png') no-repeat 50px 507px;
}

@media only screen and (max-width: 1700px) {
    .line-back {
        background: url('../images/dashed-line-full-hd.png') no-repeat 2vw 508px;
        background-size: 96vw;
    }
}

.header-top div h1 {
    color: #fff;
    font-size: 44px;
    width: 100%;
    text-align: left;
    padding-top: 30px;
}

    .header-top div h1 span {
        color: #8fd9ff;
    }

.header-top div p {
    padding-top: 20px;
    padding-bottom: 30px;
    font-size: 24px;
    color: #fff;
}

    .header-top div p span {
        font-weight: 700;
    }

.actionButtonHeader {
    padding: 20px;
    width: 250px;
    background: #01d71f;
    border-radius: 150px;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    font-weight: 700;
}

    .actionButtonHeader:hover {
        background: #fff;
        color: #01d71f;
    }

.st1 {
    fill: none !important;
    stroke: #fff;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke-dasharray: 9.4667,9.4667;
    animation-name: path;
    animation-duration: 5s;
    animation-timing-function: ease-in;
    animation-fill-mode: forwards;
}

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

    .header-top div p {
        font-size: 21px;
    }

    .header-top div h1 {
        font-size: 35px;
    }

    .header-top {
        margin-bottom: 0px;
    }

        .header-top div {
            padding-left: 5vw;
        }

    .img-header-top img {
        position: unset;
        max-width: 110%;
    }

    .line-back {
        background: url('../images/dashed-line-full-hd.png') no-repeat 2vw 475px;
        background-size: 96vw;
    }
}

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

    .header-top div p {
        font-size: 18px;
    }

    .header-top div h1 {
        font-size: 28px;
        padding-top: 10px;
    }

    .header-top {
        margin-bottom: 0px;
    }

        .header-top div {
            padding-left: 5vw;
        }

    .img-header-top img {
        position: unset;
        max-width: 110%;
    }

    .line-back {
        background: url('../images/dashed-line-full-hd.png') no-repeat 2vw 430px;
        background-size: 96vw;
    }
}

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

    .img-header-top {
        display: none;
    }

    .header-top {
        margin-top: 50px;
        margin-bottom: 0px;
    }

        .header-top div {
            width: 100%;
            padding: 20px;
        }

            .header-top div h1 {
                font-size: 28px;
                text-align: center;
            }

            .header-top div p {
                font-size: 18px;
                text-align: center;
            }

    .line-back {
        background: none;
    }

    .actionButtonHeader {
        margin: auto;
    }
}

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

    .img-header-top {
        display: none;
    }

    .header-top {
        margin-top: 50px;
        margin-bottom: 0px;
    }

        .header-top div {
            width: 100%;
            padding: 20px;
        }

            .header-top div h1 {
                font-size: 28px;
                text-align: center;
            }

            .header-top div p {
                font-size: 18px;
                text-align: center;
            }

    .actionButtonHeader {
        width: 100%;
    }

    .line-back {
        background: none;
    }
}