html, body { background: transparent; width:100%; } 
	body { background-color: #929292; }
	a img { border: none; }
	* { box-sizing: border-box; margin: 0px; padding: 0px; vertical-align: top; }

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_book_italic.woff2') format('woff2'),
			 url('assets/fonts/halcom_book_italic.woff') format('woff');
		font-weight: 350; font-style: italic;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_book.woff2') format('woff2'),
			 url('assets/fonts/halcom_book.woff') format('woff');
		font-weight: 350; font-style: normal;

	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_italic.woff2') format('woff2'),
			 url('assets/fonts/halcom_italic.woff') format('woff');
		font-weight: normal; font-style: italic;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_medium_italic.woff2') format('woff2'),
			 url('assets/fonts/halcom_medium_italic.woff') format('woff');
		font-weight: 500; font-style: italic;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_medium.woff2') format('woff2'),
			 url('assets/fonts/halcom_medium.woff') format('woff');
		font-weight: 500; font-style: normal;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom.woff2') format('woff2'),
			 url('assets/fonts/halcom.woff') format('woff');
		font-weight: normal; font-style: normal;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_bold_italic.woff2') format('woff2'),
			 url('assets/fonts/halcom_bold_italic.woff') format('woff');
		font-weight: bold; font-style: italic;
	}

	@font-face {
		font-family: 'Halcom';
		src: url('assets/fonts/halcom_bold.woff2') format('woff2'),
			 url('assets/fonts/halcom_bold.woff') format('woff');
		font-weight: bold; font-style: normal;
	}

	* { font-family: "Halcom", Arial, sans-serif; }


	
	#container { margin: 25px; }
	
	#card { background-color: white; width: 90%; margin: auto; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.5);}
	.card-inner { display: inline-block; position: relative; }
	.content { padding: 15px; }
	.inner-content { width: 100%; }

	
	
	#credits { text-align: center; color: white; padding: 15px; }
	#credits a { color: #ffffff; }
	
	.credits-line { padding-bottom: 10px; }
	
	#credits-comp-name { font-weight: normal; }
	#credits-comp-links a { padding-right: 5px; font-weight: 350; }
	
	#credits-comp-copy, #credits-comp-elink { font-size: 12px; font-weight: 350; }
	
	
	.header-logo { text-align: center; padding-top: 15px; padding-bottom: 15px; }
	
	
	#nav_footer { color: #ffffff; text-align: center; padding: 10px; width: 100%; z-index: 9999;}
	
	.nav_footer_links span { padding-right: 15px; font-weight: 400; }
	#nav_footer a { padding-right: 5px; color: #ffffff; font-weight: 350; }
	.nav_footer_cright { font-size: 12px; padding-top: 10px; font-weight: 350; }
	
	
	.hl { font-weight: bold; display: block; }
	.sl { font-weight: light; display: block; }
	
	.contact-job-desc { font-weight: light; display: block; }
	
	#card-user-settings { padding-top: 0px; padding-right: 40px; padding-bottom: 15px; position: absolute; bottom: 0; right: 0; text-align: right; }
	
	.contact_header { text-align: center; }
	
					
	.contact_details a { color: black; text-decoration: none; font-size: 80%; }
	.contact_details a:hover { text-decoration: underline; }
	
	.settings_header { text-align: center; padding-top: 0%; padding-right: 25px; padding-bottom: 50px;}
	.settings_details { text-align: center; padding-top: 0px; padding-right: 25px; }	
	
	.settings_group { padding-bottom: 25px; padding-right: 25px; text-align: center; }
	.setting_name { font-weight: bold; text-align: center; }
	.setting_opt { }
	.setting_opt select { width: 100%; text-align: center; }
	
	
	#contact_social.bottom { width: 100%; position: absolute; bottom: 0px; padding-bottom: 25px; }
	

	.faq_i { border: solid 1px white; padding: 10px; background-color: rgba(192,192,192,0.75); }
	
	.faq_q { cursor: pointer; background-color: white; color: black; font-weight: bold; font-style:italic; padding: 10px; }
	.faq_a { padding: 10px; display: none; }

	@media (orientation: landscape) { 
	
		.landscape-hidden { display: none!important; }
	
		#card { display: flex; width: 90%; margin: auto; max-width: 800px; font-size: 120%; background-image: none; background-color: white; }

		#card #card-inner-right { background: url("assets/imgs/bgs/bg_top_limits.png") center top no-repeat, #fff; background-size: cover; }
		#card.dream #card-inner-right { background: url("assets/imgs/bgs/bg_top_dream.png") center top no-repeat, #fff; background-size: cover; }
		#card.change #card-inner-right { background: url("assets/imgs/bgs/bg_top_change.png") center top no-repeat, #fff; background-size: cover; }
		#card.force #card-inner-right { background: url("assets/imgs/bgs/bg_top_force.png") center top no-repeat, #fff; background-size: cover; }
		#card.limits #card-inner-right { background: url("assets/imgs/bgs/bg_top_limits.png") center top no-repeat, #fff; background-size: cover; }
			
		#card #card-inner-left { background: url("assets/imgs/bgs/bg_bottom_limits.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.dream #card-inner-left { background: url("assets/imgs/bgs/bg_bottom_dream.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.change #card-inner-left { background: url("assets/imgs/bgs/bg_bottom_change.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.force #card-inner-left { background: url("assets/imgs/bgs/bg_bottom_force.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.limits #card-inner-left { background: url("assets/imgs/bgs/bg_bottom_limits.png") center bottom no-repeat, #fff; background-size: cover; }
		
		
		.contact_header { text-align: right; padding-top: 20%; padding-right: 25px; }
		.contact_details { text-align: right; padding-top: 25px; padding-right: 25px; }


		
		
		.hl { font-size: 140%; }

		.contact-job-desc { line-height: 20px; }
		
		.card-inner { width: 50%; }
		#card-inner-left > .content { padding-right: 7.5px; }
		#card-inner-right > .content { padding-left: 7.5px; }
		
		.credits-line.inline { display: inline-block; }
		#credits-comp-name { padding-right: 0px; padding-right: 15px; }
		
	}

	@media (orientation: portrait) {
		
		.portrait-hidden { display: none!important; }
		
		#card { width: 100%; margin: auto; max-width: 450px; font-size: 150%; }
		
		
		#card { background: url("assets/imgs/bgs/bg_top_limits.png") center top no-repeat, url("assets/imgs/bgs/bg_bottom_limits.png") center bottom no-repeat, #fff; background-size: cover; }
		
		#card.dream { background: url("assets/imgs/bgs/bg_top_dream.png") center top no-repeat, url("assets/imgs/bgs/bg_bottom_dream.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.change { background: url("assets/imgs/bgs/bg_top_change.png") center top no-repeat, url("assets/imgs/bgs/bg_bottom_change.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.force { background: url("assets/imgs/bgs/bg_top_force.png") center top no-repeat, url("assets/imgs/bgs/bg_bottom_force.png") center bottom no-repeat, #fff; background-size: cover; }
		#card.limits { background: url("assets/imgs/bgs/bg_top_limits.png") center top no-repeat, url("assets/imgs/bgs/bg_bottom_limits.png") center bottom no-repeat, #fff; background-size: cover; }
			
		
		.hl { font-size: 160%; }

		.contact-job-desc { line-height: 25px; }

		.contact_details { line-height: 20px; padding-top: 25px; padding-bottom: 25px; text-align: center; }



		.card-inner { width: 100%; position: inherit; }
		
		#card-user-settings { position: inherit; bottom: 0; text-align: center; padding: 0px; }
		
		#card-inner-left > .content { padding-bottom: 0px; }
		#credits-comp-name { padding-right: 0px; }
	}

	.errortext { text-align: center; margin-top: 5px;border: solid 1px #ff0000; color: #ff0000; background-color: white; font-weight: normal; padding: 5px; padding-top: 0px; padding-bottom: 0px; }
	.succtext { text-align: center; margin-top: 5px;border: solid 1px #06757e; color: #06757e; background-color: white; font-weight: normal; padding: 5px; padding-top: 0px; padding-bottom: 0px; }
	
	.smalltext { font-size: 14px; }
	
	
	.textbox-descriptor { font-size: 14px; color: gray; font-style: italic; }


	#qr_container1 > img, #qr_container2 > img { width: 100%; height: auto; }


	select, textarea, input.input.text, input[type=number], input[type=text], input[type=email], input[type=password] {font-weight: 350; font-size: 14px; border: none; outline:none; padding: 5px 10px 5px 10px; background-color: #ffffff; color: #000000; border: solid 1px #000000; }

	.field-container textarea, .field-container input.input.text, .field-container input[type=text], .field-container input[type=email], .field-container input[type=password] { width: 100%; }

	button { cursor: pointer; font-weight: 350; font-size: 14px; border: none; outline:none; padding: 5px 10px 5px 10px; background-color: #000000; color: #ffffff; border: solid 2px #000000; display: inline-block; }
	button:hover { background-color: #ffffff; color: #000000; border: solid 2px #000000; }

	.color-green { color: #06757e; }
	.color-gray { color: #60607d; }
	.color-gray-light { color: #c6c6c6; }
	.color-green-bright { color: #00cacf; }
	.color-red { color: #ff0000!important; }
	
	
	.back-green { background-color: #06757e; }
	.back-gray { background-color: #60607d; }
	.back-gray-light { background-color: #c6c6c6; }
	.back-green-bright { background-color: #00cacf; }
	.back-red { background-color: #ff0000; }
	
	
	.btn-link-lock {color: #000000; text-decoration: underline; font-weight: 500; }
	.btn-link-lock:hover {color: #ff0000; text-decoration: underline; font-weight: 500; }
	
	.btn-link {color: #000000; text-decoration: underline; font-weight: 500; }
	.btn-link:hover {color: #000000; text-decoration: underline; font-weight: 500; }
	

	button.green { background-color: #06757e; border: solid 2px transparent; }
	button.gray { background-color: #60607d; border: solid 2px transparent; }
	button.green-bright { background-color: #00cacf; border: solid 2px transparent; }
	button.red { background-color: #ff0000; border: solid 2px transparent; }
	
	button.gray-plus { padding: 10px; padding-top: 0px; padding-bottom: 0px; font-size: 22px; font-weight: bold; color: #60607d; background-color: transparent; border: solid 2px transparent; }
	button.gray-plus:hover { padding: 10px; padding-top: 0px; padding-bottom: 0px; background-color: #ffffff; color: #60607d; border: solid 2px #60607d; }

	button.green:hover { background-color: #ffffff; color: #06757e; border: solid 2px #06757e; }
	button.gray:hover { background-color: #ffffff; color: #60607d; border: solid 2px #60607d; }
	button.green-bright:hover { background-color: #ffffff; color: #00cacf; border: solid 2px #00cacf; }
	button.red:hover { background-color: #ffffff; color: #ff0000; border: solid 2px #ff0000; }

	button.icon { padding: 5px 30px 5px 10px; }
	button.icon:hover { padding: 5px 30px 5px 10px; }


	button.icon.arrow-right		 		{ background:url("assets/imgs/ui/arrow-right_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-right:hover 		{ background:url("assets/imgs/ui/arrow-right_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-right.green		{ background:url("assets/imgs/ui/arrow-right_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-right.green:hover 	{ background:url("assets/imgs/ui/arrow-right_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-right.gray		 	{ background:url("assets/imgs/ui/arrow-right_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-right.gray:hover 	{ background:url("assets/imgs/ui/arrow-right_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-right.green-bright		 	{ background:url("assets/imgs/ui/arrow-right_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-right.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-right_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-right.red		 	{ background:url("assets/imgs/ui/arrow-right_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-right.red:hover 	{ background:url("assets/imgs/ui/arrow-right_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-left		 		{ background:url("assets/imgs/ui/arrow-left_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-left:hover 		{ background:url("assets/imgs/ui/arrow-left_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-left.green		{ background:url("assets/imgs/ui/arrow-left_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-left.green:hover 	{ background:url("assets/imgs/ui/arrow-left_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-left.gray		 	{ background:url("assets/imgs/ui/arrow-left_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-left.gray:hover 	{ background:url("assets/imgs/ui/arrow-left_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-left.green-bright		 	{ background:url("assets/imgs/ui/arrow-left_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-left.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-left_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-left.red		 	{ background:url("assets/imgs/ui/arrow-left_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-left.red:hover 	{ background:url("assets/imgs/ui/arrow-left_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-up		 		{ background:url("assets/imgs/ui/arrow-up_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-up:hover 		{ background:url("assets/imgs/ui/arrow-up_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-up.green		{ background:url("assets/imgs/ui/arrow-up_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-up.green:hover 	{ background:url("assets/imgs/ui/arrow-up_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-up.gray		 	{ background:url("assets/imgs/ui/arrow-up_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-up.gray:hover 	{ background:url("assets/imgs/ui/arrow-up_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-up.green-bright		 	{ background:url("assets/imgs/ui/arrow-up_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-up.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-up_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-up.red		 	{ background:url("assets/imgs/ui/arrow-up_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-up.red:hover 	{ background:url("assets/imgs/ui/arrow-up_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-down		 		{ background:url("assets/imgs/ui/arrow-down_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-down:hover 		{ background:url("assets/imgs/ui/arrow-down_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-down.green		{ background:url("assets/imgs/ui/arrow-down_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-down.green:hover 	{ background:url("assets/imgs/ui/arrow-down_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-down.gray		 	{ background:url("assets/imgs/ui/arrow-down_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-down.gray:hover 	{ background:url("assets/imgs/ui/arrow-down_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-down.green-bright		 	{ background:url("assets/imgs/ui/arrow-down_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-down.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-down_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-down.red		 	{ background:url("assets/imgs/ui/arrow-down_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-down.red:hover 	{ background:url("assets/imgs/ui/arrow-down_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-plus		 		{ background:url("assets/imgs/ui/arrow-plus_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-plus:hover 		{ background:url("assets/imgs/ui/arrow-plus_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-plus.green		{ background:url("assets/imgs/ui/arrow-plus_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-plus.green:hover 	{ background:url("assets/imgs/ui/arrow-plus_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-plus.gray		 	{ background:url("assets/imgs/ui/arrow-plus_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-plus.gray:hover 	{ background:url("assets/imgs/ui/arrow-plus_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-plus.green-bright		 	{ background:url("assets/imgs/ui/arrow-plus_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-plus.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-plus_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-plus.red		 	{ background:url("assets/imgs/ui/arrow-plus_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-plus.red:hover 	{ background:url("assets/imgs/ui/arrow-plus_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-x		 		{ background:url("assets/imgs/ui/arrow-x_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-x:hover 		{ background:url("assets/imgs/ui/arrow-x_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-x.green		{ background:url("assets/imgs/ui/arrow-x_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-x.green:hover 	{ background:url("assets/imgs/ui/arrow-x_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-x.gray		 	{ background:url("assets/imgs/ui/arrow-x_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-x.gray:hover 	{ background:url("assets/imgs/ui/arrow-x_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-x.green-bright		 	{ background:url("assets/imgs/ui/arrow-x_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-x.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-x_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-x.red		 	{ background:url("assets/imgs/ui/arrow-x_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-x.red:hover 	{ background:url("assets/imgs/ui/arrow-x_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-star		 		{ background:url("assets/imgs/ui/arrow-star_wht.svg") right center no-repeat,#000000; background-size:contain;  }
	button.icon.arrow-star:hover 		{ background:url("assets/imgs/ui/arrow-star_blk.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-star.green		{ background:url("assets/imgs/ui/arrow-star_wht.svg") right center no-repeat,#06757e; background-size:contain;  }
	button.icon.arrow-star.green:hover 	{ background:url("assets/imgs/ui/arrow-star_grn.svg") right center no-repeat, #ffffff; background-size:contain;  }

	button.icon.arrow-star.gray		 	{ background:url("assets/imgs/ui/arrow-star_wht.svg") right center no-repeat,#60607d; background-size:contain;  }
	button.icon.arrow-star.gray:hover 	{ background:url("assets/imgs/ui/arrow-star_gray.svg") right center no-repeat,#ffffff; background-size:contain;  }

	button.icon.arrow-star.green-bright		 	{ background:url("assets/imgs/ui/arrow-star_wht.svg") right center no-repeat,#00cacf; background-size:contain; }
	button.icon.arrow-star.green-bright:hover 	{ background:url("assets/imgs/ui/arrow-star_grng.svg") right center no-repeat,#ffffff;  background-size:contain; }

	button.icon.arrow-star.red		 	{ background:url("assets/imgs/ui/arrow-star_wht.svg") right center no-repeat, #ff0000; background-size:contain; }
	button.icon.arrow-star.red:hover 	{ background:url("assets/imgs/ui/arrow-star_red.svg") right center no-repeat,#ffffff;  background-size:contain; }

		
	button.icon.left { padding: 5px 10px 5px 30px; background-position: left center!important; }
	button.icon.left:hover { padding: 5px 10px 5px 30px; background-position: left center!important; }
	
	button:disabled, button[disabled]{ opacity: 0.2; cursor: auto; }