@font-face {
font-family: helveticaneue;
src: url(../fonts/helveticaneuebd-webfont.woff);
}

.topo{
	width: 100%;
	height: 50px;
	background-color: #f15a22;
}
.logo-topo{
	margin: 0 auto;
    max-width: 1160px;
    padding-top: 8px;
}
.slide1{
	width: 100%;
	padding-bottom: 60px;
	background-image: url(../img/fundo-slide-1.png);
	background-position-x: 60%;
}
.tit-7dias{
	font-size: 59px;
	color: #f37021;
	font-weight: bold;
	letter-spacing: -4px;
	background: -webkit-linear-gradient(#f15a22, #f37021);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: Arial Black;
	letter-spacing: -5px;
	text-align: center;
}
.margin-top-10{
	margin-top: 30px;
}
.flecha-baixo {
    position: absolute;
    margin: -140px;
    margin-left: -50px;
}
.align-right{
	text-align: right;
}
.margin-top-50{
	margin-top: 50px;
}
.font-size-17{
	font-size: 17px;
}
.font-size-14{
	font-size: 14px;
}
.slide2{
	width: 100%;
	background-image: url(../img/fundo-slide-2.png);
}
.tit-custo-beneficio{
	font-size: 40px;
    font-family: Arial Black;
}
.align-center{
	text-align: center;
}
.padding-20{
	padding: 10px;
}
.vermelho{
	width: 300px;
	height: 100px;
	background-color: red;
	margin: 20px;
	padding: 16px;
    font-size: 15px;
    color: #FFF;
}
.position-absolute{
	position: absolute;
}
.img-custo-beneficio{
	/*position: absolute;
    top: -145px;*/
    position: absolute;
    top: -120px;
}
.clear-both{
	clear: both;
}
.padding-right-10{
	padding-right: 10px;
}
.align-justify{
	text-align: justify;
}
.barra-cadastre-se{
	background: -webkit-linear-gradient(#0072bc, #025891);
	background: -o-linear-gradient(#0072bc, #025891);
	background: -moz-linear-gradient(#0072bc, #025891);
	background: linear-gradient(#0072bc, #025891);
	width: 100%;
	/*height: 100px;*/
}
.color-white{
	color: white;
}
.padding-30{
	padding: 30px;	
}
.border-radius-15{
	border-radius: 15px;
}
.estilo-botao-teste{
	margin: 30px;
    padding-left: 30px;
    padding-right: 30px;
    font-weight: bold;
    font-size: 15px;
}
.slide3{
	max-width: 1020px;
    background-image: url(../img/img-slide-3.png);
    /*height: 497px;*/
    margin: 0 auto;
    background-repeat: no-repeat;
    margin-top: 40px;
        /*background-position-x: -560%;*/
}
.estilo-decisao{
    font-family: Arial Black;
	font-size: 40px;
    font-weight: bold;
    line-height: 20px;
    text-align: center;
    padding-top: 40px;
}
.font-size-15{
	font-size: 15px;
	font-family: Arial;
} 
.padding-top-20{
	padding-top: 20px;
}
.texto-decisao{
	margin-bottom: 10px;
    font-size: 15px;
    text-align: center;
    margin-top: 75px;
}
.laranja{
	width: 300px;
	height: 90px;
	background-color: #f7941d;
	padding: 16px;
    font-size: 15px;
    color: #FFF;
    border-radius: 25px;
    margin: 20px auto;
}
.slide4{
	background-image: url(../img/imagem-slide-4.png);
	max-width: 942px;
	/*height: 494px;*/
	margin: 0 auto;
	/*margin-top: 170px;*/
	background-position-x: 16%;
	background-repeat: no-repeat;
}
.icon-ouvido{
	font-size: 40px;
    font-family: Arial Black;
    /*text-align: center;*/
    max-width: 570px;
    float: left;
}
.tit-estetica{    
	font-size: 40px;
    font-family: Arial Black;
    text-align: center;
   /* max-width: 560px;*/
    padding-top: 30px;
}
.sub-tit-estetica{
	padding-top: 37px;
    font-size: 16px;
}
.amarelo{
	width: 300px;
	height: 90px;
	background-color: #ffcb05;
	margin: 7px;
	padding: 7px;
    font-size: 15px;
    color: #000;
    border-radius: 50px;
    margin: 7px auto;
}
.btn-estetica{
	font-family: Arial Black;
    max-width: 500px;
    padding: 10px;
    padding-left: 25px;
}
.phone-clip{
	padding-top: 25px;
    font-size: 20px;
}
.mini-microfone{
	font-size: 20px;
}
.align-right{
	text-align: right;
}
.ainda-com-duvidas{
	font-size: 26px;
    font-family: Arial Black;
    padding-top: 30px;
}
.padding-50{
	padding: 50px;
}
.btn-rodape{
	clear: both;
    /*margin: 0 410px;*/
}
.assinatura{
	margin: 40px;
    border-top: 1px solid;
}
.fixo{
	top: 0;
	position: fixed;
	z-index: 9;
}
a{
	text-decoration: none;
	color: #FFF;
}
a:hover{
	text-decoration: none;
	color: #FFF;
}
a.btn-7dias {
	text-decoration: none;
	color: #000;
}
a.btn-7dias :hover{
	text-decoration: none;
	color: #000;
}

/*página somente com o telefone*/
.slide1-b{
	width: 100%;
	padding-bottom: 20px;
	background-image: url(../img/faixa-cima-fundo.png);
	background-position-x: 60%;
}
.font-size-16px{
	font-size: 16px;
}
.bold{
	font-weight: bold;
}
.font-arial-black{
	font-family: Arial Black;
}
.margin-top-260px{
	margin-top: -305px;
}
.btn-ligue{
	position: absolute;
    left: 28px;
    bottom: 15px;
}
.text-indent{
	text-indent: 50px;
}
.font-size-13{
	font-size: 13px;
}
.borda-oportunidades{
	border: 2px solid #DA3535;
    border-radius: 10px;
    padding: 10px;
}
.padding-top{
	padding-top: 7px;
}
.preco{
    font-size: 28px;
    font-family: Arial Black;
}
.font-size-19px{
	font-size:19px;
}
.cartao{
	width: 75%;
}
.parcelamento{
	font-size: 38px;
    top: -15px;
    position: relative;
    font-weight: bold;
}
.roxo{
	width: 300px;
	height: 100px;
	background-color: #9e005d;
	margin: 20px;
	padding: 16px;
    font-size: 15px;
    color: #FFF;
}
.azul{
	width: 300px;
	height: 100px;
	background-color: #003471;
	margin: 20px;
	padding: 16px;
    font-size: 15px;
    color: #FFF;
}
.verde{
	width: 300px;
	height: 100px;
	background-color: #00810f;
	margin: 20px;
	padding: 16px;
    font-size: 15px;
    color: #FFF;
}
.estilo-decisao-b{
    font-family: Arial Black;
	font-size: 40px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 40px;
}
.borda-idoso{
	border: 4px solid #f7941d;
    border-radius: 10px;
    padding: 10px;
}
.mensagem-alerta{
	padding-top: 40px;
    font-weight: bold;
    font-size: 20px;
}
.laranja-b{
    width: 300px;
    height: 90px;
    background-color: #f26522;
    padding: 16px;
    font-size: 15px;
    color: #FFF;
    border-radius: 25px;
    margin: 20px auto;
}
.vermelho-b{
    width: 300px;
    height: 90px;
    background-color: #ed1c24;
    padding: 16px;
    font-size: 15px;
    color: #FFF;
    border-radius: 25px;
    margin: 20px auto;
}
.azul-rodape{
	width: 300px;
	height: 90px;
	background-color: #7da7d9;
	margin: 7px;
	padding: 7px;
    font-size: 15px;
    color: #000;
    border-radius: 50px;
    margin: 7px auto;
}

.azul-claro-rodape{
	width: 300px;
	height: 90px;
	background-color: #7accc8;
	margin: 7px;
	padding: 7px;
    font-size: 15px;
    color: #000;
    border-radius: 50px;
    margin: 7px auto;
}

.roxo-claro-rodape{
	width: 300px;
	height: 90px;
	background-color: #bd8cbf;
	margin: 7px;
	padding: 7px;
    font-size: 15px;
    color: #000;
    border-radius: 50px;
    margin: 7px auto;
}
.tit-7dias-b{
	font-size: 59px;
	color: #f37021;
	font-weight: bold;
	letter-spacing: -4px;
	font-family: Arial Black;
	letter-spacing: -5px;
	text-align: center;
}
/*final da página somente com o telefone*/

/*página 7 dias me ligue*/
.slide1-b-7dias{
	width: 100%;
	padding-bottom: 20px;
	background-image: url(../img/fundo-ligue-me.png);
	background-position-x: 60%;
	background-repeat: no-repeat;
}
.tit-fale-conosco-b {
    font-size: 59px;
    color: #f37021;
    font-weight: bold;
    font-family: helveticaneue;
    text-align: center;
    left: 10px;
    letter-spacing: -5px;
}
.borda-fundo-box{
	border: 1px solid #B7B5B5;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 2px 3px 4px #B7B5B5;
    left: -30px;
}
.font-azul{
	color: #0164a4;
}
.alerta-ligacoes{
	background-color: red;
    color: #fff;
    font-size: 11px;
    padding: 10px;
}
.margin-10{
	margin: 10px;
}
.horario-funcionamento{
	background-color: yellow;
    color: #000;
    font-size: 10.64px;
    padding: 10px;
}
.input-me-ligue{
	width: 100%;
    border: 1px solid #CAC4C4;
    box-shadow: 1px 1px 5px #909090;
    padding: 5px;
    border-radius: 5px;
    background-color: #E2E1E1;
}
.margin-btn-me-ligue{
	margin-top: 10px;
}
.img-deixe-seu-contato{
	position: relative;
    top: 11px;
    text-align: center;
}
.font-size-28px{
	font-size: 28px;
}
.font-size-12px{
	font-size: 12px;
}
.font-size-22px{
	font-size: 22px;
}
.fon-size-23px{
	font-size: 23px;
}
.box{
	position: relative;
    top: -15px;
}
/*final da página 7 dias me ligue*/
/*página obrigado me ligue*/
.slide1-b-7dias-obrigado{
	width: 100%;
	padding-bottom: 20px;
	background-image: url(../img/fundo-obrigado-me-ligue.png);
	background-position-x: 60%;
	background-repeat: no-repeat;
	height: 620px;
}
.margin-top-15{
	margin-top: 15px;
}
.posicao-texto{
	padding-left: 40px;
    padding-right: 40px;
}
/*página obrigado me ligue*/

/*etapa 2*/
.fundo-iniciar-o-teste{
	width: 341px;
	height: 328px;
	background-image: url(../img/fundo-formulario-cadastre-se.png);
	background-repeat: no-repeat;
}
.margin-top-10px{
	margin-top: 10px;
}
.tit-form{
	font-size: 17px;
    font-weight: bold;
    padding: 0;
    text-align: center;
}
.sub-tit-form{
	font-size: 13px;
    font-weight: normal;
    color: #FFF;
}
.font-branca{
	color: #FFF;
}
.input-form{
	width: 100%;
    border: 1px solid #737373;
    height: 30px;
    padding-left: 10px;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #737272;
    color: #000;
}
.padding-left-30{
	padding-left: 30px;
}
.btn-quero-fazer-o-teste{
	background: transparent;
}
.margin-top-5{
	margin-top: 5px;
}
.slide1-b-7dias-obrigado-cadastro{
	width: 100%;
	padding-bottom: 20px;
	background-image: url(../img/imagem-obrigado-por-cadastrar.png);
	background-position-x: 60%;
	background-repeat: no-repeat;
	height: 620px;
}
/*final da página etapa 2*/
/* página etapa 3*/
.fundo-formulario-etapa-3{
	background-color: #1c9c2e;
	border-radius: 20px;
    margin-bottom: 40px;
	margin-top: 40px;
}
.tit-formulario{
	color: #002157;
    font-size: 50px;
    font-weight: bold;
    font-family: Arial Black;
}
.sub-tit-formulario{
	font-size: 23px;
    font-weight: bold;
    color: #000;
}
.sub-tit-formulario-2{
	color: #FFF;
    font-size: 20px;
}
.input-form-etapa-3 {
    width: 100%;
    border: 1px solid #737373;
    height: 40px;
    padding-left: 10px;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #737272;
    color: #000;
}
.padding-left-20{
	padding-left: 20px;
}
.button-etapa-3{
	border: 0;
    background-color: #006eb4;
    border-radius: 30px;
    padding: 10px;
    color: #fff;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 22px;
}
/*final da página etapa 3*/

/*etapa 4*/
.bg-etapa4-ligue-me{
	background-image: url(../img/fundo-ligue-me-etapa4.png);
	background-repeat: no-repeat;
	border-radius: 20px;
    margin-bottom: 40px;
	margin-top: 40px;
	height: 287px;
}
.tit-formulario{
	color: #FFF;
    font-size: 35px;
    font-weight: bold;
    font-family: Arial Black;
}
.img-ligue{
		position: relative; 
		top: -3px;
	}
.z-index-10{
	z-index: 10;
}
/*final da etapa 4*/
@media (max-width: 720px) { 
	.img-custo-beneficio{
		display: none;
	}
	.slide3 {
	    background-position-x: 100%;
	}
	.flexa-baixo{
		display: none;
	}
	.btn-faca-o-teste{
		text-align: center;
	}
	.slide4 {
   
	    background-position-y: 23%;
	}
	.estilo-botao-teste {
	    margin: 30px;
	    /* padding-left: 30px; */
	    padding-right: 30px;
	    font-weight: bold;
	    font-size: 15px;
	}
	.margin-top-260px {
	    margin-top: 20px;
	}
	.tit-estetica {
	    font-size: 30px;
	    font-family: Arial Black;
	    text-align: center;
	    /* max-width: 560px; */
	    padding-top: 30px;
	}
	.voce-esta-aqui{
		display: none;
	}
	.borda-fundo-box {
	    border: 1px solid #B7B5B5;
	    background-color: #FFF;
	    border-radius: 10px;
	    box-shadow: 2px 3px 4px #B7B5B5;
	    left: 0px;
	}
	.alinhamento-tit{
		text-align: center;
	}
	.bg-etapa4-ligue-me{
		background-image: none;
		background-color: #016bb0;
		border-radius: 20px;
	    margin-bottom: 40px;
		margin-top: 40px;
		height: auto;
	}
	.img-ligue{
		position: relative; 
		top: 11px;
	}
 }