html {scroll-padding-top: 240px;}

.form-box {display:block; width:96%; margin:0 auto; padding:0 2%; overflow:hidden;}

.form-row {display:block; padding:15px 0;}

.left {display:inline-block; width:46%; padding-right:2%;}
.right {display:inline-block; width:46%; padding-left:2%;}
.single {display:block; width:96%;}

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

.form-row h3 {margin-bottom:15px !important;}

label {display:block; margin-bottom:5px; padding-left:10px; text-align:left; font-size:17px; color:var(--dark-grey);}
label.chkb {
	display: inline-block; margin-bottom:20px; padding-left:40px;
	cursor: pointer;
	position: relative; text-align:left;
	color:#000; font-size: 17px; font-family:'Nunito', sans-serif;;	
}
.req {color:var(--orange); font-weight:700; font-size:24px; padding:0 5px; vertical-align:middle;}

input {display:block; width:100%; padding:12px 10px; color:#000; font-size:18px; background-color:var(--light-grey); border:2px solid #000; outline:none; border-radius:9px;}
input:focus {box-shadow:0 0 5px var(--mid-grey); background-color:#fff;}
textarea {display:block; width:100%; height:120px; padding:12px 10px; font-family:'Nunito', sans-serif; font-size:18px; color:#000; background-color:var(--light-grey); border:2px solid #000; outline:none; border-radius:9px;}
textarea:focus {box-shadow:0 0 5px var(--mid-grey); background-color:#fff; border:2px solid #000; outline:none; border-radius:9px;}

.rad-wrap {display:flex; width:260px; padding:20px 0 0 40px; flex-direction:column; align-items:flex-start; justify-content:flex-start; row-gap:20px;}

label.rads {
	display: inline-block; padding-left:50px; cursor: pointer;
	position: relative; text-align:left;
	color:var(--dark-grey); font-size: 17px; font-family:'Nunito', sans-serif;;	
}
label.rads:hover {color:var(--orange);}

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

input[type=radio]:checked + label.rads:before {
	content: "\2713";
	font-size: 18px;
	color:var(--orange);
	text-align: center;
	line-height:24px;
	border-color:var(--orange);
}

label.rads:before {
	content: "";
	display: inline-block; text-align:left;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0;
	background-color:var(--light-grey);
	border:solid 1px #000;
	border-radius:50%;
}





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

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

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

label.chkb:before {
	content: "";
	display: inline-block; text-align:left;
	width: 21px;
	height: 21px;
	position: absolute;
	left: 0;
	background-color:var(--light-grey);
	border:solid 1px #000;
	border-radius:3px;
}


.selectdiv select {
  
  display: block;
  width:100%;
  padding: 10px 10px;
  font-size: 18px;
  font-family:'Nunito', sans-serif;
  line-height: 1.5;
  color: #000;
  background-color:var(--light-grey);
  border:2px solid #000;
  border-radius:9px;
}

hr.formdiv {margin:50px auto; width:60%; height:1px; background-color:var(--mid-grey); border:0; outline:none;}

.btn {display:block; width:200px; margin:20px auto 0 auto; padding:15px 0;text-align:center; color:#fff; font-size:16px; font-family:'Alegreya Sans', sans-serif; font-weight:700;background-color:var(--orange); letter-spacing:0.15em; border:none; outline:none; border-radius:12px;}
.btn:hover{color:#fff; background-color:var(--dark-grey); cursor:pointer;}

.btn2 {display:block; width:240px; margin:20px auto 0 auto; padding:25px 10px;text-align:center; color:#fff; font-size:18px; font-family:'Alegreya Sans', sans-serif; font-weight:700;background-color:var(--orange); letter-spacing:0.15em; border:none; outline:none; border-radius:15px;}
.btn2:hover{color:#fff; background-color:var(--dark-grey); cursor:pointer;}

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

@media screen and (max-width:768px) {
.left {display:block; width:100%; padding-right:0; padding-bottom:30px;}
.right {display:block; width:100%; padding-left:0;}
.single {width:100%;}
p.spacer {display:none;}
}
