::-webkit-scrollbar         { width:5px; background: #ddd }
	::-webkit-scrollbar-track   { background: #c7d7de;  }
	::-webkit-scrollbar-thumb   { background: #009bdf;  }



	.transition{transition: all 0.5s }


	.modal{
		display:none;
		position: absolute;
		top:0;
		left:0;
		width:100%;
		z-index:9999
	}
	.shadow-modal{
		background-color: rgba(0,0,0,0.5);
	}
	.content-modal{
		position: absolute;
		left:0;
		right:0;
		margin: 5% auto 0;
  		z-index:9;
		border-radius: 5px 5px 0 0;
	}
	.container-modal{
		background:#fff;
		border-radius: 5px ;
	}
	.modal-container{
		padding: 60px 50px;
	}


	.js-close-modal{
		width:20px;
		height:20px;
		position: absolute;
		top: 20px;
		right:20px;
		background:#fff;
	}
	#modal-login .content-modal{
		width:560px;
	}

	#modal-alterar-senha .content-modal,
	#modal-nova-senha .content-modal {
		width:560px;
	}

	#modal-cadastro .content-modal{
		width:560px;
	}

	#modal-novo-anuncio .content-modal{
		width:760px;
	}
	#modal-novo-anuncio .bg-header-modal-novo-anuncio{
		background-color:#fff;
		border-radius: 5px 5px 0 0;
		padding:0 0 50px 0
 	}
	#modal-novo-anuncio  h2{
		font-size:30px;
		font-weight:bold;
		color:#009bdf;
		padding: 50px 0 50px 0;
 	}
	#modal-novo-anuncio .bg-header-modal-novo-anuncio span{
		display: inline-block;
		vertical-align: middle;
		margin: 0 25px 0 0;
		line-height:16px;
 	}
	#modal-novo-anuncio .bg-header-modal-novo-anuncio span.corrent{
		color:#009bdf;
 	}
	#modal-novo-anuncio .bg-header-modal-novo-anuncio span.etapa{
		background: url(../imagens/separa-etapa.png) center center no-repeat;
		width:10px;
		height:16px;
 	}
	#modal-novo-anuncio .bg-header-modal-novo-anuncio span.activ-etapa{
		background: url(../imagens/separa-etapa-corrent.png) center center no-repeat!important;
 	}
	#modal-novo-anuncio .bt_1-b{
		margin: 10px 20px 0 0
 	}
	/* #modal-novo-anuncio .etapa{
		display:none
 	} */
	#modal-novo-anuncio .js-close-modal{
		top:0px;
		right:0;
		background: url(../imagens/close-modal-cinza.png) center center no-repeat;
	}
	#modal-novo-anuncio .dados-etapa-2{
		padding: 0 0 0 50px;
		color:#999
	}
	#modal-novo-anuncio .dados-etapa-2 h3{
		color:#999
	}



	.js-close-modal{
		background: url(../imagens/close-modal-blue.png) center center no-repeat;
	}

	.options-modal span{
		display: inline-block;
		color:#000;
		padding: 5px 0 0 0;
	}
	.options-modal span span{
		color:#009bdf;
	}


	#modal-login .bg-header-modal-login{
		background: url(../imagens/bg-header-modal-login.png) bottom center no-repeat;
		background-size:100%;
		background-color:#e3f8ff;
		box-shadow: 0 5px 5px #ccc;
		border-radius: 5px 5px 0 0;
	 }
	 
	#modal-login .bg-header-modal-login h2{
		font-size:17px;
		font-weight:bold;
		display: inline-block;
		padding:50px 0;
		color:#009bdf
	}

	#modal-alterar-senha .bg-header-modal-login,
	#modal-nova-senha .bg-header-modal-login {
		background: url(../imagens/bg-header-modal-login.png) bottom center no-repeat;
		background-size:100%;
		background-color:#e3f8ff;
		box-shadow: 0 5px 5px #ccc;
		border-radius: 5px 5px 0 0;
	 }
	 
	#modal-alterar-senha .bg-header-modal-login h2,
	#modal-nova-senha .bg-header-modal-login h2 {
		font-size:17px;
		font-weight:bold;
		display: inline-block;
		padding:50px 0;
		color:#009bdf
	}

	#modal-cadastro .bg-header-modal-login{
		background: url(../imagens/bg-header-modal-login.png) bottom center no-repeat;
		background-size:100%;
		background-color:#e3f8ff;
		box-shadow: 0 5px 5px #ccc;
		border-radius: 5px 5px 0 0;
 	}
	#modal-cadastro .bg-header-modal-login h2{
		font-size:17px;
		font-weight:bold;
		display: inline-block;
		padding:50px 0;
		color:#009bdf
	}
	#etapa-3 .planos .bt_1{
		padding: 15px 0;
	}
	#etapa-3 p{
		color:#999;
 	}

	.space{height:60px}
	.space_min{height:35px}

	.bg-content{
		padding: 60px 0;
		background: url(../imagens/bg-content.png) top center repeat-x;
	}


	.bt_1{
		font-size:14px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border: none;
		border-radius:5px;
		background: #009bdf;
		padding: 15px 35px;
		margin-top:10px;
		cursor:pointer;
	}
	.bt_1-b{
		font-size:14px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border: none;
		border-radius:5px;
		background: #007fd5;
		padding: 15px 35px;
		margin-top:10px;
		cursor:pointer;
	}
	.bt_2{
		font-size:14px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border: none;
		border-radius:5px;
		background: #e3435a;
		padding: 15px 35px;
		margin-top:10px;
		cursor:pointer;
	}

	.bt_1_min{
		font-size:14px;
		display:inline-block;
		text-align:center;
		color:#fff;
		border: none;
		border-radius: 5px;
		background: #009bdf;
		padding: 10px 0;
		margin-top:10px;
		cursor: pointer;
	}
	.bt_2_min{
		font-size: 14px;
		display: inline-block;
		text-align: center;
		color: #e3435a;
		border: none;
		background: #fff;
		padding: 10px 0;
		margin-top: 10px;
		cursor: pointer;
	}
	.bt_2_min:hover {
		color: #a92033;
	}



	.c-pointer {cursor: pointer;}

	.anime_alpha{filter:alpha(opacity=100);	-moz-opacity: 100;	opacity: 100;	-webkit-transition: opacity 0.5s;	/* Safari */transition: opacity 0.5s;	}
	.anime_alpha:hover{	filter:alpha(opacity=60);	-moz-opacity: 0.50;	opacity: 0.60;	-webkit-transition: opacity 0.5s;	/* Safari */transition: opacity 0.5s;}

	.img img{filter:alpha(opacity=100);	-moz-opacity: 100;	opacity: 100;	-webkit-transition: opacity 0.5s;	/* Safari */transition: opacity 0.5s;	}
	.img img:hover{	filter:alpha(opacity=60);	-moz-opacity: 0.50;	opacity: 0.60;	-webkit-transition: opacity 0.5s;	/* Safari */transition: opacity 0.5s;}

	.imgfull img{float: left; width:100%; height:auto}

	.bck{-moz-background: 100; -webkit-transition: background 0.5s;	/* Safari */transition: background 0.5s;	}
	.bck:hover{	-moz-background: 0.50;	-webkit-transition: background 0.5s;	/* Safari */transition: background 0.5s;}

	*{
		box-sizing: border-box;
	}

	html {
		position: relative;
    min-height: 100%;
	}

	body {
		margin: 0 0 300px;
		font-family: 'Rubik', sans-serif;
		font-size:14px;
		color:#000;
	}

	ul {
		padding:0px;
		margin:0px;
		list-style:none
	}
	a {
		text-decoration:none;
	}

	div {
	  min-height: 0.1px;
	}

	p{
		margin:20px 0!important;
	}

	a:focus{outline:none;}
	textarea{resize:none; font-family:arial}
	textarea:focus{outline:none; resize:none;}
	button:focus{outline:none;}
	input:focus{outline:none;}
	select:focus{outline:none;}
	input, select, textarea{outline:none; padding:15px  20px; border: solid 1px #dadada; color:#888; width:100%; margin-bottom:5px; border-radius:5px;}
	form label{font-size:14px;display:block; margin: 10px 0 5px 0 }
	input[type=submit]{cursor:pointer ;font-size:14px;  float:left; width:100%; text-align:center; color:#fff; border: none; border-radius:5px; background: #009bdf; padding: 15px 25px; margin-top:10px;}
	form {text-align:left}
 	.floatright{
		float:right!important
	}
	.floatleft{
		float:left!important
	}

	.textcenter{
		text-align:center
	}
	.clear{
		clear:both;
	}
	.imgfull img{
		width:100%;
		height:auto;
		float: left;
	}






		/*colunas*/
		.c100{float: left; position: relative; width:100%;}
		.c95{float: left; position: relative; width:95%;}
		.c90{float: left; position: relative; width:90%;}
		.c85{float: left; position: relative; width:85%;}
		.c80{float: left; position: relative; width:80%;}
		.c75{float: left; position: relative; width:75%;}
		.c73{float: left; position: relative; width:73%;}
		.c72{float: left; position: relative; width:72%;}
		.c70{float: left; position: relative; width:70%;}
		.c65{float: left; position: relative; width:65%;}
		.c60{float: left; position: relative; width:60%;}
		.c55{float: left; position: relative; width:55%;}
		.c52{float: left; position: relative; width:52%;}
		.c51{float: left; position: relative; width:51%;}
		.c50{float: left; position: relative; width:50%;}
		.c49{float: left; position: relative; width:49%;}
		.c48{float: left; position: relative; width:48%;}
		.c47{float: left; position: relative; width:47%;}
		.c45{float: left; position: relative; width:45%;}
		.c43{float: left; position: relative; width:43%;}
		.c42{float: left; position: relative; width:42%;}
		.c40{float: left; position: relative; width:40%;}
		.c35{float: left; position: relative; width:35%;}
		.c33{float: left; position: relative; width:33%;}
		.c31{float: left; position: relative; width:31%;}
		.c30{float: left; position: relative; width:30%;}
		.c28{float: left; position: relative; width:28%;}
		.c27{float: left; position: relative; width:27%;}
		.c25{float: left; position: relative; width:25%;}
		.c23{float: left; position: relative; width:23%;}
		.c22{float: left; position: relative; width:22%;}
		.c20{float: left; position: relative; width:20%;}
		.c15{float: left; position: relative; width:15%;}
		.c14{float: left; position: relative; width:14%;}
		.c10{float: left; position: relative; width:10%;}
		.c8{float: left; position: relative; width:8%;}
		.c5{float: left; position: relative; width:5%;}
		.c2{float: left; position: relative; width:2%;}