@charset 'UTF-8';

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

@import url('http://fonts.googleapis.com/css?family=Lato:300,400,700,900,400italic');

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	html, body, #skel-layers-wrapper
	{
		height: 100%;
	}

	body
	{
		background: #fafbfc;
	}

		body.loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;

			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,textarea,select
	{
		font-family: 'Lato', sans-serif;
		font-size: 15pt;
		line-height: 1.75em;
		font-weight: 300;
		color: #2c3135;
	}

	h1,h2,h3,h4,h5,h6
	{
		font-weight: 900;
		line-height: 1.5em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
		{
			color: inherit;
			text-decoration: none;
		}

		h2
		{
			font-size: 2.5em;
		}

			h2 sup
			{
				font-size: 0.5em;
				top: -0.75em;
				font-weight: 300;
			}

		h3
		{
			font-size: 1.8em;
		}

		h4
		{
			font-size: 1.25em;
		}

	strong, b
	{
		font-weight: 700;
		color: #000000;
	}

	em, i
	{
		font-style: italic;
	}

	a
	{
		color: #ff0000;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}

	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
	}

	blockquote
	{
		border-left: solid 0.5em #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}

	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}

	header
	{
		margin-bottom: 1em;
	}

		header p
		{
			display: block;
			margin-bottom: 0;
		}

		header h2 + p,
		header h3 + p,
		header h4 + p
		{
			margin: 0.25em 0 0 0;
			padding: 0 0 0.5em 0;
		}

	footer
	{
		margin-top: 1em;
	}

	br.clear
	{
		clear: both;
	}

	.footnote
	{
		font-size: 0.8em;
		font-style: italic;
		line-height: 1.5em;
	}

	/* Sections/Articles */

		section,
		article
		{
			margin-bottom: 3em;
		}

		section > :last-child,
		article > :last-child
		{
			margin-bottom: 0;
		}

		section:last-child,
		article:last-child
		{
			margin-bottom: 0;
		}

		.row > section,
		.row > article
		{
			margin-bottom: 0;
		}

	/* Images */

		.image
		{
			display: inline-block;
			border-radius: 0.5em;
		}

			.image img
			{
				display: block;
				width: 100%;
				border-radius: 0.5em;
			}

			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 2em 0;
			}

			.image.full
			{
				display: block;
				width: 100%;
			}

			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}

			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}

			.image.bordered
			{
				padding: 1em;
				box-shadow: inset 0 0 0px 2px #dce1e5;
			}

			.image.circle
			{
				border-radius: 100%;
			}

				.image.circle img
				{
					border-radius: 100%;
				}

	/* Lists */

		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}

			ul.default li
			{
				padding-left: 0.5em;
			}

		ul.icons
		{
			cursor: default;
		}

			ul.icons li
			{
				display: inline-block;
			}

				ul.icons a
				{
					display: inline-block;
					width: 2em;
					height: 2em;
					line-height: 2em;
					text-align: center;
					border: 0;
				}

		ul.menu
		{
			cursor: default;
		}

			ul.menu li
			{
				display: inline-block;
				line-height: 1em;
				margin: 0 0 0 3em;
			}

			ul.menu li:first-child
			{
				margin-left: 0;
			}

		ul.actions
		{
			cursor: default;
		}

			ul.actions li
			{
				display: inline-block;
				margin: 0 0 0 1em;
			}

			ul.actions li:first-child
			{
				margin-left: 0;
			}

			ul.actions.alt li
			{
				margin: 0.5em;
			}

			ul.actions.alt li:first-child
			{
				margin-left: 0.5em;
			}

		ul.actions-vertical
		{
			cursor: default;
		}

			ul.actions-vertical li
			{
				display: block;
				margin-top: 1.5em;
			}

			ul.actions-vertical li:first-child
			{
				margin-top: 0;
			}

				ul.actions-vertical li a
				{
					text-decoration: none;
				}

					ul.actions-vertical li a i.icon
					{
						position: relative;
						top: 0.1em;
						margin-right: 0.25em;
					}

				ul.actions-vertical li .button
				{
					width: 20em;
					max-width: 100%;
					padding-left: 0;
					padding-right: 0;
				}

		ul.divided
		{
		}

			ul.divided li
			{
				border-top: solid 1px #eaedf1;
				padding: 2em 0 0 0;
				margin: 2em 0 0 0;
			}

				ul.divided li > :last-child
				{
					margin-bottom: 0;
				}

				ul.divided li:first-child
				{
					border-top: 0;
					padding-top: 0;
					margin-top: 0;
				}

		ul.features
		{
		}

			ul.features:after
			{
				content: '';
				display: block;
				clear: both;
			}

			ul.features li
			{
				float: left;
				width: 50%;
				padding: 1em;
			}

				ul.features li:nth-child(2n)
				{
					border-left: solid 1px #eaedf1;
				}

				ul.features li:nth-child(n+3)
				{
					border-top: solid 1px #eaedf1;
				}

		ol.default
		{
			list-style: decimal;
			padding-left: 1.25em;
		}

			ol.default li
			{
				padding-left: 0.25em;
			}

			ol.default[type="i"]
			{
				list-style: lower-roman;
			}

			ol.default[type="a"]
			{
				list-style: lower-latin;
			}

	/* Forms */

		form
		{
		}

			form .actions
			{
				text-align: center;
			}

			form label
			{
				display: block;
			}

			form input[type="text"],
			form input[type="button"],
			form input[type="submit"],
			form input[type="reset"],
			form select,
			form textarea
			{
				-webkit-appearance: none;
			}

			form input[type="text"],
			form select,
			form textarea
			{
				display: block;
				border: 0;
				background: #f7f8fa;
				width: 100%;
				padding: 0.75em 1em 0.75em 1em;
				border-radius: 0.5em;
			}

				form input[type="text"]:hover,
				form select:hover,
				form textarea:hover
				{
				}

				form input[type="text"]:focus,
				form select:focus,
				form textarea:focus
				{
					box-shadow: inset 0 0 0 1px #65cab6;
				}

			form input.error,
			form select.error,
			form textarea.error
			{
				box-shadow: 0 0 0px 1px #cc2222;
				background: #ffeeee;
			}

			form input[type="text"],
			form select
			{
				line-height: 1em;
			}

			form textarea
			{
				min-height: 12em;
			}

			form .radio,
			form .checkbox
			{
				position: relative;
				display: inline-block;
				margin-right: 0.5em;
				line-height: 1em;
			}

				form .radio:last-child,
				form .checkbox:last-child
				{
					margin-right: 0;
				}

				form .radio input,
				form .checkbox input
				{
					display: block;
					opacity: 0;
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					z-index: 1;
					cursor: pointer;
				}

				form .radio label,
				form .checkbox label
				{
					position: relative;
					display: inline-block;
					border: 0;
					font-weight: 400;
					text-decoration: none;
					padding: 0.6em 1.25em 0.6em 1.25em;
					border-radius: 0.5em;
					-moz-transition: all 0.1s ease-in-out;
					-webkit-transition: all 0.1s ease-in-out;
					-o-transition: all 0.1s ease-in-out;
					-ms-transition: all 0.1s ease-in-out;
					transition: all 0.1s ease-in-out;
					box-shadow: inset 0 0 0 2px rgba(44,49,53,0.05);
				}

					form .radio input:checked + label,
					form .checkbox input:checked + label
					{
						box-shadow: inset 0 0 0 2px rgba(44,49,53,0.25);
					}

			form .formerize-placeholder
			{
				color: #4c4145 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #4c4145 !important;
			}

			form :-moz-placeholder
			{
				color: #4c4145 !important;
			}

			form ::-moz-placeholder
			{
				color: #4c4145 !important;
			}

			form :-ms-input-placeholder
			{
				color: #4c4145 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
			}

	/* Tables */

		table
		{
			width: 100%;
		}

			table.default
			{
				width: 100%;
			}

				table.default tbody tr:nth-child(2n+2)
				{
					background: #f4f4f4;
				}

				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}

				table.default th
				{
					text-align: left;
					font-weight: 700;
					padding: 0.5em 1em 0.5em 1em;
				}

				table.default thead
				{
					background: #444;
					color: #fff;
				}

				table.default tfoot
				{
					background: #eee;
				}

				table.default tbody
				{
				}

	/* Buttons */

		.button
		{
			position: relative;
			display: inline-block;
			border: 0;
			outline: 0;
			background: #65cab6;
			color: #fff;
			cursor: pointer;
			font-weight: 900;
			text-decoration: none;
			line-height: 1em;
			padding: 1.2em 3em 1.2em 3em;
			border-radius: 0.5em;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
		}

			.button span
			{
				font-weight: 300;
			}

			.button.alt
			{
				background: rgba(255,255,255,0.15);
				color: #2C3135;
				box-shadow: inset 0 0 1px 1px #bcc1c5;
			}

				.button.alt:hover
				{
					box-shadow: inset 0 0 1px 1px #9ca1a5;
				}

			.button.small
			{
				font-size: 0.8em;
			}

			.button:disabled,
			.button.disabled
			{
				opacity: 0.25;
				cursor: default;
			}

			.button.appstore
			{
				background: url('images/button-appstore.png') !important;
				width: 270px;
				height: 91px;
			}

				.button.appstore .label
				{
					display: none;
				}

	/* Product */

		.product
		{
		}

			.product.minor {
				text-align: center;
			}

				.product.minor .actions
				{
					margin-bottom: 0;
				}

				.product.minor .description
				{
					font-size: 0.8em;
					line-height: 1.75em;
				}

				.product.minor header
				{
					position: relative;
					margin: 1.5em 0 1em 0;
				}

					.product.minor header h3
					{
						font-size: 1em;
					}

					.product.minor header .price
					{
						font-size: 1em;
						font-weight: 900;
						color: #E76A52;
					}

						.product.minor header .price span
						{
							font-size: 0.6em;
						}

			.product.major {
			}

				.product.major footer
				{
					margin: 2em 0 0 0;
				}

				.product.major header
				{
					position: relative;
					margin: 0 0 2em 0;
				}

					.product.major header h3
					{
						font-size: 1.25em;
					}

					.product.major header .price
					{
						position: absolute;
						right: 0;
						top: 0;
						font-size: 1.25em;
						font-weight: 900;
						color: #E76A52;
					}

						.product.major header .price span
						{
							font-size: 0.6em;
						}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon
	{
		font-family: 'ipk';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
		.icon-app-payments:before {
			content: "\e612";
		}

		.icon-app-kiosks:before {
			content: "\e613";
		}	

		.icon-usa:before {
			content: "\e600";
		}
		.icon-ipad:before {
			content: "\e601";
			padding-right: 2px;
		}
		.icon-ada:before {
			content: "\e602";
			padding-left: 4px;
		}
		.icon-vesa:before {
			content: "\e603";
			padding-right: 2px;
		}
		.icon-sdk:before {
			content: "\e604";
			padding-right: 2px;
		}
		.icon-pci:before {
			content: "\e605";
		}
		.icon-arrow-left:before {
			content: "\e606";
		}
		.icon-arrow-right:before {
			content: "\e607";
		}
		.icon-close:before {
			content: "\e608";
		}
		.icon-spinner:before {
			content: "\e609";
		}
		.icon-check:before {
			content: "\e60a";
		}
		.icon-flash:before {
			content: "\e60b";
		}
		.icon-cloud-download:before {
			content: "\e60c";
		}
		.icon-desktop:before {
			content: "\e60d";
		}
		.icon-code:before {
			content: "\e60e";
		}
		.icon-credit-card:before {
			content: "\e60f";
		}
		.icon-toggle:before {
			content: "\e610";
		}
		.icon-phone:before {
			content: "\e611";
		}

		@-moz-keyframes spin {
			0%{-moz-transform:rotate(0deg)}
			100%{-moz-transform:rotate(359deg)}
		}

		@-webkit-keyframes spin {
			0%{-webkit-transform:rotate(0deg)}
			100%{-webkit-transform:rotate(359deg)}
		}

		@-o-keyframes spin {
			0%{-o-transform:rotate(0deg)}
			100%{-o-transform:rotate(359deg)}
		}

		@-ms-keyframes spin {
			0%{-ms-transform:rotate(0deg)}
			100%{-ms-transform:rotate(359deg)}
		}

		@keyframes spin {
			0%{transform:rotate(0deg)}
			100%{transform:rotate(359deg)}
		}

		.icon-spinner {
			-webkit-animation:spin 1s infinite linear;
			-moz-animation:spin 1s infinite linear;
			-o-animation:spin 1s infinite linear;
			-ms-animation:spin 1s infinite linear;
			animation:spin 1s infinite linear;
		}

		.icon.circle
		{
			display: block;
			background: #EEF2F4;
			width: 1.75em;
			height: 1.75em;
			font-size: 54px;
			line-height: 1.75em;
			border-radius: 100%;
			margin: 0 auto 0.75em auto;
			text-align: center;
			color: #4c5155;
		}

/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		position: relative;
		background-color: #fff;
		padding: 1em 0 1em 0;
		height: 3.25em;
		box-shadow: 0 0 3px 1px rgba(0,0,0,0.1);
		cursor: default;
		z-index: 10000;
	}

	#header h1
	{
		position: absolute;
		left: 0;
		top: 0;
		height: 3.25em;
		line-height: 3.25em;
	}

	#logo
	{
		margin-left: 1.25em;
	}

	#nav
	{
		position: absolute;
		right: 0.75em;
		top: 0;
		z-index: 10001;
		text-align: left;
	}

		#nav a,
		#nav span
		{
			text-decoration: none;
			color: inherit;
			font-weight: 400;
			font-size: 0.9em;
			outline: 0;
		}

		#nav span.submenu
		{
		}

			#nav span.submenu:before
			{
				content: '\e607';
				font-family: 'ipk';
				speak: none;
				font-style: normal;
				font-weight: normal;
				font-variant: normal;
				text-transform: none;
				line-height: 1;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
				display: inline-block;
				font-size: 0.75em;
				margin-right: 0.75em;

				-moz-transform: rotate(90deg);
				-webkit-transform: rotate(90deg);
				-o-transform: rotate(90deg);
				-ms-transform: rotate(90deg);
				transform: rotate(90deg);
			}

		#nav > ul
		{
			margin: 0;
		}

			#nav > ul > li
			{
				display: inline-block;
				margin-left: 0.25em;
				cursor: default;
				position: relative;
				line-height: 3.25em;
				height: 3.25em;
			}

				#nav > ul > li:first-child
				{
					margin-left: 0;
				}

				#nav > ul > li > a,
				#nav > ul > li > span
				{
					padding: 0.45em 1em 0.5em 1em;
				}

				#nav > ul > li > a.active
				{
					background: #65cab6;
					color: #fff;
					border-radius: 0.5em;
					font-weight: 600;
				}

				#nav > ul > li > ul
				{
					position: absolute;
					padding: 0.75em 1em;
					border: solid 1px #eaedf1;
					min-width: 9em;
					left: 0;
					border-radius: 0.5em;
					box-shadow: 0 1px 2px 1px rgba(0,0,0,0.05);
					background: #fff;
					display: none;
					margin-top: -1px;
				}

					#nav > ul > li > ul > li
					{
						border-top: solid 1px #eaedf1;
						line-height: 2em;
					}

						#nav > ul > li > ul > li:first-child
						{
							border-top: 0;
						}

						#nav > ul > li > ul > li > a
						{
							display: block;
						}

					#nav > ul > li > ul:before
					{
						content: '';
						width: 0.75em;
						height: 0.75em;
						display: block;
						border: solid 1px #eaedf1;
						border-right: 0;
						border-bottom: 0;
						position: absolute;
						left: 0.75em;
						top: -0.45em;
						background: #fff;

						-moz-transform: rotate(45deg);
						-webkit-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						transform: rotate(45deg);
					}

			#nav > ul > li:hover > ul
			{
				display: block;
			}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		position: relative;
		text-align: center;
		padding: 4em 0 8em 0;
		color: #9ca1a5;
	}

		#footer .call
		{
			font-size: 1.25em;
			font-weight: 400;
			color: #8c9195;
			margin: 0 0 2em 0;
		}

			#footer .call a
			{
				color: inherit;
				text-decoration: none;
				border-bottom: dotted 1px;
			}

		#footer .menu
		{
			margin: 0;
		}

			#footer .menu li
			{
			}

				#footer .menu li a
				{
					color: inherit;
					text-decoration: none;
					font-size: 0.9em;
				}

		#footer .copyright
		{
			font-size: 0.8em;
			color: #9ca1a5;
		}

			#footer .copyright p
			{
				text-align: center !important;
			}

			#footer .copyright p:first-child
			{
				margin: 3em 0 2em 0;
			}

			#footer .copyright p:last-child
			{
				color: #bcc1c5;
				margin-top: 2em;
				font-size: 0.9em;
				line-height: 1.75em;
			}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	.wrapper
	{
		margin: 0;
		background: #fff;
		padding: 5em 0 5em 0;
	}

		.wrapper > header
		{
			text-align: center;
			padding-bottom: 5em;
		}

			.wrapper > header h2,
			.wrapper > header h3
			{
				margin: 0;
			}

			.wrapper > header p
			{
				line-height: 2em;
				font-size: 1.25em;
			}

			.wrapper > header h2 + p,
			.wrapper > header h3 + p
			{
				margin-top: 1em;
			}

		.wrapper > footer
		{
			text-align: center;
		}

			.wrapper > footer > .actions
			{
				margin-bottom: 0;
			}

		/* Alt */

			.wrapper.alt > header
			{
				padding-bottom: 0;
			}

			.wrapper.alt > footer
			{
				margin-top: 0;
			}

		/* Style1: White */
			.wrapper.style1
			{
			}

				.wrapper.style1 > header
				{
				}

					.wrapper.style1 > header h2,
					.wrapper.style1 > header h3
					{
					}

					.wrapper.style1 > header h2 + p,
					.wrapper.style1 > header h3 + p
					{
						margin-top: 0.5em;
					}

		/* Style2: Light gray */
			.wrapper.style2
			{
				background: #eef2f4;
			}

				.wrapper.style2 .icon.circle
				{
					background: #fff;
				}

		/* Style3: Aquamarine */
			.wrapper.style3
			{
				background: #65cab6;
				color: #fff;
			}

				.wrapper.style3 > header
				{
					margin: 0;
				}

					.wrapper.style3 > header h2
					{
						color: #fff;
					}

					.wrapper.style3 > header p
					{
						color: #fff;
					}

				.wrapper.style3 a,
				.wrapper.style3 strong
				{
					color: #fff;
				}

				.wrapper.style3 .button
				{
					background: #fff;
					color: #65cab6;
				}

				.wrapper.style3 .button.alt
				{
					background: none;
					color: #fff;
					box-shadow: inset 0 0 0 2px #fff;
				}

				.wrapper.style3 form .radio label,
				.wrapper.style3 form .checkbox label
				{
					color: #fff;
					box-shadow: inset 0 0 0 2px rgba(255,255,255,0.15);
				}

					.wrapper.style3 form .radio input:checked + label,
					.wrapper.style3 form .checkbox input:checked + label
					{
						box-shadow: inset 0 0 0 2px #fff;
					}

		/* Style4: Orange */
			.wrapper.style4
			{
				background: #e76a52;
				color: #fff;
			}

				.wrapper.style4 > header
				{
					margin: 0;
				}

					.wrapper.style4 > header h2,
					.wrapper.style4 > header p
					{
						color: #fff;
					}

				.wrapper.style4 a
				{
					color: #fff;
				}

				.wrapper.style4 .button
				{
					background: #fff;
					color: #e76a52;
				}

				.wrapper.style4 .button.alt
				{
					background: none;
					color: #fff;
					box-shadow: inset 0 0 0 2px #fff;
				}

					.wrapper.style4 .button:hover
					{
						background: rgba(255,255,255,0.25);
						box-shadow: inset 0 0 0 2px #fff;
						color: #fff;
					}

				.wrapper.style4 form .radio label,
				.wrapper.style4 form .checkbox label
				{
					color: #fff;
					box-shadow: inset 0 0 0 2px rgba(255,255,255,0.15);
				}

					.wrapper.style4 form .radio input:checked + label,
					.wrapper.style4 form .checkbox input:checked + label
					{
						box-shadow: inset 0 0 0 2px #fff;
					}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		background: #000;
		margin: 0;
		padding: 8em 0 8em 0;
		cursor: default;
	}

		#banner header
		{
			text-align: center;
			margin: 0;
		}

			#banner header h2
			{
				position: relative;
				z-index: 3;
				color: #fff;
				text-shadow: 0 0 64px rgba(0,0,0,1);
				margin: 0;
			}

			#banner header p
			{
				position: relative;
				z-index: 3;
				color: #fff;
				line-height: 2em;
				font-size: 1.25em;
				margin-top: 1em;
				padding-bottom: 0;
			}

		#banner:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(24,54,72,0.35);
			z-index: 2;
		}

		#banner:after
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: rgba(144,144,144,0.2);
			z-index: 1;
		}

		#banner a
		{
			color: #fff;
		}

		#banner .pane
		{
			position: absolute;
			top: 0;
			width: 33.3333%;
			height: 100%;
			background: #f00;
			background-size: cover;
			opacity: 0;
		}

			#banner.active .pane
			{
				-moz-animation: panes 2.25s;
				-webkit-animation: panes 2.25s;
				-o-animation: panes 2.25s;
				-ms-animation: panes 2.25s;
				animation: panes 2.25s;
				-moz-animation-fill-mode: forwards;
				-webkit-animation-fill-mode: forwards;
				-o-animation-fill-mode: forwards;
				-ms-animation-fill-mode: forwards;
				animation-fill-mode: forwards;
			}

			#banner .pane.one
			{
				left: 0;
				background-image: url('../images/gallery/pic01.jpg');
				background-position: bottom left;
				-moz-animation-delay: 0.25s;
				-webkit-animation-delay: 0.25s;
				-o-animation-delay: 0.25s;
				-ms-animation-delay: 0.25s;
				animation-delay: 0.25s;
			}

			#banner .pane.two
			{
				left: 33.3333%;
				background-image: url('../images/gallery/pic02.jpg');
				background-position: center left;
				-moz-animation-delay: 0.5s;
				-webkit-animation-delay: 0.5s;
				-o-animation-delay: 0.5s;
				-ms-animation-delay: 0.5s;
				animation-delay: 0.5s;
			}

			#banner .pane.three
			{
				left: 66.6666%;
				background-image: url('../images/gallery/pic03.jpg');
				background-position: center center;
				-moz-animation-delay: 0.75s;
				-webkit-animation-delay: 0.75s;
				-o-animation-delay: 0.75s;
				-ms-animation-delay: 0.75s;
				animation-delay: 0.75s;
			}

			@-moz-keyframes panes { 0% { opacity: 0 } 100% { opacity: 1 } }
			@-webkit-keyframes panes { 0% { opacity: 0 } 100% { opacity: 1 } }
			@-o-keyframes panes { 0% { opacity: 0 } 100% { opacity: 1 } }
			@-ms-keyframes panes { 0% { opacity: 0 } 100% { opacity: 1 } }
			@keyframes panes { 0% { opacity: 0 } 100% { opacity: 1 } }

/*********************************************************************************/
/* CTA                                                                           */
/*********************************************************************************/

	#cta
	{
		padding: 4em 0 4em 0;
		text-align: center;
		cursor: default;
	}

		#cta > header
		{
			padding: 0;
			margin: 0 0 1.25em 0;
		}

			#cta > header h2
			{
			}

			#cta > header p
			{
				margin-top: 0.75em;
			}

		#cta > footer
		{
			margin: 0;
		}

			#cta > footer > .actions,
			#cta > footer > .actions-vertical
			{
				margin-bottom: 0;
			}

/*********************************************************************************/
/* Page: Landing                                                                 */
/*********************************************************************************/

	.page-landing
	{
	}

		/* Header */

			.page-landing #header
			{
				overflow: hidden;
				padding-bottom: 0;
				background: -moz-linear-gradient(top, #ffffff 50%, #edf1f4);
				background: -webkit-linear-gradient(top, #ffffff 50%, #edf1f4);
				background: -o-linear-gradient(top, #ffffff 50%, #edf1f4);
				background: -ms-linear-gradient(top, #ffffff 50%, #edf1f4);
				background: linear-gradient(top, #ffffff 50%, #edf1f4);
				height: 100%;
				vertical-align: middle;
				text-align: center;
			}

				.page-landing #header:before
				{
					content: '';
					display: inline-block;
					height: 100%;
					vertical-align: middle;
				}

				.page-landing #header .intro
				{
					text-align: center;
					padding: 5em 0;
					opacity: 1.0;
					display: inline-block;
					vertical-align: middle;
					max-width: 95%;

					-moz-transition: opacity 1s ease-in-out;
					-webkit-transition: opacity 1s ease-in-out;
					-o-transition: opacity 1s ease-in-out;
					-ms-transition: opacity 1s ease-in-out;
					transition: opacity 1s ease-in-out;
				}

					.page-landing #header.inactive .intro
					{
						opacity: 0;
					}

					.page-landing #header .intro header
					{
						margin-bottom: 3em;
						position: relative;
						z-index: 2;
					}

						.page-landing #header .intro header h2
						{
							letter-spacing: -1px;
							font-size: 3em;
						}

						.page-landing #header .intro header p
						{
							font-size: 1.25em;
							line-height: 2em;
							margin-top: 0.5em;
						}

					.page-landing #header .intro .image
					{
						position: relative;
						width: 42em;
						max-width: 100%;
					}

						.page-landing #header .intro .image img
						{
							position: relative;
							z-index: 2;
							display: block;
							width: 100%;
							height: 100%;
						}

						.page-landing #header .intro .image:after
						{
							content: '';
							display: block;
							width: 300%;
							height: 300%;
							background: url('../images/landing/intro-shadow.svg');
							background-size: 100% 100%;
							position: absolute;
							left: 0;
							top: 0;
							z-index: 1;
						}

					.page-landing #header .intro footer
					{
						position: relative;
						z-index: 2;
						margin-top: 3.5em;
					}

		/* Banner */

			.page-landing #banner
			{
			}

				.page-landing #banner header
				{
				}

					.page-landing #banner header h2
					{
					}

		/* Features */

			.page-landing #primary-features
			{
			}

				.page-landing #primary-features section
				{
					position: relative;
					margin-bottom: 0;
				}

					.page-landing #primary-features section:nth-child(2n + 1)
					{
						text-align: left;
					}

					.page-landing #primary-features section:nth-child(2n)
					{
						text-align: right;
					}

					.page-landing #primary-features section .image
					{
						display: block;
						position: relative;
					}

						.page-landing #primary-features section .image img
						{
							border-radius: 100%;
							height: 100%;
						}

					.page-landing #primary-features section header
					{
						padding-top: 6em;
					}

					.page-landing #primary-features section p
					{
						font-size: 1.25em;
						line-height: 2em;
					}

					.page-landing #primary-features section.alt
					{
						padding-top: 5em;
					}

						.page-landing #primary-features section.alt header
						{
							padding-top: 0.5em;
						}

			.page-landing #secondary-features
			{
			}

				.page-landing #secondary-features section
				{
					text-align: center;
				}

					.page-landing #secondary-features section h3
					{
						font-size: 1.25em;
					}

		/* Donation */

			.page-landing #donation-features
			{
			}

				.page-landing #donation-features section
				{
					position: relative;
					margin-bottom: 0;
				}

					.page-landing #donation-features section:nth-child(2n + 1)
					{
						text-align: left;
					}

					.page-landing #donation-features section:nth-child(2n)
					{
						text-align: right;
					}

					.page-landing #donation-features section .image
					{
						display: block;
						position: relative;
					}

						.page-landing #donation-features section .image img
						{
							border-radius: 100%;
							height: 100%;
						}

					.page-landing #donation-features section header
					{
						padding-top: 6em;
					}

					.page-landing #donation-features section p
					{
						font-size: 1.25em;
						line-height: 2em;
					}

					.page-landing #donation-features section.alt
					{
						padding-top: 5em;
					}

						.page-landing #donation-features section.alt header
						{
							padding-top: 0.5em;
						}

			.page-landing #secondary-features
			{
			}

				.page-landing #secondary-features section
				{
					text-align: center;
				}

					.page-landing #secondary-features section h3
					{
						font-size: 1.25em;
					}

		/* Gallery */

			.page-landing #gallery
			{
				margin: 0;
				padding-bottom: 0;
			}

				.page-landing #gallery.active
				{
				}

					.page-landing #gallery.active ul
					{
						-moz-transition: left 1.5s ease-in-out;
						-webkit-transition: left 1.5s ease-in-out;
						-o-transition: left 1.5s ease-in-out;
						-ms-transition: left 1.5s ease-in-out;
						transition: left 1.5s ease-in-out;
					}

				.page-landing #gallery .images
				{
					position: relative;
					overflow: hidden;
					height: 600px;
					width: 100%;
				}

					.page-landing #gallery .images .nav-next,
					.page-landing #gallery .images .nav-previous
					{
						position: absolute;
						top: 0;
						width: 100px;
						height: 100%;
						z-index: 1;
						cursor: pointer;
						background: rgba(0,0,0,0.001);
					}

						.page-landing #gallery .images .nav-next:before,
						.page-landing #gallery .images .nav-previous:before
						{
							font-family: 'ipk';
							speak: none;
							font-style: normal;
							font-weight: normal;
							font-variant: normal;
							text-transform: none;
							line-height: 1;
							-webkit-font-smoothing: antialiased;
							-moz-osx-font-smoothing: grayscale;

							position: absolute;
							top: 50%;
							color: #fff;
							font-size: 5em;
							margin-top: -0.5em;
							text-shadow: 0 0 32px rgba(0,0,0,0.75);
						}

					.page-landing #gallery .images .nav-previous
					{
						left: 0;
					}

						.page-landing #gallery .images .nav-previous:before
						{
							content: "\e606";
							left: 0.75em;
						}

					.page-landing #gallery .images .nav-next
					{
						right: 0;
					}

						.page-landing #gallery .images .nav-next:before
						{
							content: "\e607";
							right: 0.75em;
						}

					.page-landing #gallery .images ul
					{
						position: relative;
						width: 100%;
						white-space: nowrap;
						margin: 0;
					}

						.page-landing #gallery .images ul li
						{
							position: relative;
							display: inline-block;
							width: 900px;
							height: 600px;
							overflow: hidden;
							background: #485158;
						}

							.page-landing #gallery .images ul li img
							{
								position: relative;
								display: block;
								width: 900px;
								height: 600px;
								opacity: 0;
								z-index: 1;
							}

							.page-landing #gallery .images ul li iframe
							{
								position: relative;
								display: block;
								width: 100%;
								height: 100%;
								opacity: 0;
								z-index: 1;
							}

							.page-landing #gallery .images ul li .icon-spinner
							{
								display: block;
								cursor: default;
								position: absolute;
								top: 50%;
								left: 50%;
								font-size: 2em;
								width: 2em;
								height: 2em;
								line-height: 2em;
								text-align: center;
								margin-top: -1em;
								margin-left: -1em;
								color: #555;
								color: rgba(255,255,255,0.1);
							}

/*********************************************************************************/
/* Page: Features                                                                */
/*********************************************************************************/

	.page-features
	{
	}

		/* Banner */

			.page-features #banner
			{
				background: url('../images/gallery/pic01.jpg') center left;
				background-size: cover;
			}

		/* Primary Features */

			.page-features #primary-features
			{
			}

				.page-features #primary-features section
				{
					overflow: hidden;
				}

					.page-features #primary-features section header
					{
						margin-top: 3.5em;
					}

					.page-features #primary-features section .image
					{
						overflow: hidden;
					}

		/* Secondary Features */

			.page-features #secondary-features
			{
			}

				.page-features #secondary-features header
				{
					text-align: center;
					padding-bottom: 1em;
				}

				.page-features #secondary-features
				{
				}

					.page-features #secondary-features section
					{
						text-align: center;
					}

/*********************************************************************************/
/* Page: SDK                                                                     */
/*********************************************************************************/

	.page-sdk
	{
	}

		/* Banner */

			.page-sdk #banner
			{
				background: url('../images/gallery/pic03.jpg') center center;
				background-size: cover;
			}

/*********************************************************************************/
/* Page: Donation                                                               */
/*********************************************************************************/

	.page-donation
	{
	}

		/* Banner */

			.page-donation #banner
			{
				background: url('../images/gallery/pic10.jpg') center left;
				background-size: cover;
			}

		/* Donation Features */

			.page-donation #donation-features
			{
			}

				.page-donation #donation-features section
				{
					overflow: hidden;
				}

					.page-donation #donation-features section header
					{
						margin-top: 3.5em;
					}

					.page-donation #donation-features section .image
					{
						overflow: hidden;
					}

		/* Secondary Features */

			.page-donation #secondary-features
			{
			}

				.page-donation #secondary-features header
				{
					text-align: center;
					padding-bottom: 1em;
				}

				.page-donation #secondary-features
				{
				}

					.page-donation #secondary-features section
					{
						text-align: center;
					}

/*********************************************************************************/
/* Page: Gallery                                                                 */
/*********************************************************************************/

	.page-gallery
	{
	}

		/* Poptrox */

			.poptrox-popup
			{
				background: #485158;
				border-radius: 0.5em;
				box-shadow: 0 4em 4em 0 rgba(0,0,0,0.35);
				overflow: hidden;
			}

				.poptrox-popup .pic
				{
					border-radius: 0.5em;
				}

					.poptrox-popup .pic img
					{
						border-radius: 0.5em;
					}

				.poptrox-popup .closer
				{
					font-family: 'ipk';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;

					position: absolute;
					right: 1em;
					top: 1em;
					width: 2em;
					height: 2em;
					z-index: 10001;

					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-o-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					opacity: 0;
				}

					.poptrox-popup .closer:before
					{
						content: "\e608";
						color: #fff;
						font-size: 2em;
						text-shadow: 0 0 32px rgba(0,0,0,0.75);
					}

				.poptrox-popup .nav-next,
				.poptrox-popup .nav-previous
				{
					font-family: 'ipk';
					speak: none;
					font-style: normal;
					font-weight: normal;
					font-variant: normal;
					text-transform: none;
					line-height: 1;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					z-index: 10000;

					position: absolute;
					top: 25%;
					height: 50%;
					width: 25%;
					cursor: pointer;

					-moz-transition: opacity 0.25s ease-in-out;
					-webkit-transition: opacity 0.25s ease-in-out;
					-o-transition: opacity 0.25s ease-in-out;
					-ms-transition: opacity 0.25s ease-in-out;
					transition: opacity 0.25s ease-in-out;
					opacity: 0;
				}

					.poptrox-popup .nav-next:before,
					.poptrox-popup .nav-previous:before
					{
						position: absolute;
						width: 2em;
						height: 3em;
						line-height: 3em;
						color: #fff;
						font-size: 4em;
						text-align: center;
						top: 50%;
						margin-top: -1.5em;
						display: block;
						text-shadow: 0 0 32px rgba(0,0,0,0.75);
					}

				.poptrox-popup .nav-next
				{
					right: 0;
				}

					.poptrox-popup .nav-next:before
					{
						content: "\e607";
						right: 0;
					}

				.poptrox-popup .nav-previous
				{
					left: 0;
				}

					.poptrox-popup .nav-previous:before
					{
						content: "\e606";
						left: 0;
					}

				.poptrox-popup:hover
				{
				}

					.poptrox-popup:hover .nav-next,
					.poptrox-popup:hover .nav-previous,
					.poptrox-popup:hover .closer
					{
						opacity: 1.0;
					}

/*********************************************************************************/
/* Page: Blog                                                                    */
/*********************************************************************************/

	.page-blog
	{
	}

		/* Posts */

			.page-blog #posts
			{
				margin-bottom: 4em;
			}

				.page-blog #posts .post
				{
					overflow: hidden;
					border-top: solid 1px #eef2f4;
					padding-top: 3em;
					margin-top: 3em;
				}

					.page-blog #posts .post:first-child
					{
						padding-top: 0;
						margin-top: 0;
						border-top: 0;
					}

					.page-blog #posts .post .image
					{
						position: relative;
						float: left;
						width: 22em;
						height: 18em;
						overfloW: hidden;
					}

						.page-blog #posts .post .image:before
						{
							content: '';
							position: absolute;
							left: 0;
							top: 0;
							height: 100%;
							width: 100%;
							display: block;
							z-index: 1;
							box-shadow: inset 0 0 0 1px rgba(64,64,64,0.1);
							border-radius: 0.5em;
						}

						.page-blog #posts .post .image img
						{
							height: 100%;
							width: auto;
						}

					.page-blog #posts .post header,
					.page-blog #posts .post .excerpt,
					.page-blog #posts .post footer
					{
						margin-left: 25em;
					}

					.page-blog #posts .post header
					{
						margin-top: 0.5em;
					}

					.page-blog #posts .post footer
					{
						margin-top: 2em;
					}

					.page-blog #posts .post.inactive
					{
						padding-top: 1.5em;
						margin-top: 1.5em;
						margin-bottom: 0;
						cursor: pointer;
					}

						.page-blog #posts .post.inactive .excerpt,
						.page-blog #posts .post.inactive footer
						{
							display: none;
						}

						.page-blog #posts .post.inactive .image
						{
							width: 5em;
							height: 4em;
						}

						.page-blog #posts .post.inactive header
						{
							position: relative;
							margin: 1.25em 0 0 6.5em;
						}

							.page-blog #posts .post.inactive header h3
							{
								font-size: 1em;
								width: 80%;
								text-overflow: ellipsis;
								white-space: nowrap;
								overflow: hidden;
							}

							.page-blog #posts .post.inactive header p
							{
								font-size: 0.8em;
								position: absolute;
								right: 0;
								top: -0.5em;
							}

/*********************************************************************************/
/* Page: Build                                                                   */
/*********************************************************************************/

	.page-build
	{
	}

		/* Status */

			.page-build #status
			{
				position: relative;
				padding: 1.5em;
				cursor: default;
				z-index: 10001;
			}

				.page-build #status h2
				{
					font-size: 1em;
					margin: 0 0 0.5em 0;
				}

				.page-build #status .options
				{
					position: relative;
					display: inline-block;
					margin: 0;
				}

					.page-build #status .options li
					{
						position: relative;
						display: inline-block;
						margin-right: 1.25em;
					}

						.page-build #status .options li .last
						{
							margin-right: 0;
						}

					.page-build #status .options .note
					{
						font-size: 0.8em;
						position: absolute;
						top: 0;
						right: 0;
						display: block;
					}

				.page-build #status .summary
				{
					position: absolute;
					right: 1.5em;
					top: 1.65em;
					height: 4em;
					white-space: nowrap;
				}

					.page-build #status .button
					{
						font-size: 1.25em;
						padding: 1em 1.5em;
					}

					.page-build #status .summary .price
					{
						display: inline-block !important;
						font-weight: 900;
						font-size: 3em;
						position: relative;
						margin-right: 0.5em;
					}

					.page-build #status .summary .note
					{
						position: absolute;
						left: 0;
						bottom: -0.5em;
						font-size: 0.8em;
						text-align: right;
					}

					.page-build #status .summary .price:before
					{
						content: '$';
						font-size: 0.5em;
						position: relative;
						top: -0.75em;
						margin-right: 0.2em;
					}

		/* Header */

			.page-build #header
			{
				overflow: hidden;
				padding-bottom: 0;
			}

				.page-build #header .preview
				{
					text-align: center;
					padding: 0;
					background: -moz-linear-gradient(top, #ffffff 50%, #edf1f4);
					background: -webkit-linear-gradient(top, #ffffff 50%, #edf1f4);
					background: -o-linear-gradient(top, #ffffff 50%, #edf1f4);
					background: -ms-linear-gradient(top, #ffffff 50%, #edf1f4);
					background: linear-gradient(top, #ffffff 50%, #edf1f4);

					opacity: 0.001;
					-moz-transition: opacity 0.5s ease-in-out;
					-webkit-transition: opacity 0.5s ease-in-out;
					-o-transition: opacity 0.5s ease-in-out;
					-ms-transition: opacity 0.5s ease-in-out;
					transition: opacity 0.5s ease-in-out;
				}

					.page-build.active #header .preview
					{
						opacity: 1;
					}

					.page-build #header .preview .image
					{
						position: relative;
						width: 890px;
						max-width: 80%;
						top: 0.25em;
						-moz-transition: all 0.5s ease-in-out;
						-webkit-transition: all 0.5s ease-in-out;
						-o-transition: all 0.5s ease-in-out;
						-ms-transition: all 0.5s ease-in-out;
						transition: all 0.5s ease-in-out;
						margin: 0 auto;
					}

						.page-build.active #header .preview .image
						{
							top: 0;
						}

						.page-build #header .preview .image img
						{
							position: relative;
							z-index: 2;
							display: block;
							width: 100%;
							height: 100%;
						}

						.page-build #header .preview .icon-spinner
						{
							display: block;
							cursor: default;
							position: absolute;
							top: 50%;
							left: 50%;
							font-size: 2em;
							width: 2em;
							height: 2em;
							line-height: 2em;
							text-align: center;
							margin-top: -3em;
							margin-left: -1em;
							color: #e7e8ea;
						}

					.page-build #header .preview .nav
					{
						margin-top: 1em;
					}

						.page-build #header .preview .nav > span
						{
							font-size: 1.25em;
							cursor: pointer;
							opacity: 0.4;
							display: inline-block;
							border: solid 1px #9ca1a5;
							width: 2em;
							height: 2em;
							line-height: 2em;
							border-radius: 100%;
							margin: 0 0.25em 0 0.25em;

							-moz-transition: opacity 0.25s ease-in-out;
							-webkit-transition: opacity 0.25s ease-in-out;
							-o-transition: opacity 0.25s ease-in-out;
							-ms-transition: opacity 0.25s ease-in-out;
							transition: opacity 0.25s ease-in-out;
						}

							.page-build #header .preview .nav > span:hover
							{
								opacity: 0.85;
							}

/*********************************************************************************/
/* Page: 404                                                                     */
/*********************************************************************************/

	.page-404
	{
	}

		.page-404 .wrapper
		{
		}

/*********************************************************************************/
/* Page: Cart                                                                    */
/*********************************************************************************/

	.page-cart
	{
	}

		.page-cart #cart
		{
		}

			.page-cart #cart .status
			{
				display: none;
				border: solid 1px #eef2f4;
				padding: 2em;
				border-radius: 0.5em;
			}

				.page-cart #cart .status p
				{
					margin: 0;
				}

			.page-cart #cart .backordered,
			.page-cart #cart .bundle
			{
				margin: 1em 0 0 0;
				font-style: italic;
				text-align: center;
			}

			.page-cart #cart .item
			{
				border-top: solid 1px #eef2f4;
				padding: 0.75em 0;
				line-height: 3em;
			}

				.page-cart #cart .item:first-child
				{
					border-top: 0;
					padding-top: 0;
				}

				.page-cart #cart .item .name
				{
					text-align: left;
					font-weight: 400;
					width: 100%;
					display: inline-block;
				}

				.page-cart #cart .item .info
				{
					text-align: right;
					white-space: nowrap;
				}

				.page-cart #cart .item .qty:before
				{
					content: '\00d7';
					opacity: 0.5;
					margin-right: 1em;
				}

					.page-cart #cart .item .qty input
					{
						display: inline-block;
						width: 4em;
						text-align: center;
					}

				.page-cart #cart .item .price
				{
					text-align: right;
					min-width: 6em;
					display: inline-block;
				}

			.page-cart #cart .summary
			{
				text-align: right;
				margin-top: 2em;
			}

				.page-cart #cart .summary .actions
				{
					text-align: left;
				}

				.page-cart #cart .summary .total
				{
					font-size: 1.5em;
					font-weight: 600;
				}

			.page-cart #cart > .actions
			{
				margin-top: 2em;
			}

			.page-cart #cart.empty
			{
			}

				.page-cart #cart.empty .status
				{
					display: block;
				}

					.page-cart #cart.empty .status p
					{
						text-align: center;
					}

/*********************************************************************************/
/* Page: Carbon Stand                                                            */
/*********************************************************************************/

	.page-carbon-stand
	{
	}

		.page-carbon-stand #intro {
			padding: 6em 0 0 0;
		}

			.page-carbon-stand header {
			}

				.page-carbon-stand header p {
					line-height: 2em;
					font-size: 1.25em;
					margin: 1em 0 1.5em 0;
				}

			.page-carbon-stand #intro .image.main {
				display: block;
				height: 26em;
				overflow: hidden;
			}

			.page-carbon-stand #intro .gallery {
				margin: 0 0 2em 0;
			}

				.page-carbon-stand #intro .gallery li {
					display: inline-block;
					margin-left: 1em;
				}

					.page-carbon-stand #intro .gallery li:first-child {
						margin-left: 0;
					}

						.page-carbon-stand #intro .gallery li .image {
							margin-bottom: 0;
						}

		.page-carbon-stand #features {
			text-align: center;
		}

			.page-carbon-stand #features .ada {
				text-align: left;
			}

				.page-carbon-stand #features .ada header {
					margin-top: 2em;
				}

/*********************************************************************************/
/* Page: News                                                                    */
/*********************************************************************************/

	.page-news
	{
	}

		.page-news ul.divided
		{
			text-align: center;
			margin: 0 0 4em 0;
		}

			.page-news ul.divided .footnote
			{
				text-align: center !important;
				margin: 1em 0 0 0;
			}

		.page-news .info
		{
			text-align: center;
		}

/*********************************************************************************/
/* Page: App                                                                     */
/*********************************************************************************/

	.page-app
	{
	}

		.page-app #intro {
			padding: 6em 0 0 0;
			margin: 0;
			text-align: center;
			color: #fff;
			background-color: #333;
			background-size: cover;
			background-attachment: fixed;
			position: relative;
		}

			.page-app #intro header {
				padding-bottom: 2em;
				margin-bottom: 0;
			}

			.page-app #intro .image
			{
				position: relative;
				width: 42em;
				max-width: 100%;
				display: block;
				margin: 0 auto;
				background: url('../images/apps/device.png');
				background-size: contain;
				background-repeat: no-repeat;
			}
			
			.page-app #intro.alt .image
			{
				background-image: url('../images/apps/device-black.png');
			}			

				.page-app #intro .image:before
				{
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: url('../images/apps/overlay.png');
					background-size: contain;
					background-repeat: no-repeat;
					z-index: 3;
				}

				.page-app #intro .image img
				{
					position: relative;
					z-index: 2;
					display: block;
					width: 100%;
					height: 100%;
				}

		.page-app #about {
			text-align: center;
		}

			.page-app #about p {
				line-height: 2em;
				font-size: 1.25em;
				margin: 1em 0 0 0;
			}

		.page-app #how {
		}

			.page-app #how > header {
				margin-bottom: 0;
				padding-bottom: 2.5em;
			}

			.page-app #how .step {
				text-align: center;
			}

				.page-app #how .step h3 {
					background: #e76a52;
					color: #fff;
					border-radius: 100%;
					text-align: center;
					display: inline-block;
					width: 3em;
					height: 3em;
					line-height: 3em;
					font-size: 1.25em;
					margin: 1.75em 0 1.25em 0;
				}

				.page-app #how .icon {
					background-color: #333;
					background-size: cover;
					background-attachment: fixed;
					color: #fff;
					font-size: 128px;
					margin: 0 auto;
					width: 2.5em;
					height: 2.5em;
					line-height: 2.5em;
				}

		.page-app #features {
			text-align: center;
		}

/*********************************************************************************/
/* Page: App (Kiosks)                                                            */
/*********************************************************************************/

	.page-app.kiosks {
	}

		.page-app.kiosks #intro {
			background-image: url('../images/apps/kiosks/background.jpg');
			background-position: top right;
		}

		.page-app.kiosks #how {
		}

			.page-app.kiosks #how .icon {
				background-image: url('../images/apps/kiosks/background.jpg');
				background-position: top right;
			}
			
/*********************************************************************************/
/* Page: App (Payment Kiosks)                                                            */
/*********************************************************************************/

	.page-app.kiosks {
	}

		.page-app.payment-kiosks #intro {
			background-image: url('../images/apps/payments/background.jpg');
			background-position: top right;
		}

		.page-app.payment-kiosks #how {
		}

			.page-app.payment-kiosks #how .icon {
				background-image: url('../images/apps/payments/background.jpg');
				background-position: top right;
			}			
			
/*********************************************************************************/
/* Page: Apps                                                           */
/*********************************************************************************/

	.page-apps {
	}			
		
		.page-apps .wrapper {
			padding-bottom: 0;
		}
		
		.page-apps .app {
			padding-bottom: 60px;
		}	

			.page-apps .app .icon {
				background-color: #333;
				background-size: cover;
				background-attachment: fixed;
				color: #fff;
				font-size: 128px;
				margin: 0 auto;
				width: 2.5em;
				height: 2.5em;
				line-height: 2.5em;
			}

			.page-apps .app .content {
				padding: 1em 0;
				vertical-align: middle;
				height: 100%;
				display: inline-block;
			}	
			
				.page-apps .app .content h3 {
					margin-bottom: .5em;
				}

				.page-apps .app .content p {
					margin-bottom: 1.5em;
				}
				
			.page-apps .app.kiosks {
				background-color: #e76a52;
				color: #FFF;
			}	

				.page-apps .app.kiosks .icon {
					background-image: url('../images/apps/kiosks.jpg');
					background-position: bottom left;
				}

				.page-apps .app.kiosks .button {				
					background: #fff;
					color: #e76a52;
				}
				
			.page-apps .app.payment-kiosks {
				
				background-color: #65cab6;
				color: #FFF;
			}	

				.page-apps .app.payment-kiosks .icon {
					background-image: url('../images/apps/payments.jpg');
					background-position: top left;
				}	

				.page-apps .app.payment-kiosks .button {
					background: #FFF;
					color:#65cab6;					
				}