body{ padding:0px; margin:0px; background:#333; font-family: 'Roboto', Arial; font-weight:300; color:#FFF; font-size:18px; overflow:hidden;}
#toast-container {  bottom: auto !important; right: auto !important; top: 1%; left:1%; }
.modal{ color:#333; }
.modal p{ font-size:16px;}
.modal p a{ cursor:pointer;}

.box-cortina-left{ position:fixed; z-index:999999; top:0px; left:0%; width:50%; height:100%; background:#1E88E5; display:none; }
.box-cortina-right{ position:fixed; z-index:999999; top:0px; right:0%; width:50%; height:100%; background:#1E88E5; display:none;}
.box-cortina-left-fechar{  animation-name: box-cortina-left-fechar;   animation-duration: 0.8s; display:block;}
.box-cortina-right-fechar{  animation-name: box-cortina-right-fechar;   animation-duration: 0.8s; display:block}
@keyframes box-cortina-left-fechar { from { left:-50%;} to {left:0%;} }
@keyframes box-cortina-right-fechar { from { right:-50%;} to {right:0%;} }
.boxLoadIniciar {position:fixed; z-index:999999; height:7px; background-color: #87BFF1;  top:50%; left:50%; width:60%; margin-left:-30%; margin-top:-5px; display:none; }
.boxLoadIniciar .indeterminate { background-color:#FFF; }
.boxLoadIniciarTexto1{ display:none;  position:fixed; z-index:999999; color:#FFF; font-size:48px; font-weight:300; height:30px; line-height:30px; width:100%; text-align:center; top:50%; margin-top:-75px;  }
.boxLoadIniciarTexto2{ display:none; position:fixed; z-index:999999; color:#FFF; font-size:28px; font-weight:300; height:30px; line-height:30px; width:100%; text-align:center; top:50%; margin-top:25px;  }
.boxLoadIniciarTexto3{ display:none;  position:fixed; z-index:999999; color:#FFF; font-size:56px; font-weight:300; height:30px; line-height:30px; width:100%; text-align:center; top:50%; margin-top:-35px;  }

.boxBtnsTopo{ position:fixed; top:15px; right:15px; z-index:9999; width:320px;}
.boxBtnsTopo .btnAtendimento{  transition: background 0.5s; float:right; width:140px; height:34px; line-height:34px; margin-left:15px; font-size:14px; padding:0px; background-color: rgba(255, 255, 255, 0.3); font-weight:400;  }
.boxBtnsTopo .btnAtendimento:hover{  background-color: rgba(255, 255, 255, 0.4); }
.boxBtnsTopo .btnTestar{ transition: background 0.5s; float:right; width:140px; height:34px; line-height:34px; margin-left:15px; background:#FFF ; color:#1E88E5; font-size:14px; padding:0px;  font-weight:400; }
.boxBtnsTopo .btnTestar:hover{ background:#F7F9F9;}
.boxBtnsTopo .btnTestar2{ transition: background 0.5s; float:right; width:130px; height:34px; line-height:34px; margin-left:15px; border:none; background:#FFF ; color:#25A1DB; text-align:center; cursor:pointer; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; }
.boxBtnsTopo .btnTestar2:hover{ background-color: #D2ECF9; }
.boxBtnsTopo .btnEntrar{ transition: background 0.5s;  display:none; float:right; width:130px; height:34px; line-height:34px; margin-left:15px; border:none; background-color: rgba(255, 255, 255, 0.3); color:#FFF; text-align:center; cursor:pointer; font-family: 'Roboto', Arial; font-weight:400; font-size:14px;}
.boxBtnsTopo .btnEntrar:hover{ background-color: rgba(255, 255, 255, 0.4); }
.boxTrocaPaginaBtns{ position:fixed; z-index:9999; width:26px; height:182px; top:50%; left:3%; margin-top:-95px;  }
.boxTrocaPaginaBtns .boxTrocaPaginaBtn{ border:4px solid #FFF; width:18px; height:18px; border-radius:50%; cursor:pointer; margin-bottom:12px; opacity:0.5; }
.boxTrocaPaginaBtns .boxTrocaPaginaBtn:hover{ opacity:1.0;}
.boxTrocaPaginaBtns .boxTrocaPaginaBtn2{ border:4px solid #FFF; background:#FFF; width:18px; height:18px; border-radius:50%;  margin-bottom:12px; cursor:default;}

/*formulario de teste ja*/
.boxFormTesteJaFundo{display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px;  z-index:99998; background: rgba(0, 0, 0, 0.2); overflow:auto; }
#boxFormTesteJa{ display:none; width:600px; height:700px; padding:0px; background:#FFF; position:fixed; z-index:99999; top:50%; left:50%; margin-left:-300px; margin-top:-350px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4);  border-radius:10px; overflow:hidden;  }
@media (max-height: 700px) {	
	#boxFormTesteJa{ position:absolute; top:0px; margin-top:0px; }	
}
#boxFormTesteJa h2{ color:#1E88E5; font-size:32px; padding:0px; margin:0px; padding-left:40px; padding-top:30px; float:left; position:relative; }
#boxFormTesteJa .boxFormTesteJaFechar{ transition: background 0.5s; color:#999999; font-size:26px; font-weight:300; float:right; text-align:center; width:26px; height:26px; line-height:15px;  margin:5px; cursor:pointer;  }
#boxFormTesteJa .boxFormTesteJaFechar:hover{ background:#EEE;}
#boxFormTesteJa .boxFormTesteJaFechar .material-icons{ padding:0px; margin:0px; color:#999999; width:26px; height:26px; }
#boxFormTesteJa .boxFormTesteJaConteudo{padding:0px;}
#boxFormTesteJa .boxFormTesteJaConteudo iframe{ display:block; width:600px; height:630px; margin-top:-15px;}
#boxFormTesteJa h3{ clear:both; margin:0px; padding:0px; margin-bottom:10px; color:#25A1DB; font-size:34px; font-weight:300;}
#boxFormTesteJa label{ display:block; line-height:20px; padding-top:14px; color:#666666; font-size:14px; font-weight:400; }
#boxFormTesteJa label span{ color:#C00; }
#boxFormTesteJa input{ width:348px; height:18px; padding:15px; border:1px solid #C5CACD; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; color:#666666; }
#boxFormTesteJa select{  width:378px; height:50px; padding:15px; border:1px solid #C5CACD; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; color:#666666; }
#boxFormTesteJa .btnEnviarFormTesteJa{ transition: background 0.5s; cursor:pointer; display:block; background:#25A1DB; width:380px; text-align:center; height:56px; line-height:56px; color:#FFF; font-family: 'Roboto', Arial; font-weight:400; font-size:18px; border:none; margin-top:30px; }
#boxFormTesteJa .btnEnviarFormTesteJa:hover{ background:#1B729C; }

/*formulario esqueceu senha*/
.boxFormEsqueceuSenhaFundo{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99998; background: rgba(0, 0, 0, 0.2); }
#boxFormEsqueceuSenha{ display:none; width:400px; height:360px; padding:0px; background:#FFF; position:fixed; z-index:99999; top:50%; left:50%; margin-left:-200px; margin-top:-180px; box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.4); border-radius:10px; overflow:hidden; }
#boxFormEsqueceuSenha .boxFormEsqueceuSenhaFechar{ transition: background 0.5s; color:#999999; font-size:26px; font-weight:300; float:right; text-align:center;  width:26px; height:26px;line-height:15px; margin:5px; cursor:pointer; }
#boxFormEsqueceuSenha .boxFormEsqueceuSenhaFechar:hover{ background:#EEE;}
#boxFormEsqueceuSenha .boxFormEsqueceuSenhaFechar .material-icons{ padding:0px; margin:0px; color:#999999; width:26px; height:26px; }
#boxFormEsqueceuSenha .boxFormEsqueceuSenhaConteudo{padding:0px 40px; color:#666666; font-size:13px; }
#boxFormEsqueceuSenha h3{ clear:both; margin:0px; padding:0px; margin-bottom:10px; color:#1E88E5; font-size:34px; font-weight:300;}
/*#boxFormEsqueceuSenha label{ display:block; line-height:20px; padding-top:14px; color:#666666; font-size:14px; font-weight:400; }
#boxFormEsqueceuSenha label span{ color:#C00; }
#boxFormEsqueceuSenha input{ width:348px; height:18px; padding:15px; border:1px solid #C5CACD; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; color:#666666; }
#boxFormEsqueceuSenha select{  width:378px; height:50px; padding:15px; border:1px solid #C5CACD; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; color:#666666; }*/
/* label color */
#boxFormEsqueceuSenha .input-field label {
 color: #333; margin-left:-10px;
}
/* label focus color */
#boxFormEsqueceuSenha .input-field input:focus + label {
 color: #1E88E5;
}
/* label underline focus color */
#boxFormEsqueceuSenha .input-field input:focus {
 border-bottom: 1px solid #1E88E5;
 box-shadow: 0 1px 0 0 #1E88E5;
}


#boxFormEsqueceuSenha .btnRedefinirSenha{ transition: opacity 0.5s; width:320px; height:52px; line-height:52px; font-size:18px; padding:0px; background-color: #1E88E5; font-weight:400; }
#boxFormEsqueceuSenha .btnRedefinirSenha:hover{ opacity:0.8;}
#boxFormEsqueceuSenha .btnRedefinirSenha:disabled{ background:#EEE; color:#CCC; cursor:default; }

/*pagina1*/
.boxConteudo1{ position:fixed; top:0px; left:0px; width:100%; height:100%; background-color: #1E88E5; z-index:100; }
.boxConteudo1Fundo{display:none; width:100%; height:100%; background-image: none; background-position:center; background-size:cover;  }
.boxConteudo1FundoMascara{ background:rgba(30,136,229, 0.8); position:absolute; top:0px; left:0px; bottom:0px; right:0px;   z-index: 110;  }
.boxConteudo1 #boxLogin{ position:absolute; width:340px; top:50%; left:50%; margin-top:-275px; margin-left:-170px;  z-index: 120; }
.boxConteudo1 #boxLogin.boxLoginImobex{ margin-top:-280px; }
.boxConteudo1 .imgLogoUniven{ display:block; width:320px; margin-bottom:20px; margin-left:9px; }
.boxConteudo1 .imgLogoNuvem{display:block; height:140px; margin:0px auto 20px auto; }
.boxConteudo1 .boxsText{width:300px; height:89px; background:#FFF; border-radius:2px; margin:0px auto; }
.boxConteudo1 .boxsText input{ display:block; width:264px; height:44px; line-height:44px; padding:0px 18px; color:#000; font-family: 'Roboto', Arial; font-weight:300; font-size:16px; background:transparent; border:none; outline:none; }

.boxConteudo1 .boxsText input::-webkit-input-placeholder {  color:#81888F; }
.boxConteudo1 .boxsText input::-moz-placeholder { color:#81888F; }
.boxConteudo1 .boxsText input:-moz-placeholder { color:#81888F; }
.boxConteudo1 .boxsText input:-ms-input-placeholder {  color:#81888F;}
.boxConteudo1 .div_txt_email{ margin-top:17px;}
.boxConteudo1 #txt_email, .boxConteudo1 #txt_senha{ border-bottom:1px solid #E3E3E3}
.boxConteudo1 #txt_email:focus, .boxConteudo1 #txt_senha:focus{ border-bottom:1px solid #1E88E5}
.boxConteudo1 .txt_erro{ display:none; width:280px; padding:10px; background-color: rgba(0, 0, 0, 0.2); margin:16px auto 0px auto;  border-radius:2px; text-align:center; color:#FFF; line-height:20px; font-size:14px; }
.boxConteudo1 .txt_erro span{text-decoration:underline; color:#FFF; cursor:pointer;}
.boxConteudo1 .boxLoginConteudo{ width:340px; height:366px; padding:10px; padding-top:15px; color:#666;}
.boxConteudo1 .boxLoginConteudo input{ color:#666;}
.boxConteudo1 .boxLoginConteudo .input-field{ padding:0px;}
/* label color */
.boxConteudo1 .boxLoginConteudo .input-field label {
 color: #000; margin-left:34px !important;
}
/* label focus color */
.boxConteudo1 .boxLoginConteudo .input-field input:focus + label {
 color: #1E88E5 !important;
}
/* label underline focus color */
.boxConteudo1 .boxLoginConteudo .input-field input:focus {
 border-bottom: 1px solid #1E88E5 !important;
 box-shadow: 0 1px 0 0 #1E88E5 !important;
}
/* valid color */
.boxConteudo1 .boxLoginConteudo input.valid {
   border-bottom:1px solid #E3E3E3 !important;
   box-shadow: none !important;
}
/* invalid color */
.boxConteudo1 .boxLoginConteudo .input-field input.invalid {
 border-bottom: 1px solid #F00 !important;
 box-shadow: 0 1px 0 0 #F00 !important;
}

/* icon prefix focus color */
.boxConteudo1 .boxLoginConteudo .input-field .prefix.active {
 color: #1E88E5 !important;
}

/*.boxConteudo1 .boxLoginConteudo button{ transition: background 0.5s; cursor:pointer; display:block; background:#25A1DB; width:300px; text-align:center; height:46px; line-height:46px; color:#FFF; font-family: 'Roboto', Arial; font-weight:400; font-size:18px; border:none; margin:16px auto 0px auto; }
.boxConteudo1 .boxLoginConteudo button:hover{ background:#1B729C; }*/
.boxConteudo1 .boxLembrarMe label{ color:#333;}
.boxConteudo1 .boxBtnLogar{ margin-top:15px;}
.boxConteudo1 .btnLogar{  transition: opacity 0.5s; width:300px; height:42px; line-height:42px; font-size:14px; padding:0px; background-color: #1E88E5; font-weight:400; margin-bottom:0px;  }
.boxConteudo1 .boxLogarLoad{ display:none; height:42px;  padding-top:18px; margin-top:15px; }
.boxConteudo1 .btnLogar:hover{ opacity:0.8; }
.boxConteudo1 .linha-separa-ou-1{ border-bottom:1px solid #DDD; height:10px; width:130px; float:left; margin-left:10px; }
.boxConteudo1 .linha-separa-ou-2{ float:left; color:#999; height:15px; line-height:15px; padding-left:12px; font-size:14px; }
.boxConteudo1 .linha-separa-ou-3{ border-bottom:1px solid #DDD; height:10px; width:130px; float:right; margin-right:10px;}
.boxConteudo1 .linha-separa-ou-clear{ clear:both; height:10px;}
.boxConteudo1 .linha-separa-ou-clear-nofacebook{ clear:both; height:10px; border-bottom: 1px solid #DDD; margin: 10px 10px;}
.boxConteudo1 .boxBtnLogarFacebook{float:left; width:150px; margin-left:10px;}
.boxConteudo1 .boxBtnLogarFacebook .btnLogarFacebook{ transition: opacity 0.5s; width:145px; height:34px; line-height:34px; font-size:12px; padding:0px; background: #3D62A3 url(../images/icon-btn-facebook-small.png) no-repeat 7px 7px; font-weight:400; text-align:left; padding-left:35px; }
.boxConteudo1 .boxBtnLogarFacebook .btnLogarFacebook:hover{ opacity:0.8; }
.boxConteudo1 .boxLoginEsqueceuSenha{ float:right; color:#1E88E5; margin-right:11px;  font-size:14px; cursor:pointer; margin-top:7px; }
.boxConteudo1 .boxLoginEsqueceuSenha:hover{ text-decoration:underline; }
/*.boxConteudo1 .btnLogarFacebook{ width:300px; height:57px; cursor:pointer; background: url(../images/btn_login_entar_facebook.png) no-repeat 0px 0px; margin:16px auto 0px auto; }
.boxConteudo1 .btnLogarFacebook:hover{  background: url(../images/btn_login_entar_facebook.png) no-repeat 0px -57px; }*/

.boxConteudo1 .loadLogin{ display:none; width:300px; height:46px; background:#78C5E9 url(../images/load_btn_login.gif) no-repeat center center; cursor:default; margin:16px auto 0px auto;}
.boxConteudo1 .boxLoginTxt{ padding-top:30px; height:54px; line-height:27px; text-align:centesr; font-size:18px; }
.boxConteudo1 .boxProdutoUnion{ transition: opacity 0.5s; display:block; text-decoration:none; color:#FFF; position:absolute; right:20px; bottom:75px; height:31px; line-height:35px; background: url(../images/logo_union_softwares_branco.png) no-repeat right center; padding-right:86px; text-align:right; font-size:14px; opacity:0.6; z-index: 120;}
.boxConteudo1 .boxProdutoUnion:hover{opacity:1.0}
.boxConteudo1 .boxLinhaConheca{ position:absolute; z-index: 120; padding:0px; margin:0px; left:0px; bottom:0px; width:100%; height:60px; line-height:60px; background:rgba(0,0,0,0.1); cursor:pointer;  }
.boxConteudo1 .boxLinhaConheca div{ width:660px; height:60px; margin:0px auto; }
.boxConteudo1 .boxLinhaConheca h1{  padding:0px 10px; margin:0px;  float:left;  font-size:20px; font-weight:300; color:#FFF; height:60px; line-height:60px; }
.boxConteudo1 .boxLinhaConheca .material-icons{ padding:0px; margin:0px; font-size:34px; float:left; display:block; height:60px; line-height:60px;  }
.boxConteudo1 .boxClassica{ font-size:12px; color:#FFF; position:absolute; margin-left:-65px; margin-top:-15px; cursor:pointer;}
.boxConteudo1 .boxClassica:hover{ text-decoration:underline;}
.boxConteudo1 .boxLoginTxtApp{ padding-top:0px; height:54px; line-height:22px; text-align:center; font-size:16px; }
.boxConteudo1 .boxLoginTxtAppIcones{ padding-top:10px; width:240px; margin-left:50px; }
.boxConteudo1 .boxLoginTxtAppIconeApple{ transition: opacity 0.5s; float:left; display:block; cursor:pointer; width:110px; height:41px;  background:url(../images/login-icon-applestore2.png) no-repeat;}
.boxConteudo1 .boxLoginTxtAppIconeAndroid{ transition: opacity 0.5s; float:right; display:block; cursor:pointer; width:110px; height:41px;  background:url(../images/login-icon-playstore2.png) no-repeat;}
.boxConteudo1 .boxLoginTxtAppIconeAndroid:hover, .boxConteudo1 .boxLoginTxtAppIconeApple:hover{ opacity:0.7; }
.boxConteudo1 .boxLoginLembrado{ height:63px; margin-top:5px; margin-bottom:15px; display:none; }
.boxConteudo1 .boxLoginLembradoFoto{ width:61px; height:63px; line-height:63px; float:left; overflow:hidden;}
.boxConteudo1 .boxLoginLembradoFoto .material-icons{ font-size:71px; color:#CCC; margin-left:-5px; margin-top:-4px; padding:0px;}
.boxConteudo1 .boxLoginLembrado img{ width:61px; height:63px;}
.boxConteudo1 .boxLoginLembradoDados{ float:right; width:220px;}
.boxConteudo1 .boxLoginLembradoNome{ font-size:16px; font-weight:400; color:#4C4C4C; text-transform:uppercase; margin-top:0px;}
.boxConteudo1 .boxLoginLembradoEmail{ font-size:11px; color:#999; margin-top:2px;}
.boxConteudo1 .boxLoginTrocarUsuario{ color:#1E88E5; font-size:12px; cursor:pointer; margin-top:3px; }
.boxConteudo1 .boxLoginTrocarUsuario:hover{ text-decoration:underline; }


/*paginas*/
.boxTextos{ position:absolute; width:100%; height:650px; top:50%; margin-top:-320px; }
.boxTextos .boxConteudosImages{ max-width:680px; height:350px; margin:0px auto; }
.boxTextos h2{ padding:0px; margin:40px auto 0px auto; display:block; max-width:680px; text-align:center; line-height:50px; font-size:40px; font-weight:bold; font-family:'Montserrat', Arial; }
.boxTextos p{ padding:0px; margin:30px auto 0px auto; display:block; max-width:920px;  text-align:center; line-height:24px; font-size:18px; }
@media (max-height: 730px) { 
	.boxTextos{ position:absolute; width:100%; height:600px; top:50%; margin-top:-280px; }
	.boxTextos h2{ font-size:34px; line-height:40px; max-width:580px; } 
	.boxTextos p{ margin:17px auto 0px auto; line-height:22px; font-size:17px; }
}


/*pagina2*/
.boxConteudo2{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#25A1DB; z-index:90;} 
.boxConteudo2 #box2Img1{ display:none; position:absolute; width:325px; height:340px; background:url(../images/login_pag2_img1.png) no-repeat; left:50%; margin-left:-163px; margin-top:10px; }
.boxConteudo2 #box2Img2{ display:none; position:absolute; width:49px; height:50px; background:url(../images/login_pag2_img2.png) no-repeat; left:50%; margin-left:-180px; margin-top:200px; }
.boxConteudo2 #box2Img3{ display:none; position:absolute; width:38px; height:39px; background:url(../images/login_pag2_img3.png) no-repeat; left:50%; margin-left:-195px; margin-top:130px; }
.boxConteudo2 #box2Img4{ display:none; position:absolute; width:60px; height:60px; background:url(../images/login_pag2_img4.png) no-repeat; left:50%; margin-left:-147px; margin-top:66px; }
.boxConteudo2 #box2Img5{ display:none; position:absolute; width:39px; height:38px; background:url(../images/login_pag2_img5.png) no-repeat; left:50%; margin-left:-105px; margin-top:10px; }
.boxConteudo2 #box2Img6{ display:none; position:absolute; width:73px; height:74px; background:url(../images/login_pag2_img6.png) no-repeat; left:50%; margin-left:-37px; margin-top:0px; }
.boxConteudo2 #box2Img7{ display:none; position:absolute; width:37px; height:37px; background:url(../images/login_pag2_img7.png) no-repeat; left:50%; margin-left:77px; margin-top:15px; }
.boxConteudo2 #box2Img8{ display:none; position:absolute; width:57px; height:52px; background:url(../images/login_pag2_img8.png) no-repeat; left:50%; margin-left:85px; margin-top:70px; }
.boxConteudo2 #box2Img9{ display:none; position:absolute; width:61px; height:61px; background:url(../images/login_pag2_img9.png) no-repeat; left:50%; margin-left:150px; margin-top:100px; }
.boxConteudo2 #box2Img10{ display:none; position:absolute; width:50px; height:50px; background:url(../images/login_pag2_img10.png) no-repeat; left:50%; margin-left:135px; margin-top:195px; }

/*pagina3*/
.boxConteudo3{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#1B749E; z-index:80;} 
.boxConteudo3 #box3Img1{ display:none; position:absolute; width:258px; height:258px; background:#208DC1; border-radius:50%; left:50%; margin-left:-129px; margin-top:70px; }
.boxConteudo3 #box3Img2{ display:none; position:absolute; width:150px; height:221px; background:url(../images/login_pag3_img1.png) no-repeat; left:50%; margin-left:-75px; margin-top:73px; }
.boxConteudo3 #box3Img3{ display:none; position:absolute; width:164px; height:175px; background:url(../images/login_pag3_img2.png) no-repeat; left:50%; margin-left:-215px; margin-top:90px; }
.boxConteudo3 #box3Img4{ display:none; position:absolute; width:139px; height:130px; background:url(../images/login_pag3_img3.png) no-repeat; left:50%; margin-left:50px; margin-top:120px; }
.boxConteudo3 #box3Img5{ display:none; position:absolute; width:153px; height:156px; background:url(../images/login_pag3_img4.png) no-repeat; left:50%; margin-left:-320px; margin-top:150px; }
.boxConteudo3 #box3Img6{ display:none; position:absolute; width:143px; height:152px; background:url(../images/login_pag3_img5.png) no-repeat; left:50%; margin-left:165px; margin-top:145px; }

/*pagina4*/
.boxConteudo4{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#40ABDF; z-index:70;} 
.boxConteudo4 #box4Img1{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img1.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }
.boxConteudo4 #box4Img2{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img2.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }
.boxConteudo4 #box4Img3{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img3.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }
.boxConteudo4 #box4Img4{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img4.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }
.boxConteudo4 #box4Img5{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img5.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }
.boxConteudo4 #box4Img6{ display:none; position:absolute; width:582px; height:389px; background:url(../images/login_pag4_img6.png) no-repeat; left:50%; margin-left:-291px; margin-top:3px; }



/*pagina5*/
.boxConteudo5{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#165F81; z-index:60;} 
.boxConteudo5 #box5Img1{ display:none; position:absolute; width:543px; height:331px; background:url(../images/login_pag5_img1.png) no-repeat; left:50%; margin-left:-291px; margin-top:70px; }
.boxConteudo5 #box5Img2{ display:none; position:absolute; width:457px; height:305px; background:url(../images/login_pag5_img2.png) no-repeat; left:50%; margin-left:-249px; margin-top:49px; }
.boxConteudo5 #box5Img3{ display:none; position:absolute; width:3px; height:42px; background:url(../images/login_pag5_img3.png) no-repeat; left:50%; margin-left:-200px; margin-top:62px; }
.boxConteudo5 #box5Img4{ display:none; position:absolute; width:61px; height:50px; background:url(../images/login_pag5_img4.png) no-repeat; left:50%; margin-left:-240px; margin-top:17px; }
.boxConteudo5 #box5Img5{ display:none; position:absolute; width:3px; height:42px; background:url(../images/login_pag5_img3.png) no-repeat; left:50%; margin-left:-35px; margin-top:55px; }
.boxConteudo5 #box5Img6{ display:none; position:absolute; width:49px; height:42px; background:url(../images/login_pag5_img5.png) no-repeat; left:50%; margin-left:-57px; margin-top:7px; }
.boxConteudo5 #box5Img7{ display:none; position:absolute; width:3px; height:42px; background:url(../images/login_pag5_img3.png) no-repeat; left:50%; margin-left:185px; margin-top:135px; }
.boxConteudo5 #box5Img8{ display:none; position:absolute; width:44px; height:44px; background:url(../images/login_pag5_img6.png) no-repeat; left:50%; margin-left:165px; margin-top:88px; }


/*pagina6*/
.boxConteudo6{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#333; z-index:50;} 
.boxConteudo6 .boxConteudo6Fundo{width:100%; height:100%; background-image: url(../images/fundo-teste.jpg);background-position:center; background-repeat: no-repeat; background-size: cover; }
.boxConteudo6 .boxTextos{ position:absolute; width:100%; height:360px; top:50%; margin-top:-200px; }
.boxConteudo6 .boxTextos h2{ font-size:50px;}
.boxConteudo6 .boxTextos p{ font-size:24px;}
.boxConteudo6 .btnTestarGrande{ display:block; transition: background 0.5s; width:300px; height:86px; line-height:86px; margin:60px auto 0px auto; border:none; background:#1E88E5 ; color:#FFF; text-align:center; cursor:pointer; font-family: 'Roboto', Arial; font-weight:400; font-size:24px; }
.boxConteudo6 .btnTestarGrande:hover{ background:#1B729C;}
.boxConteudo6 .boxLinhaPortais{ position:absolute; width:100%; height:130px; background:#FFF; padding:0px; margin:0px; left:0px; bottom:0px; text-align:center;}
.boxConteudo6 .boxLinhaPortais h3{ padding:0px; margin-top:20px; margin-bottom:13px; display:block; text-align:center; font-size:18px; color:#5F666C; font-family: 'Roboto', Arial; font-weight:400;  }
.boxConteudo6 .boxPortais{ width:980px; margin:auto; }
.boxConteudo6 .boxPortais img{ margin:0px 15px;}
.box-termos{ position:absolute; right:0px; padding-top:10px;}
.box-termos a{ font-size:12px; margin-right:10px;}
.box-termos a:hover{ text-decoration:underline; cursor:pointer;}

/*pagina7 iniciando*/
.boxConteudo7{ display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; background:#FFF; z-index:40;} 
.boxIniciarLoadIn{ position:fixed; top:50%; left:50%; width:65px; height:65px; margin-left:-33px; margin-top:-75px;}
.boxIniciarLoadInTexto{ color:#666; font-size:36px; font-weight:300; position:fixed; top:50%; left:0px; width:100%; text-align:center; margin-top:30px;}
.boxConteudo7 .preloader-app{ display:none;}
@media (max-width: 1299px) { 
	.boxIniciarLoadInTexto{ font-size:32px; }
}
@media (max-width: 1023px) { 
	.boxIniciarLoadInTexto{ font-size:28px; }
}
@media (max-width: 980px) { 
	.boxIniciarLoadInTexto{ /*display:none;*/ color:#FFF; font-size:16px; }
	.boxConteudo7{  background:#1E88E5; } 
	.boxConteudo7 .spinner-blue, .boxConteudo7 .spinner-blue-only{ border-color: #FFF !important;}
	.boxIniciarLoadIn{ margin-left:-22px; margin-top:-50px;}
	.boxConteudo7 .preloader-wrapper{ display:none;}
	.boxConteudo7 .preloader-app{ display:block;}
}

/*imovel na nuvem*/
.bodyImovelNaNuvem .boxConteudo1FundoMascara{ background:rgba(56, 30, 66, 0.85) !important;  }
.bodyImovelNaNuvem .boxConteudo1 .btnLogar, .bodyImovelNaNuvem #boxFormEsqueceuSenha .btnRedefinirSenha, .bodyImovelNaNuvem .univen-btn-color1{  background-color: #85325C !important;   }
.bodyImovelNaNuvem .spinner-layer{  border-color: #ED5656 !important; }	
.bodyImovelNaNuvem .boxConteudo1 .boxLoginTrocarUsuario{ color:#ED5656; }
.bodyImovelNaNuvem .boxConteudo1 .boxLoginEsqueceuSenha{  color:#ED5656; }
.bodyImovelNaNuvem [type="checkbox"]:checked + label:before{ border-bottom:2px solid #ED5656; border-right:2px solid #ED5656;}
.bodyImovelNaNuvem .input-field .prefix.active { color: #ED5656 !important; }
.bodyImovelNaNuvem .input-field input:focus + label { color: #ED5656 !important;}
.bodyImovelNaNuvem .input-field input:focus { border-bottom: 1px solid #ED5656 !important; box-shadow: 0 1px 0 0 #ED5656 !important;}
.bodyImovelNaNuvem .boxConteudo1 .boxLoginConteudo .input-field .prefix.active { color: #ED5656 !important; }
.bodyImovelNaNuvem .boxConteudo1 .boxLoginConteudo .input-field input:focus + label { color: #ED5656 !important;}
.bodyImovelNaNuvem .boxConteudo1 .boxLoginConteudo .input-field input:focus { border-bottom: 1px solid #ED5656 !important; box-shadow: 0 1px 0 0 #ED5656 !important;}
.bodyImovelNaNuvem .progress  {  background:rgba(237, 86, 86, 0.50)}
.bodyImovelNaNuvem .progress .indeterminate {   background-color: #ED5656; }
.bodyImovelNaNuvem #boxFormEsqueceuSenha h3{ color: #ED5656 }

.bodyRedefinirImovelNaNuvem .input-field .prefix.active { color: #ED5656 !important; }
.bodyRedefinirImovelNaNuvem .input-field input:focus + label { color: #ED5656 !important;}
.bodyRedefinirImovelNaNuvem .input-field input:focus { border-bottom: 1px solid #ED5656 !important; box-shadow: 0 1px 0 0 #ED5656 !important;}
.bodyRedefinirImovelNaNuvem .univen-btn-color1{  background-color: #85325C !important;   }
	
/* NUVENS */
#Clouds {
  position: absolute;
  top: 10%;
  right: 0;
  left: 0;
  margin: auto;
  height: 30%;
  overflow: hidden;
  -webkit-animation: FadeIn 3s ease-out;
          animation: FadeIn 3s ease-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
@-webkit-keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes FadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Cloud {
  position: absolute;
  width: 100%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  height: 70px;
  -webkit-animation-duration: 120s;
          animation-duration: 120s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-name: Float, FadeFloat;
          animation-name: Float, FadeFloat;
  z-index: 1;
}
.Cloud.Foreground {
  height: 10%;
  min-height: 20px;
  z-index: 3;
}
.Cloud.Background {
  height: 9.09090909%;
  min-height: 8px;
  -webkit-animation-duration: 210s;
          animation-duration: 210s;
}
@-webkit-keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
@keyframes Float {
  from {
    -webkit-transform: translateX(100%) translateZ(0);
            transform: translateX(100%) translateZ(0);
  }
  to {
    -webkit-transform: translateX(-15%) translateZ(0);
            transform: translateX(-15%) translateZ(0);
  }
}
/*
@keyframes Float {
  from { transform: translateX(100%) translateY(-100%) translateZ(0); }
  50% { transform: translateX(55%) translateY(0) translateZ(0); }
  to { transform: translateX(-5%) translateY(-100%) translateZ(0); }
}
*/
@-webkit-keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
@keyframes FadeFloat {
  0%,
  100% {
    opacity: 0;
  }
  5%,
  90% {
    opacity: 1;
  }
}
.Cloud:nth-child(10) {
  -webkit-animation-delay: -184.61538462s;
          animation-delay: -184.61538462s;
  top: 60%;
}
.Cloud.Foreground:nth-child(10) {
  -webkit-animation-duration: 80s;
          animation-duration: 80s;
  height: 35%;

}

.Cloud.Background:nth-child(10) {
  -webkit-animation-duration: 110s;
          animation-duration: 110s;
  height: -3.40909091%;
}

.Cloud.Background:nth-child(10) .material-icons{ font-size: 4.30vh; margin-top:-5px; }

.Cloud:nth-child(9) {
  -webkit-animation-delay: -166.15384615s;
          animation-delay: -166.15384615s;
  top: 54%;
}
.Cloud.Foreground:nth-child(9) {
  -webkit-animation-duration: 84s;
          animation-duration: 84s;
  height: 32.5%;
  
}
.Cloud.Background:nth-child(9) {
  -webkit-animation-duration: 114s;
          animation-duration: 114s;
  height: -2.15909091%;
  
}
.Cloud.Background:nth-child(9) .material-icons{ font-size: 4vh; margin-top:-5px; }

.Cloud:nth-child(8) {
  -webkit-animation-delay: -147.69230769s;
          animation-delay: -147.69230769s;
  top: 48%;
}
.Cloud.Foreground:nth-child(8) {
  -webkit-animation-duration: 88s;
          animation-duration: 88s;
  height: 30%;
}
.Cloud.Background:nth-child(8) {
  -webkit-animation-duration: 118s;
          animation-duration: 118s;
  height: -0.90909091%;
}

.Cloud.Foreground:nth-child(8) .material-icons{ font-size: 14vh; margin-top:-25px; }

.Cloud:nth-child(7) {
  -webkit-animation-delay: -129.23076923s;
          animation-delay: -129.23076923s;
  top: 42%;
}
.Cloud.Foreground:nth-child(7) {
  -webkit-animation-duration: 92s;
          animation-duration: 92s;
  height: 27.5%;
}
.Cloud.Background:nth-child(7) {
  -webkit-animation-duration: 122s;
          animation-duration: 122s;
  height: 0.34090909%;
}

.Cloud.Background:nth-child(7) .material-icons{ font-size: 1.7vh; margin-top:-50px; }

.Cloud:nth-child(6) {
  -webkit-animation-delay: -110.76923077s;
          animation-delay: -110.76923077s;
  top: 36%;
}
.Cloud.Foreground:nth-child(6) {
  -webkit-animation-duration: 96s;

          animation-duration: 96s;
  height: 25%;
}
.Cloud.Background:nth-child(6) {
  -webkit-animation-duration: 126s;
          animation-duration: 126s;
  height: 1.59090909%;
}

.Cloud.Background:nth-child(6) .material-icons{ font-size: 1.27vh; margin-top:-42px; }

.Cloud:nth-child(5) {
  -webkit-animation-delay: -92.30769231s;
          animation-delay: -92.30769231s;
  top: 30%;
}
.Cloud.Foreground:nth-child(5) {
  -webkit-animation-duration: 100s;
          animation-duration: 100s;
  height: 22.5%;
}
.Cloud.Background:nth-child(5) {
  -webkit-animation-duration: 130s;
          animation-duration: 130s;
  height: 2.84090909%;
}

.Cloud.Foreground:nth-child(5) .material-icons{ font-size: 10vh; margin-top:-15px; }

.Cloud:nth-child(4) {
  -webkit-animation-delay: -73.84615385s;
          animation-delay: -73.84615385s;
  top: 24%;
}
.Cloud.Foreground:nth-child(4) {
  -webkit-animation-duration: 104s;
          animation-duration: 104s;
  height: 20%;
}
.Cloud.Background:nth-child(4) {
  -webkit-animation-duration: 134s;
          animation-duration: 134s;
  height: 4.09090909%;
}

.Cloud.Background:nth-child(4) .material-icons{ font-size: 2vh; margin-top:-16px; }

.Cloud:nth-child(3) {
  -webkit-animation-delay: -55.38461538s;
          animation-delay: -55.38461538s;
  top: 18%;
}
.Cloud.Foreground:nth-child(3) {
  -webkit-animation-duration: 108s;
          animation-duration: 108s;
  height: 17.5%;
}
.Cloud.Background:nth-child(3) {
  -webkit-animation-duration: 138s;
          animation-duration: 138s;
  height: 5.34090909%;
}

.Cloud.Foreground:nth-child(3) .material-icons{ font-size: 8vh; margin-top:-13px; }

.Cloud:nth-child(2) {
  -webkit-animation-delay: -36.92307692s;
          animation-delay: -36.92307692s;
  top: 12%;
}
.Cloud.Foreground:nth-child(2) {
  -webkit-animation-duration: 112s;
          animation-duration: 112s;
  height: 15%;
}
.Cloud.Background:nth-child(2) {
  -webkit-animation-duration: 142s;
          animation-duration: 142s;
  height: 6.59090909%;
}

.Cloud.Background:nth-child(2) .material-icons{ font-size: 3vh; margin-top:-5px; }

.Cloud:nth-child(1) {
  -webkit-animation-delay: -18.46153846s;
          animation-delay: -18.46153846s;
  top: 6%;
}
.Cloud.Foreground:nth-child(1) {
  -webkit-animation-duration: 116s;
          animation-duration: 116s;
  height: 12.5%;
}
.Cloud.Background:nth-child(1) {
  -webkit-animation-duration: 146s;
          animation-duration: 146s;
  height: 7.84090909%;
}

.Cloud.Foreground:nth-child(1) .material-icons{ font-size: 6vh; margin-top:-10px;  }
/*
.Cloud {
  background-image: url(../images/nuvem-5.png);
  
}
.Cloud.Background {
 background-image: url(../images/nuvem-4.png);
 
}*/
.Cloud .material-icons{ color:#666; font-size:16px; margin:0px; padding:0px; }
.Cloud.Background .material-icons{ color:#333; font-size:16px; margin:0px; padding:0px;}

/*Mobile*/
.boxBannerApp{ display:none; width:100%; height:70px; padding:15px; background:rgba(51,51,51,0.7); position:fixed; left:0px; bottom:0px; z-index:150;    }
.boxBannerAppClose{ float:left; padding-top:8px; cursor:pointer;}
.boxBannerAppClose .material-icons{color:#FFF; }
.boxBannerAppIcon{ float:left; width:41px; height:42px; margin-left:15px; background:url(../images/icon-app.png) no-repeat; background-size:41px 42px; cursor:pointer; }
.boxBannerAppIconImobex{ background:url(../images/icon-app-imobex.png) no-repeat; background-size:41px 42px; }
.boxBannerAppTexto{ float:left; line-height:18px; font-size:14px; margin-left:15px; padding-top:5px; cursor:pointer; color:#FFF; }
.boxBannerAppBtn{ float:right; padding:6px; border:1px solid #FFF; border-radius:2px; color:#FFF;}

@media (max-width: 980px) {	

	.boxBtnsTopo{ display:none !important; }
	.boxTrocaPaginaBtns{ display:none !important; } 
	.boxLinhaConheca{ display:none !important; } 
	.boxProdutoUnion{ display:none !important; } 
	.boxConteudo1 .boxLoginTxtApp{ display:none !important; } 
	.boxConteudo1 .boxConteudo1FundoMascara{ overflow:auto;}
	/*.boxConteudo1 #boxLogin{ position:static; top:auto; left:auto; margin:10px auto !important;  z-index: auto; max-width:340px !important; }*/
	.boxConteudo1 #boxLogin{margin-top:-270px; }
}

@media (max-width: 599px) {	
	.boxConteudo1Fundo{ background-image: none;  }
	.boxLoadIniciarTexto1{  font-size:22px; margin-top:-50px;  }
	.boxLoadIniciarTexto2{ font-size:14px; margin-top:10px;  }
	.boxLoadIniciarTexto3{ font-size:32px; margin-top:-20px;  }
}



/*
* REDEFINIR SENHA
*/
.boxRedefinirSenha{ color:#333;  font-family: 'Roboto', Arial; font-weight:400; font-size:16px; }
.boxRedefinirSenha .boxRedefinirSenhaTopo{ height:50px; background:#1E88E5; width:100%;}
.boxRedefinirSenha .boxRedefinirSenhaTopoImobex{ background: #066299 !important;}
.boxRedefinirSenha .boxRedefinirSenhaTopoImovelNaNuvem{ background: #381E42 !important;}
.boxRedefinirSenha .boxRedefinirSenhaTopoLogo{ max-width:460px; margin:auto; height:50px; background:url(../../administrador/images/logo_univen_2016.png) 25px 5px no-repeat;  }
.boxRedefinirSenha .boxRedefinirSenhaTopoLogoImobex{ background:url(../../administrador/images/logo-imobex.png)  25px 5px no-repeat !important;  }
.boxRedefinirSenha .boxRedefinirSenhaTopoLogoImovelNaNuvem{ background:url(../../administrador/images/logo-imovelnanuvem.png)  25px 5px no-repeat !important;  }
.boxRedefinirSenha .boxRedefinirSenhaConteudo{ max-width:410px; margin:auto; padding:25px;  }
.boxRedefinirSenha .boxRedefinirSenhaTitulo{ font-size:34px; color:#666; padding-bottom:20px; padding-top:5px; }
.boxRedefinirSenha .boxRedefinirSenhaFoto{float:left; margin-right:15px; margin-top:4px; width:64px; height:64px; }
.boxRedefinirSenha .boxRedefinirSenhaFoto img{ width:64px; height:64px; border-radius:50%;  }
.boxRedefinirSenha .boxRedefinirSenhaDados{ float:left; margin-left:10px; font-size:18px; }
.boxRedefinirSenha .boxRedefinirSenhaDados1{ font-weight:bold; height:20px; line-height:25px; margin-top:10px;}
.boxRedefinirSenha .boxRedefinirSenhaDados2{ color:#666;  height:20px; line-height:25px; margin-top:10px;}
.boxRedefinirSenha .boxRedefinirSenhaDescricao{ clear:both; padding-top:30px; padding-bottom:10px; font-size:14px;}
.boxRedefinirSenha label{ display:block; line-height:20px; padding-top:14px; color:#333; font-size:14px; font-weight:bold; }
.boxRedefinirSenha input{ width:348px; height:18px; padding:15px; border:1px solid #C5CACD; font-family: 'Roboto', Arial; font-weight:400; font-size:14px; color:#666666; }
.boxRedefinirSenha .boxRedefinirSenhaBtn{ width:100%; text-align:center; height:56px; line-height:56px;  margin-top:30px;}
.boxRedefinirSenha .boxRedefinirSenhaBtnImobex{   background-color: #066299 !important;  }
.boxRedefinirSenha .boxRedefinirSenhaBtnImovelNaNuvem{   background-color: #85325C !important;  }
.boxRedefinirSenha .boxRedefinirSenhaBtn:hover{ opacity:0.8; }
/*.boxRedefinirSenha .boxRedefinirSenhaBtn{ transition: background 0.5s; cursor:pointer; display:block; background:#25A1DB; width:380px; text-align:center; height:56px; line-height:56px; color:#FFF; font-family: 'Roboto', Arial; font-weight:400; font-size:18px; border:none; margin-top:30px; }
.boxRedefinirSenha .boxRedefinirSenhaBtn:hover{ background:#1B729C; }*/
.boxRedefinirSenha .boxRedefinirSenhaBtn:disabled{ background:#EEE; color:#CCC; cursor:default; }

.boxRedefinirSenha .boxRedefinirSenhaConteudoExpirado{ width:410px; margin:auto; padding:40px 0px; line-height:40px; text-align:center; }
.boxRedefinirSenha .boxRedefinirSenhaConteudoExpirado a{ color:#1E88E5;}
@media (max-width: 480px) {	
	.boxRedefinirSenha .boxRedefinirSenhaConteudo {padding: 5px 15px;}
	.boxRedefinirSenha .boxRedefinirSenhaTitulo{ font-size:28px; }
	.boxRedefinirSenha .boxRedefinirSenhaFoto{float:left; margin-right:15px; margin-top:4px; width:48px; height:48px; }
	.boxRedefinirSenha .boxRedefinirSenhaFoto img{ width:48px; height:48px; border-radius:50%;  }
	.boxRedefinirSenha .boxRedefinirSenhaDados{ margin-left: 0px; font-size: 16px;}
	.boxRedefinirSenha .boxRedefinirSenhaDados1 { line-height: 20px; margin-top: 8px;}
	.boxRedefinirSenha .boxRedefinirSenhaDados2 { line-height: 20px;margin-top: 3px;}
}