/* font padrao */

@font-face {
	font-family: 'Metrocity';
	src: url(../font/metrocity/Metrocity-Black.ttf) format('truetype');
	font-style: normal;
	font-weight: 900;
}

@font-face {
	font-family: 'Metrocity';
	src: url(../font/metrocity/Metrocity-Bold.ttf) format('truetype');
	font-style: normal;
	font-weight: 700;
}

@font-face {
	font-family: 'Metrocity';
	src: url(../font/metrocity/Metrocity-Medium.ttf) format('truetype');
	font-style: normal;
	font-weight: 500;
}

@font-face {
	font-family: 'Metrocity';
	src: url(../font/metrocity/Metrocity-Book.ttf) format('truetype');
	font-style: normal;
	font-weight: 400;
}

@font-face {
	font-family: 'Metrocity';
	src: url(../font/metrocity/Metrocity-Light.ttf) format('truetype');
	font-style: normal;
	font-weight: 300;
}

html, body{
	font-family: 'Metrocity', "Helvetica Neue", Arial;
}

/* icon font  */

@font-face {
	font-family: 'prio';
	src:  url('../font/prio/prio.eot?gqu9ng');
	src:  url('../font/prio/prio.eot?gqu9ng#iefix') format('embedded-opentype'),
	url('../font/prio/prio.ttf?gqu9ng') format('truetype'),
	url('../font/prio/prio.woff?gqu9ng') format('woff'),
	url('../font/prio/prio.svg?gqu9ng#prio') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'prio' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-adicionar-cartao:before {
	content: "\e900";
}
.icon-aviso:before {
	content: "\e901";
}
.icon-bateria:before {
	content: "\e902";
}
.icon-calendario:before {
	content: "\e903";
}
.icon-carro:before {
	content: "\e904";
}
.icon-cartao:before {
	content: "\e905";
}
.icon-check:before {
	content: "\e906";
}
.icon-computador:before {
	content: "\e907";
}
.icon-definicoes:before {
	content: "\e908";
}
.icon-dinheiro:before {
	content: "\e909";
}
.icon-documentos:before {
	content: "\e90a";
}
.icon-download:before {
	content: "\e90b";
}
.icon-editar:before {
	content: "\e90c";
}
.icon-eliminar:before {
	content: "\e90d";
}
.icon-email:before {
	content: "\e90e";
}
.icon-enviado:before {
	content: "\e90f";
}
.icon-erro:before {
	content: "\e910";
}
.icon-guardar:before {
	content: "\e911";
}
.icon-info:before {
	content: "\e912";
}
.icon-menu-2:before {
	content: "\e913";
}
.icon-menu:before {
	content: "\e914";
}
.icon-nfc:before {
	content: "\e915";
}
.icon-posto:before {
	content: "\e916";
}
.icon-seta-baixo-curto:before {
	content: "\e917";
}
.icon-seta-baixo-pequeno:before {
	content: "\e918";
}
.icon-seta-baixo:before {
	content: "\e919";
}
.icon-seta-cima-curto:before {
	content: "\e91a";
}
.icon-seta-cima-pequeno:before {
	content: "\e91b";
}
.icon-seta-cima:before {
	content: "\e91c";
}
.icon-seta-direita-curto:before {
	content: "\e91d";
}
.icon-seta-direita-pequeno:before {
	content: "\e91e";
}
.icon-seta-direita:before {
	content: "\e91f";
}
.icon-seta-esquerda-curto:before {
	content: "\e920";
}
.icon-seta-esquerda-pequeno:before {
	content: "\e921";
}
.icon-seta-esquerda:before {
	content: "\e922";
}
.icon-tomada:before {
	content: "\e923";
}
.icon-upload:before {
	content: "\e924";
}
.icon-x:before {
	content: "\e925";
}

/* cores  */

body .branco_hover:hover,
.branco{
	color: #fff;
}
body _hover:hover,
.bg_branco{
	background-color: #fff;
}

body .transparente_hover:hover,
.transparente{
	color: rgba(0,0,0,0);
}
body .bg_transparente_hover:hover,
.bg_transparente{
	background-color: rgba(0,0,0,0);
}

body .preto_hover:hover,
.preto{
	color: #000;
}
body .bg_preto_hover:hover,
.bg_preto{
	background-color: #000;
}

body .azul_hover:hover,
.azul{
	color: #00B6D9;
}
body .bg_azul_hover:hover,
.bg_azul{
	background-color: #00B6D9;
}

body .azul_escuro_hover:hover,
.azul_escuro{
	color: #0095B1;
}
.bg_azul_escuro_hover:hover,
.bg_azul_escuro{
	background-color: #0095B1;
}

body .azul_claro_hover:hover,
.azul_claro{
	color: #E8F6F8;
}
.bg_azul_claro_hover:hover,
.bg_azul_claro{
	background-color: #E8F6F8;
}

body .cinza_hover:hover,
.cinza{
	color: #5F767F;
}
body .bg_cinza_hover:hover,
.bg_cinza{
	background-color: #5F767F;
}

body .cinza_claro_hover:hover,
.cinza_claro{
	color: #E2E2E2;
}
.bg_cinza_claro_hover:hover,
.bg_cinza_claro{
	background-color: #E2E2E2;
}

body .agua_hover:hover,
.agua{
	color: #FAFBFB;
}
body .bg_agua_hover:hover,
.bg_agua{
	background-color: #FAFBFB;
}

/* fundos blur */
.bg_blur_azul{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(9,162,190,0.6);
}

.bg_blur_branco{
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(255,255,255,0.7);
}

/* base */

a{
	color: inherit;
}

img{
	max-width: 100%;
}

.in{
	max-width: 1450px;
	padding: 0px 30px;
}

.link{
	text-decoration: underline;
	cursor: pointer;
}
.link:hover{
	text-decoration: none;
}

.multiply{
	mix-blend-mode: multiply;
	-webkit-mix-blend-mode: multiply;
}

.hide{display: none;}

/* cantos e redondos */

.redondo{
	border-radius: 200px;
}
.cantos{
	border-radius: 10px;
}
.cantos_s{
	border-radius: 5px;
}
.cantos_ss{
	border-radius: 3px;
}
.cantos_l{
	border-radius: 15px;
}
.cantos_xl{
	border-radius: 20px;
}
.cantos_xxl{
	border-radius: 30px;
}


/* botoes */

.botao{
	height: 50px;
	line-height: 40px;
	display: inline-flex;
	padding: 0px 20px;
	border-radius: 5px;
	box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.15);
	min-width: 120px;
	width: auto;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	border: 1px solid transparent;
	box-sizing: border-box;
}

#botao_comecar{ border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; }

.botao.centrado{
	justify-content: center;
}

.botao.estreito{
	min-width: 0px;
}

.botao.largo{
	min-width: 180px;
}

.botao.total{
	width: 100%;
}

.botao:hover{
	box-shadow: 0px 5px 30px rgb(25, 75, 84, 0.15);
}

.botao span{
	font-weight: 500;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
	display: inline-block;
}

.botao i{
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

.botao i+span{
	padding-left: 15px;
}

.botao span+i{
	padding-left: 15px;
}

.botao.contorno{
	border: 1px solid rgb(25, 75, 84, 0.15);;
}

.bloqueado{
	pointer-events: none;
}

.botao.bloqueado{
	background-color: #5F767F;
	opacity: 0.5;
}

.botao_debito_direto .botao{
	max-width: 256px;
	display: flex;
}


/* titulos */

.titulo_xl{
	font-size: 55px;
	line-height: 60px;
	font-weight: 900;
}

.titulo_l{
	font-size: 45px;
	line-height: 56px;
	font-weight: 700;
}

.titulo_m{
	font-size: 30px;
	line-height: 35px;
	font-weight: 700;
}

.titulo_s{
	font-size: 25px;
	line-height: 30px;
	font-weight: 700;
}

.titulo_xs{
	font-size: 22px;
	line-height: 25px;
	font-weight: 700;
}


[class^="titulo_"]{
	display: block;
}

[class^="titulo_"].bold,
[class^="titulo_"] strong{
	font-weight: 900;
}
[class^="titulo_"].light,
[class^="titulo_"] em{
	font-weight: 400;
	font-style: normal;
}

/* texto */

.p,
.txt,
.txt p{
	font-size: 18px;
	line-height: 25px;
	display: block;
}

.semibold{
	font-weight: 500;
}

.txt strong,
.p strong,
.bold{
	font-weight: 700;
}

.black{
	font-weight: 700;
}


small{
	font-size: 60%;
}


p small,
.small{
	font-size: 15px;
}
p.mini,
.p.mini{
	font-size: 12px;
	line-height: 14px;
}


/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	LANDINGPAGE
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

.lp_header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100vw;
	z-index: 10;
}

.wp_header:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100vw;
	height: 1px;
	background-color: rgba(255,255,255,0.3);
}

.lp_header_logo{
	padding: 12px 0px;
}

.lp_header_logo img{
	height: 40px;
	width: auto;
}

.header_txt_legenda{
	font-size: 25px;
	display: block;
	height: 36px;
	line-height: 36px;
}

.header_txt_negocio{
	font-size: 20px;
}

.lp_intro{
	position: relative;
	overflow: hidden;
}

.lp_intro:after,
.lp_intro:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	z-index: -1;
}

.lp_intro:after{
	background-image: url('../img/bg1.jpg');
	background-position: right bottom;
	background-size: 50vw auto;
}

.lp_intro:before{
	background-image: url('../img/bg2.jpg');
	background-position: top left;
	background-size: 50vw auto;
}

.cartao_3d{
	position: absolute;
	right: 12vw;
	bottom: 45vh;
	width: 35vw;
	perspective: 1000px;
}
.cartao_3d img{
	width: 100%;
	border-radius: 40px;
	box-shadow: -2px 2px 0px #0095B1;
	transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(16deg) rotateY(17deg) rotateZ(-14deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}


.intro_cont{
	margin-top: 45vh;
	min-height: 55vh;
}

.bimg_d img{
	border-radius: 30px;
}

.lp_bimg{
	padding: 90px 0px;
}

.cartao{
	border-radius: 15px;
	padding: 30px;
}

.cartao_icon{
	font-size: 100px;
}

.cartoes_cta,
.lp_cartoes_margem{
	min-height: 15vw;
}

.lp_cartoes_bg_v2,
.lp_cartoes_bg{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.lp_cartoes_bg_v2:before,
.lp_cartoes_bg:after,
.lp_cartoes_bg:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
}

.lp_cartoes_bg:before{
	background-image: url('../img/bg3.jpg');
	background-position: left bottom;
	background-size: 47% auto;
}
.lp_cartoes_bg:after{
	background-image: url('../img/bg4.jpg');
	background-position: right bottom;
	background-size: 47% auto;
}

.lp_cartoes_bg_v2:before{
	background-image: url('../img/bg5.jpg');
	background-position: right bottom;
}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	FORMULARIO
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/


/* estrutura do campos */

.f_titulo{
	font-size: 25px;
	line-height: 30px;
	font-weight: 900;
	margin-bottom: 10px;
}

.f_subtitulo{
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 60px;
}

.form_campo_titulo{
	padding: 0px 15px 5px 15px;
}

.obrigatorio .form_campo_titulo:after{
	content: "*";
}

.form_campo{
	position: relative;
	margin-bottom: 30px;
}

.campo_ajuda,
.info-certidao{
	margin-top: 5px;
	font-size: 14px;
	padding-left: 15px;
}

.campo_ajuda span,
.campo_ajuda a{
	color: inherit;
	text-decoration: underline;
}

.campo_ajuda span:hover,
.campo_ajuda a:hover{
	text-decoration: none;
	cursor: pointer;
}

.info-certidao a{text-decoration: underline;}
.info-certidao a:hover{text-decoration: none;}

body.tipo_empresa .apenas_particular{
	display: none !important;
}

body.tipo_particular .apenas_empresa{
	display: none !important;
}


/* campos  */

.campo_select, .campo_texto{
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	border: 1px solid #C1CDCF;
	border-radius: 5px;
	padding: 0px 15px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.05);
	font-family: inherit;
	font-weight: 400;
	background-color: #fff;
}

.campo_texto:hover{
	border-color: #899698;
	box-shadow: 0px 5px 20px rgb(25, 75, 84, 0.05);
}

.campo_select:focus, .campo_texto:focus{
	border-color: #00B6D9;
	color: #0095B1;
}

.campo_texto::placeholder{
	color: #899698;
}

.campo_texto[readonly]{
	background-color: #FAFBFB;
	box-shadow: none;
	color: #5F767F;
	pointer-events: none;
	border-color: #e8edee;
}

.campo_checkbox input{
	display: none;
}

.campo_checkbox label{
	position: relative;
	padding: 0px 0px 0px 25px;
	display: block;
	margin-top: 5px;
	font-size: 16px;
	line-height: 20px;
}

.campo_checkbox.aceitacao label{
	font-size: 12px;
	line-height: 15px;
	padding-top: 2px;
}

.campo_checkbox label:before{
	content: "";
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 0;
	top: 2px;
	border-radius: 100%;
	box-sizing: border-box;
	border: 1px solid #899698;
}

.campo_checkbox label:after{
	content: "";
	width: 7px;
	height: 9px;
	display: block;
	position: absolute;
	left: 4px;
	top: 3px;
	box-sizing: border-box;
	border: 0px solid #fff;
	border-top: 0px;
	border-left: 0px;
	transform: rotate(0deg) scale(0.0);
}

.campo_checkbox label:hover:before{
	border-color: #00B6D9;
}

.campo_checkbox input:checked+label:before{
	border-width: 7px;
	border-color: #00B6D9;
	background-color: #00B6D9;
}

.campo_checkbox input:checked+label:after{
	border-right-width: 2px;
	border-bottom-width: 2px;
	transform: rotate(45deg) scale(1.0);
}

.campo_checkbox label a{
	color: #00B6D9;
	text-decoration: underline;
}

.campo_checkbox label a:hover{
	text-decoration: none;
}

.campo_telefone > .iti{
	width: 100%;
}

.campo_telefone .iti__selected-flag{
	padding-left: 15px;
}

.campo_telefone .iti__flag{
	border-radius: 3px;
}

.campo_telefone .iti__arrow{
	display: block;
	border: 1px solid black;
	border-left: 0px;
	border-top: 0px;
	width: 5px;
	height: 5px;
	transform: rotate(45deg) translateY(-2px);
	opacity: 0.5;
}

.campo_telefone_input{
	box-sizing: border-box;
	height: 50px;
	line-height: 50px;
	border: 1px solid #C1CDCF;
	border-radius: 5px;
	padding: 0px 15px;
	width: 100% !important;
	font-size: 16px;
	font-weight: 500;
	box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.05);
	font-family: inherit;
	padding-left: 65px !important;
	font-weight: 400;
	background-color: #fff;
}

.campo_telefone_input:hover{
	border-color: #899698;
	box-shadow: 0px 5px 20px rgb(25, 75, 84, 0.05);
}

.campo_telefone_input:focus{
	border-color: #00B6D9;
	color: #0095B1;
}

.campo_telefone_input::placeholder{
	color: #899698;
}

.campo_upload {
	border: 1px solid #C1CDCF;
	padding: 20px;
	text-align: center;
	border-radius: 5px;
	padding: 40px 15px 30px 15px;
	text-align: center;
	background-color: #fff;
}

.campo_upload input{
	display: none;
}


.upload_nome_ficheiro {
	margin-right: 10px;
}

.upload_legenda{
	font-size: 14px;
	padding-top: 15px;
}

.upload_lista{
	margin-top: 15px;
}

ul li.upload_elemento{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	border-bottom: 1px solid rgb(25, 75, 84, 0.15);
	padding: 10px 0px;
}
ul li.upload_elemento:last-child{
	border: none;
}

.upload_nome_ficheiro{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 14px;
	font-weight: 500;
}

.upload_eliminar{
	font-size: 18px;
	margin-left: auto;
	padding-left: 10px;
	color: #ff0334;
	opacity: 0.4;
}

.upload_eliminar:hover{
	opacity: 1;
}

.campo_radio input{
	display: none;
}

.campo_radio_opcao{
	margin-bottom: 20px;
	position: relative;
	height: auto;
	line-height: 0;
}

.campo_radio_opcao:nth-child(2){
	margin-bottom: 10px;
}

.campo_radio_opcao label{
	position: relative;
	display: block;
	padding: 15px 15px 15px 45px;
	border-radius: 12px;
	font-size: 16px;
	line-height: 20px;
	border: 1px solid #E2E2E2;
	cursor: pointer;
	background-color: #fff;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	-ms-border-radius: 12px;
	-o-border-radius: 12px;
}

.campo_radio_opcao label:before{
	content: "";
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	border: 1px solid #00B6D9;
	display: block;
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	border-radius: 100%;
	background-color: rgba(255,255,255,0);
}

.campo_radio_opcao label:hover{
	border-color: #00B6D9;
}


.campo_radio_opcao input:checked + label{
	border-color: #00B6D9;
	background: #e7f5f8;
}

.campo_radio_opcao input:checked + label:before{
	border-width: 4px;
	background-color: rgba(255,255,255,1);
}



/* tema  */

body.form:after,
body.form:before{
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	background-repeat: no-repeat;
	z-index: 0;
}


body.form:after{
	background-image: url('../img/bg1.jpg');
	background-size: 30vw auto;
	background-position: right top;
}

/*body.form:before{
	background-image: url('../img/bg6.jpg');
	background-position: left bottom;
	background-size: 35vw auto;
}*/


.form_barra{
	width: 270px;
	left: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 3;
	box-shadow: 1px 0px 2px rgba(15,70,82,0.2);
}

/* body[data-local="1"] .form_barra{display: none;} */
body.carregado.tipo_particular .form_barra, 
body.carregado.tipo_empresa .form_barra{height: auto;z-index: 3;}

.form_footer{
	left: 270px;
	right: 0;
	bottom: 0;
	position: fixed;
	z-index: 2;
	box-shadow: 0px -1px 2px rgba(15,70,82,0.2);
}

body.carregado .form_footer{height: 0;z-index: 50;}
body.carregado.tipo_particular .form_footer,
body.carregado.tipo_empresa .form_footer{height: auto;z-index: 2;}

.carregado .form_footer{left: 0;}

.form_footer_in{
	padding: 30px;
}

.form_corpo{
	left: 270px;
	width: calc(100vw - 270px);
	position: relative;
	z-index: 1;
	padding-bottom: 150px;
}

.form_barra_logo{
	padding: 30px;
}

.form_barra_logo img{
	/*width: 110px;*/
    width: 194px;
}

.mobile_menu_seta{
	position: absolute;
	right: -30px;
	top: 0;
	width: 45px;
	height: 45px;
	z-index: 2;
	display: none;
}

.mobile_menu_seta span{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 100%;
	background-color: red;
	margin: 5px;
	background-color: #fff;
	border: 1px solid #00B6D9;
	box-sizing: border-box;
}

.form_logo_legenda{
	margin-left: 30px;
	padding-top: 5px;
}


.mobile_menu_seta span i{
	display: block;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	font-size: 10px;
	color: #00B6D9;
}

.step{
	position: relative;
}

.step_in{
	margin: 0px auto;
	position: relative;
	max-width: 450px;
	padding: 30px;
}

.form_menu{
	padding-left: 60px;
}

.form_menu_el{
	padding: 20px 0px;
	position: relative;
	pointer-events: none;
}

.form_menu_el.passado{
	color: #0095B1;
	pointer-events: auto;
	cursor: pointer;
}

.form_menu_el span{
	display: block;
	margin-right: 15px;
}

.form_menu em{
	position: absolute;
	width: 15px;
	height: 15px;
	box-sizing: border-box;
	background: #fff;
	right: -8px;
	top: 50%;
	margin-top: -7px;
	border-radius: 100%;
	border: 1px solid #bbcccf;
	z-index: 1;
}

.form_menu em:before{
	content: "";
	position: absolute;
	width: 11px;
	height: 11px;
	box-sizing: border-box;
	background: #fff;
	left: 1px;
	top: 1px;
	border-radius: 100%;
}

body[data-local="1"] .form_menu_el[data-separador="1"],
body[data-local="2"] .form_menu_el[data-separador="2"],
body[data-local="3"] .form_menu_el[data-separador="3"],
body[data-local="4"] .form_menu_el[data-separador="4"],
body[data-local="5"] .form_menu_el[data-separador="5"],
body[data-local="6"] .form_menu_el[data-separador="6"]{
	font-weight: 700;
}

.form_menu_el.passado em:before{
	background-color: #00B6D9;
}
.form_menu_el.passado em{
	border-color: #00B6D9;
}


.form_menu_el.passado:before{
	content: "";
	position: absolute;
	width: 1px;
	height: 1000px;
	background-color: #00B6D9;
	right: -1px;
	bottom: 30px;
	z-index: 0;
}

.cartao_3d_barra{
	position: absolute;
	left: 30px;
	bottom: 60px;
	width: 120%;
	perspective: 1000px;
}
.cartao_3d_barra img{
	width: 100%;
	border-radius: 10px;
	box-shadow: -1px 1px 0px #0095B1;
	transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(16deg) rotateY(17deg) rotateZ(-14deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}

.form_camada{
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 20;
	background-color: #fff;
	height: 100vh;
	z-index: 20;
}
.form_camada.fechado{
	transform: translateY(-100%);
	transition: transform 1s;
	pointer-events: none;
	-webkit-transition: transform 1s;
	-moz-transition: transform 1s;
	-ms-transition: transform 1s;
	-o-transition: transform 1s;
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
}

@keyframes anim_fecha_intro {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100vh);
  }
}

.form_camada:after,
.form_camada:before{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	z-index: -1;
}

/*.form_camada:after{
	background-image: url('../img/bg1.jpg');
	background-position: 70vw bottom;
	background-size: 40vw auto;
}*/

.carregado .form_camada:not(.form_terminado):before{
	background-image: url('../img/bg-initial.jpg');
}

.form_camada:before{
	background-image: url('../img/bg2.jpg');
	background-position: left bottom;
	background-size: 100%;
}

.form_camada_cartao_3d{
	width: 20vw;
	margin-top: 30px;
    margin-bottom: 60px;
}

.form_terminado .form_camada_cartao_3d{
	position: absolute;
	right: 5vw;
	bottom: 20vh;
	width: 30vw;
	perspective: 1000px;
	margin-top: 0;
    margin-bottom: 0;
}

.form_camada_cartao_3d img{
	width: 100%;
	border-radius: 20px;
}

.form_terminado .form_camada_cartao_3d img{
	width: 100%;
	border-radius: 40px;
	box-shadow: -2px 2px 0px #0095B1;
	transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(19deg) rotateY(7deg) rotateZ(-10deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}

.form_camada_intro_cont{
	margin-top: 45vh;
	min-height: 55vh;
}

.form_camada_cont{
	padding: 30px 30px 15px 60px;
	width: 50vw;
}



.form_camada_logo{
	width: 100px;
	padding: 30px 60px;
}

.form_camada.form_fim{
	transform: translateY(100vh);
	pointer-events: none;
}

.form_camada.form_fim.form_terminado{
	transform: translateY(0);
	pointer-events: auto;
}

.form_grupo_intro{
	max-width: 350px;
}

.form_tabela li{
	position: relative;
	font-size: 0px;
}

.form_tabela li div,
.form_tabela li span,
.form_tabela li em{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 16px;
	padding: 5px;
}

.form_tabela li div{
	padding-left: 0px;
}
.form_tabela li em{
	padding-right: 0px;
}

.form_tabela li div{
	width: 40%;
}

.form_tabela li span,
.form_tabela li em{
	width: 30%;
	text-align: right;
}

.form_tabela li span div, 
.form_tabela li em div{
	width: auto;
	padding: 0;
}



.form_tabela .old{
	font-size: 12px;
    color: #666;
	text-decoration: line-through;
	padding-top: 2px;
}

.pcartao_el{
	padding: 15px 30px 0px 30px;
	border-radius: 20px;
	border: 1px solid #C1CDCF;
	box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.05);
	position: relative;
}

.botao_adicionar_cartao{
	margin-left: 30px;
}

.pcartao_remover{
	position: absolute;
	right: 0;
	top: 0;
	font-size: 25px;
	padding: 15px 30px 5px 15px;
	color: #FF003C;
	opacity: 0.7;
}

.pcartao_remover:hover{
	opacity: 1;
}

.todos_os_cartoes .pcartao_remove_cartao_2{
	display: none;
}

.info-cards{
	margin-top: 15px;
	display: block;
}


.conf_grupo ul li{
	margin: 15px 0px;
	line-height: 20px;
}

.conf_grupo ul li div{
	margin-bottom: 3px;
}

.conf_grupo ul li span{
	width: 100%;
    display: block;
	overflow: hidden;
    text-overflow: ellipsis;
}

.conf_grupo{
	position: relative;
	padding: 15px 30px;
	border-radius: 10px;
	border: 1px dashed #C1CDCF;
	box-shadow: 0px 2px 3px rgb(25, 75, 84, 0.05);
	box-sizing: border-box;
	margin-bottom: 30px;
	background-color: #fff;
}

.conf_editar{
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: 700;
	opacity: 0.5;
}

.conf_editar i{
	font-size: 16px;
	padding-left: 10px;
}

.conf_editar span,
.conf_editar i{
	display: inline-block;
	vertical-align: middle;
}

.conf_editar:hover{
	opacity: 1;
}


ul.sequencia{
	position: relative;
	padding: 10px 0px 10px 0px;
	margin: 30px 0px;
}

ul.sequencia:before{
	content: "";
	position: absolute;
	left: 7px;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #00B6D9;
}

ul.sequencia:after{
	content: "";
	position: absolute;
	bottom: 0px;
	left: 3px;
	width: 8px;
	height: 8px;
	border: 1px solid #00B6D9;
	transform: rotate(45deg);
	border-left: none;
	border-top: none;
}

ul.sequencia li{
	padding: 7px 0px 7px 30px;
	position: relative;
}

ul.sequencia li:after{
	content: "";
	position: absolute;
	left: 1px;
	top: 50%;
	width: 11px;
	height: 11px;
	border: 1px solid #00B6D9;
	transform: translateY(-50%);
	border-radius: 100%;
	background-color: #fff;
}

.saida_falsa{
	position: fixed;
	z-index: 1;
	right: 0;
	top: 0;
	padding: 30px;
	opacity: 0.5;
	cursor: pointer;
}

.saida_falsa:hover{
	opacity: 1;
}



/* Popups */

.popup{
	z-index: 99;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	transform: translateY(-100vh);
	overflow-x: none;
	overflow-y: auto;
}

.popup.aberto{
	transform: translateY(0);
}

.popup_caixa{
	min-height: 100vh;
	position: relative;
	display: flex;
	box-sizing: border-box;
	height: 100%;
	flex-wrap: wrap;
	align-items: center;
}

.popup_cont{
	max-width: 500px;
	margin: 0px auto;
	padding: 60px 30px;
	text-align: center;
}

.popup_cont.popup_cont_xl{
	max-width: 900px;
}

.popup_botoes{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
	margin-top: 30px;
}

body.popup_aberto{
	overflow: hidden;
}

.popup_icon{
	font-size: 100px;
}

.popup_icon i{
	display: inline-block;
	transform: translateX(12px);
}

.appmobile_in{
	overflow: hidden;
	border-radius: 15px;
	background-color: #F4FBFC;
    /*background-image: url('templates_system/electric/assets/img/appbg.jpg');*/
    background-image: url('templates_system/electric/assets/img/appbg.png');
	background-size: auto 100%;
	background-position: right center;
	background-repeat: no-repeat;
	margin-top: 150px;
	padding: 30px;
}

.appmobile{
	padding-bottom: 60px;
}


/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Controlo dos steps
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

[data-step]{
  -webkit-transition: all 600ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  -moz-transition: all 600ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  -o-transition: all 600ms cubic-bezier(0.000, 0.845, 0.440, 1.000); 
  transition: all 600ms cubic-bezier(0.000, 0.845, 0.440, 1.000);
  transform: translateY(-100%) scale(0.5, 0.5);
  opacity: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
body[data-local="1"] [data-step="1"],
body[data-local="2"] [data-step="2"],
body[data-local="3"] [data-step="3"],
body[data-local="4"] [data-step="4"],
body[data-local="5"] [data-step="5"],
body[data-local="6"] [data-step="6"]{
  transform: translateY(0%) scale(1, 1);
  opacity: 1;
  pointer-events: auto;
  position: relative;
}

/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	RESPONSIVE
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

/* LAPTOP HD Ready --- 1366 a 1280 */

@media (max-width: 1366px){
	.intro_cont{
		min-height: 65vh;
		margin-top: 35vh;
	}
	.lp_intro:before {
	    background-size: 45vw auto;
	}
	.cartao_3d {
	    position: absolute;
	    right: 4vw;
	    bottom: 30vh;
	    width: 40vw;
	    perspective: 1000px;
	}

	.bimg_d img{
		max-width: calc(100% + 30px);
		border-radius: 30px 0px 0px 30px;
	}

	.cartao_3d img{
		border-radius: 30px;
	}

	.form_camada:before{
		background-position: center;
	    background-size: cover;
	}

	.cartao_3d_barra {
	    left: 110px;
	    bottom: 30px;
	    width: 90%;
	}
}

/* LAPTOP 720p --- 1280 a 1180 */

@media (max-width: 1280px){
	.form_camada:before{
		background-position: center;
	    background-size: cover;
	}
	
	.form_camada_cont{
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 0px 30px 0px 30px;
	}

	.form_camada_logo{
		padding: 15px 0px 0px 30px;
	}

	.cartao_3d_barra {
	    left: 250px;
	    bottom: 10px;
	    width: 70%;
	}
}

/* iPAD 11 + iPAD 10 --- 1180 a 1024 */

@media (max-width: 1180px){
	.titulo_xl{
		font-size: 45px;
		line-height: 50px;
	}

	.titulo_l{
		font-size: 30px;
		line-height: 35px;
	}

	.titulo_m{
		font-size: 25px;
		line-height: 30px;
	}

	.titulo_s{
		font-size: 22px;
		line-height: 27px;
	}

	.titulo_xs{
		font-size: 20px;
		line-height: 25px;
	}

	.cartao{
		padding: 40px 20px;
	}

	.cartao .titulo_m{
		font-size: 22px;
	}

	.cartao .titulo_xs{
		font-size: 16px;
	}

	.cartao_icon{
		font-size: 60px;
	}

	.lp_cartoes_bg_v2:before{
		background-size: 80% auto;
	}

	.cartao_3d_barra {
	    left: 110px;
	    bottom: 30px;
	    width: 90%;
	}
}

/* Tablet vertical + Mobile --- <= 768 */

@media (max-width: 768px){

	.titulo_xl{
		font-size: 40px;
		line-height: 45px;
	}

	.titulo_l{
		font-size: 30px;
		line-height: 35px;
	}

	.lp_header .in{
		padding-right: 5px;
	}

	.lp_header_logo img{
		height: 35px;
		width: auto;
	}

	.lp_header_action > .ct,
	.lp_header_logo > .ct{
		margin-left: -5px;
		margin-right: -5px;
	}

	.lp_header_action > .ct > .it,
	.lp_header_logo > .ct > .it{
		padding: 0px 5px;
	}

	.header_txt_legenda{
		font-size: 18px;
	}

	.header_txt_negocio{
		display: none;
	}

	.lp_header_action .botao{
		min-width: 0px;
	}

	.lp_intro:before {
	    background-size: 145vw auto;
	}

	.ct_intro > .it{
		width: 100%;
	}

	.intro_txt_inicial{
		font-size: 14px;
	}

	.cartao_3d {
	    right: 15vw;
	    bottom: auto;
	    width: 70vw;
	    top: 12vh;
	}

	.cartao_3d img{
		border-radius: 10px ;
	}

	.lp_intro{
		min-height: 120vh;
	}

	.lp_intro:after {
	    background-size: 100vw auto;
	}

	.ct_bimg > .it{
		width: 100%;
	}

	.bimg_e{
		order: 2;
	}

	.bimg_d img{
		max-width: 100%;
		border-radius: 20px;
		margin-bottom: 20px;
	}

	.lp_cartoes_bg:after{
		display: none;
	}

	.lp_cartoes_bg:before{
		background-size: 120%;
	}

	.mobile_scroll{
		margin-left: -30px;
		margin-right: -30px;
		overflow-x: scroll;
	}

	.mobile_scroll_in{
		padding: 90px 30px;
		width: 300vw;
	}

	.lp_cartoes_bg_v2:before {
	    background-size: 130% auto;
    	background-position: right bottom;
	}

	.cartoes_cta{
		padding-bottom: 120px;
	}

	.form_camada:before {
	    background-position: center;
	    background-size: cover;
		background-image: url(../img/bg2-mobile.jpg);
	}

	.carregado .form_camada:not(.form_terminado):before{
		background-image: url('../img/bg-initial-mobile.jpg');
	}

	.form_camada_cont{
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 30px;
		padding-top: 30px;
	}

	.form_camada_cartao_3d,
	.form_terminado .form_camada_cartao_3d {
	    right: auto;
	    bottom: auto;
	    width: 60vw;
	    top: 10vh;
	    left: 5vw;
	    perspective: 1000px;
	}

	.form_camada_cartao_3d img,
	.form_terminado .form_camada_cartao_3d img{
		border-radius: 10px;
	}

	.form_barra{
		width: 80vw;
		transform: translateX(calc(-80vw + 15px));
	}

	

	body.mobile_menu_aberto .form_barra{
		transform: translateX(0);
	}

	.cartao_3d_barra {
	    left: 10vw;
	    bottom: 30px;
	    width: 60vw;
	}

	.form_corpo{
		left: 0;
		width: 100%;
	}

	.step_in{
		padding: 100px 20px 30px 50px;
		background-image: url('../img/logo-cores.svg');
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: 50px 30px;
	}

	.form_footer{
		left: 0;
	}

	.form_footer_in{
		padding: 10px 10px 10px 25px;
		box-sizing: border-box;
	}

	.form_footer_in > .ct{
		flex-wrap: nowrap;
	}

	.form_footer_seguinte .botao{
		min-width: 0px;
		padding: 0px 10px;
	}

	.form_footer_guardar .botao i+span,
	.form_footer_seguinte .botao span+i{
		padding-left: 5px;
	}

	.form_footer_anterior .botao{
		padding: 0px 10px;
	}

	.mobile_menu_seta{
		display: block;
	}

	.mobile_menu_seta{
		height: 100vh;
	}

	body.mobile_menu_aberto .mobile_menu_seta {
		width: 100px;
		right: -85px;
	}

	body.mobile_menu_aberto .mobile_menu_seta i{
		transform: rotate(180deg);
	}

	body.form:after{
		display: none;
	}
	body.form:before {
		background-image: url(../img/bg5.jpg);
	    background-position: -60vw 80vh;
	    background-size: 140vw auto;
	}
    .appmobile{
		background-image: none;
	}

	.appmobile_in {
	    padding-top: 150px;
	    background-size: auto 130px;
	    background-position: right top;
	}
}




/*
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
	Animações
	XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
*/

.lp_header.anima > .wp_header{
	transform: translateY(-100%);
}

.anima .cartao_3d{
	right: -40vw;
}

.anima .cartao_3d img {
	transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(50deg) rotateY(59deg) rotateZ(-14deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg)
}

.anima .form_camada_cont,
.anima .bimg_botao,
.anima .bimg_e,
.anima .bimg_e,
.anima .bimg_d,
.anima .intro_cont{
	transform: translateY(100%);
	opacity: 0;
}

.anima.lp_intro:before,
.anima.lp_intro:after{
	background-size: 0vw auto;
}

.anima .ct_cartoes{
	transform: translateY(100%) scale(1.2,1.2);
}

.anima .form_camada_cartao_3d{
	right: -40vw;
}
.anima .form_camada_cartao_3d img{
	transform: scaleX(1) scaleY(1) scaleZ(1) rotateX(46deg) rotateY(40deg) rotateZ(-10deg) translateX(0px) translateY(0px) translateZ(0px) skewX(0deg) skewY(0deg);
}


/* ERROR */
.error-message{
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: #b80059;
	margin-top: 4px;
	display: none;
}

.component.error .error-message{
	display: inline-block;
}


.success-message{
	font-size: 12px;
	line-height: 20px;
	font-weight: 400;
	color: #3F9C35;
	margin-top: 4px;
	display: none;
}

.component.error .error-message{
	display: inline-block;
}





/* S/H-3745/2024 
________________________ */

/* header */
.main-landing-blocks-custom .in{max-width: 1440px;}
.lp_header.custom .lp_header_logo a{display: block;}
.lp_header.custom .in{max-width: 1440px;}
.lp_header.custom .botao span {font-weight: 400;font-size: 18px;}
.lp_header.custom .botao span+i{padding-left: 10px;padding-right: 3px;}
.lp_header.custom .wp_header:before{height: 0 !important;}

@media screen and (min-width:768px) {
	.lp_header.custom .header_txt_negocio{font-weight: 400;font-size: 18px;line-height: 18px;}
	.lp_header.custom .ct_m_20 > .it{padding: 0 20px 0 17px;}
	.lp_header.custom .lp_header_logo{padding: 14px 0 11px;}
	.main-landing-blocks-custom{padding-top: 68px;}
}

@media screen and (max-width:767px) {
	.main-landing-blocks-custom{padding-top: 69px;}
	.lp_header.custom .in{padding: 0 14px;}
	.lp_header.custom .ct_m_20 > .it{padding: 0;}
	.it.tohide{display: none;}
	.lp_header.custom .lp_header_action > .ct > .it, .lp_header.custom .lp_header_logo > .ct > .it{padding: 0;}
	.lp_header.custom .lp_header_action > .ct, .lp_header.custom .lp_header_logo > .ct{margin: 0;}
	.lp_header.custom .ct_m_20{margin: 0;}
	.lp_header.custom .lp_header_logo{padding: 16px 0 13px;}
	.lp_header.custom .lp_header_logo img{height: auto;max-width:203px ;}
	.main-landing-blocks-custom .in{padding: 0 14px;}
}


@media screen and (min-width:768px) {
	html body.form:after{background-image: url('../img/bg_forms.jpg');background-size: 86%;}
	body .form_corpo{padding-bottom: 0;display: flex;align-items: center;flex-wrap: wrap;height: calc(100vh - 110px);}
	.form_corpo .step .step_in{padding: 0;max-width: unset;display: flex;flex-direction: column;max-height: calc(100vh - 110px);height: 100%;overflow: auto;margin: 0;}
	.form_corpo .step .step-in-container{position: relative;max-width: 450px;margin: 50px auto;border-radius: 0 100px 0 100px;background-color: rgba(255, 255, 255, 0.9);padding: 50px 100px;box-shadow: inset 0 0 300px rgba(240, 245, 245, 1);}

	.form_barra::after{content: '';position: absolute;bottom: 0;top: auto;left: 0;right: auto;width: 100%;height: 230px;z-index: -1;background: rgb(237,238,235);background: -moz-linear-gradient(0deg, rgba(237,238,235,1) 13%, rgba(255,255,255,1) 100%);background: -webkit-linear-gradient(0deg, rgba(237,238,235,1) 13%, rgba(255,255,255,1) 100%);background: linear-gradient(0deg, rgba(237,238,235,1) 13%, rgba(255,255,255,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#edeeeb",endColorstr="#ffffff",GradientType=1);}
	.form_barra .form_barra_logo img{max-width: 114px;}
	.form_barra .form_barra_logo{padding: 120px 30px 30px 20px;}
	.form_barra .form_menu{padding-left: 53px;}
	.form_barra .form_logo_legenda{margin-left: 32px;}
	.form_corpo input[type=text],
	.form_corpo input[type=tel],
	.form_corpo .campo_upload,
	.form_corpo .pcartao_el{background-color: transparent !important;}
}

@media screen and (max-width:767px) {
	.form_barra_logo img{width: 114px;}
	html body.form:before{background-image: url('../img/bg_forms_mobile.jpg'); background-position: right top; background-size: 100svw 100%;}
}


/* Adjustments */
@media screen and (min-width:1200px) and (max-width:1680px) {
	.form_camada.form_intro .titulo_l{font-size: 30px;line-height: 35px;}
	body .form_camada_cartao_3d{margin-top: 20px;margin-bottom: 30px;}
	body .form_camada .form_camada_cont h3.p.bold.mb30{margin-bottom: 20px;}
}
@media screen and (min-width:1200px) {
	.form_terminado .form_camada_cont ul.sequencia{margin-top: 150px;}
	.form_intro .form_camada_cartao_3d{width: 16vw;}
}