/* ################# Base Level Stuff ################# */
/* Box Sizing */
*, *:before, *:after { box-sizing: inherit; }
* { box-sizing:border-box; }

/* Body */
body, html { padding:0; margin:0; background:#FFF; width:100%; min-width:100%; }

/* Font Size */
html, input, textarea, button { font-size: 18px; line-height:1.6em; font-style:normal; color:#555555;
font-family:'Fira Sans', Arial, Helvetica, sans-serif; }
select { font-size: 18px; line-height:1em; font-style:normal; color:#555555;
font-family:'Fira Sans', Arial, Helvetica, sans-serif; }

a { font-weight: 500; color:#094C9C; }
a:hover, a:focus { color: #052954; }

/* ################# Fontello Icons ################# */
@font-face {
  font-family: 'Fontello';
  src: url('fonts/fontello.eot');
  src: url('fonts/fontello.eot?#iefix') format('embedded-opentype'), 
		url('fonts/fontello.woff') format('woff'), 
		url('fonts/fontello.ttf') format('truetype'), 
		url('fonts/fontello.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ft {display:inline-block; font:normal normal normal 14px/1 'Fontello'; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); }

	.ft-house:before { content: '\e812'; }
	.ft-tall-arrow:before { content: '\e819'; }
	
	.ft-facebook:before { content: '\e805'; }
	.ft-twitter:before { content: '\e804'; }
	.ft-linkedin:before { content: '\e806'; }
	
	.ft-article:before { content: '\e807'; }
	.ft-play:before { content: '\e82a'; }
	.ft-info:before { content: '\e81f'; }
	.ft-user:before { content: '\e802'; }
	.ft-cog:before { content: '\e80a'; }

/* ################# Header ################# */
header { background:#111111; overflow:hidden; }
	header #logo img { width: 387px; height: auto; margin: 40px 0 40px 0; }
header #logo.nznow-newlogo img  {margin: 20px 0 20px 0; width:538px; }
	header #logo-nz-immigration img { width: 154px; height: auto; margin: 25px 0 0 30px; }
	
	#toggleNav { display:none; }

/* ################# Navigation ################# */
nav#mobile { display:none; }
nav#main { border-bottom: 1px solid #111111; }
	nav#main ul { overflow:hidden; list-style:none; margin:0; padding:0; }
		nav#main ul li { width: 13.6666%; float:left; margin:0; padding:0; border-right:1px solid #e7e7e8; }
		nav#main ul li:first-child { border-left:1px solid #e7e7e8; }
		
			nav#main ul li a { padding:16px 20px 13px 20px; display:block; text-decoration:none; position:relative; 
			border-bottom: 2px solid white; font-size:12px; line-height:18px; color:#555555; }
				nav#main ul li a strong { display:block; color:#222222; font-size:20px; line-height:20px; font-weight:500; }
				
			nav#main ul li a:hover { background:#e7e7e8; border-color:#e7e7e8; }

	nav#main ul li.register { width:18%; }
		nav#main ul li.register a, 
		nav#main ul li.register a strong { color:#094C9C; }
			nav#main ul li.register a:before { 
			background: #111111; border-radius: 50%; color: white; content: '\e80f';
			float:left; font-family:Fontello; font-size: 24px; line-height: 30px; text-align: center; speak: none;
			margin:0 10px 0 0; width: 36px; height: 36px; }
			
	nav#main li.active a { border-bottom-color: #555;}

/* ################# Bread Crumbs ################# */
#breadcrumb { border-bottom: 1px solid #e7e7e8; overflow:hidden; font-size: 12px; line-height: 48px; }
	#breadcrumb ul, #breadcrumb li { margin:0; padding:0; overflow:hidden; }
	#breadcrumb li { display: block; float: left; list-style:none; }
	
	#breadcrumb li:before { color:#C6C6C6; content:'\e829'; font-family:Fontello; speak:none; 
  display:inline-block;  margin:0 15px 0 0; width:auto; height:auto; background:transparent; }
	
	#breadcrumb li.home:before { content:""; display:none; }
		#breadcrumb li.home a { display:block; width: 31px; overflow: hidden; text-decoration:none; font-size: 0; }
		#breadcrumb li.home a:before { content: '\e812'; font-family:Fontello; margin:0; padding:0 20px 0 0; font-size: 12px; }
	
/* ################# Toast Messages ################# */

.alert { background: white; border-color: #e7e7e7; color: #555555; font-size: 16px; line-height: 22px; padding:5px; display:block; overflow:hidden; }
	.alert:before { border: none; width: 40px; height: 40px; line-height: 40px; margin: 0 10px 0 0; display: block; float: left; font-family: Fontello; speak: none; text-align: center; }
	.alert:after { content:" "; display:table; clear:both; }

		.alert p { display:block; margin:8px 0 0; }

	.alert-success:before { background: #f3f6e5; content: '\e825'; }
	
/* ################# Intro ################# */
#intro { padding:40px 0 10px; }
	#intro .content { padding:0 200px 0 0; }
		#intro h1 { color: #003366; font-size: 50px; font-weight: 500; line-height: 60px; margin: 0 0 20px 0; }

/* ################# Containers ################# */
.container { width: 1170px; margin:0 auto; padding:0 15px; }
	.section { background:#FFF; overflow:hidden; }
	
	form { padding:0; margin:0; }
		#register-form .container { padding:0; }
		
	/* Clearfix */
	.container:before, .container:after { content: " "; display: table; clear: both;}

/* ################# Register Form Background ################# */
#register-background { background:#f2f2f2 url('images/ocean-grey.png') 0 0 repeat; height:470px; width:100%; 
border-top: 1px solid #e7e7e8; border-bottom: 1px solid #e7e7e8; }
#register-form { margin-top:-440px; overflow:hidden;}

/* ################# Base Field Styles ################# */
#form input[type=checkbox], #form input[type=radio], #form label { cursor:pointer; color:#333; }

#form input.textfield, #form textarea, #form select,
#form-feedback input.textfield, #form-feedback textarea, #form-feedback select 
{ background:#FFF; color:#333; padding:10px 18px; width:100%; border:1px solid #ddd; outline:none; border-radius:0;
transition: border-color ease-in-out 0.15s; font-size: 16px; }

	#form select { -webkit-appearance: none; }
	#form select option { background-color: #FFF; }

	#form input.textfield:focus, #form textarea:focus, #form select:focus,
	#form-feedback input.textfield:focus, #form-feedback textarea:focus, #form-feedback select:focus { background: #F5F5F5; border-color: #555555;}

/* ################# Panels ################# */
#panels { width:50%; padding:0 15px; }
	#panels .panel { margin:30px 0; background:#FFF; position: relative; }
	#panels .panel:first-child { margin-top:0; }
	
		#panels .panel-body { padding:40px 40px 25px 40px; font-size:16px; line-height:24px; margin-right:120px; position:relative; z-index:2; }
		
		#panels blockquote { margin:0 0 20px;}
			#panels blockquote p { margin:0 0 20px; }
			
			#panels blockquote:before,
			#panels blockquote:after { display:inline-block; font-family:Fontello; font-size:18px; speak:none;}
			
			#panels blockquote:before { content:'\e82c'; }
			#panels blockquote:after { content:'\e818'; float:right; }
		
		#panels p.small { font-size:12px; margin:0; }
		
		#panels .panel .panel-image { margin:60px 40px 0 0; border-radius:50px; float:right; overflow:hidden; min-height: 80px; 
		position:relative; z-index:2; height:99px; }
			#panels .panel .panel-image img { margin:-1px 0 0 0;}
	
	/* Intro */
	#panels .intro { background:#006272; }
		#panels .intro .panel-body { color:#FFFFFF; font-size:16px; line-height:22px; margin:0; }
			#panels .intro h2 { font-size:25px; line-height:30px; font-weight: 300; margin:0 0 20px; }
			
			#panels .intro ul { margin:0 0 0 15px; padding:0; }
				#panels .intro ul li { margin:10px 0; }
				
	/* ################# Fancy Swirls for the panels ################# */
	#panels .quote:before { position: absolute; bottom: 0px; right: 0px; height: 100px; width: 180px;
	display: block; content: ""; opacity: 0.5; z-index: 0;
	background:url('images/star-trails-kokako.png') 0 0 no-repeat; }
	
	#panels .intro .panel-body:before,
	#panels .intro .panel-body:after {
		background: url('images/star-trails-kokako.png') 0 0 no-repeat;
		position:absolute; bottom:0; right:0; content: ''; z-index: 0;
		opacity: 0.1; filter: alpha(opacity=10); display: block;
	}
	
	#panels .intro .panel-body:before { height: 130px; width: 180px; }
	#panels .intro .panel-body:after { height: 255px; width: 125px; }
	
		.svg #panels .quote:before { background-image:url('images/star-trails-grey.svg'); }
		.svg #panels .intro .panel-body:before,
		.svg #panels .intro .panel-body:after { background-image:url('images/star-trails-white.svg'); }

/* ################# Form Options ################# */
#form { width: 50%; padding:0 15px; }
	.form-column { background:#FFF; padding:40px; border:1px solid #e7e7e8; }
	#form .legal { margin-top:30px; font-size:85%; line-height:1.6em; }
	
	#form h2, #form h3, #form h4 { font-size:25px; line-height:35px; color:#333333; font-weight:500;
	margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd; }
	
	#form h3 { padding-top:20px; }
	
	#FormFields { padding:0 0 20px; margin:0 0 20px; border-bottom:1px solid #e7e7e8; display:block; overflow:visible; }
		#FormFields ul { overflow:visible; }
		
		#FormFields li.field, #FormFields li.section { margin:0 0 15px; padding:0; float:none; }
		#FormFields li.section { margin:15px 0; }
		
		#FormFields > ul > li:first-child { margin-top:0; }
		
		#FormFields li.field { width:320px; }

		#FormFields .field-text,
		#FormFields .field-value { width:100%; float:none; clear: both; position:relative; }
		
		#FormFields .field-text { margin-bottom:5px;}
			#FormFields .field-text p { margin:0; }

/* ################# Fieldsets ################# */
	#FormFields .fieldset { clear: both; overflow:hidden; padding:20px 40px; margin:0 -40px 15px; background:#f2f2f2; display:block;}

/* ################# Radio / Checkbox Replacement ################# */
#FormFields .field-value { position:relative; overflow:hidden; }
	
	#FormFields input[type="checkbox"],
	#FormFields input[type="radio"] { position:absolute; top:0; left:-20px;}
	
	#FormFields input[type="checkbox"] + label,
	#FormFields input[type="radio"] + label { margin:0 15px 0 0; font-size:15px; line-height:24px; padding:0 0 0 30px; position:relative; }
	
	#FormFields input[type="radio"] + label:before, #FormFields input[type="radio"] + label:after,
	#FormFields input[type="checkbox"] + label:before {
	content: ""; position: absolute;  display: block; background: #FFFFFF; border-radius: 100px; }
	
	#FormFields input[type="radio"] + label:before,
	#FormFields input[type="checkbox"] + label:before { width: 18px; height: 18px; border: 1px solid #999999; left: 0px; top: 1px;  }
	#FormFields input[type="radio"] + label:after { width: 8px; height: 8px; left: 5px; top: 6px; }
	
	#FormFields input[type="checkbox"] + label:before { line-height: 18px; font-size: 12px; text-align: center; 
	color: #FFFFFF; font-family: Fontello; content: "\e825"; border-radius:0; }
	
	/* Hover */
	#FormFields input[type="radio"] + label:hover:before,
	#FormFields input[type="checkbox"] + label:hover:before { background-color: #c2c2c2; }
	
	/* Checked */
	#FormFields input[type="radio"]:checked + label:before,
	#FormFields input[type="checkbox"]:checked + label:before { border-color: #111111; background-color: #111111; }


/* ################# Loading Gifs & Font Awesome Icons ################# */
.loading { width:32px; height:32px; background:url('images/loading.gif') 0 0 no-repeat; display:block; position:absolute; top:8px; right:8px; }
.field-value .fa-check, .field-value .fa-times { font-size:18px; }
.field-value .fa-check { color: #0b0; }
.field-value .fa-times { color: #b00; }
.field-value .fa-warning { color: #b00; }

/* ################# Postcode Helper Icons ################# */
#PostCode .correct-postcode, #PostCode .no-postcode {  position:absolute; top:14px; right:15px; }

/* ################# Email Helper Icons ################# */
#Email #exisiting-contact, #Email #new-contact { position:absolute; top:14px; right:15px;}
#Email #exisiting-contact { display:none; }

/* ################# Date of Birth Field ################# */
#FormFields .day,
#FormFields .month,
#FormFields .year { float:left; }

#FormFields .day { width:27%; }
#FormFields .month { width:44%; margin-left:-1px; }
#FormFields .year { width: 29%; margin-left:-1px; }

/* ################# Work experience start date (hidden field) ################# */
#work-exp-start { display:none !important; }

/* ################# Buttons ################# */
.buttons { display:block; }
	.buttons a.submit-button,
	.btn { background:#094C9C; border:2px solid #094C9C; padding:10px 18px; color:#FFFFFF; font-weight:normal; font-size:16px; line-height:16px; cursor:pointer; }
		.buttons a.submit-button:hover,
		.btn:hover { background:#FFF; border-color:#094C9C; color:#094C9C; }
	
	form li.buttons .submit-button { float:left; }
	
/* ################# Info Spans and Bubbles ################# */
p.help-block { line-height: 24px; font-size: 12px; color: #555555; margin: 0 0 1.4em 0; max-width: 320px; 
border: 2px solid #666666; padding: 12px 15px; position: relative; }

	p.help-block:before, p.help-block:after { position: absolute; left: 20px; content:""; width: 0; height: 0; }
	p.help-block:before { bottom: -9px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #666666; }
	p.help-block:after { bottom: -7px; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #f2f2f2; }

span.info { font-size:12px; line-height:16px; color:#999999; font-weight:normal; margin:12px 0 0; }
div.field-info { font-size: 12px; display: block; margin: 5px 0; clear:both; }

/* ################# Casing Enforcement ################# */
#PostCode input { text-transform:uppercase; }

/* ################# Validation ################# */
span.required { color:#cb2035; }
li.validation { display:none; }

#custom-validation { display:none; color:#cb2035; padding:10px; width:100%; background:#fff2f3; border-radius:5px; font-size:14px; margin-bottom:15px; }

div.error { clear:both; color:#cb2035; font-size:14px; }
div.already-in { color:inherit; } 

/* ################# Share ################# */
.share { position:absolute; right: 10px; top: 322px; width: 50px; z-index: 499; height:100px;}
	.share a { border:1px solid #ccc; color:#094C9C; display:block; font-size:20px; line-height:52px; height:50px; padding:0; 
		background:#FFF; text-align:center; }
		.share a + a { margin-top:-1px; }
		
	.share a:hover { border:3px solid #094C9C; line-height:49px; }

/* ################# Scroll To Top ################# */
.page-top { padding:60px 0 20px; overflow:hidden;}
	.page-top .top { float:right; color:#003366; font-size:12px; line-height:20px; text-decoration:none; text-transform:uppercase;}
		.page-top .top .ft { font-size:20px; margin:0 0 0 5px; }
		
	.page-top .top:hover { color:#0E7AC3; }

/* ################# Send Feedback ################# */
.page-status { border-top: 1px solid #e7e7e8; line-height: 60px; }
	.page-status .page-query { font-size: 16px; margin:0; }
	
#form-feedback { background: #e7e7e8; overflow: hidden; font-size:16px; }
	#form-feedback .container { padding:60px 15px; position:relative; }
	
	#form-feedback h3 { color: #111111; font-size: 20px; font-weight: 500; line-height: 25px; margin: 0 0 10px 0; }
	#form-feedback p { max-width:50%; }
	#form-feedback label { color: #111111; font-size: 16px; font-weight: 500; }
	#form-feedback textarea { border-color:#999; display:block; font-size:14px; margin:0 0 20px 0; width:100%; max-width:50%; height:auto; min-height:100px; padding:10px; }
	
	#form-feedback .btn-close { background:#111111; display:block; width:50px; height:50px; position:absolute; right:15px; top:60px; z-index:10; cursor:pointer; }
		#form-feedback .btn-close:before, 
		#form-feedback .btn-close:after { background:white; content:''; display:block; height:2px; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:20px; }
		
		#form-feedback .btn-close:before { -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); }
		#form-feedback .btn-close:after { -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); }

	#form-feedback .btn-close:hover { background:#094C9C; }
	
	#form-feedback .alert { margin-right:70px; }
		#form-feedback .alert p { max-width:100%; }
		
	#form-feedback textarea.error { border-color:#cb2035; }
		
.js #form-feedback { max-height:0px; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
	.js #form-feedback.active { max-height:500px; }

/* ################# Footer ################# */
#footer-push { clear:both; }
footer { margin:0 0 0; padding:50px 0; background:#181818 url(images/footer.png) no-repeat bottom right; font-size:16px; }

	footer a { color:#FFF; text-decoration:none; position:relative; }
	footer a:hover, footer a:focus { color: #888888; }
	
	footer li a:after { content: ''; background: #555555; bottom: -3px; display: none; height: 1px; left: 0; position: absolute; right: 0; }
		footer li a:hover:after { display:block; }
	
	footer section { float:left; width:33%; }
		footer h5 { font-size:16px; margin:0 0 5px;  }
		footer ul { list-style:none; margin:0 0 15px; padding:0; }
			footer ul li { margin:0 0 5px; }
		
		footer ul.sub-nav { font-size:14px; }
		footer p { font-size:14px; margin:0; }
		
		footer a i { color: #003366; display: inline-block; font-size: 14px; line-height: 25px; margin-right: 5px; width: 20px; }
		
	footer #logo-mbie img { height: auto; margin: 0 0 40px 0; max-width: 100%; width: 260px; }
	footer #logo-nz-govt-nz img { height: auto; margin: 0 0 40px 0; max-width: 100%; width: 160px; }
	
/* ################# Auto Complete ################# */
#form input.ui-autocomplete-loading { background:#F5F5F5 url('images/loading.gif') 95% 8px no-repeat !important; }

.occupationAutocomplete { background:#FFF; border:1px solid #ddd; padding:0; border-radius:0; max-width: 320px; 
max-height:440px; overflow:auto; }
	.occupationAutocomplete li { list-style:none; font-size: 15px;}

	.occupationAutocomplete li.anzsco-record a { border-radius:0 !important; padding:8px 15px; border:none !important; display:block; 
		cursor:pointer; background:none; color:inherit; font-weight:normal; }
	.occupationAutocomplete li.none-found { padding:12px 15px; color:#aaa; cursor:default; }
	
		.occupationAutocomplete li.anzsco-record a:hover { background-color:#00bce7; color:#FFF; }
		.occupationAutocomplete li.anzsco-record a:hover span { color:#FFF;}
		
/* ################ Select2 Hidden Fields ########### */
#CitizenshipOnPassport .textfield,
#CitizenshipOnPassport select.country-list,
#CountryOfResidence .textfield,
#CountryOfResidence select.country-list { display:none; }

/* ################# Tablet / Mobile Only ################# */
.mob-only, .tab-only { display:none !important; }

/* ################# Tablet ################# */
@media (max-width: 1170px) {
	.container { width: 970px; max-width:100%; }
	
	/* Panels and Forms Block */
	#form, #panels { float:none; width:auto; padding:0; margin:0 20px; }
	#panels { margin-top:10px; margin-bottom:40px; overflow:hidden; display:table; }
	
		#panels .panel { display: table-cell; }
		
		#panels .intro { width:58%; }
		#panels .quote { width:42%; }
		
			#panels .quote .panel-image { display:none; }
			#panels .panel-body { margin-right:0; }
			
	/* Intro */
	#intro h1 { font-size: 40px; }
	#intro .content { padding-right: 70px; }
	
	/* Header */
	header #logo img { margin: 5px 0 5px 0; width: 265px; }
	 header #logo.nznow-newlogo img { margin: 5px 0 5px 0; width: 440px; }
	#logo-nz-immigration { display:none; }
	
	/* Share */
	.share { top:152px; }
	
	/* ################# Mobile Menu Stuff ################# */
	nav#main { display:none; }
	
	#wrapper { position:relative; transition:all 0.5s; width:100%; overflow:visible; left:auto; }
		nav#mobile { position:absolute; top:0; right:0; width:440px; display: none; padding-bottom:70px;
		background: url('images/logo-nz-immigration-reversed.png') no-repeat 20px bottom; background-size: 128px 40px;}
		
		nav#mobile span.title {
		background: #f2f2f2; border-bottom: 1px solid #111111; clear: both; color:#222222; font-weight:500;
		font-size: 15px; line-height: 49px; overflow: hidden; display: block; padding: 0 20px; position: relative;}
		
		nav#mobile ul { margin:0; padding:0; display:block; }
			nav#mobile ul li { display:block; width:100%; border:1px solid #eeeeee; margin-top:-1px; }
				nav#mobile ul li a { height:auto; padding:12px 10px 12px 20px; font-size:15px; display:block; 
					color:#222222; text-decoration:none; font-weight:normal; position:relative; }
					
					nav#mobile ul li a:before { width: 50px; height: 100%; border-left: 1px solid #e7e7e8; display: block;
					content: '\e832'; color: #BEBEBE; font-family: Fontello; font-size: 16px; line-height: 50px; text-align: center; 
					text-decoration: none; margin: 0; position: absolute; speak: none;top: 0; right:0; }
					
				nav#mobile ul li.active a { background:#f2f2f2; color:#094C9C; }
					nav#mobile ul li.active a:before { display:none; }
	
	/* Toggle Nav Button */
	#toggleNav { display:block; float:right; text-align:center; font-size:30px; line-height:30px; color:#FFF; 
	padding:20px 20px; border-left: 1px solid #555555; margin-right:-20px; }
		#toggleNav .fa-bars { display:inline-block; }
		#toggleNav .fa-times { display:none; }
		
		#toggleNav span { font-size: 20px; line-height:35px; font-weight:400; margin:0 20px 0 0; }
		
		.nav-open #toggleNav .fa-bars { display:none; }
		.nav-open #toggleNav .fa-times { display:inline-block; }
	
	/* When Open - DONT TOUCH THIS */
	#wrapper { 
		-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); 
		transform: translate3d(0, 0, 0); 
	}
	
	.nav-open #wrapper { 
		-webkit-transform: translate3d(-440px, 0, 0); -ms-transform: translate3d(-440px, 0, 0);
		-moz-transform: translate3d(-440px, 0, 0); -o-transform: translate3d(-440px, 0, 0); 
		transform: translate3d(-440px, 0, 0); 
	}
	.nav-open nav#mobile { display:block; }
	.nav-open { overflow:hidden; }
	
	/* Feedback */
	#form-feedback .container { padding:40px 60px 40px 20px ; }
		#form-feedback p { max-width:100%; }
		#form-feedback .btn-close { top:0; right:0; width:40px; height:40px; }
		
		#form-feedback .alert { margin-right:0; }
	
	/* Hide Stuff */
	.notablet { display:none !important; }
	.tab-only { display:inherit !important; }
}

/* ################# Mobile ################# */
@media screen and (max-width:767px) {
	body, html { font-size: 15px; }
	
	/* ################# Structure ################# */
	header #logo img{ margin: 10px 0; width:185px; }
	 header #logo.nznow-newlogo img  { margin: 10px 0; width:230px; }
	
	/* ################# Structure ################# */
	.container { width:auto; padding:0 20px; }
	#register-form .container { padding:0; }
	
	/* ################# Mobile Menu Stuff ################# */
	nav#mobile { width:80%; padding-bottom:70px; background-size: 128px 40px;}
		
		nav#mobile span.title { font-size: 15px; line-height: 49px; }
			nav#mobile ul li a { font-size:15px; }
	
	/* Toggle Nav Button */
	#toggleNav { font-size:20px; line-height:30px; padding:10px 20px; }
	
	/* When Open - DONT TOUCH THIS */
	.nav-open #wrapper { -webkit-transform: translate3d(-80%, 0, 0); -ms-transform: translate3d(-80%, 0, 0);
		-moz-transform: translate3d(-80%, 0, 0); -o-transform: translate3d(-80%, 0, 0); 
		transform: translate3d(-80%, 0, 0); 
	}
	
	/* ################# Register Backgrounds ################# */
	#register-background { display:none; }
	#register-form { margin:0; }
	
	/* ################# Intro ################# */
	#intro { padding:0; }
		#intro .content { padding:0; }
			#intro h1 { font-size:25px; line-height:35px; margin:30px 0 10px 0;}
	
	/* ################# Form ################# */
	#form, #panels { display:block; margin:0; }
	
	.form-column { padding:20px; border:none; }
	#FormFields li.field { max-width:100%; margin-bottom:30px; }
	
	#form .legal { margin-top:10px; }
	
	#FormFields .fieldset { margin:0 -20px 15px; padding:20px 20px; }
	
	/* ################# Share ################# */
	.share { display:none; }
	
	/* ################# Panels ################# */
	#panels .panel { margin:0; display:block; width:100%; }
	#panels .quote { display:none; }
	
		#panels .intro h2 { font-size:16px; line-height:20px; }
		#panels .intro .panel-body { font-size:14px; line-height:20px; padding:20px 20px 10px 20px; }
		
	/* ################# Feedback Form ################# */
	.page-status .page-query { font-size: 14px; }
	
	#form-feedback { font-size: 14px; }
		#form-feedback .container { padding:50px 20px 40px;}
		#form-feedback textarea { max-width:100%; }
		
		#form-feedback .alert p { font-size:14px; }
	
	/* ################# Footer ################# */
	footer { background-image:none; height:auto; }
		footer section { float:none; width:100%; }
			footer #logo-mbie img { margin:20px 0; }
			
		footer, footer h5 { font-size: 14px; }
		
	/* ################# Mob Only ################# */
	.mob-only { display:inherit !important; }
	.tab-only { display:none !important; }
}

@media screen and (max-width:340px) {
	#form-feedback .alert p { margin-top:0; }
}

/* ################# IE8 ################# */
.ie8 #FormFields input[type="radio"] + label:before,
.ie8 #FormFields input[type="radio"] + label:after,
.ie8 #FormFields input[type="checkbox"] + label:before { display:none; }

.ie8 #FormFields input[type="radio"], 
.ie8 #FormFields input[type="checkbox"] { position:static; float:left; }

/* ################# Util ################# */
.hidden { display:none !important; }