/* ALL */

.wow {
    visibility: hidden;
}

* {
    font-family: 'Open Sans', sans-serif;
}

html {
    scroll-behavior: smooth;
}

h2 {
    font-size: 45px;
}

h3 {
    font-size: 35px;
}

@media (max-width: 576px) {
    h2 {
        font-size: 35px;
    }
    h3 {
        font-size: 25px;
    }
    h4 {
        font-size: 21px;
    }
}

.btn:focus, .btn:active {
    outline: none !important;
    box-shadow: none;
}

/* mudarLinguagem */

.bg-mudarLinguagem {
    background-color: #0A024D;
    color: #fafafa;
    font-size: 1.2em;
}

/* nav */

.navMenu {
    width: 120%;
}

.navbar-brand img {
    /* max-width: 280px; */
    max-height: 52px;
}

@media (max-width: 575.98px) {
    .navbar-brand img {
        max-height: 43px;
    }
}

#navegacaobar ul.nav li a {
    font-weight: 700;
    /* margin-left: 10%; */
    padding: 15px 10px;
    font-size: 1.0em;
    display: block;
    color: #fafafa !important;
}

@media (min-width: 1199.98px) {
    #navegacaobar ul.nav li a {
        font-size: 1.1em;
    }
}

#navegacaobar ul.nav li a:hover {
    color: #dce2f5 !important;
}

#textDiv {
    padding-right: 0px;
}

#cursorDiv {
    padding-left: 0px;
}

/* .acessibilidadeDiv {
    background-color: #0A024D;
} */

#sidebar {
    width: 425px;
    position: fixed;
    top: 0;
    right: -425px;
    height: 100vh;
    z-index: 99;
    background: #dce2f5;
    color: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    #sidebar {
        width: 250px;
        right: -250px;
    }
}

#sidebar.active {
    right: 0;
}

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 40px;
    text-align: center;
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #0f054c;
}

#dismiss:hover {
    background: #0f054c;
    color: #fff;
}

.overlay {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 98;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s;
}

.overlay.active {
    visibility: visible;
    opacity: 1;
}

#sidebar {
    padding: 20px;
    background: #fafafa;
}

#sidebar ul.components {
    margin-top: 60px;
    padding: 20px 0;
    border-bottom: 1px solid #0f054c;
}

#sidebar ul li a {
    font-weight: 700;
    margin-left: 10%;
    padding: 15px;
    font-size: 1.2em;
    display: block;
    color: #666666;
}

#sidebar ul li a:hover {
    color: #7386D5;
}

.textInput {
    padding-top: 1.2%;
    font-size: 1em;
    color: white;
}

/* input email */

.emailInput {
    border: none;
    background: transparent;
    color: #bebebe !important;
    font-size: 1em;
    margin-top: 6px;
    padding-left: 0px;
    margin-bottom: 1em;
}

.emailInput:focus {
    background: transparent;
    border-color: none !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.emailInput::placeholder {
    color: #bebebe;
}

/* contrast */

.collapseAcessibilidade {
    font-size: 0.8em;
    padding: 2.5px 10px;
    border-radius: 5px;
    border: 1px solid #fafafa;
    color: #fafafa;
    background: transparent !important;
    outline: none !important;
    box-shadow: none;
}

.contrast {
    background: black !important;
    color: white !important;
}

.contrast h1, .contrast h2, .contrast h3, .contrast h4, .contrast h5, .contrast h6, .contrast p, .contrast label, .contrast strong, .contrast em, .contrast cite, .contrast q, .contrast i, .contrast b, .contrast u, .contrast span, .contrast .count {
    color: white !important;
}

.alterarFont {
    padding: 0 8px;
    border-radius: 5px;
    border: none;
    color: white;
    background: transparent !important;
    outline: none !important;
    box-shadow: none;
}

.contrastBtn {
    padding: 0 10px;
    border-radius: 5px;
    border: 2px solid #3EC9DA;
    color: #3EC9DA;
    background: transparent !important;
    outline: none !important;
    box-shadow: none;
}

.contrastBtnActive {
    padding: 0 10px;
    border-radius: 5px;
    border: 2px solid #3EC9DA;
    color: white;
    background: #3EC9DA !important;
    outline: none !important;
    box-shadow: none;
}

/*Seleção de Idiomas*/
.tab_idioamas{
    position: absolute;
    margin-top: 5px;
    padding: 0px !important;
    z-index: 1;
}
.tab_idioamas>form{
    display: flex;
    flex-direction: column;
    width: 100px;
    background-color: #181818;
}

.select_idioma{
    width: 100%;
    border: 0;
    border-radius: 5px;
    padding: 5px 0;
    font-size: 16px;
    cursor: pointer;
    color: white;
    background-color: transparent;
}

.select_idioma:hover{
    background-color: rgba(255,255,255,.2);
}

.select_idioma:disabled{
    background-color:rgb(60, 80, 180);;
}

/*Fim seleção de Idiomas*/

.filtrosPesquisaContrast {
    z-index: 1;
}

.filtrosPesquisaContrast h3 {
    /* padding: 20px 0 20px 0; */
    font-size: 1.5em;
}

.filtrosPesquisaContrast li {
    margin-top: .5rem;
}

.filtrosPesquisaContrast ul {
    text-decoration: none;
    list-style-type: none;
    padding-left: 2px;
}

.filtrosPesquisaContrast:before {
    width: 500%;
    height: calc(100% + 6rem);
    content: "";
    position: absolute;
    top: -3rem;
    bottom: 0;
    right: 20px;
    /* background-color: #2e2e2e; */
    z-index: -1;
}

/* home */

.videoHeaderHome h2 {
    color: #00FFFF;
}

.videoHeaderHome {
    position: relative;
    background-color: #0A024D;
    height: 92vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
}

.videoHeaderHome video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 90%;
    min-height: 90%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.videoHeaderHome .container {
    position: relative;
}

.homeHero {
    height: 90%;
}

.emailHome {
    background: transparent;
    border: none;
    color: #bebebe !important;
    font-size: 1.2em;
    padding-top: 10px;
    padding-left: 0px;
}

.emailHome:focus {
    background: transparent;
    border-color: none !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.emailHome::placeholder {
    color: #bebebe;
}

.emailHome:disabled {
    background-color: transparent;
}

.cursor {
    position: relative;
}

.cursor i {
    position: absolute;
    width: 2px;
    height: 80%;
    background-color: #00FFFF;
    left: 6px;
    top: 10%;
    animation-name: blink;
    animation-duration: 800ms;
    animation-iteration-count: infinite;
    opacity: 1;
}

.cursor input:focus+i {
    display: none;
}

@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.cursorSpan2 {
    font-size: 1.2em;
    margin-right: 5px;
    color: white;
}

.btnEmail {
    /* margin-left: 30px;*/
    /* padding: 0 30px; */
    border-radius: 20px;
    background: transparent;
    border: 2px solid #333391;
    color: #ffffff;
}

@media (max-width: 768px) {
    .btnEmail {
        background-color: #333391;
        border: none;
    }
}

.btnEmail:hover {
    background: #333391;
    color: #ffffff;
}

.btnEnviar {
    border-radius: 20px;
    background: #333391;
    border: 2px solid #333391;
    color: #ffffff;
}

.btnEnviar:hover {
    transition: 0.4s;
    background: #1a0c9c;
    border: 2px solid #002036;
    color: #ffffff;
}

.progress.mt-3 {
    margin-bottom: 15px;
}

.linkP {
    padding-left: 5px;
    font-size: 15px;
    color: #bebebe;
}

.linkA {
    color: #00FFFF !important;
}

.home-form {
    padding: 40px;
}

/* solucoes */

.solucoes {
    background-color: #e6e6e6;
}

.solucoes .solText {
    color: #0f054c;
}

/* planos */

.bg-smartphone {
    background-image: url("../img/smartphone5.webp"), url("../img/smartphone5.png");
    background-size: 100%;
    background-repeat: no-repeat;
    max-width: 375px;
    min-height: 750px;
}

.cabecalhoH2Planos {
    font-size: 24px;
}

@media (max-width: 767px) {
    h1.cabecalhoH1.cabecalhoPlanos {
        font-size: 35px;
        font-weight: 500;
    }
}

.loadingIcon {
    padding: 0 5%;
}

.btnChat {
    margin-top: 75%;
    filter: blur(0px);
    -webkit-filter: blur(0px);
    padding-left: 15px;
}

.terminarChat {
    padding-right: 15px;
    animation: bounceIn 500ms;
}

.agradecimento {
    padding-right: 15px;
    padding-left: 30px;
    margin-top: 70%;
    color: #fafafa;
    animation: bounceIn 500ms;
}

/* identify */

.videoHeader {
    position: relative;
    background-color: #0A024D;
    /* height: 76vh; */
    /* min-height: 25rem; */
    width: 100%;
    overflow: hidden;
}

.videoHeader video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.videoHeader .container {
    position: relative;
    z-index: 2;
}

/* storage */

.storage {
    background-color: #e6e6e6;
    background-image: url("../img/storage.webp"), url("../img/storage.png");
    /* background-repeat: no-repeat; */
    background-position: center center;
    background-size: cover;
    /* background-size: 100%; */
}

@media (min-width: 768px) {
    .storage {
        /* height: 700px; */
    }
}

.storage .solText {
    clear: both;
    color: #0f054c;
}

.imgStorage {
    max-width: 225px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .imgStorage {
        max-width: 200px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .imgStorage {
        max-width: 170px;
    }
}

@media (max-width: 768px) {
    .imgStorage {
        max-width: 125px;
    }
}

/* conheça a NS */

.sobreNos {
    background-color: #0A024D;
}

.sobreNosEn {
    background-color: #0A024D;
}

@media (min-width: 768px) {
    .sobreNos {
        background-image: url("../img/sobreNos.webp"), url("../img/sobreNos.png");
        /* min-height: 73vh; */
        background-repeat: no-repeat;
        /* background-size: 100%; */
        /* height: 700px; */
        background-position: right;
        background-size: cover;
    }
}

@media (min-width: 768px) {
    .sobreNosEn {
        background-image: url("../img/sobreNosEn.jpg");
        /* min-height: 73vh; */
        background-repeat: no-repeat;
        /* background-size: 100%; */
        height: 700px;
        background-position: right;
    }
}

.conheca {
    /* min-height: 700px; */
    color: #fafafa;
}

.conheca h3 {
    color: #fafafa;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 91.5%;
}

/* contador */

.about-counter {
    background: #0f054c;
}

@media (min-width: 1200px) {
    .about-counter {
        background: #0f054c;
        background-image: url("../img/circuitoMenor.png");
        background-repeat: no-repeat;
        background-position: right;
        padding: 60px 0;
    }
}

@media (min-width: 480px) and (max-width: 1199px) {
    .about-counter {
        padding: 60px 0;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .about-counter {
        padding: 0;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .about-counter-single {
        border-right: none;
        border-bottom: 1px solid rgba(170, 170, 170);
        margin-bottom: 15px;
    }
}

@media (max-width: 479px) {
    .about-counter-single {
        border-right: none;
        border-bottom: 1px solid rgba(170, 170, 170);
        margin-bottom: 15px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .about-counter .counter {
        padding: 30px 0;
    }
}

@media (max-width: 479px) {
    .about-counter .counter {
        padding: 30px 0;
    }
}

/* cases */

.cases {
    background-color: #e6e6e6;
}

.nav-pills2 li a {
    font-size: 10px;
}

.nav-pills2 .nav-link2.active {
    color: #0f054c;
    border-bottom: 2px solid #0f054c;
}

.nav-pills2 .nav-item {
    padding: 0px;
}

@media (min-width: 480px) {
    .cases ul li:hover {
        padding: 0px;
        background-color: #d0dfe6;
    }
}

.cases ul li a {
    color: #666666;
}

.cases .row .nav-tabs li {
    display: block;
    position: relative;
}

.nav-pills2 li a {
    color: #262626;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    display: block;
    padding: 15px 5px;
    cursor: pointer;
    text-decoration: none;
}

@media (max-width: 479px) {
    .nav-pills2 li a {
        font-size: 14px;
        padding: 0;
    }
}

/* suporte */

.suporte {
    height: 50vh;
    background-color: #fafafa;
}

.heroSuporte {
    background-color: #0A024D;
    min-height: 700px;
}

.TitleHeroSup {
    font-size: 65px;
    color: #00FFFF;
}

.iconSuporte {
    max-width: 75px;
    max-height: 75px;
    margin-top: 30px;
}

.imgPesquisa {
    position: absolute;
    top: 475px;
    left: 18%;
}

.imgPesquisa img {
    max-width: 900px;
}

@media (max-width: 992px) {
    .heroSuporte {
        min-height: 500px;
    }
    .TitleHeroSup {
        font-size: 50px
    }
    .imgPesquisa img {
        max-width: 500px;
    }
    .imgPesquisa {
        top: 425px;
        left: 19%;
    }
}

@media (max-width: 768px) {
    .heroSuporte {
        min-height: 550px;
    }
    .TitleHeroSup {
        font-size: 50px
    }
    .imgPesquisa img {
        max-width: 450px;
    }
    .imgPesquisa {
        top: 475px;
        left: 0%;
    }
}

@media (max-width: 576px) {
    .heroSuporte {
        min-height: 460px;
    }
    .TitleHeroSup {
        font-size: 40px
    }
    .imgPesquisa {
        top: 400px;
        left: 0%;
    }
    .imgPesquisa img {
        max-width: 350px;
    }
}

.supItens {
    background-color: #0A024D;
    min-height: 290px;
    padding: 15px;
    border-radius: 15px;
    transition: all .2s ease-in-out;
}

.supItens:hover {
    transform: scale(1.1);
    text-decoration: none;
}

.titleSupItens {
    font-size: 18px;
    font-weight: bold;
}

.supItensP {
    font-size: 14px;
}

.supPainel {
    background-color: #0A024D;
}

.supPainelDiv {
    padding: 0 15% 0 15%;
}

.supPainelDiv h4 {
    font-size: 18px;
}

.bgTeste2 {
    background: linear-gradient(to right, white 50%, #0A024D 50%);
}

@media (max-width: 992px) {
    .bgTeste2 {
        background: linear-gradient(to bottom, white 45%, #0A024D 45% 55%);
    }
}

@media (max-width: 768px) {
    .bgTeste2 {
        background: linear-gradient(to bottom, white 60%, #0A024D 40%);
    }
}

@media (max-width: 576px) {
    .bgTeste2 {
        background: linear-gradient(to bottom, white 70%, #0A024D 30%);
    }
}

.atendimento {
    min-height: 400px;
}

.atendimento h4, .atendimento p {
    color: #004B8E;
}

.atendimento h2 {
    font-size: 40px;
    color: #3b3b3b;
}

.imgJeniffer {
    max-width: 100%;
    height: auto;
    /* max-height: 300px; */
}

/* @media screen and (min-width: 1440px) {
    .imgJeniffer {
        max-width: 700px;
        max-height: 850px;
    }   
}

@media (max-width: 1440px) and (min-width: 1200px){
    .imgJeniffer {
        max-width: 650px;
    }
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    .imgJeniffer {
        max-width: 500px;
        max-height: 350px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .imgJeniffer {
        max-width: 700px;
        max-height: 850px;
    }
} */

@media (max-width: 768px) {
    .imgJeniffer {
        max-width: 350px;
    }
}

@media (max-width: 576px) {
    .imgJeniffer {
        max-width: 275px;
    }
}

.cuidadoAtendimento {
    background-color: #e6e6e6;
    color: #004B8E;
}

.cuidadoAtendimento h3 {
    font-weight: bold;
}

.rodapeSuporte {
    background-color: #181818;
}

.progress {
    height: 2rem !important;
    border-radius: 1rem !important;
}

.animarProgressBar {
    width: 0%;
    transition: 4s linear;
}

.progress-title {
    font-size: 18px;
    font-weight: 700;
    color: #000;
    margin: 0 0 30px;
}

.progress {
    height: 17px;
    background: rgba(0, 0, 0, 0.1);
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: visible;
    position: relative;
}

.progress-bar {
    background: linear-gradient(to right, #333391, #3EC9DA);
}

.progress .progress-bar {
    border-radius: 15px;
    box-shadow: none;
    position: relative;
}

.progress .progress-icon, .progress .progress-value {
    line-height: 40px;
    font-size: 15px;
    font-weight: 600;
    color: white;
    position: absolute;
    top: -5px;
    right: 14px;
}

.progress .progress-icon {
    right: auto;
    left: -5px;
}

/* contato */

.contato {
    background-color: #e6e6e6;
    background-image: url("../img/vamos-conversar.webp");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contato h3 {
    color: #0f054c;
    font-size: 28px;
}

.contato h4 {
    color: #363636;
    font-size: 22px;
}

.contato p {
    font-size: 20px;
}

.contatoEn {
    background-color: #e6e6e6;
    background-image: url("../img/7en.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.contatoEn h3 {
    color: #0f054c;
    font-size: 28px;
}

.contatoEn h4 {
    color: #363636;
    font-size: 22px;
}

.contatoEn p {
    font-size: 20px;
}

@media (max-width: 576px) {
    .contato p {
        font-size: 17px;
    }
    .iconContato {
        font-size: 3em;
    }
}

.suporteRodapeIcon {
    font-size: 2.3em;
    color: #fafafa;
    padding-right: 25px;
    transition: all 0.4s linear;
    /* margin-top: 25px; */
}

.suporteRodapeIcon:hover {
    color: #004B9C;
}

/* rodape */

.rodapeIcon {
    color: #fafafa;
    font-size: 2.8em;
}

@media (max-width: 991.98px) {
    .rodapeIcon {
        font-size: 1.8em;
        /* max-height: 60px; */
    }
}

.rodapeIcon:hover {
    color: #333391;
    transition: all 0.4s linear;
}

.inputRodape {
    border-bottom: 2px solid white;
    background: transparent;
    border-radius: 0;
    border-top: 0;
    border-right: 0;
    border-left: 0;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.inputRodape:focus {
    background: transparent;
    border-color: #333391 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.inputRodape::placeholder {
    color: #808080;
}

.inputRodape:disabled {
    background: transparent;
}

.select-rodape {
    font-size: 1.2em;
}

.rodape {
    min-height: 400px;
    background-color: #181818;
}

.logoRodape {
    max-width: 245px;
    max-height: 70px;
}

.logoRodape:hover {
    cursor: pointer;
}

@media (max-width: 991.98px) {
    .logoRodape {
        max-width: 200px;
        max-height: 60px;
    }
}

.rodape p {
    font-size: 18px;
}

.rodape__linkprivacidade {
    color: #fafafa;
}
.rodape__linkprivacidade:link, .rodape__linkprivacidade:visited { 
    text-decoration: none;
    color: #fafafa;
}
.rodape__linkprivacidade:hover, .rodape__linkprivacidade:active {
    text-decoration: underline;
    color: #fafafa;
}

/* espaçamentos */

.pr-50 {
    padding-right: 10%;
}

.px-50 {
    padding: 0 5%;
}

.p-55 {
    padding: 0 1% 0 5%;
}

.px-60 {
    padding: 0 10%;
}

.px-70 {
    padding: 0 15%;
}

.py-50 {
    padding: 10% 0;
}

.pt-50 {
    padding-top: 10%;
}

.mx-50 {
    margin: 0 10%;
}

.my-50 {
    margin: 8% 0;
}

.mt-60 {
    margin-top: 6%
}

.pl-50 {
    padding-left: 30%;
}

.pl-8 {
    padding-left: 8%;
}

/* img-sizes */

.img-ns {
    max-width: 580px;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .img-ns {
        max-width: 500px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .img-ns {
        max-width: 400px;
    }
}

.img-ns2 {
    max-height: 500px;
}

.img-ns3 {
    max-height: 425px;
}

.iconCursor {
    min-height: 30px;
    max-width: 14px;
    font-size: 1.2em;
}

@media (max-width: 575.98px) {
    .img-ns2 {
        max-width: 300px;
    }
}

@media (max-width: 767.98px) {
    .img-ns2 {
        max-height: 325px;
    }
}

@media (max-width: 991.98px) {
    .img-ns2 {
        max-height: 350px;
    }
}

/* .modal-dialog {
    max-width: 1200px;
    margin: 30px auto;
} */

/* btn's */

.btn-default {
    color: #3EC9DA;
    background-color: rgba(255, 255, 255, 0);
    border-color: #0f054c;
    border: 2px solid;
    padding: 10px 32px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default:hover {
    background-color: #3EC9DA;
    border-color: #3EC9DA;
    color: #ffffff;
    cursor: pointer;
}

.btn-default2 {
    color: #333391;
    background-color: rgba(255, 255, 255, 0);
    border-color: #333391;
    border: 2px solid;
    padding: 10px 32px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default2:hover {
    background-color: #333391;
    border-color: #333391;
    color: #ffffff;
    cursor: pointer;
}

.btn-default3 {
    color: #333391;
    background-color: rgba(255, 255, 255, 0);
    border-color: #333391;
    border: 2px solid;
    padding: 10px 32px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default3:hover {
    background-color: #db9e1a;
    border-color: #db9e1a;
    color: #000000;
    cursor: pointer;
    font-weight: bold;
}

.btn-default4 {
    color: white;
    background-color: #333391;
    border: 2px solid;
    border-color: #333391;
    padding: 10px 32px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default4:hover {
    background-color: rgba(255, 255, 255, 0);
    border-color: #333391;
    color: #ffffff;
    cursor: pointer;
}

.btn-default6 {
    color: white;
    background-color: #333391;
    border: 2px solid;
    border-color: #333391;
    padding: 10px 32px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default6:hover {
    background-color: #333391;
    border-color: #333391;
    color: #ffffff;
    cursor: pointer;
}

.btn-default5 {
    color: white;
    background-color: #333391;
    border: 2px solid;
    border-color: #333391;
    /* padding: 32px px; */
    padding: 18px 32px;
    font-size: 25px;
    line-height: 1.33333;
    border-radius: 100px;
}

.btn-default5:hover {
    /* background-color: rgba(255, 255, 255, 0); */
    border-color: #333391;
    color: #fafafa;
    cursor: pointer;
    transition: 0.3s all;
    transform: scale(1.2);
}

.btn-form {
    color: #3EC9DA;
    background-color: rgba(255, 255, 255, 0);
    border-color: #0f054c;
    border: 2px solid;
    border-radius: 10px;
}

.btn-form:hover {
    background-color: #3EC9DA;
    border-color: #3EC9DA;
    color: #ffffff;
    cursor: pointer;
}

/* planos */

.navbarPlanos {
    background-color: #0A024D;
}

.content {
    overflow: hidden;
}

.content .contact-profile {
    /* margin-left: 12px; */
    color: #fafafa;
}

.messages {
    height: 618px;
    /* height: 100%; */
    overflow-x: hidden;
    overflow-y: scroll;
}

.messages ul {
    list-style-type: none;
    padding-inline-start: 0px;
}

.content .messages::-webkit-scrollbar {
    width: 8px;
    background: transparent;
}

.content .messages::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 10px;
}

.itens {
    padding-left: 5px;
}

.replies p {
    background: #f5f5f5;
    animation: bounceIn 500ms;
    float: left;
    padding: 6px 10px 7px;
    border-radius: 10px 10px 10px 0;
    font-size: 13px;
    line-height: 1.4;
}

.sent p {
    background: #435f7a;
    color: #f5f5f5;
    float: right;
    animation: bounceIn 500ms;
    padding: 6px 10px 7px;
    font-size: 13px;
    line-height: 1.4;
    border-radius: 10px 10px 0 10px;
}

.content .message-input {
    margin-left: 12px;
}

@media (max-width: 576px) {
    #enviarDadosFormPlanos {
        padding: 9px 0;
    }
}

.content .message-input input {
    /* font-family: "proxima-nova", "Source Sans Pro", sans-serif; */
    /* border: none; */
    border-radius: 5px;
    width: 100%;
    padding: 8px 32px 8px 8px;
    font-size: 1em;
    color: #32465a;
}

.content .message-input input::placeholder {
    color: #808080;
}

.content .message-input select {
    /* font-family: "proxima-nova", "Source Sans Pro", sans-serif; */
    /* border: none; */
    border-radius: 5px;
    width: 100%;
    /* padding: 8px 32px 8px 8px; */
    font-size: 1em;
    color: #32465a;
}

.consumo {
    border-radius: 13px 13px 13px 0;
    padding: 6px 10px 7px;
    background: #f5f5f5;
    animation: fadeIn 400ms;
    opacity: 1;
    transition: opacity 325ms linear;
}

.consumo h3 {
    font-size: 23px;
}

#consumoexplicado.hide {
    opacity: 0;
}

#enviarDadosFormPlanos {
    width: 50px;
    margin-right: 24px;
}

.pull-right {
    float: right !important;
}

#enviarDadosFormPlanos:focus {
    outline: none;
}

.inputs.message-input label {
    color: #fafafa;
}

/* back-to-top */

.retornarTopo {
    position: fixed;
    /* display: block; */
    width: 55px;
    height: 55px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    bottom: 15px;
    left: 49%;
    background: rgba(238, 238, 238, 0.883);
    color: #333;
    line-height: 50px;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.3s ease-out;
    transform: translate3d(0, 15px, 0);
    -webkit-transform: translate3d(0, 15px, 0);
}

@media (max-width: 992px) {
    .retornarTopo {
        left: 47%;
    }
}

@media (max-width: 768px) {
    .retornarTopo {
        left: 44%;
    }
}

.retornarTopo i {
    display: block;
    font-size: 25px;
    line-height: 55px;
    text-align: center;
}

.retornarTopo:hover, .retornarTopo:focus {
    color: #435f7a;
    text-decoration: none;
}

.retornarTopo.show {
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0px, 0);
    -webkit-transform: translate3d(0, 0px, 0);
}

/* quem somos */

.heroQuemSomos {
    /* background-image: url("../img/cabecalho-quem-somos3.jpg"); */
    /* background-position: bottom; */
    /* background-size: 100vw; */
    /* background-repeat: no-repeat; */
    background-color: #000000;
    min-height: 90%;
}

.heroQuemSomos h1 {
    font-size: 45px;
}

.fotoQuemSomos img {
    width: 100%;
    height: auto;
}

.swiper-container {
    width: 96vw;
    height: auto;
}

.swiper-slide img {
    width: 96vw;
    height: auto;
}

.decoration {
    border-bottom: 1px solid #00FFFF;
}

.subtitulo {
    font-size: 1.0em;
}

/* serNS */

.serNS{
    background: linear-gradient(to right, white 50%, #f5f5f5 50%);
} 
.imgIsmaelThiago {
    
    width: 100%;        /* ocupa toda a largura */
    height: 100%;       /* ocupa toda a altura da coluna */
    object-fit: cover;  /* corta proporcionalmente */
    display: block;
}


@media (max-width: 768px) {
    .serNS {
        background: linear-gradient(to bottom, white 100%);
    }
    .col-imgIsmaelThiago{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .imgIsmaelThiago {
        max-width: 350px;
        /* max-height: 300px; */
    }
}

.serNS h3, .serNS h4 {
    color: #004b8e;
}

.serNS h2 {
    font-size: 40px;
    font-weight: bold;
    color: #004b8e;
}

@media (max-width: 992px) {
    .heroQuemSomos {
        min-height: 500px;
    }
}

@media (max-width: 768px) {
    .heroQuemSomos {
        min-height: 550px;
    }
}

@media (max-width: 576px) {
    .heroQuemSomos {
        min-height: 460px;
    }
}

/* cultura */

.bgTeste {
    background: linear-gradient(to right, #f5f5f5 50%, white 50%);
}

@media (max-width: 768px) {
    .bgTeste {
        background: linear-gradient(to bottom, #f5f5f5 50%, white 50%);
    }
}

.cultura {
    /* background: linear-gradient(90deg, #ebebeb 50%, white 50%); */
    min-height: 400px;
    /* position: relative; */
    /* z-index: 1; */
}

.cultura2 {
    min-height: 400px;
}

.nossaCultura h4, .nossaCultura p {
    color: #333391;
}

.nossaCultura h3 {
    color: #b3b2b2;
}

.nossaCultura h2 {
    font-size: 40px;
    font-weight: bold;
    color: #a4a4a4;
}

.acreditamosEm h2 {
    font-size: 40px;
    font-weight: bold;
    color: #3b3b3b;
}

.acreditamosEm h4, .acreditamosEm h3, .acreditamosEm p {
    color: #004b8e;
}

.damos110 {
    background-color: #000;
}

@media (min-width: 768px) {
    .damos110 {
        background-image: url("../img/quemSomosYTB.jpg");
        /* min-height: 73vh; */
        background-repeat: no-repeat;
        /* background-size: 100%; */
        /* height: 700px; */
        background-position: right;
        background-size: cover;
    }
}

.damos110 h2 {
    font-size: 65px;
    font-weight: 800;
    color: #00ffff;
}

.damos110En {
    background-color: #000;
}

@media (min-width: 768px) {
    .damos110En {
        background-image: url("../img/quemSomosEn.jpg");
        min-height: 73vh;
        background-repeat: no-repeat;
        /* background-size: 100%; */
        height: 700px;
        background-position: right;
    }
}

.damos110En h2 {
    font-size: 65px;
    font-weight: 800;
    color: #00ffff;
}

.damos110Row {
    min-height: 700px;
}

.webp .fotoEquipe {
    background-image: url("../img/nsSite-10.webp");
}

.no-webp .fotoEquipe {
    background-image: url("../img/nsSite-10.jpg");
}

.fotoEquipe {
    background-position: center center;
    background-size: cover;
    height: 200px;
}

@media screen and (min-width: 768px) {
    .fotoEquipe {
        height: 550px;
    }
}

.devToDev {
    background-color: #0A024D;
}

.devToDev h2 {
    color: #fafafa;
}

.aiEstaVc h2 {
    font-size: 40px;
    color: #004b8e;
    font-weight: bold;
}

.contatoQuemSomos {
    min-height: 400px;
}

.contatoQuemSomosRow {
    min-height: 400px;
}

.contatoQuemSomos input {
    padding-left: 4px;
}

.cursorSpan {
    font-size: 1.2em;
    margin-right: 5px;
    color: #fafafa;
}

.inputQuemSomos {
    border-bottom: 2px solid #e2e2e2;
    background: transparent;
    border-radius: 0;
    border-right: 0;
    border-top: 0;
    border-left: 0;
    font-size: 1.2em;
    margin-bottom: 20px;
}

.inputQuemSomos:focus {
    background: transparent;
    border-color: #333391 !important;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.inputQuemSomos::placeholder {
    color: #808080;
}

.inputQuemSomos:disabled {
    background: transparent;
}

/* pagina suite */

.bgAzul {
    background-color: #0A024D;
    height: 650px;
}

.cabecalhoH1 {
    font-size: 45px;
}

.cabecalhoH2 {
    font-size: 35px;
}

.bgCinza {
    background-color: #f5f5f5;
}

.iconItensSuite {
    max-height: 250px;
    max-width: 300px;
}

.tituloItensSuite {
    color: #0A024D;
}

.subtituloItensSuite {
    color: #0A024D;
    margin-bottom: 15px;
}

.iconCinza {
    color: #B1ADAD;
    opacity: 0.56;
}

.iconVerde {
    color: #2FD946;
}

.barraProgresso {
    background: rgba(177, 173, 173, 0.555);
    height: 5px;
    border-radius: 6px;
    /* transition: 4s all; */
}

.change {
    transition: 1.5s all;
    background: rgba(47, 217, 70, 0.753);
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    border-radius: 6px;
}

.barraProgresso1 {
    background: rgba(177, 173, 173, 0.555);
    height: 5px;
    border-radius: 6px;
}

.change1 {
    transition: 1.5s all;
    background: rgba(47, 217, 70, 0.753);
    content: '';
    display: block;
    width: 0%;
    height: 100%;
    border-radius: 6px;
}

.doubleArrow {
    transition: 1.5s all;
    color: #B1ADAD;
    opacity: 0.56;
}

.barraProgressoReversa {
    transition: 1.5s all;
    border-radius: 6px;
    background: rgba(177, 173, 173, 0.555);
    height: 5px;
    padding-left: 100%;
}

.change3 {
    background: rgba(47, 217, 70, 0.753);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.barraProgressoReversa2 {
    transition: 1.5s all;
    border-radius: 6px;
    background: rgba(177, 173, 173, 0.555);
    height: 5px;
    padding-left: 100%;
}

.change2 {
    background: rgba(47, 217, 70, 0.753);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.textProcesso {
    font-size: 17px;
}

.textProcesso .enviaDados {
    color: #fafafa;
}

.variasLinguagens {
    background-color: #fafafa;
}

.iconsLinguagemProgramacao {
    max-width: 100px;
    max-height: 100px;
    padding: 0 10px 0 10px;
}

.linguagemIcon a {
    text-decoration: none;
    border: none;
}

.junteSe {
    background-color: #0A024D;
}

/* materiais */

.heroMaterial {
    background-color: #0A024D;
    min-height: 450px;
}

#inputPesquisa {
    padding: 30px 20px;
    font-size: 1.2em;
    border-radius: 25px;
}

.ebooks {
    background-color: #ececec;
}

.titleMaterial {
    font-size: 40px;
    color: rgb(0, 55, 80);
    font-weight: bold;
}

.col-md-9 h3 {
    font-size: 30px;
}

.btnFiltroPesquisa {
    width: 100%;
    background-color: #333391;
    color: #fafafa;
}

.itens {
    background-color: #f2f2f2;
    /* transition: all .2s ease-in-out; */
}

.titleEbook {
    margin-bottom: 0;
    color: #181818;
}

.btnEbook {
    border: 2px solid #4f5c71;
    font-weight: 600;
    font-size: 16px;
    padding: 22px;
    background-color: transparent;
    text-align: center;
    color: #4f5c71;
    width: 100%;
}

.thumbItens {
    width: 100%;
    border-radius: 10px 10px 10px 10px;
}

@media (min-width: 576px) {
    .thumbItens {
        height: 160px;
    }
}

@media (min-width: 768px) {
    .thumbItens {
        height: 150px;
    }
}

/* // Large devices (desktops, 992px and up) */

@media (min-width: 992px) {
    .thumbItens {
        height: 130px;
    }
}

/* // Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .thumbItens {
        height: 160px;
    }
}

.itensText {
    min-height: 90px;
}

.filtrosPesquisa {
    z-index: 1;
}

.filtrosPesquisa h3 {
    /* padding: 20px 0 20px 0; */
    font-size: 1.5em;
}

.filtrosPesquisa li {
    margin-top: .5rem;
}

.filtrosPesquisa ul {
    text-decoration: none;
    list-style-type: none;
    padding-left: 2px;
}

.form-check {
    padding: 0 0 0 0;
}

.col-lg-4.podcast .thumbImg {
    padding: 0 45px;
}

.col-12.col-sm-6 a {
    font-weight: bold;
    font-size: 1rem;
    color: #4a4c50;
    text-decoration: none;
}

.col-12.col-sm-6 a div.videoItens {
    transition: all 0.2s;
}

.col-12.col-sm-6 a div.videoItens:hover {
    transform: scale(1.07);
}

.form-check .btnFilter:hover {
    background-color: #bed1f396;
}

.form-check .btnFilter.activated {
    background-color: #004B8E;
    color: #fafafa;
}

.form-check .btnFilter {
    background-color: transparent;
    color: #002036;
    font-weight: bold;
    font-size: 1.2rem;
    border-radius: 15px;
}

.itens.video {
    background-color: transparent;
    /* position: relative; */
}

.testevermelho {
    background-color: red;
}

.rowvideo {
    position: relative;
}

.filtrosPesquisa:before {
    width: 500%;
    height: calc(100% + 6rem);
    content: "";
    position: absolute;
    top: -3rem;
    bottom: 0;
    right: 20px;
    background-color: #EBEBEB;
    z-index: -1;
}

.btnLink {
    background-color: transparent;
    color: #002036;
    font-weight: bold;
    font-size: 1.3rem;
    border-radius: 15px;
    padding-left: 0;
}

#exampleModal .modal-dialog {
    width: 400px;
    margin: 10px;
    position: fixed;
    /* top: auto; */
    right: auto;
    left: 45px;
    bottom: 80px;
}

#exampleModal .modal-dialog h5 {
    font-size: 18px;
}

#exampleModal .modal-dialog input {
    font-size: 18px;
    margin-bottom: 0;
}

.btnSolicitacao {
    position: fixed;
    /* display: block; */
    border-radius: 5px;
    bottom: 25px;
    left: 3%;
    background: #e6e6e6;
    color: #fafafa;
    /* border-color: #333391; */
    border: 2px solid #333391;
    border-radius: 100px;
    line-height: 50px;
    opacity: 1;
    visibility: visible;
    z-index: 10;
    -webkit-transition: -webkit-transform 0.2s ease-out;
    -moz-transition: -moz-transform 0.2s ease-out;
    transition: transform 0.3s ease-out;
    transform: translate3d(0, 15px, 0);
    -webkit-transform: translate3d(0, 15px, 0);
}

.btnSolicitacao p {
    display: block;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 0;
    color: #333391;
    padding: 10px 27px;
}

.btnSolicitacao:hover, .btnSolicitacao:focus {
    background-color: #333391;
    color: #fafafa;
    text-decoration: none;
}

.btnSolicitacao p:hover {
    display: block;
    font-size: 20px;
    line-height: 35px;
    text-align: center;
    margin-bottom: 0;
    color: #fafafa;
    padding: 10px 27px;
}

.error {
    border-color: red;
}

/* página de status */

.tituloStatusPage h2 {
    font-size: 35px;
}

.tituloStatusPage .decoration {
    font-size: 42px;
}

.tituloStatusPage {
    background-color: #0A024D;
    color: #fafafa;
}

.iframeStatus {
    background-color: #f1f1f1;
}

.iframeStatus iframe {
    width: 100%;
    height: 1535px;
    border: none;
    overflow: hidden;
    font-size: 2em;
}

@media (max-width: 740px) {
    .iframeStatus iframe {
        width: 100%;
        height: 2095px;
    }
}

@media (min-width: 740px) and (max-width: 911px) {
    .iframeStatus iframe {
        width: 100%;
        height: 1975px;
    }
}

@media (min-width: 912px) and (max-width: 1056px) {
    .iframeStatus iframe {
        width: 100%;
        height: 1885px;
    }
}

@media (min-width: 1057px) and (max-width: 1200px) {
    .iframeStatus iframe {
        width: 100%;
        height: 1835px;
    }
}

@media (min-width: 1200px) {
    .iframeStatus iframe {
        width: 100%;
        height: 1835px;
    }
}

.monitoreNossoDesempenho h3 {
    color: #666666;
}

.monitoreNossoDesempenho p {
    font-size: 18px;
}

.docBlog {
    background: linear-gradient(#f1f1f1 50%, #dce2f5 50%);
}

@media (min-width: 768px) {
    .docBlog {
        background: linear-gradient(90deg, #f1f1f1 50%, #dce2f5 50%);
    }
}

.docBlogDivs {
    border-radius: 15px;
    transition: all .2s ease-in-out;
}

.docBlog-doc:hover {
    transform: scale(1.05);
    cursor: pointer;
    text-decoration: none;
}

.docBlog-icon {
    max-height: 60px;
    width: auto;
}

.docBlog-doc .docBlogDivs h4 {
    color: #444444;
}

.docBlog-blog .docBlogDivs h4 {
    color: #f1f1f1;
}

.tituloStatusMonitoramento-logoNs {
    display: flex;
    background-color: #f1f1f1;
}

.tituloStatusMonitoramento-logoNs img {
    align-items: center;
    margin: 0 auto;
    max-width: 230px;
    height: auto;
}


/*Seção Planos*/

.rounded-lg {
    border-radius: 15px !important;
}

.text-small {
    font-size: 15px !important;
    margin: auto;
}

.custom-separator {
    color: #00ffff;
    width: 30px;
    height: 4px;
    border-radius: 10px;
}

.text-uppercase {
    letter-spacing: 2px;
}

.container-planos {
    width: max-content;
}

.col-lg-3 {
    width: max-content;
    justify-content: space-between;
}

.fa-check {
    color: #00FFFF;
    -webkit-text-fill-color: #00ffff;
}
.zoom-effect:hover {
    transform: scale(1.1);
    transition: transform 0.6s ease;
    background-image: linear-gradient(to bottom, rgb(195, 0, 255), rgb(0, 162, 255));
    -webkit-text-fill-color: #fff;
  }

.ml-2 {
    font-size: 15px !important;
    margin-top: 1rem;
}

.btn-planos {
    align-items: center;
    -webkit-text-fill-color: #ffffff;
    background-color: #46c756;
    transition: 0.8s;
}

.btn-planos:hover {
    background: #265c54;
    color: #ffffff;
}

#rdstation-popup-position-bottom_right{
    right: -10px !important;
    bottom: 60px !important;
}