.form-box {text-align:center;}
.quote-box {display:block; width:60%; margin:0 auto;}

input, textarea, select {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

label {display:block; padding-left:40px; text-align:left; font-family:'Gelasio', serif; font-size:16px; color:var(--dark-blue);}
label.chkb {
	display:block; margin-bottom:20px; padding-left:40px;
	cursor:pointer;
	position:relative; text-align:left;
	font-size:16px;	
}

.error {position:relative; padding-top:5px; padding-left:15px; text-align:left; font-size:18px; font-weight:700; color:#c00;}

::placeholder {text-align:left; font-size:16px; font-weight:400; color:var(--mid-blue); font-family:'Gelasio', serif;}
input {width:90%; margin:0 auto 10px auto; padding:15px 3%; color:var(--mid-blue); font-size:18px; background-color:white; border:1px solid var(--dark-blue); border-radius:15px; outline:none;}
input:focus {color:var(--mid-blue); box-shadow:0 0 5px var(--dark-blue); background-color:var(--lightest-blue);}
textarea {width:90%; height:150px; margin:0 auto 10px auto; padding:12px 2.5%; font-family:'Gelasio', serif; font-size:18px; color:var(--dark-blue); background-color:white; border:1px solid var(--mid-blue); border-radius:15px; outline:none;}
textarea:focus {color:var(--mid-blue); box-shadow:0 0 5px var(--dark-blue); background-color:var(--lightest-blue);}
.Qtext textarea {width:95%;}

input#pcode {display:none;}

label.chkb:hover {color:var(--mid-blue);}

input[type=checkbox] {display:none;}

input[type=checkbox]:checked + label.chkb:before {
	content: "\2713";
	font-size: 18px;
	color:var(--dark-green);
	text-align: center;
	font-weight:600;
	line-height:24px;
	border-color:var(--dark-green);
}

label.chkb:before {
	content: "";
	display: block; text-align:left;
	width: 21px;
	height: 21px;
	font-weight:600;
	position: absolute;
	left: 0;
	background-color:white;
	border:solid 1px var(--dark-bg);
}


select label {display:block; margin-top:20px; margin-bottom:5px; padding-left:40px; text-align:left; font-family:'Gelasio', serif; font-size:16px; color:var(--dark-blue);}
select {  
  display: block;
  width:90%;
  margin:0 auto 15px auto;
  padding: 12px 10px;
  font-size: 18px;
  font-family:'Gelasio', serif;
  line-height: 1.5;
  color: var(--dark-blue);
  background-color:white;
  border:1px solid var(--mid-blue);
  border-radius:12px;
}

select option {color:var(--dark-blue); line-height:2;}
select option:first-of-type {color:#000;}
select option:nth-of-type(even) {background-color:var(--lightest-blue);}

.btn {display:block; width:200px; margin:30px auto 10px auto; padding:15px 0; text-align:center; color:white; font-size:18px; font-family:'Gelasio', serif; font-weight:500;background-color:var(--dark-blue); letter-spacing:0.15em; border:2px solid white; outline:none; border-radius:25px; box-shadow:none !important;}
.btn:hover{color:#fff; background-color:var(--orange); cursor:pointer;}

@media screen and (max-width:1240px) {
.quote-box {width:90%;}
}
@media screen and (max-width:900px) {
input {width:94%;}
textarea {width:94%;}
.Qtext textarea {width:94%;}
select {width:94%;}
}
@media screen and (max-width:480px) {
.quote-box {width:98%;}
}