#mail {display: block;width: 60%;margin: 20px auto;padding: 10px;background-color: #334466;	box-shadow: 0 0 5px #0000008c;-webkit-box-shadow: 0 0 5px #0000008c;-moz-box-shadow: 0 0 5px #0000008c;}
#mail h1 {margin: 10px 0 10px;font-size: 24px;color: #333333;}
#mail hr {color: inherit;height: 0;margin: 6px 0 6px 0;	padding: 0;	border: 1px solid #d9d9d9;border-style: none none solid;}
#mail label {display: inline-block;	float: left;height: 26px;line-height: 26px;	width: 30%;	font-size: 16px; font-family:'Lato', 'Arial', sans-serif;color:#fff;}
#mail input,textarea,select {width: 68%;padding: 5px;color: #666;background: #f5f5f5;border: 1px solid #ccc;margin: 5px 0;}
#mailform input[type="checkbox"]{width: 3%;}
#mailform .consent{width: 100%;}
#mail input:focus,textarea:focus,select:focus {	border: 1px solid #999;	background-color: #fff;	color: #333;outline-color: #26324c;}
#mail input.button{text-align: center;color: #fff; border-radius: 5px; padding: 5px 0 0 15px;width: 180px; max-width:95%; margin:0 auto;transition:all .08s linear; position:relative; outline:medium none;  -moz-outline-style:none; border:0px;margin-right:10px; margin-top:15px;}
#mail input.submit:hover {background:linear-gradient(to bottom,#26324c,#276891);}
#mail input.button{text-align: center;color: #fff; border-radius: 5px; padding: 8px 0; width: 150px; max-width:95%; margin:0 auto;transition:all .08s linear;-webkit-transition:all .08s linear; -moz-transition:all .08s linear; -ms-transition:all .08s linear; position:relative; outline:medium none;  -moz-outline-style:none; border:0px;margin-right:10px; margin-top:15px; float:right;font-weight: bold;font-size: 18px; font-family:'Lato', 'Arial', sans-serif;text-transform:uppercase;}
#mail input.button:active{ top:9px;}
#mail input.button:focus {outline:medium none; -moz-outline-style:none;}
#mail input.btn-orange{background: #ff8c19; position: relative; box-shadow: 0 0 0 1px #ff8c19 inset, 0 0 0 2px rgba(255,255,255,0.15) inset, 0 8px 0 0 #d57627, 0 8px 0 1px rgba(213, 118, 39, 0.4), 0 8px 8px 1px rgba(213, 118, 39, 0.4);}
#mail input.btn-orange:hover{background: #d57627; outline: 0;}
#mail input[type="submit"][disabled] {background: #d57627;}
#mail fieldset {padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
#mail legend {padding: 7px 10px;font-weight: bold;font-size: 14px;color: #ff8c19;margin-bottom: 0 !important;margin-bottom: 20px;font-family:'Lato', 'Arial', sans-serif;}
#mail span.required {font-size: 14px;color: #ff8c19;}
#message {margin: 10px 0;padding: 0;}
#verify {width: 50px !important;}
#mail span{color:#fff;}
.error_message {display: block;line-height: 22px; background: #26324c; padding: 3px 10px 3px 35px;color: #03a7ec; border: 1px solid #00c0ff; position:relative;}
.error_message:before {position:absolute; content:"\f071"; color:#03a7ec; left:10px; font-family:"Font Awesome 5 Free"; font-weight:900; }
#mail #success_page h1 {padding-left: 22px; color:#fff;font-family:'Lato', 'Arial', sans-serif; position:relative; text-align:center;}
#mail #success_page h1:before {padding-left: 22px;position:absolute;content:"\f00c"; color:#8dc540; left: 20%;top: 0px;font-family: "Font Awesome 5 Free";font-weight: 900;font-size: 25px; }
#mail #success_page p {color:#fff;font-family:'Lato', 'Arial', sans-serif;text-align: center;}
acronym {border-bottom: 1px dotted #ccc;}
@media (max-width: 1300px) {
	#mail {width: 70%}
}

@media (max-width: 1100px) {
	#mail {width: 80%}
}

@media (max-width: 767px) {
	#mail {width: 90%}
	#mail label,
	#mail input,
	#mail legend,
	#mail textarea,
	#mail select {
		width: 100% !important;
	}
	#mail input.submit {
		width: auto;
		min-width: 100px;
		display: block;
		margin: 20px auto 0;
		text-align: center;
	}
}