/* CORES
-------------------------------------------------------------*/
/*
BACKGROUND

verde		#8BC53E
verde:h		#93d141
laranja		#e99b14
laranja:h	#f7a729
lilas		#abb6db
lilas:h		#a1a9c5

BORDER

verde		#80ba4d
laranja		#f0c67c
*/



/*	GERAL
----------------------------------------------------------------------*/
body {
	background: #ffffff;
	color: #ffffff;
	font: 16px 'Droid Sans',sans-serif, Helvetica, Arial;
}

.clr {clear:both;}
.fl {float: left;}
.fr {float: right;}
.fullw {width: 100%;}


/*	LINKS
----------------------------------------------------------------------*/
a {
	color: #8BC53E;
	text-decoration: none;
}
a:hover {
	color: #93d141;
	text-decoration: none;
}
a.links-botoes{
	color:#ffffff;
}
a:hover.links-botoes{
	color:#fff799;
}
.termos{
	line-height:40px;
	text-align:center;
	letter-spacing:1px;
}
.termos input{
	margin-right:10px;
}
.termos a{
	color:#ffffff;
	text-decoration:underline;
}
.termos a:hover{
	color:#464646;
}
.link-falecon{
	line-height:40px;
	color:#464646;
	font-size:14px;
}
.link-falecon:hover{
	color:#fff799;
	text-decoration: underline;
}


/*	TIPOGRAFIA
----------------------------------------------------------------------*/

h1 {
	font: 33px 'Bree Serif',sans-serif,Helvetica,Arial;
	line-height: 33px;
	letter-spacing: 0;
}

h2 {
	font: 23px 'Droid Sans',sans-serif, Helvetica, Arial;
	font-weight: normal;
	line-height: 22px;
	margin-bottom: 15px;
}

h3 {
	font-size: 28px;
	line-height: 22px;
}

h4 {
	font-size: 17px;
	margin-bottom: 10px;
}

h5 {
	font-size: 14px;
	font-weight: normal;
}

h6 {
	margin:0;
	font: normal 16px 'Bree Serif',sans-serif,Helvetica,Arial;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 20px;
	color: #ffffff;
}


/*	LOGOS
----------------------------------------------------------------------*/
.logo-home {
	margin-top: 6px;
	margin-left: 60px;
	margin-bottom: 20px;
}

/*	SECTIONS
----------------------------------------------------------------------*/

#section-one-home {
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9933, endColorstr=#ffcc66)"; 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9933, endColorstr=#ffcc66);
	padding-bottom: 40px;
	background-image: -moz-linear-gradient(top, #ff9932 0%, #ffcc66 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9932), to(#ffcc66));
}

#section-one {
	background: #ff9932; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmOTkzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmNjNjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff9932 0%, #ffcc66 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9932), color-stop(100%,#ffcc66)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ff9932 0%,#ffcc66 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ff9932 0%,#ffcc66 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ff9932 0%,#ffcc66 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ff9932 0%,#ffcc66 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9932', endColorstr='#ffcc66',GradientType=0 ); /* IE6-8 */
	height:65px;
}

#section-two-home {
	height: 160px;
	background: #8bc53e;
	color: #ffffff;
}

#section-two {
	height: auto;
	background: url(../images/bg-paginas.png) repeat-x top left;
	color: #ffffff;
}

#section-three {
	margin-bottom: 40px;
}

#section-four {
	height: auto;
	background: #464646;
	color: #ebebeb;
}


/*	LISTAS
----------------------------------------------------------------------*/

.nav-top-home {
	font: 18px 'Bree Serif',sans-serif,Helvetica,Arial;
	text-shadow: 0 1px 1px #888;
	list-style: none;
	float: right;
	margin-top: 0px;
	padding-top: 15px;
	padding-bottom: 30px;
	background: url(../images/bg-criarloja.png) no-repeat 325px -5px;
}

.nav-top-home li {
	float: left;
	padding: 10px;
}

.nav-top-home a {
	text-decoration: none;
	color: #fff;
}

.nav-top-home a:hover {
	color: #fff799;
}

.nav-footer {
	float: left;
	font-size: 12px;
	list-style: none;
	margin-top: 15px;
}

.nav-footer li {
	float: left;
	padding: 10px;
}

.nav-footer a {
	text-decoration: none;
	color: #fff;
}

.nav-footer a:hover {
	text-decoration: underline;
}

.social-top{
	margin: -10px 10px 0 60px;
	display: none;
}

.social-top li{
	list-style: none;
	display: inline;
	opacity: 0.5;
}

.social-top li:hover{
	opacity: 1;
}


/*	TÍTULOS
----------------------------------------------------------------------*/

.frase {
	height: 80px;
	font-size: 18px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #555555;
	color: #cbcbcb;
	text-align: center;
	padding-top: 0;
}

.header{
	margin-bottom: 30px;}

.titulo {
	font-weight:200;
	letter-spacing:2px;
	color: #8bc53e; 
	margin-top: 50px;
	margin-left: 350px;
}

.subtitulo {
	font-weight:normal;
	color: #7d7d7d;
	margin-top: -20px;
	margin-left: 350px;
}

.titulo-two {
	margin-top: 50px;
	line-height:30px;
	width:75%;
}

.titulo-three {
	font-family: 'Bree Serif',sans-serif,Helvetica,Arial;
	color: #8bc53e;
}

.titulo-passo{
	font-family: 'Bree Serif',sans-serif,Helvetica,Arial;
	font-weight:lighter;
	text-transform:uppercase;
	letter-spacing:2px;
	margin-left:10px;
	padding-bottom:20px;
}

/* SLIDE
-------------------------------------------------------------*/
.pagination {
	margin:10px 5px;
	width:120px;
}

.pagination li {
	margin:0 4px;
	list-style:none;
	display: inline-block;
}
.pagination li a {
	display:block;
	width:14px;
	height:0;
	padding-top:14px;
	background-image:url(../images/slideshow_pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {
	background-position:0 -14px;
}
.slide-text{
	width: 960px;
	padding: 20px 40px;
}
.slide-text img{
	margin: 0 60px;
}
.slide-text img{
	margin: -20px 70px 0 40px;
}

/* Content Viewer Slider */
.sText {
	max-width:960px;
	height:250px;
	position:relative;
	margin:0 auto;
}
	
.sText .slides_container {
	position:relative;
	max-width:960px;
	height:250px;
	overflow:hidden;
}

.sText .slide {
	max-width:960px;
	height:250px;
	position:relative;
	}

.sText .prev, .sText .next {
	position:absolute;
	top:120px;
	z-index:99;
	cursor:pointer;
	display:block;
	width:20px;
	height:35px;
	background:url(../images/slider_arrows.png) 0 0 no-repeat;
	text-indent:-9999px;
	border:0;}

.sText .prev {
	left:0px}
.sText .prev:hover {
	left:1px}
	
.sText .next {
	background:url(../images/slider_arrows.png) -20px 0 no-repeat;
	right:0px;}

.sText .next:hover {
	right:1px}

.sText .slide-image {
	width:960px;
	height:300px;
	position:absolute;
	z-index:10;
	}

.sText .slide-text-right,
.sText .slide-text-left {
	font-size:15px;
	color:#1d2224;
	width:590px;
	text-align:right;
	position:absolute;
	z-index:20;
	top:0;
	right:0}

.sText .slide-text-left {
	left:0;
	text-align:left}

.sText .slide-descr {
	font-weight:normal;
	font-size:15px;
	padding:0 0 0 310px;
	line-height:1.6em;}

.sText .slide-text-left .slide-descr {
	font-weight:normal;
	font-size:15px;
	padding:0 310px 0 0;
	line-height:1.6em;}



/* BOTOES
-------------------------------------------------------------*/
.btn-padrao{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	padding: 10px 20px;
	cursor:pointer;
}
.btn-veja {
	background-color: #8BC53E;
	border: 1px solid #80ba4d;
}
.btn-verplanoseprecos {
	text-transform:uppercase;
	background-color: #e99b14;
	border: 1px solid #f0c67c;
	padding: 20px 50px;
	margin-top: 50px;
	white-space: nowrap;
}
.btn-testar {
	text-transform:uppercase;
	text-align: center;
	background-color: #e99b14;
	border: 1px solid #f0c67c;
	padding: 10px 30px;
	margin:30px 0 0;
}
.btn-grande {
	background-color: #8BC53E;
	padding: 20px 40px;
	font-size:20px;
	white-space:nowrap;
}
.btn-enviar {
	background-color: #8BC53E;
	padding: 6px 20px;
	margin-right:50px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.btn-verplanoseprecos:hover,
.btn-testar:hover {
	background-color: #f7a729;
}
.btn-veja:hover,
.btn-grande:hover,
.btn-enviar:hover {
	background-color: #93d141;
}
.btn-fechar {
  background-color: #80c89a;
  border: 1px solid #858eb5;
  padding: 5px 35px;
  margin: 20px 0 0 250px;
  font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
  font-size: 20px;
  text-transform: uppercase;
}
.btn-fechar:hover {
  background-color: #a0d09a;
}
#btn-prx {
	clear: both;
	position:relative;
	display:block;
	height: 40px;
	width: 145px;
	background:url(../images/btn-prx.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
#btn-prx span.hover {
	clear:both;
	position: absolute;
	display: block;
   	height: 40px;
	width: 145px;   
	background: url(../images/btn-prx.png) no-repeat;
	background-position: bottom;
}

#btn-criarloja {
	clear: both;
	position:relative;
	display:block;
	height: 50px;
	width: 151px;
	background:url(../images/btn-criarloja.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	margin-right:10px;
}	
#btn-criarloja:hover {
	background: url(../images/btn-criarloja-hover.png) no-repeat;
}
.botao-proximo-container{
	margin:30px 30px 30px 0;
	float:right;
}
.btn-voltar{
	line-height:40px;
	color:#ffffff;
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	font-size:14px;
	letter-spacing:2px;
}
.btn-voltar:hover{
	color:#81c99b;
}

.bronze{
	background: url(../images/fita-bronze-01092015.png) no-repeat left top;
}

.bronze:hover{
	background: url(../images/fita-bronze-01092015.png) no-repeat -163px top;
}

.prata{
	background: url(../images/fita-prata-01092015.png) no-repeat left top;
}

.prata:hover{
	background: url(../images/fita-prata-01092015.png) no-repeat -163px top;
}

.ouro{
	background: url(../images/fita-ouro-01092015.png) no-repeat left top;
}

.ouro:hover{
	background: url(../images/fita-ouro-01092015.png) no-repeat -163px top;
}

.platina{
	background: url(../images/fita-platina-01092015.png) no-repeat left top;
}

.platina:hover{
	background: url(../images/fita-platina-01092015.png) no-repeat -163px top;
}

/* MEIO
-------------------------------------------------------------*/

.meio-home{
	color:#464646;
	padding-top:70px;
}

.meio-criar{
	background:#8393ca;
	padding:20px 0;
	margin-top:5px;
}

.meio-linha{
	background:#8393ca;
	min-height:40px;
	margin:10px;
	clear:both;
}

.meiuca{
	margin:10px 0 30px 60px;
}

.quadro{
	color: #ffffff;
}

.quadro img{
	padding:40px 0 0 50px;
}

.quadro h2{
	font:28px 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	text-transform:uppercase;
	line-height:30px;
	padding:10px 0 30px 10px;
	float:left;
}

.quadro p{
	padding:0 0 10px 30px;
}

.quadrinho{
	width:360px;
	height:160px;
	margin:30px 0 0 20px;
	padding:20px;
	float:left;
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #89c8a0;
}

.quadrinho h4{
	margin:0;
	font:24px 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	text-shadow:0 1px 1px #999;
}

.tralha{
	font:30px 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	padding-left:35px;
}

.comofu-numero{
	font: 80px 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	line-height: 84px;
	width: 125px;
	height: 120px;
	padding-top: 14px;
	background: url(../images/comofu-numero-bg.png) no-repeat left top;
}

.borda{
	width:20px;
	height:250px;
	background: url(../images/comofu-borda.png) no-repeat left bottom;
}

.bg1{
	width:440px;
	height:250px;
	background-color: #b0d4be;
}

.bg2{
	width:450px;
	height:250px;
	background-color: #9dd2b1;
}

.bg3{
	width:460px;
	height:250px;
	background-color: #89c8a0;
}

.sombra{
	height:30px;
	background: url(../images/comofu-sombra.png) no-repeat top center;
}

.destaque{
	height:150px;
	padding-top:30px;
}

.destaque h2{
	color:#464646;
	text-align:right;
	line-height:30px;
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
}

.casulo{
	padding:20px 0 0 50px;
}

.progresso{
	margin-top:10px;
	height:60px;
	background:#abb6db;
}

.progresso-concluir{
	margin-top:10px;
	height:60px;
	background:#8393ca;
}

.passos{
	float:left;
	padding:20px 40px;
}

.atual{
	background:#8393ca url(../images/seta-passos.gif) no-repeat right;
}

.atual h6{
	color:#fff568;
}

.off{
	background:#8393ca;
}

.off h6{
	color:#b1b8d0;
}

.concluir{
	background:#8393ca;
}

.concluir h6{
	color:#fff568;
}

.confere-ok{
	width:27px;
	height:21px;
	background:url(../images/check-ok.png) no-repeat center;
	padding:5px 15px;
}

.confere-no{
	width:27px;
	height:21px;
	background:url(../images/check-no.png) no-repeat left;
	padding:5px 0 5px 35px;
	color:#ffff00;
	font-size:10px;
	font-style:italic;
}

.quadro-concluir{
	background:#a8b4da;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	width:95.5%;
	margin-left:-10px;
}

.coluna-concluir-dif, 
.concluir-colunas-planos{
	float:left;
}

.concluir-colunas-planos{
	padding:40px 20px 20px 20px;
	width:140px;
}

.concluir-colunas-planos img{
	margin:0 0 0 6px;
}

.concluir-colunas-planos input{
	margin:20px 0 20px 45px;
}

.diferenca-planos,
.diferenca-planos-qtd{
	list-style:none;
	line-height:20px;
}

.diferenca-planos{
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:right;
	margin:179px 10px 0 30px;
	padding:0;
}

.diferenca-planos-qtd{
	margin:0;
	padding:10px 0;
}

.diferenca-planos li{
	padding:3px 40px 12px 0;
	margin-bottom:1px;
}

.diferenca-planos-qtd li{
	padding:7px 0 8px 0;
	text-align:center;
	width:100px;
	font-size:12px;
}

.linha-planos{
	border-bottom:1px solid #dae0f4;
}
.linha-planos2ln{
	border-bottom:1px solid #dae0f4;
	font-size: 10px !important;
  	line-height: 12px !important;
  	padding: 6px 0 6px 0 !important;
}

.bg-produtos-planos{
	background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right -83px;
}

.bg-fotos-planos{
	background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right -23px;
}

.bg-banners-planos{
	background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right -52px;
}

.bg-emails-planos{
	background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right 8px;
}

.bg-dominio-planos {
    background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right -117px;
}

.bg-https-planos {
    background: url(../images/icones-opcoes-planos-dark-01092015.png) no-repeat right -152px;
}

.bg-produtos{
	background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right -83px;
}

.bg-fotos{
	background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right -23px;
}

.bg-banners{
	background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right -52px;
}

.bg-emails{
	background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right 8px;
}
.bg-dominio {
    background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right -117px;
}

.bg-https {
    background:url(../images/icones-opcoes-planos-01092015.png) no-repeat right -152px;
}


.bg-produtos,
.bg-fotos,
.bg-banners,
.bg-emails,
.bg-dominio,
.bg-https{
	padding:10px;
}

.img-valor{
	margin-left:-2px !important;
}

.plano-selecionado{
	background:#97a2c4;
}

.contato-a1{
	width:930px;
	height:540px;
	float:left;
	background:#c4df9b;
}
.contato-a2{
	width:10px;
	height:540px;
	float:left;
	background:#98c491 url(../images/canto-direito-top.png) no-repeat top right;
}
.contato-a3{
	width:940px;
	height:10px;
	float:left;
	background:#98c491 url(../images/canto-esquerdo-bottom.png) no-repeat center left;
}

.contato-col1{
	width:200px;
	padding:30px 10px 0 30px;
	line-height:20px;
	color:#464646;
}

.contato-col2{
	width:600px;
	padding:30px 0 40px 30px;
	margin-left:20px;
}

.contato-col2 p{
	margin-left:20px;
	font-size:12px;
}
.contato-col2 span{
	float:left;
	margin-left:10px;
	margin-top: 10px;
	font-size:12px;
	clear: both;
}

.planos-mobile{
	display:none;
}
.diferenca-planos-planos{
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:right;
	color:#616161;
	margin:150px 15px 0 15px;
	padding:0;
	list-style:none;
	line-height:20px;
}

.diferenca-planos-planos li{
	padding:3px 40px 12px 0;
	margin-bottom:8px;
}

.fita-planos{
	margin:10px 3px 20px 5px;
	width:163px;
	height: 680px;
}

.vantagens-setas{
	margin:40px 0px;
	padding-left:10px;
	height:300px;
	width:225px;
	background: url(../images/bg-arrowdown.png) no-repeat left bottom;
}

.vantagens-setas img{
	float:right;
	margin:10px 20px 0 0;
}
.vantagens-setas h1{
	color:#8bc53e;
}

.quadro-vantagens{
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	color:#616161;
	width:940px;
	height:280px;
	padding-bottom:30px;
	background:#ebebeb;
}

.quadro-vantagens h3{
	padding:30px;
	margin:0;
}

.vantagens{
	margin:0 20px 0px 10px;
	list-style:none;
	float:left;
}

.vantagens li{
	font-size:15px;
	line-height:25px;
	margin:12px 0;
	padding-left:40px;
	background: url(../images/check-verde.png) no-repeat left top;
}

.titulo-final {
  padding-bottom: 14px;
}

.final {
  width: 98%;
  height: 470px;
  float: left;
  background: #8393ca;
  margin: 10px 10px 0px 10px;
}
#finalresposta {
  padding: 16px 0px 0px 0px;
}

.final-head{
	padding:30px 20px 30px;
}

.final-head img{
	float:right;
	margin-right:30px;
}

.final-head h1{
	margin:0 20px;
}

.final-msg {
  margin:0px 0px 0px 70px;
}

.final-acesso {
	margin: 0px 70px;
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
}

.dados-titulo, .dados-value{
	list-style:none;
}

.dados-titulo {
	text-align: right;
	line-height: 21px;
}

.dados-value {
	padding-top: 5px;
	font: 13px 'Droid Sans',sans-serif, Helvetica, Arial;
	line-height: 21px;
	color: #cae3a6;
}
.dados-value a {
	color: #cae3a6;
}

.hspace{
	padding-bottom:15px;
}



/* RODAPE
-------------------------------------------------------------*/

.credito {
	height:30px;
	font-size:10px;
	margin-top:2px;
}

.credito img{
	float:right;
}

.credito span{
	padding:9px 10px 0 0;
	float:right;
}


/* FORMS
-------------------------------------------------------------*/

.pessoa input{
	margin-left:10px;
}

.legenda{
	color:#d7d7d7;
	font:11px Helvetica, Arial, 'Lucida Sans';
	font-style:italic;
}

.cadastro, .cadastro-m{
	height: 25px;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	padding-left:5px;
	color:#555555;
	font-size:13px;
}

.cadastro{
	width: 300px;
}

.cadastro-m{
	width: 150px;
}

.com-dominio span{
	margin-left:30px;
}

.sem-dominio span{
	margin-left:30px;
}

.sem-dominio{
	margin:50px 0 30px 0;
}

.dominio span{
	margin-left:40px;
	line-height:30px;
}

.campo-falecon, .campo-falecon-texto{
	height: 30px;
	margin:10px;
	padding-left:5px;
	color:#7d7d7d;
	font-size:13px;
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	float: left;
}

.campo-falecon{
	width:250px;
}

select.campo-falecon {
  -webkit-appearance: none;
  -webkit-border-radius: 2px;
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
background-image: url(../images/select-arrow.png);
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #AAA;
color:#7d7d7d;
font-size:13px;
  overflow: hidden;
  padding:5px;
  
  white-space: nowrap;
width:258px;
height:33px;
-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}
select::-ms-expand {
    display: none;
}

.campo-falecon-texto{
	width:531px;
	height:180px;
}
.zopim {
	right: 35px !important;
}








/*----------responsivo----------*/
img,
picture,
video,
embed {
   max-width: 100%;
} 
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}


/*-----home-----*/
.logo-home{
	width:52.4%;
}

#section-one-home{
	width:100%;
}
#section-two-home{
	width:100%;
}
#section-three{
	width:100%;
}
#section-four{
	width:100%;
}
#section-five{
	width:94%;
	margin:0% 3%;
}
.exemplos-home{
	color: #464646;
    padding-top: 50px;
}
.exemplos-home h3{
	    line-height: 35px;
}



/*-----como funciona-----*/

.bg1 {
    width: 46.8%;
}
.bg2 {
    width: 47.87%;
}
.bg3 {
    width: 48.9%;
}
.quadrinho{
	width:91%;
	height:81%;
}
.sombra{
	background-size:90%;
}


/*-----planos-----*/

.quadro-vantagens {
	width:100%;
	height:100%;
	float:left;
}



@media screen and (max-width: 980px) {
.contato-a1 {
    width: 98%;
}
.contato-a3 {
    width: 99%;
}
.contato-col2{
	width:72%;
}
}


@media screen and (max-width: 970px) {
/*---planos---*/
.fl{
	width:100%;
}
.fita-planos{
	display:none;
}
.diferenca-planos-planos{
	display:none;
}
.planos-mobile{
	width:30%;
	min-height:621px;
	float:left; 
	display:block;
	margin:60px 2% 0 0;
	border:1px solid #fff;
}
.bronze-mobile{
	background:#ffdbb5;
	margin-left:3%;
}
.planos-mobile p{
	text-align:center;
}
.planos-mobile .diferenca-planos-mobile{
	display:block;
}
.planos-mobile .diferenca-planos-mobile{
	font-family: 'Bree Serif', 'Sans Serif', Helvetica, Arial;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:left;
	color:#616161;
	margin:15px 15px 0 15px;
	padding:0;
	list-style:none;
	line-height:20px;
}

.planos-mobile .diferenca-planos-mobile li{
	padding:3px 0px 3px 0;
}
.planos-mobile .diferenca-planos-mobile li:last-child{
	border-bottom:none;
}

.planos-mobile .detalhes{
	float:left;
}
.planos-mobile .detalhe-plano-mobile{
	padding:0px 0px 8px 0px !important;
	text-align:right;
	margin-bottom:5px;
	border-bottom:1px dashed #fff;
}
.planos-mobile .dominio{
	font-size:12px;
}
.bronze-mobile .contratar{
	text-align:center;
}
.bronze-mobile .contratar a{
	color:#d25b12;
	font-size:20px;
	text-transform:uppercase;
}
.bronze-mobile .contratar a:hover{
	color:#8BC53E;
}

.prata-mobile{
	background:#e1e1e1;
}
.prata-mobile .contratar{
	text-align:center;
}
.prata-mobile .contratar a{
	color:#82807b;
	font-size:20px;
	text-transform:uppercase;
}
.prata-mobile .contratar a:hover{
	color:#8BC53E;
}

.ouro-mobile{
	background:#f9ebbe;
}
.ouro-mobile .contratar{
	text-align:center;
}
.ouro-mobile .contratar a{
	color:#e38d00;
	font-size:20px;
	text-transform:uppercase;
}
.ouro-mobile .contratar a:hover{
	color:#8BC53E;
}

.platina-mobile{
	background:#e0ebee;
	margin:60px 35% 0;
}
.platina-mobile .contratar{
	text-align:center;
}
.platina-mobile .contratar a{
	color:#82a5ad;
	font-size:20px;
	text-transform:uppercase;
}
.platina-mobile .contratar a:hover{
	color:#8BC53E;
}

.vantagens-setas{
	float:left;
	margin:40px 32%;
}
.vantagens-setas img{
	margin:30px 20px 0px 0px;
}
/*---planos---*/
}
	
@media screen and (max-width: 935px) {
.passos {
    padding: 20px 34px;
}

.contato-col2 {
    width: 72%;
    margin: 0px;
}
.campo-falecon {
    width: 220px;
}
select.campo-falecon{
	width:220px;
}
.campo-falecon-texto{
	width:460px;
}
}

@media screen and (max-width: 905px) {
.meio-linha .grid_7{
	margin:5px 0px 20px 0px;
	width:490px;
}
}

@media screen and (max-width: 890px) {
.passos {
    padding: 20px 29px;
}

}

@media screen and (max-width: 850px) {
.passos {
    padding: 20px 22px;
}
}

@media screen and (max-width: 800px) {
.passos {
    padding: 20px 18px;
}

.vantagens-setas{
	margin:40px 23%;
}

.planos-mobile{
	width:37%;
	min-height:621px;
	float:left; 
	display:block;
	margin:60px 2% 0 0;
	border:1px solid #fff;
}
.platina-mobile{
	margin:60px 2% 0 0;
}
.bronze-mobile{
	margin-left:11%;
}
.ouro-mobile{
	margin-left:11%;
}
}

@media screen and (max-width: 768px) {
.container_12 .grid_4{
	width:26%;
	margin:0% 5%;
}
.logo-home{
	width:70%;
	margin:5% 5%;
}
.exemplos-home .grid_4{
	margin:0% 0% 5% 4%;
}
.exemplos-home .grid_4 a{
	font-size:14px;
}

.grid_8 .control-nav {
    position: absolute;
    right: 20px;
    top: 50px;
    display: block;
    width: 95px;
	height:33px;
    z-index: 2;
    cursor: pointer;
	background: url(../images/nav.png) no-repeat 0 0 ;
}
.grid_8 .control-nav:before {
    content: "";
    display: block;
    height: 3px;
}
.grid_8 .control-nav-close {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
.grid_8 nav {
    position: fixed;
    top: 90px;
    right: 0;
    bottom: 0;
	padding:20px 30px 0px 0px;
    width: 180px;
	border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9932), to(#ffcc66));
    overflow-x: auto;
    z-index: 200;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
}
.nav-top-home li{
	white-space: nowrap;
}
.nav-top-home{
}


.sText{
	width:100%;
	margin:0;
}
.sText .slides_container{
	width:100%
}
.slides_control{
	width:100% !important;
}
.sText .slide{
	width:100%;
}
.slide-text{
	width:100%;
	padding:20px 30px;
}
.slide-text img{
	width:30%;
}
.slide-text p{
	margin:0px 0px 10px 0px;
}
.slide-text h1{
	font-size:30px;
}

.container_12 .grid_8{
	width:60%;
}
.container_12 .grid_4 .btn-verplanoseprecos{
	white-space: nowrap;
	padding:10% 14%;
}

.header .titulo{
	margin:16% 0% 0% 2%;
}
.header .subtitulo{
	margin:2% 0% 0% 2%;
}
.bg1{
	width:96%;
	height:30%;
}
.bg2{
	width:98%;
	height:30%;
}
.bg3{
	width:100%;
	height:30%;
}
.quadrinho{
	margin:0% 10% 5% 20%;
	width:60%;
}
.borda{
	display:none;
}
.quadrinho .btn-testar{
	margin:5% 0% 0% 0%;
}
.quadro img{
	padding:0% 30% 5% 30%;
}
.quadro h2{
	float:none;
}
.quadro p{
	padding:0px 20px;
}

.btn-grande{
	white-space:nowrap;
}



.casulo .btn-grande {
	width:100%;
    padding: 20px 20px;
	text-align:center;
}

.passos {
    padding: 20px 15px;
}
.meio-linha .grid_7{
	margin:5px 0px 20px 0px;
	width:490px;
}
.meio-linha .grid_6{
	width:60%;
}


.campo-falecon {
    width: 46%;
}
select.campo-falecon{
	width:46%;
}
.campo-falecon-texto{
	width:95.5%;
}

.contato-a1{
	width:98%;
	height:100%;
	padding-bottom:30px;
}
.contato-col1 {
    width: 96%;
}
.contato-col2{
	width:96%;
	padding:0px 0px 0px 30px;
}
.contato-a2{
	height:100%;
}
.contato-a3{
	width:98%;
}

.final {
  width: 96%;
  height:auto;
  padding:0px 0px 30px 0px;
}
}

#control-nav{
	display:none;
}
#control-nav:checked ~ .control-nav-close {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
 
#control-nav:checked ~ nav {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}


@media screen and (max-width: 730px) {
.passos {
    padding: 20px 11px;
}

.planos-mobile{
	width:40%;
}
.bronze-mobile{
	margin-left:9%;
}
.ouro-mobile{
	margin-left:9%;
}
}

@media screen and (max-width: 700px) {
.container_12 .grid_4 .btn-verplanoseprecos {
    padding: 10% 8%;
}

.passos {
    padding: 20px 45px;
}
.progresso{
	height:120px;
}
.passos:nth-child(3){
}
.passos:nth-child(4){
	padding-left:135px;
}

.progresso-concluir{
	height:120px;
}
}

@media screen and (max-width: 670px) {
.casulo .btn-grande {
	margin:0px 0px 30px 30px;
}

.planos-mobile{
	width:45%;
}
.bronze-mobile{
	margin-left:3%;
}
.ouro-mobile{
	margin-left:3%;
}
}

@media screen and (max-width: 645px) {
.contato-col2 {
    width: 96%;
    padding: 0px 0px 0px 20px;
}

.campo-falecon {
    width: 45%;
}
select.campo-falecon{
	width:45%;
}
.campo-falecon-texto {
    width: 93.5%;
}
}

@media screen and (max-width: 600px) {
.sText {
    height: 315px;
}
.sText .slides_container {
    height: 315px;
}
#section-two-home{
	height:210px;
}
#section-two-home .container_12 .grid_8{
	width:96%;
}
#section-two-home .container_12 .grid_4{
	width:35%;
}
.container_12 .grid_4 .btn-verplanoseprecos{
	margin-top:0;
	padding:7% 10%;
}
.titulo-two{
	font-size:20px;
}


.destaque .grid_6{
	width:97%;
}
.destaque .grid_6 h2{
	text-align:center;
	margin:0% 3% 0% 0%;
}
.destaque .casulo{
	width:97%;
	padding:0;
}
.destaque .casulo .btn-grande{
	margin:3% 3% 5% 0%;
	float:right;
}

.exemplos-home .grid_4{
	margin:0% 5% 5% 5%;
	width:88%;
}
.exemplos-home .grid_4 img{
	margin:0% 15%;
}
.exemplos-home .grid_4 a{
	font-size:16px;
	text-align:center;
}



.casulo .btn-grande {
	width:40%;
	float:left !important;
	margin:15px 0px 30px 155px !important;
}

.meio-linha .grid_7{
	margin:5px 0px 20px 0px;
	width:310px;
}

.planos-mobile{
	width:48%;
}
.bronze-mobile{
	margin-left:0%;
}
.ouro-mobile{
	margin-left:0%;
}
}


@media screen and (max-width: 565px){
.passos {
    padding: 20px 28px;
}
.passos:nth-child(4){
	padding-left:118px;
}

.campo-falecon {
    width: 88%;
}
select.campo-falecon{
	width:88%;
}
.campo-falecon-texto {
    width: 88%;
}
}

@media screen and (max-width: 510px) {
.concluir-colunas-planos{
	margin:0% 0% 0% 6%;
}
}

@media screen and (max-width: 500px){
.sText {
    height: 340px;
}
.sText .slides_container {
    height: 340px;
}
.slide-text img {
    width: 40%;
}
#section-two-home{
	height:220px;
}
.container_12 .grid_4 .btn-verplanoseprecos {
	margin-top:0;
}
.meio-home .grid_8 {
    width: 96%;
}
#section-four .container_12 .grid_8 {
    width: 96%;
}
#section-four .container_12 .grid_4{
	width:65%;
}



.casulo .btn-grande {
	width:45%;
	float:left !important;
	margin:15px 0px 30px 115px !important;
	text-align:center;
}
.container_12 .grid_12 {
    width: 96%;
}



.passos {
    padding: 20px 10px;
}
.passos:nth-child(4){
	padding-left:100px;
}


.planos-mobile{
	width:75%;
	display:block;
	margin-top:60px;
	margin-left:12%;
	border:1px solid #fff;
}

}

@media screen and (max-width: 440px) {
#section-two-home{
	height:250px;
}

.exemplos-home .grid_4 img{
    margin: 0% 8%;
}


.progresso {
    height: 240px;
}
.passos {
    padding: 20px 50px;
}
.passos:nth-child(4){
	padding:20px 50px;
}
.meiuca {
    margin: 10px 0 30px 30px;
}
.off{
	width:100%;
}

.progresso-concluir {
    height: 240px;
}

#finalresposta {
    padding: 16px 30px 0px 0px;
}
.btn-fechar{
	margin:20px 0px 0px 60%;
}
.final-msg {
    margin: 0px 0px 0px 30px;
}
.final-acesso {
    margin: 0px 30px;
}
.dados-titulo{
	text-align:left;
	padding:0;
}
.dados-value{
	text-align:left;
	padding:0;
}

.vantagens-setas{ 
	margin:40px 20%;
}
}

@media screen and (max-width: 400px) {
.logo-home {
    width: 50%;
    margin: 5% 5%;
}
.grid_8 .control-nav{
	top:30px;
}
.slide-text h1{
	font-size:25px;
}
.slide-text img{
	width:60%;
	margin:0px 50px;
}
.slide-text{
	padding:30px 30px;
}
.sText{
	height:430px;
}
.sText .slides_container{
	height:430px;
}

#section-two-home{
	height:220px;
}
.container_12 .grid_8{
	width:93%;
}
.container_12 .grid_4{
	width:80%;
}
.container_12 .grid_4 .btn-verplanoseprecos {
    padding: 7% 14%;
	margin-top:0;
}

.container_12 .grid_4 img{
	width:40%;
}
#section-three .container_12 .grid_4 img{
	width:70%;
}
.container_12 .credito{
	width:90%;
}
.container_12 .credito img{
	width:30%;
}
.nav-footer{
	padding:0;
}
.nav-footer li{
	padding:0px 6px;
}

.exemplos-home .grid_4 img{
	width:88%;
}

.destaque .grid_6{
	width:93%;
}

.fita-planos{
	margin-left:90px;
}
.casulo .btn-grande {
	width:55%;
	margin:15px 0px 30px 70px !important;
	text-align:center;
}
.vantagens-setas {
    margin-left: 20%;
}
.destaque .casulo{
	width:95%;
}


.meio-linha .grid_7 {
    width: 280px;
}
.cadastro {
    width: 270px;
}

.concluir-colunas-planos{
	margin:0% 0% 0% 25%;
}

.final {
    width: 93%;
}
.btn-fechar {
    margin: 20px 0px 0px 50%;
}


.planos-mobile{
	width:80%;
	margin-left:8%;
}
}


@media screen and (max-width: 350px) {
.casulo .btn-grande {
	width:66%;
	margin:15px 0px 30px 45px !important;
	text-align:center;
}
.vantagens-setas {
    margin-left: 20%;
	margin-bottom:15%;
}


.meio-linha .grid_7 {
    width: 250px;
}
.cadastro {
    width: 240px;
}
.passos {
    padding: 20px 30px;
}
.passos:nth-child(4) {
    padding: 20px 30px;
}
.meiuca {
    margin: 10px 0 30px 15px;
}


}