/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.top-bar{background: #223d76; height: 8px;}

.introduction{background: #223d76; text-align: center; color: #fff; padding: 20px; margin-top: -70px; position: relative;}

.arrow img {display: block; text-align: center; margin: 0 auto; margin-top: -2px;}

.section {margin-top: 40px;}

.skiplink, .visuallyHidden { position: absolute; left: -9999px; z-index:100; background-color: $red; color: #FFF; text-decoration: underline; padding: 12px; font-weight: bold; overflow: hidden; opacity: 0; }
.skiplink:focus { left: 0; top:50px; opacity: 1; }

#successContact {font: 400;float: left;clear: both;width: 100%;color: #25a452;margin: 0 0 48px 0;font-size: 40px;line-height: 42px;text-align: center;margin-top: 16px;}


#bademailContact, #badserverContact, #captchamsg {float: left;clear: both; font: 700;color: red;margin: 0 0 18px 0; margin-left: 10px; margin: 0 0 48px 0;font-size: 24px; line-height: 28px; margin-top: 16px;}

.footer{clear: both; background: #223d76; text-align: center; padding-top: 20px; padding-bottom: 20px; color: #fff; line-height: 20px;}
.checkbx-section input{float: left;margin: 3px 10px 0 0;}
.checkbx-section label{float: left;margin: 0;}
.checkbx-section label a{color: #223d76;}
/* #Page Styles
================================================== */

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		label, legend {
display: block;
 font-weight: normal; 
font-size: 13px;
margin-bottom: 10px;
line-height: 16px;
}

.radio-left {
float: left;
margin-right: 35px;
}
	}



/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/
/******Custom Css*******/
.g-recaptcha {
	padding-top: 38px;
}
#captchamsg {
	clear: both;
	margin-left: 10px;
	font-size: 24px;
	line-height: 28px;
	margin-top: 16px;
	color: red;
}
/******End Custom Css*******/