/* Add here all your CSS customizations */

.lb-form{
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	left: 0;
	top: 0;
	background-color: rgba(0,0,0,0.7);
	z-index: 9999999999999999;
	overflow-x: hidden;
}

.lb-form.aberto{
	display: block;
}

.lb-form .bt-fechar-lb-form{
	position: absolute;
	width: 30px;
	height: 30px;
	right: 20px;
	top: 20px;
	background: url('../img/close.svg') no-repeat center;
	background-size: 100% auto;
	text-indent: 10000px;
}

.lb-form .ct-form{
	position: absolute;
	width: 100%;
	max-width: 400px;
	padding: 20px 30px 40px 30px;
	background-color: #fff;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.ct-form h2{
	margin-bottom: 20px;
}

.ct-form .ct-input{
	width: 100%;
	margin-bottom: 20px;
}

.ct-form .ct-input .ct-label{
	display: block;
	line-height: 1em;
}

.ct-form .ct-input.error .ct-label{
	color: red;
}

.ct-form .ct-input .input-text{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
}

.ct-form .ct-input.error .input-text{
	border: 1px solid red;
	color: red;
}

.ct-form .ct-input .input-select{
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 10px;
	line-height: 40px;
}

.ct-form .ct-input.error .input-select{
	color: red;
	border: 1px solid red;
}

.ct-form .input-button{
	width: 100%;
	height: 40px;
	text-transform: uppercase;
}

@media screen and (max-width: 550px) {


	.lb-form .bt-fechar-lb-form{
		position: absolute;
		width: 20px;
		height: 20px;
		right: 15px;
		top: 15px;
		background: url('../img/close.svg') no-repeat center;
		background-size: 100% auto;
		text-indent: 10000px;
	}

	.lb-form .ct-form{
		position: absolute;
		width: 100%;
		max-width: 400px;
		padding: 20px 30px 40px 30px;
		background-color: #fff;
		top: 50px;
		left: 50%;
		transform: translateX(-50%) translateY(0);
	}

}