/* ---------------------------------- ENQUIRY FORM ---------------------------------- */
.rel {position:relative}
.username{width:48%;display:inline-table;height:1px;padding:0;margin:0;opacity:0;position:relative}
.form{width:calc(100vw - 40px);max-width:480px;margin:auto;padding-bottom:60px}
.noborder{border:none}
textarea{max-width:calc(100%);width:calc(100%);border-top:0 solid rgba(238,240,243,0.4)}

#form-success{position:relative;display:block}

#form-container{position:relative;background:white;box-shadow:0px 0px 20px rgba(40,14,31,0.5);max-width:540px;margin: auto;border-radius:10px}
#form-success{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;display:none;background:rgba(139,107,107,0.57)}

.username{height:1px;padding:0;margin:0;display:inline}
input[type='number'],input[type='text'],input[type='email'],input[type='password']{display:inline;width:calc(100% - 65px)}
input,textarea{display:block;background:none;border:none;border-bottom:1px solid rgba(238,240,243,0.4);font-family:'text';width:calc(100%);font-size:12pt;color:#efeeee;padding:5px 0;margin:20px 0;border-radius:0;}
input:required{box-shadow:none}
input:invalid{box-shadow:none}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus
{}
textarea{display:block;margin:0;resize:none}
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
input:focus
{}
*:focus {
    outline: none;background-color:none!important
}

select.webkit {-webkit-appearance:none;display:block;width:calc(100%);font-size:14pt;margin: 0;border-radius:5px;background:#196DB6;color:#fff!important;padding:10px}
	#xtraCss form input, #xtraCss form textarea {box-shadow:none}

	.dd, .mm, .yy{width:auto;display:inline-block}
	
	#xtraCss input[type='number'],
#xtraCss input[type='text'],
#xtraCss input[type='email'],
#xtraCss input[type='password']
{margin:0;display:block;width:calc(100% - 10px);background:rgba(255,255,255,1);border-color:#333;color:#333;}



.dateContainer {width:100%;margin:auto;text-align:center}
	#xtraCss label{margin:0;padding: 0px;width:auto;color:#000;border:none;height:auto;line-height: normal}	
	#xtraCss label.venue:after {content:" name and Postcode"}
::-webkit-input-placeholder{color:rgba(140,140,164,1)}
	
	
	#xtraCss select:invalid {color:red}	
	
	
	#xtraCss .undecirdedRight {text-align:center;display:block;}
	#xtraCss .checkBox1{
		text-align:center;
		cursor:pointer;
		-webkit-user-select:none;
		-moz-user-select:none;
		-ms-user-select:none;
		user-select:none;
		color:black;
		font-size:12pt;
		font-family:'text';
		text-decoration: underline;
		min-width:190px;padding:0;
		margin:auto;
		position:relative;
		display:block;
		top:-20px;
		}
	#xtraCss .checkBox1 input{opacity:0;cursor:pointer;height:0;width:0}
	#xtraCss .checkmark:after{content:"";position:absolute;display:none}
	#xtraCss textarea {background:white;color:black;padding:10px;width:calc(100% - 20px);margin-top:0;border-radius:5px;border:1px solid black}
	#dateReq{display:block;width:100%;position:relative}
	#xtraCss .showMess {display:block}
	#xtraCss .username {height:0;padding:0;margin:0;overflow:hidden}
	#xtraCss .button {background:#196DB6;display:block;min-width:100%;padding:15px 0}
	#xtraCss .button:hover {background:#196DB6}
	.hp-text {margin-bottom:0;padding-bottom:0}
	
	
	.tba {color:black!important;font-size:14pt;padding:7px;display:block}
	.hp-text {margin-bottom:20px}
	.invisible {opacity:0;font-size:0pt;display:block;height:10px}
	select, input {margin:0!important}
input {padding-left:10px!important}
.marg {display:block;height:15px;width:100%}
.hintBox{vertical-align: middle; line-height:15pt;display:block;text-align:right;margin-top:5px}
a.hint {vertical-align: middle; line-height:15pt;display:inline-block;font-size:10pt;color:#196DB6;text-decoration: underline}
span.hint {vertical-align: middle; line-height:15pt;display:inline-block;font-family: 'bold';font-size:15pt;padding-right:5px;}
.brandback  {background-image:url('/images/brandback.svg');background-size:200%;background-position:center;box-shadow: inset 0 0 30vw 100px rgba(0,0,0,.5);padding:40px 0}





@media screen and (max-width:620px){#form-container{min-width:100vw;border-radius:0;box-shadow: none}.brandback{padding:0;background-image:none;background:white;box-shadow:none}}