@charset "UTF-8";
html {
    box-sizing: border-box;
    font-family: arial;
}

*, *:before, *:after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: 0 none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body {
    background-color: #e9ebee;
    box-sizing: border-box;
    font-family: arial;
    /* background: url("../imagens/estante.jpg"); */
    background-size: cover;
    background-repeat: no-repeat;
    /* background-blend-mode: luminosity; */
    margin: 0;
    padding: 0;
}

*, *:before, *:after {
    /* margin: 0;
  padding: 0; */
    box-sizing: border-box;
    outline: 0 none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.confAssig{
    display: none;
    justify-content: center;
    align-items: center;
    width:80%;
    height: 40px;
    background-color: #AAFF9B;
    color: #369336;
    width: 100%;
    /* height: 10%; */

}
.baseFormCad{
    position: absolute;
    left:50%;
    top:100px;
    height: 500px;
    margin-left: -375px;
    width: 100%;
    max-width:750px;
    border:1px solid #ff0000;
    background-color: rgba(255,255,255,0.8);
}
.fundoVideo{
    position: absolute;
    left: 0;
    top: 0;
    width:100%;
    height: 100vh;
    background-color: #222222;
}
.videoBack{
    position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	/* z-index: -1000; */
	background: url(images/torre.jpg) no-repeat;
	background-size: cover;
}
[img="mouse"] *:focus, [img="touch"] *:focus, input:focus, textarea:focus {
    outline: none;
}

.menu {
    margin-left: 0px;
    width: 175px;
}

#boxLink {
    position: fixed;
    left: 50px;
    top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    visibility: hidden;
    z-index: 4;
    font-size: 14px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

#boxLink2 {
    position: fixed;
    left: 50px;
    top: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 170px;
    height: 40px;
    background-color: #ffffff;
    border: 1px solid #aaaaaa;
    visibility: hidden;
    z-index: 4;
    font-size: 14px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, .3);
}

#feed {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width:30%;
    height: 250px;
    margin: 0 auto;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: #004c6c;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    color: #FFFFFF;
    z-index: 5;
    visibility: hidden;
}

.arteLogin{
    width: 50%;
    min-width: 380px;
    height: 100%;
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items:flex-start; */
    background-image: url(../imagens/embarcador.png);
    
}

/* .formLog{
    width: 50%;
    min-width:340px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f4f7f8;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
} */
.formLog {
    width: 50%;
    min-width: 311px;
    height: 100%;
    /* border: 1px solid #ff0000; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #f4f7f8;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.backBemv{
    width: 91%;
    height:auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    color: #FFF;
    padding-top: 10px; 
    background-color: rgba(5, 43, 60,0.7);
    margin: 15px;   
    padding-bottom: 6px;
    /* border: 1px solid #fff; */
}
.benV{
    width: 100%;
    height: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
}
.instruLog{
    width: 100%;
    height: 50px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;


}

/* .container{
    position: fixed;
    transform: translate(-50%, -11%);
    top: 24%;
    left: 50%;
    width: 100%;
    max-width: 1205px;
    height:120%;
    min-height: 120%;
    display: block;
} */

.footer {
    position: absolute;
    display: flex;
    align-items: center;
    padding-left: 10px;
    left: 0;
    /* top: 10px; */
    width: 100%;
    height: 40px;
    bottom: 0;
    z-index: 5;
    font-size: 12px;
    color: #084059;
    opacity: 1;
}

.tableListaEdit {
    width: 78%;
    /* border: 1px solid #ff0000; */
    height: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.nomeInstituicao {
    font-size: 11px;
    /* border: 1px solid #ff0000; */
    text-align: left;
}

.linkAdd {
    font-size: 11px;
    /* border: 1px solid #ff0000; */
    text-align: left;
    color: #72009a;
}

.cellEdit {
    width: 20px;
    height: 30px;
}

.cellIcoMais {
    width: 22px;
    /* border: 1px solid #ff0000; */
}

.tableEdit {
    width: 68%;
    /* border: 1px solid #ff0000; */
}

.labelEditPerf {
    font-size: 12px;
    /* border: 1px solid #ff0000; */
    text-align: right;
    width: 100px;
}

.labelEditPerfTop {
    font-size: 12px;
    /* border: 1px solid #ff0000; */
    text-align: right;
    width: 100px;
    vertical-align: top;
    padding-top: 7px;
}

.tabInteresse {
    width: 260px;
}

.labelEditPerfInteresse {
    font-size: 12px;
    /* border: 1px solid #ff0000; */
    text-align: left;
    width: 110px;
}

.cellCheck {
    width: 10px;
    text-align: center;
}

.linkFooter {
    font-size: 12px;
    color: #084059;
}

.linkFooter:hover {
    color: #0b5476;
}

.sexLabel {
    font-size: 12px;
    color: #666666;
}

.divHr {
    width: 634px;
    margin-left: 12px;
    border-top: 1px solid #dddddd;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.divHrAlert {
    width: 634px;
    margin-left: 12px;
    border-top: 1px solid #cf3232;
    border-left: none;
    border-bottom: none;
    border-right: none;
}

.divWorm {
    position: absolute;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    height: auto;
    z-index: 2;
    top: 59.2px;
    left: 305px;
    width: 666px;
}

.sectionCrushes {
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 140px;
    height: auto;
    margin-bottom: 10px;
    /* border: 1px solid #ff0000; */
}

.divWormEditPerf {
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 140px;
    height: auto;
    margin-bottom: 10px;
    /* border: 1px solid #ff0000; */
}

.divWormInt {
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 140px;
    height: auto;
    /* border: 1px solid #ff0000; */
}

.divWormInt2 {
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 140px;
    height: auto;
    margin-bottom: 10px;
    /* border: 1px solid #ff0000; */
}

.sectionTituloEditPerfil {
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 30px;
    height: auto;
    margin-bottom: 10px;
    /* border: 1px solid #ff0000; */
}

.alertaPerfilIncompleto {
    border: 1px solid #d15a5a;
    background-color: #d79898;
    border-radius: 4px;
    width: 660px;
    min-height: 140px;
    height: auto;
    margin-bottom: 10px;
    /* border: 1px solid #ff0000; */
}

.areaTextAlert {
    width: 592px;
    min-height: 40px;
    height: auto;
    /* border: 1px solid #006611; */
    outline: none;
    font-size: 12px;
    padding-right: 10px;
    color: #fff;
}

.divSugests {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    background-color: #fff;
    border-radius: 4px;
    width: 660px;
    min-height: 200px;
    height: auto;
    margin-top: 10px;
    /* border: 1px solid #ff0000; */
}

#organizaSugest {
    /* border: 1px solid #ff0000; */
    margin-top: -12px;
}

.icoAlert {
    width: 60px;
    height: 60px;
    /* border: 1px solid #006611; */
    border-radius: 50%;
    background: url("../imagens/icoAlert.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    margin-right: 5px;
}

.fotoUsPub {
    width: 60px;
    height: 60px;
    /* border: 1px solid #006611; */
    border-radius: 50%;
    background: url("../imagens/foto.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    margin-right: 5px;
}

.fotoSolic {
    width: 60px;
    height: 60px;
    /* border: 1px solid #006611; */
    border-radius: 50%;
    background: url("../imagens/hugo.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    margin-right: 5px;
}

.coracaoPulse {
    width: 40px;
    height: 40px;
    /* border: 1px solid #006611; */
    border-radius: 2%;
    background: url("../imagens/coracaoPulse.png");
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 10px;
    margin-right: 5px;
}

.avisoCrushes {
    width: 592px;
    min-height: 40px;
    height: auto;
    /* border: 1px solid #006611; */
    outline: none;
    font-size: 12.5px;
    padding-right: 10px;
}

.divBoxInputPub {
    display: flex;
    align-items: center;
    width: 592px;
    min-height: 40px;
    height: auto;
    /* border: 1px solid #006611; */
    outline: none;
    user-select: text;
    white-space: pre-wrap;
    overflow-wrap: break-word;
    -moz-user-modify: read-write;
    -webkit-line-break: after-white-space;
    -webkit-user-modify: read-write-plaintext-only;
    font-size: 14px;
    padding-right: 10px;
}

.divFotoSolic {
    display: flex;
    align-items: center;
    width: 592px;
    min-height: 40px;
    height: auto;
    /* border: 1px solid #006611; */
    outline: none;
    user-select: text;
    font-size: 12.5px;
    padding-right: 10px;
}

.divBoxInputPub[contenteditable="true"] {
    -webkit-user-modify: read-write-plaintext-only;
}

.tituloEditItem {
    display: flex;
    align-items: center;
    width: 592px;
    min-height: 30px;
    height: auto;
    /* border: 1px solid #006611; */
    outline: none;
    user-select: text;
    font-size: 12.5px;
    padding-left: 12px;
}

.publiL1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    width: 660px;
    min-height: 80px;
    height: auto;
    /* border: 1px solid #ff00ff; */
}

.publiL2 {
    display: flex;
    width: 660px;
    height: 60px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
}

.publiL3 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    width: 660px;
    min-height: 80px;
    height: auto;
    /* border: 1px solid #ff00ff; */
}

.crushesL1 {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: nowrap;
    width: 660px;
    min-height: 80px;
    height: auto;
    /* border: 1px solid #ff00ff; */
}

.crushesL2 {
    display: flex;
    width: 660px;
    height: 60px;
    justify-content: flex-start;
    align-items: center;
    padding-left: 20px;
}

.topTituloEdit {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 660px;
    min-height: 30px;
    height: auto;
    /* border: 1px solid #ff00ff; */
}

.divBusca {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 31%;
    background-color: #ffffff;
    border-radius: 4px;
    border: 1px solid #3e2151;
}

.tituloEditPerfil {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: 660px;
    min-height: 40px;
    height: auto;
    font-size: 14px;
    font-weight: bold;
    color: #555555;
    padding-left: 12px;
    /* border: 1px solid #ff00ff; */
}

.btInsertVideo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoImg.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 10px;
    cursor: pointer;
}

.btInsertVideo:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoImg2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btCompletePerfil {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 190px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoEdit.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 10px;
    cursor: pointer;
}

.btCompletePerfil:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoEdit2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btInsertGif {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoGif.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 15px;
    margin-left: 30px;
    cursor: pointer;
}

.btInsertGif:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoGif2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btmaisTarde {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoGif.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 15px;
    margin-left: 30px;
    cursor: pointer;
}

.btmaisTarde:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoGif2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btNaoAceito {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoNaoAceite.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    margin-left: 30px;
    padding-left: 3px;
    cursor: pointer;
}

.btNaoAceito:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoNaoAceite2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btAceiteCrushes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 210px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/recPrivIco.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 3px;
    cursor: pointer;
}

.btAceiteCrushes:hover {
    background: #d6d7d9;
    background-image: url("../imagens/recPrivIco2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btAceiteAmigo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 130px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoAceite.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 3px;
    cursor: pointer;
}

.btAceiteAmigo:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoAceite2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.btLidaCrushes {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 32px;
    background: #e9ebee;
    border-radius: 20px;
    font-size: 12px;
    background-image: url("../imagens/icoMarcarLidaCrush.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
    padding-left: 3px;
    margin-left: 30px;
    cursor: pointer;
}

.btLidaCrushes:hover {
    background: #d6d7d9;
    background-image: url("../imagens/icoMarcarLidaCrush2.png");
    background-repeat: no-repeat;
    background-position: 10px 5px;
}

.aniversarianteHome {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 70px;
    height: 75px;
    margin-top: 3px;
    /* border:1px solid #000000; */
}

.amigosHome {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 70px;
    height: 75px;
    /* border:1px solid #000000; */
    margin-top: 8px;
}

.verTodosAmigosBox {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 70px;
    height: 75px;
    /* border:1px solid #000000; */
    margin-top: 3px;
}

.fotoAnivHome {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.retiscAmigos {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.nomeAnivHome {
    width: 70px;
    height: 30px;
    /* border:1px solid #000000; */
    font-size: 11px;
    color: #385898;
    font-weight: bold;
    text-align: center;
}

.preBarMatching {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    border-radius: 6px;
    border: 1px solid #cccccc;
    width: 150px;
    height: 32px;
    /* background: #e9ebee; */
    font-size: 12px;
    margin-left: 30px;
}

.tituloPreMat {
    /* border:1px solid #000000; */
    width: 150px;
    height: 14px;
    font-size: 10px;
    padding-left: 3px;
    font-size: 10px;
}

.barPreMat {
    text-align: center;
    border: 1px solid #aaaaaa;
    width: 140px;
    height: 11px;
    font-size: 8px;
    margin-top: -4px;
    padding-top: -2px;
}

.barMat1 {
    text-align: center;
    background-color: #7cf277;
    width: 70%;
    height: 9px;
    font-size: 8px;
}

.destaqNomes {
    color: #385898;
    font-weight: bold;
}

.destaqTituloEdit {
    color: #555555;
    font-weight: bold;
}

#cxBusca {
    width: 86%;
    height: 27px;
    border: none;
    background-color: transparent;
}

.subNav {
    /* border: 1px solid #bbb6b6; */
    width: 95%;
    max-width: 1320px;
    min-width: 790px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
}

.bell {
    width: 31px;
}

.btBusca {
    width: 27px;
    height: 27px;
    border: none;
    background-image: url("../imagens/icoLupa.png");
    background-repeat: no-repeat;
}

.btMais {
    width: 27px;
    height: 27px;
    border: none;
    background-image: url("../imagens/icoMais.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.btMenos {
    width: 27px;
    height: 27px;
    border: none;
    background-image: url("../imagens/icoMenos.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

.pess {
    width: 31px;
}

.divNotifs {
    display: flex;
    justify-content: space-around;
    /* border: 1px solid #bbb6b6; */
    width: 150px;
}

.divLogo {
    width: 160px;
    /* border: 1px solid #bbb6b6; */
}

.imgLogo {
    /* width:300px; */
}

.divLineH {
    margin-top: 20px;
    width: 210px;
    border-top: 1px solid #cccccc;
}

.tituloSection {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.tituloSectionCentro {
    width: 640px;
    /* border: 1px solid #000; */
    /* background-color: #e9ebee; */
    height: 23px;
    margin-top: 2px;
    margin-bottom: -5px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 4px;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
}

.usuarioIdent {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.usuarioIdent:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.tituloAnivers {
    width: 288px;
    /* border: 1px solid #e9ebee; */
    /* background-color: #e9ebee; */
    height: 20px;
    margin-top: 5px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.anivers {
    width: 288px;
    border: 1px solid #e9ebee;
    /* background-color: #e9ebee; */
    height: auto;
    min-height: 86px;
    max-height: 260px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.tituloAmizades {
    width: 288px;
    /* border: 1px solid #e9ebee; */
    /* background-color: #e9ebee; */
    height: 20px;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.amizades {
    width: 288px;
    /* border: 1px solid #e9ebee; */
    /* background-color: #e9ebee; */
    height: auto;
    min-height: 86px;
    max-height: 260px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.tituloComunidade {
    width: 288px;
    border: 1px solid #e9ebee;
    /* background-color: #e9ebee; */
    height: 20px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.comunidades {
    width: 288px;
    border: 1px solid #e9ebee;
    /* background-color: #e9ebee; */
    height: 160px;
    min-height: 80px;
    max-height: 160px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    font-size: 13px;
    font-weight: bold;
    color: #555555;
}

.feed {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 15px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.feed:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.matchings {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.matchings:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.recados {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.recados:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.fotos {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.fotos:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.videos {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.videos:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.favoritos {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.favoritos:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.configuracoes {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 10px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.configuracoes:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.depoimentos {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.depoimentos:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.crushes {
    width: 210px;
    border: 1px solid #e9ebee;
    background-color: #e9ebee;
    height: 35px;
    margin-top: 1px;
    text-align: left;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 2px;
    cursor: pointer;
}

.crushes:hover {
    border: 1px solid #cccccc;
    background-color: #f5f6f7;
}

.retsc {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #555555;
    /* border: 1px solid #ccc; */
    height: 33px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 10px;
    visibility: hidden;
}

.numIco {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: normal;
    color: #888888;
    /* border: 1px solid #ccc; */
    height: 33px;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0;
    visibility: visible;
}

.tabLeft2 {
    width: 200px;
}

.divleft {
    position: fixed;
    left: 84px;
    top: 59px;
    width: 210px;
    /* left: 150px;
    top: 100px;
    width: 210px;*/
    height: 700px;
    border-radius: 3px;
    z-index: 3;
}

.divRight {
    position: fixed;
    left: 951px;
    top: 200px;
    width: 300px;
    height: auto;
    min-height: 570px;
    max-height: 1200px;
    padding-left: 5px;
    border: 1px solid #dee0e3;
    background-color: #fff;
    border-radius: 4px;
}

.fotoPerfil {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/foto.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.feedIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/feedIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.matchingsIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/matchingsIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.recadosIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/recadosIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.depoimentosIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/depoimentosIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.crushesIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/crushesIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.fotosIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/fotosIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.videosIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/videosIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.favoritosIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/favoritosIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.configIco {
    width: 25px;
    height: 25px;
    /* border: 1px solid #ff0000; */
    border-radius: 50%;
    background: url("../imagens/configIco.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.nomeHome {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkFeed {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkRecados {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkDepoimentos {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkCrushes {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkFotos {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkVideos {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkFavoritos {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.lnkConfiguracoes {
    font-family: verdana;
    font-size: 12px;
    font-weight: normal;
    /* border: 1px solid #ff0000; */
    width: 148px;
    height: 19px;
    margin-left: 8px;
    margin-top: 4px
}

.base_grid {
    background-color: #ffffff;
    border-radius: 10px;
}

.secao-principal {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo {
    position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    top: 18px;
    left: 50%;
    transform: translate(-50%, -7%);
    width: 100%;
    height: 135px;
    padding-left: 30px;
    /* border: 1px solid #000; */
    /* position: absolute;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -7%);
    width: 100%;
    height: 135px;
    padding-left: 30px; */
}

.certifConf {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -35%);
    width: 350px;
    height: 350px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-shadow:0 5px 20px rgb(0 161 248 / 75%);
    -moz-box-shadow:0 5px 20px rgba(0,161,248,0.70);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);

}
/* .divLogin {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -35%);
    width: 820px;
    height: 400px;
    min-height: 450px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
    -moz-box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
    box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
} */
.divLogin {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%, -35%);
    width: 820px;
    height: 379px;
    min-height: 379px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
    -moz-box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
    box-shadow: 10px 10px 16px -12px rgba(0,0,0,0.51);
}

input {
    width: 80%;
}

/* .divLogin{
    position: absolute;
    top:10px;
    left:50%;
    transform:translate(-50%, 2%);
    width:375px;
    height: 500px;
    background-color: #fff;
} */

.campo-login {
    width: 320px;
    position: absolute;
    height: 435px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    min-width: 350px;
    margin-top: -217.5px;
    left: 50%;
    top: 50%;
    margin-left: -160px;
}

.campo-signup {
    width: 17%;
    height: 540px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    min-width: 350px;
    margin-top: 10px;
}

.campo-cad {
    width: 17%;
    height: 460px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    min-width: 350px;
    margin-top: 120px;
}

.processo1 {
    width: 55%;
    height: 430px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    min-width: 800px;
    margin-top: 5px;
}

.upload1 {
    width: 55%;
    height: 430px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 3px 18px #464646;
    min-width: 800px;
    margin-top: 5px;
}

.formulario {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
    width: 80%;
    height: 85%;
    justify-content: center;
}
.titulo-login {
    padding: 20px 5px;
    font-size: 17px;
    text-align: center;
    color: #163c4c;
    font-family: arial;
    font-weight: bold;
}
.titulo-login3 {
    padding: 20px 1px;
    width: 100%;
    font-size: 17px;
    text-align: left;
    color: #163c4c;
    font-family: arial;
    font-weight: bold;
}

.titulo-login2 {
    padding: 20px 5px;
    font-size: 18px;
    text-align: center;
    color: #777777;
    font-family: arial;
}

.campo-fim {
    width: 100%;
    height: 15%;
    /* background-color: #163c4c; */
    border-top: 1px solid #bbb6b6;
    border-radius: 0 0 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.campo-fim--texto {
    text-decoration: none;
    font-family: arial;
    font-size: 15px;
    color: cadetblue;
}

.campo-fim--texto:hover {
    text-decoration: underline;
}

.bts-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 20px;
}
.login-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.esqueci-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:flex-start;
    align-items: center;
    margin-bottom: 20px;
}
.user {
    width: 20px;
    position: absolute;
    padding-left: 10px;
    opacity: 0.5;
}

.lock {
    width: 20px;
    position: absolute;
    padding-left: 10px;
    opacity: 0.5;
}

.login {
    width: 100%;
    height: 46px;
    padding: 2px 0 0 10px;
    border-radius: 6px;
    border: 1px solid #bbb6b6;
    color: #757575;
    outline: none;
    font-size: 15px;
}

.inputCad {
    width: 100%;
    height: 30px;
    padding: 0px 0 0 5px;
    border-radius: 20px;
    border: 1px solid #bbb6b6;
    color: #757575;
    outline: none;
}

.inputCadCod {
    width: 70%;
    height: 30px;
    padding: 0px 0 0 5px;
    border-radius: 20px;
    border: 1px solid #bbb6b6;
    color: #757575;
    outline: none;
}

.senha {
    width: 100%;
    height: 46px;
    padding: 2px 0 0 10px;
    border-radius: 6px;
    border: 1px solid #bbb6b6;
    color: #757575;
    outline: none;
    font-size: 15px;
    /* margin-bottom: 10px; */
}

.senha-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.lembrar {
    width: calc(80% + 5px);
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.lembrar .lembrar--texto {
    flex: 1 1 300px;
}

.lembrar input {
    flex: 1 1 40px;
}

.lembrar--texto {
    padding-left: 5px;
    color: #4c4141;
    font-family: arial;
    font-size: 15px;
}
.btEntra {
width: 49%;
height: 48px;
border-radius: 6px;
/* margin-bottom: 15px; */
border:none;
background-color: #084059;
color: #fff;
outline: none;  
cursor: pointer;
font-family: arial;
font-size: 14px;
transition: 0.5s;
display: flex;
justify-content: center;
align-items: center;
}

.btEntra:hover {
    background-color: #0c577a;
    border:none;
    color: #ffffff;
    transition: 0.5s;
}
.btEntra svg{
    fill:#fff;
}
.btSolicita {
width: 49%;
height: 48px;
border-radius: 6px;
/* margin-bottom: 15px; */
border:1px solid #084059;
background-color: transparent;
color: #084059;
outline: none;  
cursor: pointer;
font-family: arial;
font-size: 14px;
display: flex;
justify-content: center;
align-items: center;
transition: 0.5s;
}

.btSolicita:hover {
    background-color: #0c577a;
    border:none;
    color: #ffffff;
    transition: 0.5s;
}
.btSolicita svg{
    fill:#084059;
}
.ok {
    width: 80%;
height: 40px;
border-radius: 6px;
/* margin-bottom: 15px; */
border: 1px solid #d50000;
background-color: #d50000;
color: #fff;
outline: none;  
cursor: pointer;
font-family: arial;
font-size: 16px;
}

.ok:hover {
    background-color: #e60000;
    border: 1px solid #e60000;
    color: #ffffff;
    transition: 0.5s;
}

.ok2 {
    width: 80%;
    height: 40px;
    border-radius: 20px;
    /* margin-bottom: 15px; */
    border: 1px solid #0685a4;
    background-color: #0685a4;
    color: #ffffff;
    outline: none;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.ok2:hover {
    background-color: #089bbf;
    border: 1px solid #089bbf;
    transition: 0.5s;
}

.okSignUp {
    width: 80%;
    height: 40px;
    border-radius: 20px;
    /* margin-bottom: 15px; */
    border: 1px solid #bbbbbb;
    background-color: #bbbbbb;
    color: #ffffff;
    outline: none;
    cursor: default;
    font-family: arial;
    font-size: 14px;
}

.okSignUp2 {
    width: 80%;
    height: 40px;
    border-radius: 20px;
    /* margin-bottom: 15px; */
    border: 1px solid #66397f;
    background-color: #66397f;
    color: #ffffff;
    outline: none;
    cursor: pointer;
    font-family: arial;
    font-size: 14px;
    transition: 0.5s;
}

@media (min-width: 1141px) {
    .logo {
        justify-content: flex-start;
        align-items: center;
        padding-left: 30px;
    }
    .divLogin {

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

    }
    #feed {
        width:30%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        /* background: url("../imagens/back.png"); */
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 961px) and (max-width: 1140px) {
    .logo {
        justify-content: flex-start;
        align-items: center;
    }
    .divLogin {

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);

    }
    #feed {
        width:50%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        background: url("../imagens/back.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
}

@media (min-width: 721px) and (max-width: 960px) {
    .logo {
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }
    .divLogin {

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:380px;
        height: 350px;
        min-height: 350px;
        background-color: #f4f7f8;

    }
    #feed {
        width:50%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        background: url("../imagens/back1024.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
    .lembrar {
        width: calc(80% + 5px);
        margin-bottom: 20px;
        display: none;

    }
    .baseFormCad{
        margin-left:-35%;
        width: 70%;
    }
    /* .arteLogin{
        width: 50%;
        min-width: 380px;
        height: 100%;
        display: none;
        border: 1px solid #ff0000;
    } */
    .arteLogin {
        width: 50%;
        min-width: 272px;
        height: 100%;
        display: none;
        background-image: url(../imagens/embarcador.png);
    }


    
    .formLog{
        width: 50%;
        min-width:340px;
    }
    
.bts-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
}

@media (min-width: 541px) and (max-width: 720px) {
    .logo {
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }
    .divLogin {

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width:380px;
        height: 350px;
        min-height: 350px;
        background-color: #f4f7f8;     
    }
    #feed {
        width:50%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        background: url("../imagens/back768.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
    .lembrar {
        width: calc(80% + 5px);
        margin-bottom: 20px;
        display: none;

    }
    .titulo-login {
    padding: 20px 5px;
    font-size: 15px;
    text-align: center;
    font-family: arial;
    font-weight: bold;
}
.baseFormCad{
    margin-left:-40%;
    width: 80%;
}

.arteLogin{
    width: 50%;
    min-width: 380px;
    height: 100%;
    display: none;
}
.formLog{
    width: 50%;
    min-width:340px;
}

.bts-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}

}

@media (min-width: 376px) and (max-width: 540px) {
    .logo {
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }
    .divLogin {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 350px;
        height: 350px;
        min-height: 350px;
        background-color: #f4f7f8;
    }
    #feed {
        width:75%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        background: url("../imagens/back540.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
    .lembrar {
        width: calc(80% + 5px);
        margin-bottom: 20px;
        display: none;

    }
    .baseFormCad{
        margin-left:-40%;
        width: 80%;
    }
    .arteLogin{
        width: 50%;
        min-width: 380px;
        height: 100%;
        display: none;
    }    
    .formLog{
        width: 50%;
        min-width:340px;
    }
    
.bts-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
}

@media (max-width: 375px) {
    .logo {
        justify-content: center;
        align-items: center;
        padding-left: 0;
    }
    .divLogin {

        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 320px;
        height: 380px;
        min-height: 350px;
        background-color: #f4f7f8;
    }
    #feed {
        width:75%;
    }
    body{
        background-color: #e9ebee;
        box-sizing: border-box;
        font-family: arial;
        background: url("../imagens/back540.png");
        background-size: cover;
        background-repeat: no-repeat;
        /* background-blend-mode: luminosity; */
        margin: 0;
        padding: 0;
    }
    .lembrar {
        width: calc(80% + 5px);
        margin-bottom: 20px;
        display: none;

    }
    .baseFormCad{
        margin-left:-40%;
        width: 80%;
    }
    .arteLogin{
        width: 50%;
        min-width: 380px;
        height: 100%;
        display: none;
    }
    .formLog{
        width: 50%;
        min-width:340px;
    }
    
.bts-box {
    width: 100%;
    /* height: 10%; */
    display: flex;
    justify-content:space-between;
    align-items: center;
    margin-bottom: 20px;
    flex-wrap: wrap;
}
}