* 										{ box-sizing: border-box; padding:0; margin: 0; }
body 									{ font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif; color:#d6d6d6;  background: #666666; }
form 									{ background:#111;	max-width: 750px; margin-left: auto; margin-right: auto; margin-top: 40px; margin-bottom: 40px; border-radius:1.4em; border:1px solid #474646; overflow:hidden;
												position:relative; box-shadow: 0 10px 20px 10px rgba(0,0,0,0.2); }
#main-supp	 					{ background-color: #666666;}
.supp-tl							{ font-size: xx-large; font-weight: bold; color: wheat; margin-top: 50px; text-align: center; }
.sec-supp							{ max-width: 800px; margin: auto; text-align: center; margin-top: 40px; }
.sec-supp-p						{ font-size: medium; font-weight: bold; padding-top: 20px; }
.sec-supp-t						{ font-size: small; margin-top: 12px; text-align: left; }
.sec-supp>ul					{ list-style: none; text-align: left; margin-top: 12px; }
.sec-supp>ul li				{ font-size: small; font-style: italic; padding: 10px; }

/* Contact Form Form  */
.form_hint, .required_notification 	  { font-size: 0.6vw; }

.contact_frm ul 					{ max-width: 650px; list-style-type:none; list-style-position:outside;	margin: auto; margin-top: 5px; padding-top: 30px; padding-bottom: 40px; padding-left: 30px; }
.contact_frm li						{	padding: 12px; position:relative; }
.contact_form label 			{	width:200px; margin-top: 3px;	display:inline-block;	float:left;	padding:3px; font-size: 0.7vw; }
.contact_form input 			{	height:20px; width:280px; padding:5px 8px; }
.contact_form textarea 		{ padding:8px; width:280px; }
.contact_form button 			{ margin-left: 35%; }

.contact_form input,
.contact_form textarea 		{ border:1px solid #aaa;	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;	border-radius:2px; padding-right:30px;
						-moz-transition: padding .25s;	-webkit-transition: padding .25s; -o-transition: padding .25s; transition: padding .25s; }
.contact_form input:focus,
.contact_form textarea:focus 					{ background: #fff; border:1px solid #555; box-shadow: 0 0 3px #aaa; padding-right:70px; }
.contact_form input:required,
.contact_form textarea:required 			{	background: #fff url(images/logos/red.png) no-repeat 98% center; }
.contact_form input:required:valid,
.contact_form textarea:required:valid {	background: #fff url(images/logos/valid.png) no-repeat 98% center;	box-shadow: 0 0 5px #5cd053;	border-color: #28921f; }
.contact_form input:focus:invalid,
.contact_form textarea:focus:invalid 	{	background: #fff url(images/logos/invalid.png) no-repeat 98% center;	box-shadow: 0 0 5px #d45252;	border-color: #b03535 }
.form_hint 									{	background: #d45252;	border-radius: 3px 3px 3px 3px;	color: white;	margin-left:8px;	padding: 1px 6px;
															z-index: 999; position: absolute; display: none; }
.form_hint::before 					{	content: "\25C0";	color:#d45252;	position: absolute;	top:1px;	left:-6px;}
.contact_form input:focus + .form_hint 									{display: inline;}
.contact_form input:required:valid + .form_hint 				{background: #28921f;}
.contact_form input:required:valid + .form_hint::before {color:#28921f;}
button.submit 							{background-color: #68b12f; background: -webkit-gradient(linear, left top, left bottom, from(#68b12f), to(#50911e)); background: -webkit-linear-gradient(top, #68b12f, #50911e);
														 background: -moz-linear-gradient(top, #68b12f, #50911e); background: -ms-linear-gradient(top, #68b12f, #50911e); background: -o-linear-gradient(top, #68b12f, #50911e);
														 background: linear-gradient(top, #68b12f, #50911e); border: 1px solid #509111; border-bottom: 1px solid #5b992b; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
														 -ms-border-radius: 3px; -o-border-radius: 3px; box-shadow: inset 0 1px 0 0 #9fd574; -webkit-box-shadow: 0 1px 0 0 #9fd574 inset ; -moz-box-shadow: 0 1px 0 0 #9fd574 inset; -ms-box-shadow: 0 1px 0 0 #9fd574 inset;
														 -o-box-shadow: 0 1px 0 0 #9fd574 inset; color: white; font-weight: bold; padding: 6px 20px; text-align: center; text-shadow: 0 -1px 0 #396715; }
button.submit:hover 				{ opacity:.85; cursor: pointer; }
button.submit:active 				{ border: 1px solid #20911e; box-shadow: 0 0 10px 5px #356b0b inset; -webkit-box-shadow:0 0 10px 5px #356b0b inset ; -moz-box-shadow: 0 0 10px 5px #356b0b inset; -ms-box-shadow: 0 0 10px 5px #356b0b inset;
															-o-box-shadow: 0 0 10px 5px #356b0b inset; }
.contact_rdo  							{	margin-left:35% }
.contact_rdo label 					{	height:20px; width:40px; padding:5px 8px; display: inline-block; }

/* Contact Form End */
form:after 									{ content:""; display:block; position:absolute; height:1px; width:100px; left:0%; background:linear-gradient(left, #111, #444, #b6b6b8, #444, #111); top:0; }
form:before 								{	content:""; display:block; position:absolute; width:8px; height:5px; border-radius:50%; left:0%; top:-7px; box-shadow: 0 0 26px 20px #fff; }
.inset 											{	padding:20px; border-top:1px solid #4b4b4b; }
label 											{	color:#d6d6d6; display:block; padding-bottom:9px; }
.p-container 								{	padding:0 20px 20px 20px; }
.p-container:after 					{	clear:both; display:table; content:""; }
.p-container span 					{ display:block; float:left; color:#d6d6d6; padding-top:8px; font-size:12px; }


/* CONFIRM */
.conf-iss										{ font-size: 0.8vw; text-align: center; padding-top: 60px; text-decoration: underline; }
#conf-form 									{ background-color: #c0c0c0; text-align: center; padding: 25px; max-width: 450px ; }
#conf-form 	span						{ font-size: 0.8vw; display: inline-block; margin-bottom: 25px;}
#conf-form 	p								{ font-size: 0.8vw; display: block; margin-bottom: 5px; }
.conf-all										{ text-align: center; margin-top: 80px; margin-bottom: 150px; }
.conf-all	p									{ font-size: 0.8vw; }
.conf-err										{ text-align: center; margin-top: 80px; margin-bottom: 150px; }
.conf-err	p									{ font-size: 0.8vw; height: 35px; color: red; }
.conf-warn									{ background-color: #c0c0c0; margin-top: 40px; padding: 30px; }
.conf-warn	p								{ font-size: medium; color: #000; margin: 13px; }
.conf-warn	span						{ font-size: medium; color: #ff0000; font-weight: bold; text-decoration: underline; }
