/**/
::-webkit-input-placeholder{color:#ccc !important} :-moz-placeholder{color:#ccc !important} ::-moz-placeholder{color:#ccc !important} :-ms-input-placeholder{color:#ccc !important}
/**/

/* FORMULARIO */
.form-cotacao{
	max-width: 800px;
	margin: 30px auto 70px;
	box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3);
	padding: 30px 100px 50px 100px;
	border-radius: 5px;
	background-color: #fff;
	position:relative;
}

.form-cotacao h2{font-weight: 700; font-size: 25px; margin: 0 0 30px 0; color: #787878; text-align: center; border-bottom: 1px dashed #ccc; padding: 0 0 25px 0;}

.tipo-de-plano, .possui-plano, .possui-cnpj{width: 100%; height: auto; margin: 0 0 25px 0; position: relative; padding: 0 0 10px 0;}
.tipo-de-plano p, .possui-plano p, .possui-cnpj p{position: relative;}
.tipo-de-plano p.ok::after, .possui-plano p.ok::after, .possui-cnpj p.ok::after{width: 20px; height: 20px; content: ""; background-image: url(imagens/icone-check.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; position: absolute; bottom: 2px; display: inline-block; margin: 0 0 0 5px;}
.tipo-de-plano b, .possui-plano b, .possui-cnpj b{min-width: 100px;text-align: center; background-color: #fff; padding: 10px; display: inline-block; border: 1px solid #66a9d8; box-shadow: 0 5px 5px rgba(0,0,0,0.2); margin: 0 20px 0 0; font-weight: 400; color: #4e636d; cursor: pointer;}
.tipo-de-plano b:hover, .possui-plano b:hover, .possui-cnpj b:hover{background-color: #4caf50; border: 1px solid #047d72; color: #fff;}
.tipo-de-plano b.ativa, .possui-plano b.ativa, .possui-cnpj b.ativa{background-color: #4caf50; border: 1px solid #047d72; color: #fff;}

.tipo-de-plano input[type="radio"], .possui-plano input[type="radio"], .possui-cnpj input[type="radio"]{position: absolute; z-index: -1; opacity: 0;}

#idTipo-error, #possuiPlano-error, #possuiCNPJ-error{border: none; min-width: auto; padding: 0; background: transparent; box-shadow: none; margin: 0; color: red; position: absolute; left: 0; bottom: -15px; font-weight: 700;}
.form-cotacao span{width:100%; height:auto; position:relative; display:block;}
.form-cotacao span i{font-weight: 400; color: #555; line-height: 22px; font-size: 15px; font-style: normal; margin: 0 0 15px 0; display: inline-block;}
.form-cotacao span input[type="text"], .form-cotacao span input[type="email"], .form-cotacao span input[type="tel"]{width: 100%; margin: 0 0 35px 0; outline: none; padding: 0 0 5px 0; font-size: 15px; border: none; border-bottom: 2px solid #ccc; font-weight: 400;}
.form-cotacao span input[type="text"]:focus, .form-cotacao span input[type="email"]:focus, .form-cotacao span input[type="tel"]:focus{border-bottom: 2px solid #4caf50;}
.form-cotacao span label{width:20px; height:20px; background:red; background-image:url(imagens/icone-erro.svg); background-position:center; background-repeat:no-repeat; background-size:10px; position:absolute; left:-30px; top:37px; z-index:5; font-size:0;}
.form-cotacao span label::before{position:absolute; right:-19px; top:50%; content:""; border-color:transparent transparent transparent red; border-style:solid; border-width:10px; transform:translateY(-50%);}
.form-cotacao span select{width: 100%; height: auto; margin: 0 0 40px 0; outline: none; padding: 0 0 5px 0; font-size: 14px; border: none; border-bottom: 2px solid #ccc; font-weight: 400;}
.form-cotacao input[type="submit"]{background-color: #ff9800; font-weight: 700; border: none; padding: 15px 80px 15px 80px; color: #fff; border-radius: 50px; margin: 10px auto 0; display: block; font-size: 20px; font-family: 'Noto Sans', sans-serif; outline: none; -webkit-appearance: none;}
.form-cotacao input[type="submit"]:hover{background-color: #4caf50;}

.form-cotacao .sucesso{
	width: 100%;
	height: 100%;
	padding: 0;
	font-size: 30px;
	font-weight: 700;
	color: #ffffff;
	background-color: #4caf50;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	border-radius: 5px;
}

.form-cotacao .falha-envio{
	width: 100%;
	font-size: 16px;
	display: block;
	text-align: center;
	font-weight: 700;
	color: #fff;
	padding: 10px;
	background-color: red;
	margin: 0;
	border-radius: 5px;
}

.form-cotacao .loader{
	width: 52px;
	height: 52px;
	background-color: white;
	background-image: url(imagens/gif-enviando.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 40px;
	border-radius: 100%;
	position: absolute;
	left: 50%;
	bottom: 52px;
	margin: 0 0 0 -26px;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	display: none;
}

.check-obrigado{width: 80px; height: 80px; content: ""; position: relative; display: block; background-image: url(imagens/icone-check-ok.svg); background-position: center; background-repeat: no-repeat; background-size: 100%; margin: 50px auto 20px;}
.obrigado{max-width: 790px; background-color: #4caf50; padding: 33px 20px 30px 20px; text-align: center; border-radius: 5px; position: relative; margin: 0 auto 50px !important;}
.obrigado h2{font-weight: 700 !important; color: #fff !important; font-size: 28px !important; line-height: 24px !important; text-transform: uppercase; margin: 0 0 15px 0;}
#wrapper .obrigado p{font-weight: 400 !important; color: #fff !important; font-size: 18px !important; line-height: 24px !important; margin: 0 !important;}



@media(max-width:767px){
	.form-cotacao{width: 95%; padding: 20px 15px 20px 15px; margin: 15px auto 50px;}
	.form-cotacao h2{font-size: 24px;}
	
	.tipo-de-plano, .possui-plano, .possui-cnpj{text-align: center;}
	.tipo-de-plano{margin: 0 0 10px 0;}
	.tipo-de-plano p, .possui-plano p, .possui-cnpj p{text-align: center !important; padding: 0 40px 0 40px;}
	.tipo-de-plano b{width: 100%; margin: 0 0 15px 0; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
	.possui-plano b{width: 100px; margin: 0 10px 0 10px; box-shadow: 0 5px 5px rgba(0,0,0,0.1);}
	.possui-cnpj b{margin: 0 10px 0 10px;}
	
	#idTipo-error, #possuiPlano-error, #possuiCNPJ-error{margin: 0 0 5px 0; position: relative; left: inherit; bottom: inherit; display: block;}

    .form-cotacao span label{width: 0; left: -14px; background-image: none;}
	
	.form-cotacao input[type="submit"]{padding: 15px 25px;}

	.form-cotacao .loader{bottom: 22px;}
}