<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(font-awesome.min.css);

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600|Raleway:500,700,800");
@import  url("https://fonts.googleapis.com/css?family=Poppins:300,400");
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic");
@import url('https://fonts.googleapis.com/css2?family=Spartan:wght@500&amp;display=swap');
@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400");
@import url("https://fonts.googleapis.com/css?family=Ubuntu:100,200,300,400");
@import url('https://fonts.googleapis.com/css?family=Raleway');



/* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		/* padding: 0; */
		border: 0;
		font-size: 100%;
		/* font: inherit; */
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	header.special {
		text-align: center;
	}
	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}


/* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

/* Containers */

	.container {
		margin-left: auto;
		margin-right: auto;
	}

	.container.\31 25\25 {
		width: 100%;
		max-width: 100em;
		min-width: 80em;
	}

	.container.\37 5\25 {
		width: 60em;
	}

	.container.\35 0\25 {
		width: 40em;
	}

	.container.\32 5\25 {
		width: 20em;
	}

	.container {
		width: 80em;
	}
/*XLarge*/
	@media screen and (max-width: 1680px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 100em;
			min-width: 80em;
		}

		.container.\37 5\25 {
			width: 60em;
		}

		.container.\35 0\25 {
			width: 40em;
		}

		.container.\32 5\25 {
			width: 20em;
		}

		.container {
			width: 80em;
		}

	}
/*Large*/
	@media screen and (max-width: 1280px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 81.25em;
			min-width: 65em;
		}

		.container.\37 5\25 {
			width: 48.75em;
		}

		.container.\35 0\25 {
			width: 32.5em;
		}

		.container.\32 5\25 {
			width: 16.25em;
		}

		.container {
			width: 65em;
		}

	}
/*Medium*/
	@media screen and (max-width: 980px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}
/*Small*/
	@media screen and (max-width: 736px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}
		.container.\35 0\25 {
			width: 45%;
		}
		.container.\32 5\25 {
			width: 22.5%;
		}
		.container {
			width: 90%;
		}
	}
/*XSmall*/

	@media screen and (max-width: 480px) {

		.container.\31 25\25 {
			width: 100%;
			max-width: 112.5%;
			min-width: 90%;
		}

		.container.\37 5\25 {
			width: 67.5%;
		}

		.container.\35 0\25 {
			width: 45%;
		}

		.container.\32 5\25 {
			width: 22.5%;
		}

		.container {
			width: 90%;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin:auto;
	}
	.row .checkOutContainer{
		border:1px solid white; 
		padding: 0em 0em 1.5em 0em; 
		border-radius: 8px;
		background-color:rgba(255,255,255,0.1);
		text-align: center;
		margin:auto;
	}
		.row .checkOutContainer .priceDisplay{
			text-align: center; font-size:0.7em;background-color:#24242a;border-radius: 7px;-webkit-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.41);
									-moz-box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.41);
									box-shadow: 0px 4px 11px 0px rgba(0,0,0,0.41);
		}
			.row .checkOutContainer .priceDisplay.purple{background-color:#4f2781;}

	.row &gt; * {
		float: left;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row:after, .row:before {
		content: '';
		display: block;
		clear: both;
		height: 0;
	}

	.row.uniform &gt; * &gt; :first-child {
		margin-top: 0;
	}

	.row.uniform &gt; * &gt; :last-child {
		margin-bottom: 0;
	}

	.row.\30 \25 &gt; * {
		padding: 0 0 0 0em;
	}

	.row.\30 \25 {
		margin: 0 0 -1px 0em;
	}

	.row.uniform.\30 \25 &gt; * {
		padding: 0em 0 0 0em;
	}

	.row.uniform.\30 \25 {
		margin: 0em 0 -1px 0em;
	}

	.row &gt; * {
		padding: 0 0 0 2em;
	}

	.row {
		margin: 0 0 -1px -2em;
	}

	.row.uniform &gt; * {
		padding: 2em 0 0 2em;
	}

	.row.uniform {
		margin: -2em 0 -1px -2em;
	}

	.row.\32 00\25 &gt; * {
		padding: 0 0 0 4em;
	}

	.row.\32 00\25 {
		margin: 0 0 -1px -4em;
	}

	.row.uniform.\32 00\25 &gt; * {
		padding: 4em 0 0 4em;
	}

	.row.uniform.\32 00\25 {
		margin: -4em 0 -1px -4em;
	}

	.row.\31 50\25 &gt; * {
		padding: 0 0 0 3em;
	}

	.row.\31 50\25 {
		margin: 0 0 -1px -3em;
	}

	.row.uniform.\31 50\25 &gt; * {
		padding: 3em 0 0 3em;
	}

	.row.uniform.\31 50\25 {
		margin: -3em 0 -1px -3em;
	}

	.row.\35 0\25 &gt; * {
		padding: 0 0 0 1em;
	}

	.row.\35 0\25 {
		margin: 0 0 -1px -1em;
	}

	.row.uniform.\35 0\25 &gt; * {
		padding: 1em 0 0 1em;
	}

	.row.uniform.\35 0\25 {
		margin: -1em 0 -1px -1em;
	}

	.row.\32 5\25 &gt; * {
		padding: 0 0 0 0.5em;
	}

	.row.\32 5\25 {
		margin: 0 0 -1px -0.5em;
	}

	.row.uniform.\32 5\25 &gt; * {
		padding: 0.5em 0 0 0.5em;
	}

	.row.uniform.\32 5\25 {
		margin: -0.5em 0 -1px -0.5em;
	}

	.\31 2u, .\31 2u\24 {
		width: 100%;
		clear: none;
		margin-left: 0;
	}

	.\31 1u, .\31 1u\24 {
		width: 91.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 0u, .\31 0u\24 {
		width: 83.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\39 u, .\39 u\24 {
		width: 75%;
		clear: none;
		margin-left: 0;
	}

	.\38 u, .\38 u\24 {
		width: 66.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\37 u, .\37 u\24 {
		width: 58.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\36 u, .\36 u\24 {
		width: 50%;
		clear: none;
		margin-left: 0;
	}

	.\35 u, .\35 u\24 {
		width: 41.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\34 u, .\34 u\24 {
		width: 33.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\33 u, .\33 u\24 {
		width: 25%;
		clear: none;
		margin-left: 0;
	}

	.\32 u, .\32 u\24 {
		width: 16.6666666667%;
		clear: none;
		margin-left: 0;
	}

	.\31 u, .\31 u\24 {
		width: 8.3333333333%;
		clear: none;
		margin-left: 0;
	}

	.\31 2u\24 + *,
	.\31 1u\24 + *,
	.\31 0u\24 + *,
	.\39 u\24 + *,
	.\38 u\24 + *,
	.\37 u\24 + *,
	.\36 u\24 + *,
	.\35 u\24 + *,
	.\34 u\24 + *,
	.\33 u\24 + *,
	.\32 u\24 + *,
	.\31 u\24 + * {
		clear: left;
	}

	.\-11u {
		margin-left: 91.66667%;
	}

	.\-10u {
		margin-left: 83.33333%;
	}

	.\-9u {
		margin-left: 75%;
	}

	.\-8u {
		margin-left: 66.66667%;
	}

	.\-7u {
		margin-left: 58.33333%;
	}

	.\-6u {
		margin-left: 50%;
	}
	

		
	.\-5u {
		margin-left: 41.66667%;
	}

	.\-4u {
		margin-left: 33.33333%;
	}

	.\-3u {
		margin-left: 25%;
	}

	.\-2u {
		margin-left: 16.66667%;
	}

	.\-1u {
		margin-left: 8.33333%;
	}

/* XLarge */

	@media screen and (max-width: 1680px) {

		.row &gt; * {
			padding: 0 0 0 2em;
		}

		.row {
			margin: 0 0 -1px -2em;
		}

		.row.uniform &gt; * {
			padding: 2em 0 0 2em;
		}

		.row.uniform {
			margin: -2em 0 -1px -2em;
		}

		.row.\32 00\25 &gt; * {
			padding: 0 0 0 4em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -4em;
		}

		.row.uniform.\32 00\25 &gt; * {
			padding: 4em 0 0 4em;
		}

		.row.uniform.\32 00\25 {
			margin: -4em 0 -1px -4em;
		}

		.row.\31 50\25 &gt; * {
			padding: 0 0 0 3em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\31 50\25 &gt; * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\31 50\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\35 0\25 &gt; * {
			padding: 0 0 0 1em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -1em;
		}

		.row.uniform.\35 0\25 &gt; * {
			padding: 1em 0 0 1em;
		}

		.row.uniform.\35 0\25 {
			margin: -1em 0 -1px -1em;
		}

		.row.\32 5\25 &gt; * {
			padding: 0 0 0 0.5em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.5em;
		}

		.row.uniform.\32 5\25 &gt; * {
			padding: 0.5em 0 0 0.5em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.5em 0 -1px -0.5em;
		}

		.\31 2u\28xlarge\29, .\31 2u\24\28xlarge\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xlarge\29, .\31 1u\24\28xlarge\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xlarge\29, .\31 0u\24\28xlarge\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xlarge\29, .\39 u\24\28xlarge\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xlarge\29, .\38 u\24\28xlarge\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xlarge\29, .\37 u\24\28xlarge\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xlarge\29, .\36 u\24\28xlarge\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xlarge\29, .\35 u\24\28xlarge\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xlarge\29, .\34 u\24\28xlarge\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xlarge\29, .\33 u\24\28xlarge\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xlarge\29, .\32 u\24\28xlarge\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xlarge\29, .\31 u\24\28xlarge\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xlarge\29 + *,
		.\31 1u\24\28xlarge\29 + *,
		.\31 0u\24\28xlarge\29 + *,
		.\39 u\24\28xlarge\29 + *,
		.\38 u\24\28xlarge\29 + *,
		.\37 u\24\28xlarge\29 + *,
		.\36 u\24\28xlarge\29 + *,
		.\35 u\24\28xlarge\29 + *,
		.\34 u\24\28xlarge\29 + *,
		.\33 u\24\28xlarge\29 + *,
		.\32 u\24\28xlarge\29 + *,
		.\31 u\24\28xlarge\29 + * {
			clear: left;
		}

		.\-11u\28xlarge\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xlarge\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xlarge\29 {
			margin-left: 75%;
		}

		.\-8u\28xlarge\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xlarge\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xlarge\29 {
			margin-left: 50%;
		}

		.\-5u\28xlarge\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xlarge\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xlarge\29 {
			margin-left: 25%;
		}

		.\-2u\28xlarge\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xlarge\29 {
			margin-left: 8.33333%;
		}

	}
/* Large */
	@media screen and (max-width: 1280px) {

		.row &gt; * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}

		.row.uniform &gt; * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 &gt; * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 &gt; * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 &gt; * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 &gt; * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 &gt; * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 &gt; * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 &gt; * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 &gt; * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28large\29, .\31 2u\24\28large\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28large\29, .\31 1u\24\28large\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28large\29, .\31 0u\24\28large\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28large\29, .\39 u\24\28large\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28large\29, .\38 u\24\28large\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28large\29, .\37 u\24\28large\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28large\29, .\36 u\24\28large\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28large\29, .\35 u\24\28large\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28large\29, .\34 u\24\28large\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28large\29, .\33 u\24\28large\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28large\29, .\32 u\24\28large\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28large\29, .\31 u\24\28large\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28large\29 + *,
		.\31 1u\24\28large\29 + *,
		.\31 0u\24\28large\29 + *,
		.\39 u\24\28large\29 + *,
		.\38 u\24\28large\29 + *,
		.\37 u\24\28large\29 + *,
		.\36 u\24\28large\29 + *,
		.\35 u\24\28large\29 + *,
		.\34 u\24\28large\29 + *,
		.\33 u\24\28large\29 + *,
		.\32 u\24\28large\29 + *,
		.\31 u\24\28large\29 + * {
			clear: left;
		}

		.\-11u\28large\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28large\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28large\29 {
			margin-left: 75%;
		}

		.\-8u\28large\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28large\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28large\29 {
			margin-left: 50%;
		}

		.\-5u\28large\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28large\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28large\29 {
			margin-left: 25%;
		}

		.\-2u\28large\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28large\29 {
			margin-left: 8.33333%;
		}

	}

/* Medium */

	@media screen and (max-width: 980px) {

		.row &gt; * {
			padding: 0 0 0 1.5em;
		}

		.row {
			margin: 0 0 -1px -1.5em;
		}
		.row .checkOutContainer{
			width: 90%;
			float:none;
			margin:auto;
		}

		.row.uniform &gt; * {
			padding: 1.5em 0 0 1.5em;
		}

		.row.uniform {
			margin: -1.5em 0 -1px -1.5em;
		}

		.row.\32 00\25 &gt; * {
			padding: 0 0 0 3em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -3em;
		}

		.row.uniform.\32 00\25 &gt; * {
			padding: 3em 0 0 3em;
		}

		.row.uniform.\32 00\25 {
			margin: -3em 0 -1px -3em;
		}

		.row.\31 50\25 &gt; * {
			padding: 0 0 0 2.25em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -2.25em;
		}

		.row.uniform.\31 50\25 &gt; * {
			padding: 2.25em 0 0 2.25em;
		}

		.row.uniform.\31 50\25 {
			margin: -2.25em 0 -1px -2.25em;
		}

		.row.\35 0\25 &gt; * {
			padding: 0 0 0 0.75em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.75em;
		}

		.row.uniform.\35 0\25 &gt; * {
			padding: 0.75em 0 0 0.75em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.75em 0 -1px -0.75em;
		}

		.row.\32 5\25 &gt; * {
			padding: 0 0 0 0.375em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.375em;
		}

		.row.uniform.\32 5\25 &gt; * {
			padding: 0.375em 0 0 0.375em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.375em 0 -1px -0.375em;
		}

		.\31 2u\28medium\29, .\31 2u\24\28medium\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28medium\29, .\31 1u\24\28medium\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28medium\29, .\31 0u\24\28medium\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28medium\29, .\39 u\24\28medium\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28medium\29, .\38 u\24\28medium\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28medium\29, .\37 u\24\28medium\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28medium\29, .\36 u\24\28medium\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28medium\29, .\35 u\24\28medium\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28medium\29, .\34 u\24\28medium\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28medium\29, .\33 u\24\28medium\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28medium\29, .\32 u\24\28medium\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28medium\29, .\31 u\24\28medium\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28medium\29 + *,
		.\31 1u\24\28medium\29 + *,
		.\31 0u\24\28medium\29 + *,
		.\39 u\24\28medium\29 + *,
		.\38 u\24\28medium\29 + *,
		.\37 u\24\28medium\29 + *,
		.\36 u\24\28medium\29 + *,
		.\35 u\24\28medium\29 + *,
		.\34 u\24\28medium\29 + *,
		.\33 u\24\28medium\29 + *,
		.\32 u\24\28medium\29 + *,
		.\31 u\24\28medium\29 + * {
			clear: left;
		}

		.\-11u\28medium\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28medium\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28medium\29 {
			margin-left: 75%;
		}

		.\-8u\28medium\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28medium\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28medium\29 {
			margin-left: 50%;
		}

		.\-5u\28medium\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28medium\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28medium\29 {
			margin-left: 25%;
		}

		.\-2u\28medium\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28medium\29 {
			margin-left: 8.33333%;
		}

	}

/* Small*/

	@media screen and (max-width: 736px) {

		.row &gt; * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform &gt; * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 &gt; * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 &gt; * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 &gt; * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 &gt; * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 &gt; * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 &gt; * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 &gt; * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 &gt; * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28small\29, .\31 2u\24\28small\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28small\29, .\31 1u\24\28small\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28small\29, .\31 0u\24\28small\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28small\29, .\39 u\24\28small\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28small\29, .\38 u\24\28small\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28small\29, .\37 u\24\28small\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28small\29, .\36 u\24\28small\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28small\29, .\35 u\24\28small\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28small\29, .\34 u\24\28small\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28small\29, .\33 u\24\28small\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28small\29, .\32 u\24\28small\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28small\29, .\31 u\24\28small\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28small\29 + *,
		.\31 1u\24\28small\29 + *,
		.\31 0u\24\28small\29 + *,
		.\39 u\24\28small\29 + *,
		.\38 u\24\28small\29 + *,
		.\37 u\24\28small\29 + *,
		.\36 u\24\28small\29 + *,
		.\35 u\24\28small\29 + *,
		.\34 u\24\28small\29 + *,
		.\33 u\24\28small\29 + *,
		.\32 u\24\28small\29 + *,
		.\31 u\24\28small\29 + * {
			clear: left;
		}

		.\-11u\28small\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28small\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28small\29 {
			margin-left: 75%;
		}

		.\-8u\28small\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28small\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28small\29 {
			margin-left: 50%;
		}

		.\-5u\28small\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28small\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28small\29 {
			margin-left: 25%;
		}

		.\-2u\28small\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28small\29 {
			margin-left: 8.33333%;
		}

	}
/* XSmall */

	@media screen and (max-width: 480px) {

		.row &gt; * {
			padding: 0 0 0 1.25em;
		}

		.row {
			margin: 0 0 -1px -1.25em;
		}

		.row.uniform &gt; * {
			padding: 1.25em 0 0 1.25em;
		}

		.row.uniform {
			margin: -1.25em 0 -1px -1.25em;
		}

		.row.\32 00\25 &gt; * {
			padding: 0 0 0 2.5em;
		}

		.row.\32 00\25 {
			margin: 0 0 -1px -2.5em;
		}

		.row.uniform.\32 00\25 &gt; * {
			padding: 2.5em 0 0 2.5em;
		}

		.row.uniform.\32 00\25 {
			margin: -2.5em 0 -1px -2.5em;
		}

		.row.\31 50\25 &gt; * {
			padding: 0 0 0 1.875em;
		}

		.row.\31 50\25 {
			margin: 0 0 -1px -1.875em;
		}

		.row.uniform.\31 50\25 &gt; * {
			padding: 1.875em 0 0 1.875em;
		}

		.row.uniform.\31 50\25 {
			margin: -1.875em 0 -1px -1.875em;
		}

		.row.\35 0\25 &gt; * {
			padding: 0 0 0 0.625em;
		}

		.row.\35 0\25 {
			margin: 0 0 -1px -0.625em;
		}

		.row.uniform.\35 0\25 &gt; * {
			padding: 0.625em 0 0 0.625em;
		}

		.row.uniform.\35 0\25 {
			margin: -0.625em 0 -1px -0.625em;
		}

		.row.\32 5\25 &gt; * {
			padding: 0 0 0 0.3125em;
		}

		.row.\32 5\25 {
			margin: 0 0 -1px -0.3125em;
		}

		.row.uniform.\32 5\25 &gt; * {
			padding: 0.3125em 0 0 0.3125em;
		}

		.row.uniform.\32 5\25 {
			margin: -0.3125em 0 -1px -0.3125em;
		}

		.\31 2u\28xsmall\29, .\31 2u\24\28xsmall\29 {
			width: 100%;
			clear: none;
			margin-left: 0;
		}

		.\31 1u\28xsmall\29, .\31 1u\24\28xsmall\29 {
			width: 91.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 0u\28xsmall\29, .\31 0u\24\28xsmall\29 {
			width: 83.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\39 u\28xsmall\29, .\39 u\24\28xsmall\29 {
			width: 75%;
			clear: none;
			margin-left: 0;
		}

		.\38 u\28xsmall\29, .\38 u\24\28xsmall\29 {
			width: 66.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\37 u\28xsmall\29, .\37 u\24\28xsmall\29 {
			width: 58.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\36 u\28xsmall\29, .\36 u\24\28xsmall\29 {
			width: 50%;
			clear: none;
			margin-left: 0;
		}

		.\35 u\28xsmall\29, .\35 u\24\28xsmall\29 {
			width: 41.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\34 u\28xsmall\29, .\34 u\24\28xsmall\29 {
			width: 33.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\33 u\28xsmall\29, .\33 u\24\28xsmall\29 {
			width: 25%;
			clear: none;
			margin-left: 0;
		}

		.\32 u\28xsmall\29, .\32 u\24\28xsmall\29 {
			width: 16.6666666667%;
			clear: none;
			margin-left: 0;
		}

		.\31 u\28xsmall\29, .\31 u\24\28xsmall\29 {
			width: 8.3333333333%;
			clear: none;
			margin-left: 0;
		}

		.\31 2u\24\28xsmall\29 + *,
		.\31 1u\24\28xsmall\29 + *,
		.\31 0u\24\28xsmall\29 + *,
		.\39 u\24\28xsmall\29 + *,
		.\38 u\24\28xsmall\29 + *,
		.\37 u\24\28xsmall\29 + *,
		.\36 u\24\28xsmall\29 + *,
		.\35 u\24\28xsmall\29 + *,
		.\34 u\24\28xsmall\29 + *,
		.\33 u\24\28xsmall\29 + *,
		.\32 u\24\28xsmall\29 + *,
		.\31 u\24\28xsmall\29 + * {
			clear: left;
		}

		.\-11u\28xsmall\29 {
			margin-left: 91.66667%;
		}

		.\-10u\28xsmall\29 {
			margin-left: 83.33333%;
		}

		.\-9u\28xsmall\29 {
			margin-left: 75%;
		}

		.\-8u\28xsmall\29 {
			margin-left: 66.66667%;
		}

		.\-7u\28xsmall\29 {
			margin-left: 58.33333%;
		}

		.\-6u\28xsmall\29 {
			margin-left: 50%;
		}

		.\-5u\28xsmall\29 {
			margin-left: 41.66667%;
		}

		.\-4u\28xsmall\29 {
			margin-left: 33.33333%;
		}

		.\-3u\28xsmall\29 {
			margin-left: 25%;
		}

		.\-2u\28xsmall\29 {
			margin-left: 16.66667%;
		}

		.\-1u\28xsmall\29 {
			margin-left: 8.33333%;
		}

	}

/* Basic */

	@-ms-viewport {
		width: device-width;
	}

	body {
		-ms-overflow-style: scrollbar;
	}

	@media screen and (max-width: 480px) {

		html, body {
			min-width: 320px;
		}

	}

	body {
		background: #fff;
	}

		body.is-loading *, body.is-loading *:before, body.is-loading *:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
		}

/* Type */

	body {
		background-color: #fff;
		color: #444;
	}

	body, input, select, textarea {
		font-family: "Open Sans", Helvetica, sans-serif;
		font-size: 13pt;
		font-weight: 400;
		line-height: 1.65em;
	}

		@media screen and (max-width: 1680px) {

			body, input, select, textarea {
				font-size: 11pt;
			}

		}

	#contact a {
		-moz-transition: border-bottom-color 0.2s ease-in-out;
		-webkit-transition: border-bottom-color 0.2s ease-in-out;
		-ms-transition: border-bottom-color 0.2s ease-in-out;
		transition: border-bottom-color 0.2s ease-in-out;
		border-bottom: dotted 1px;
		text-decoration: none;
	}

		#contact a:hover {
			border-bottom-color: transparent;
		}

	strong, b {
		font-weight: 600;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
	}

	h1{
		font-family:"Source Sans Pro", Helvetica, sans-serif;
		font-size: 2.85em;
		font-weight: 300;
		line-height: 1.35em;
		color: #ffffff;
		margin: 0 0 0.5em 0;
	}
	h2, h3, h4{
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1.5em 0;
		padding-bottom: 1.25em;
		position: relative;
		text-transform: uppercase;

	}

		
		
	
	 h2:after, h3:after, h4:after{
			border-bottom: solid 1px;
			bottom: 0;
			content: '';
			display: inline-block;
			left: 0;
			position: absolute;
			width: 3rem;
		}

	h5{
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1em;
		margin: 0 0 1.5em 0;
		padding-bottom: 1.25em;
		position: relative;
	}

	h6 {
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
		line-height: 1em;
		padding-top:1em;
		padding-bottom: 0.5em;
		position: relative;
		text-transform: uppercase;
	}
		h6:after{

			border-bottom: solid 1px;
			bottom: 0;
			content: '';
			display: inline-block;
			right: 0;
			position: absolute;
			width: 3rem;

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

		h1.alt, h2.alt, h3.alt, h4.alt, h5.alt, h6.alt {
			margin: 0 0 1em 0;
			padding-bottom: 0;
		}

			h1.alt:after, h2.alt:after, h3.alt:after, h4.alt:after, h5.alt:after, h6.alt:after {
				display: none;
			}

	h2 {
		font-size: 1.25em;
		line-height: 1.25em;
	}

	h3 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h4 {
		font-size: 1.1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	@media screen and (max-width: 736px) {

		h2 {
			line-height: 1.5em;
		}

	}

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

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

	blockquote {
		border-left: solid 4px;
		font-style: italic;
		margin: 0 0 2em 0;
		padding: 0.5em 0 0.5em 2em;
	}

	code {
		border: solid 1px;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

	pre {
		-webkit-overflow-scrolling: touch;
		font-family: "Courier New", monospace;
		font-size: 0.9em;
		margin: 0 0 2em 0;
	}

		pre code {
			display: block;
			line-height: 1.75em;
			padding: 1em 1.5em;
			overflow-x: auto;
		}

	hr {
		border: 0;
		border-bottom: solid 1px;
		margin: 2em 0;
	}

		hr.major {
			margin: 3em 0;
		}

	.align-left {
		text-align: left;
	}

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

	.align-right {
		text-align: right;
	}

	input, select, textarea {
		color: #444;
	}

	a {
		color: #444;
	}

	strong, b {
		color: #444;
	}
	h2{ color:#fff; }

	h3, h4, h5, h6 {
		color: #444;
	}

	blockquote {
		border-left-color: #e6e6e6;
	}

	code {
		background: #f6f6f6;
		border-color: #e6e6e6;
	}

	hr {
		border-bottom-color: #e6e6e6;
	}

	#colorizerPage h3, h4{
		font-family: "Montserrat", sans-serif;
		font-size: 34px;
		text-transform: capitalize;
		text-align: center;
		padding: 0;
		}
		#colorizerPage h4{
		text-align: center;
		padding:2em 0.5em 0 0.5em;
		color:white;
		
		}
		#colorizerPage h4:after{border-bottom: none;}
		#colorizerPage h3:after{
		border-bottom: none;
		}

	#colorizerPage  .seperator{
		padding-bottom: 1.5em;
		border-bottom: 1px solid #ffffff29;
		margin-bottom: 2em;
	}
	#colorizerPage	.style.upCurve{background-image: url("images/rectangle4.png");
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;	
		}	

	#colorizerPage	.style.downCurve{background-image: url("images/rectangle5.png");
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;
}	
	#colorizerPage	.style.half-disk{background-image: url("images/half-disk2.png");
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;

			}	
	#colorizerPage .style.triangleUp{background-image: url("images/triangleUp.png");
				background-position:center;
				background-size:cover;
				background-repeat: no-repeat;
				overflow: hidden;
			}	
	#colorizerPage	.style.stains{
			background-image: url("images/stains2.png");
			background-position:center;
			background-size:contain;
			background-repeat: no-repeat;}	

	#colorizerPage	.dl{		
			position: relative;
			max-width: 40em;
			margin:auto;
			color:#fff;
			/* transform:translateY(20%); */
	}	
		#colorizerPage	.dl h3{
			font-size:185%;
			font-weight:300;
			padding:1em 0 0em 0;
			color:#fff;
		}
		#colorizerPage .dl .manual{
			padding-top:3em;
		}
	#colorizerPage	.vcPromo{
		background-image: url("images/vc_enhance.jpg");
		background-position:center;
		background-size:cover;
		background-repeat: no-repeat;
		
	}
	#upgrade h4:after{
		border-bottom: none;
	}
	#after-trial-download{
		text-align: center;
		height:100%; background:#4355a3; color:#fff;

	}	
	.lpxexpert{
		/* background-color: #4355A3;  */
		background-image: url("images/rectangle_gradient.png");
		background-position:center;
		background-size:cover;
		background-repeat: no-repeat;
		padding:2em 0 7em 0;
	}
		.lpxexpert .image{
			padding-top:2em;
		width:100%;
		max-width:100%;

		}

			.lpxexpert .image img{
			max-width:100%;
		}
			


/* IconDiv */
	#iconDiv {
		padding-top: 2em;
		position: relative;
		/* background: #246084; */
		background: #4355A3;
		background-attachment: fixed;
		background-image: url("images/bg.svg");
		background-position: center center;
		background-repeat: repeat;
		overflow: hidden;
		padding: 4em 0 3em 0;
		color:rgba(255,255,255,0.8);
		/*border-top:1px solid white;
		border-bottom:2px solid white;*/

	}
		#iconDiv:before{
			content: '';
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url("images/highlight.png") no-repeat center center;
			background-size: 100% 100%;
		}
		#iconDiv h1{
					font-family: "Raleway", sans-serif;
					font-size: 1.5em;
					color:#fff;

		}

/* Testimonials*/
	#testimonials{
		border-top: 1px solid rgba(255,255,255,0.3);
		box-shadow: 0px -10px 10px rgba(0,0,0,0.15);

		
		padding:2em 0 0 0;
		background: #eceffb;
		background-image: linear-gradient(0deg,rgba(0,0,0,0.7),rgba(50,50,50,0.7)),url("images/gary_bg.jpg");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		content: '';
		display: block;

/*background: -moz-linear-gradient(-45deg, #eceffb 0%, #4355a3 100%);
background: -webkit-linear-gradient(-45deg, #eceffb 0%, #4355a3 100%);
background: -o-linear-gradient(-45deg, #eceffb 0%, #4355a3 100%);
background: -ms-linear-gradient(-45deg, #eceffb 0%, #4355a3 100%);
background: linear-gradient(135deg, #eceffb 0%, #4355a3 100%);*/

/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e639e', endColorstr='#4355a3', GradientType=1 );
*/	}
	#testimonials .row{
	
		padding: 0 3em 0 5em;

	}
	#testimonials .shootButton{
		white-space: normal;
	}
	#testimonials .quote{

		margin-top:1.5em;
		padding:1em 0 1.5em 0;
	}

		#testimonials h5{
		font-size:100%;
		font-weight: 200;
		color:#fff;

		}
		#testimonials .quote p{

		color:#fff;
/*		color:#fff;
*/		background: -moz-linear-gradient(-45deg, rgba(84,139,192,0.3) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, rgba(84,139,192,0.3) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, rgba(84,139,192,0.3) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		border-radius: 10px;
		border:1px solid rgba(255,255,255,0.6);
		font-size: 1rem;
		font-style: italic;
		padding: 1em 1em 1em 1em;
		line-height: 1.7em;
	}
		/*#testimonials .quotation{
		 margin-bottom: 0rem;
  			padding-top: 1rem;
  			padding-bottom: 0.5rem;
  			position: relative;
  		

		}*/
		#testimonials .quotation::before{
			content: "â€œ";
  			font-size: 5rem;
color:#fff; 			 position: relative;
 			 top: 1.5rem;
  			left: -1.5rem;
  			

		}
		#testimonials .quotation::after{
			 content: "â€";
  			font-size: 5rem;
color:#fff;  			position: relative;
  			bottom: -3.5rem;
  			right: 0rem;
  

		}
	/*	@media screen and (min-width: 1180px) {
			#testimonials .bnRefs{
				color:#000;
				padding: 1em 5em 0 5em;
			}
		}
		@media screen and (max-width: 1179px){

			#testimonials .bnRefs{
				padding: 1em 0em 0 0em;


			}
		}*/
		#testimonials ul{
			color:white;
			font-family: "Open sans";
			letter-spacing: 1.3px;
			text-transform: uppercase;
			font-size: 0.63em;
			padding-top: 1.5em;
			color: white;
			text-align: center;
			list-style-type: none;
		}

/* VideoPlayer */
	
	

	.modal {
	display: none;
	position: fixed;
	z-index: 1;
/*	padding-top: 100px;
*/	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	}

	.modal-content {
	background-color: rgba(0,0,0,0.4);
	position:relative;
	margin: auto;
	border: 1px solid #888;
	width: 80%;
	height: 100%;
	}
		.modal-content iframe{
			position:absolute;
			left:5px;
			top:5px;
			bottom:5px;
			right:5px;

			margin: auto;
			width:80%; 
			height:80%;	
			
		}

	.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	}

	.close:hover,
	.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	}
/* Pennant */

	.pennant {
		-moz-transition: background-color 0.25s ease-in-out;
		-webkit-transition: background-color 0.25s ease-in-out;
		-ms-transition: background-color 0.25s ease-in-out;
		transition: background-color 0.25s ease-in-out;
		position: relative;
		display: inline-block;
		margin-bottom: 2em;
		width: 10em;
		height: 10em;
		line-height: 9.75em;
		border: solid 2px rgba(255, 255, 255, 0.35);
		border-radius: 100%;
		background-color: none;
	}

		.pennant:hover {
			background-color: rgba(255, 255, 255, 0.15);
		}

		.pennant span {
			height: 9.5em;
			display: inline-block;
			vertical-align: middle;
		}

			.pennant span:before {
				display: block;
				color: #fff;
				font-size: 108px;
			}
	
/* Box */

	.box {
		border: solid 1px;
		margin-bottom: 2em;
		padding: 1.5em;
	}

		.box &gt; :last-child,
		.box &gt; :last-child &gt; :last-child,
		.box &gt; :last-child &gt; :last-child &gt; :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			border: 0;
			padding: 0;
		}

	.box {
		border-color: #e6e6e6;
	}
		.box.black {
		border-color: #373838;
	}

/* Goto Next */

	.goto-next {
		border: 0;
		bottom: 0;
		display: block;
		height: 5em;
		left: 50%;
		margin: 0 0 0 -5em;
		overflow: hidden;
		position: absolute;
		text-indent: 10em;
		white-space: nowrap;
		width: 10em;
		z-index: 1;
	}

		.goto-next:before {
			background-image: url("images/arrow.svg");
			background-position: center center;
			background-repeat: no-repeat;
			background-size: contain;
			content: '';
			display: block;
			height: 1.5em;
			left: 50%;
			margin: -0.75em 0 0 -1em;
			position: absolute;
			top: 50%;
			width: 2em;
			z-index: 1;
		}
		.goto-next.rainbow:before{
			background-image: url("images/downarrow.svg");
		}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,

	.shootButton{

		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
		background-color: transparent;
		border-radius: 4px;
		border: 0;
		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.8);
		color: #fff !important;
		cursor: pointer;
		display: inline-block;
		font-size: 0.9em;
		font-weight: 400;
		height: 2.75em;
		letter-spacing: 0.125em;
		line-height: 2.75em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		text-indent: 0.125em;
		text-transform: uppercase;
		/* white-space: nowrap; */
		margin-top: 2em;
		position:relative;
	
	}
		.shootButton.colorizer{
		background: rgba(0,0,0,0.5);
  		 /* background: -webkit-linear-gradient(-180deg,#3B7DBC, #538BC0); 
   		 background: -o-linear-gradient(-180deg,red, yellow); 
    	background: -moz-linear-gradient(-180deg,red, yellow); 
    	background: linear-gradient(-180deg,#3B7DBC, #538BC0); */
		}
			.shootButton.colorizer.darkMode{font-size: 1.2em;}

		@media screen and (max-width: 500px) {
		 			.shootButton.colorizer.darkMode{font-size: 0.9em;}
					 }


		input[type="shootButton"]:hover,
		button:hover,
		.shootButton.colorizer:hover {
			background: rgba(84,139,192,0.4);

		}


	
	.button {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		-moz-transition: background-color 0.2s ease-in-out;
		-webkit-transition: background-color 0.2s ease-in-out;
		-ms-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
		border: 0;
		border-radius: 3px;
		cursor: pointer;
		display: inline-block;
		font-family: "Open sans", Helvetica, sans-serif;
		font-weight: 700;
		height: 2.75em;
		line-height: 2.75em;
		padding: 0 1.5em ;
		text-align: center;
		text-decoration: none;
/*		text-transform: uppercase;
*/		
		white-space:nowrap;
	}
		.button.multipleLines{
		
			padding: 0.65em 1.5em ;
			height: 3.75em;
			line-height: 1.45em;
		}
	
		input[type="shootButton"]:hover,
		button:hover,
		.shootButton:hover {
			background-color: rgba(255, 255, 255, 0.075);
		}

		input[type="shootButton"]:active,
		button:active,
		.shootButton:active {
			background-color: rgba(255, 255, 255, 0.2);
		}
		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="button"].icon,
		button.icon,
		.button.icon {
			padding-left: 1.35em;
		}
		
			input[type="submit"].icon:before,
			input[type="reset"].icon:before,
			input[type="button"].icon:before,
			button.icon:before,
			.button.icon:before {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		button.fit,
		.button.fit {
			display: block;
			margin: 0 0 1em 0;
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		button.small,
		.button.small {
			font-size: 0.8em;
		}

		input[type="submit"].big,
		input[type="reset"].big,
		input[type="button"].big,
		button.big,
		.button.big {
			font-size: 1.35em;
		}

		input[type="submit"].disabled, input[type="submit"]:disabled,
		input[type="reset"].disabled,
		input[type="reset"]:disabled,
		input[type="button"].disabled,
		input[type="button"]:disabled,
		button.disabled,
		button:disabled,
		.button.disabled,
		.button:disabled {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			opacity: 0.25;
		}

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	button,
	.button {
		background-color: transparent;
		color: #444 !important;
		box-shadow: inset 0 0 0 1px #444;

		
	}

		input[type="submit"]:hover,
		input[type="reset"]:hover,
		input[type="button"]:hover,
		button:hover,
		.button:hover {
			background-color: #f6f6f6;
		}

		input[type="submit"]:active,
		input[type="reset"]:active,
		input[type="button"]:active,
		button:active,
		.button:active {
			background-color: #e2e2e2;
		}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		button.special,
		.button.special {
			box-shadow: none;
			background-color: #444;
			color: #fff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			button.special:hover,
			.button.special:hover {
				background-color: #515151;
			}

			input[type="submit"].special:active,
			input[type="reset"].special:active,
			input[type="button"].special:active,
			button.special:active,
			.button.special:active {
				background-color: #373737;
			}

/* Features */

	.features {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		position: relative;

	}


		.features h4{
			margin: 0;
			padding:0em 0 1em 0;
		
		}
		.features &gt; section {
			width: calc(33.33333333% - 5em);
		}
			

			.features &gt; section:before {
				
				content: '';
				display: block;
				height: 100%;
				margin-left: -3.75em;
				position: absolute;
				top: 0;
				width: 1px;
			}

			.features &gt; section:first-child {
				border-left: 0;

			}

				.features &gt; section:first-child:before {
					display: none;

				}
	
		@media screen and (max-width: 1280px) {

			.features &gt; section {
				width: calc(33.33333333% - 2.5em);
			}

				.features &gt; section:before {
					margin-left: -2em;
				}

		}

		@media screen and (max-width: 980px) {

			.features {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.features &gt; section {
					width: 100%;
				}

					.features &gt; section:before {
						width: 100%;
						height: 1px;
						margin-left: 0;
						position: relative;
						top: -3em;
					}

					.features &gt; section:first-child:before {
						display: none;
					}

		}

		@media screen and (max-width: 736px) {

			.features &gt; section:before {
				top: -2.5em;
			}

		}

	.features &gt; section:before {
		background-color: #e6e6e6;


	}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		display: block;
		margin: 0 0 0.5em 0;
		text-transform: uppercase;
		font-size: 0.9em;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 700;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		border: none;
		border: solid 1px;
		border-radius: 0;
		background-color: transparent;
		color: inherit;
		display: block;
		outline: 0;
		padding: 0 1em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

	.select-wrapper {
		text-decoration: none;
		display: block;
		position: relative;
	}

		.select-wrapper:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.select-wrapper:before {
			content: '\f107';
			display: block;
			height: 2.75em;
			line-height: 2.75em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 2.75em;
		}

		.select-wrapper select::-ms-expand {
			display: none;
		}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select {
		height: 2.75em;
	}

	textarea {
		padding: 0.75em 1em;
	}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label{
			text-decoration: none;
			cursor: pointer;
			display: inline-block;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
			font-size: 1em;
			font-family: "Open Sans", Helvetica, sans-serif;
			font-weight: 400;
			text-transform: none;
		}

	 input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			 input[type="radio"] + label:before {
				border: solid 1px;
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

			input[type="checkbox"]:checked + label:before,
			input[type="radio"]:checked + label:before {
				content: '\f00c';
			}
	
		input[type="radio"] + label:before {
			border-radius: 100%;
		}

	::-webkit-input-placeholder {
		opacity: 1.0;
	}

	:-moz-placeholder {
		opacity: 1.0;
	}

	::-moz-placeholder {
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		opacity: 1.0;
	}

	.formerize-placeholder {
		opacity: 1.0;
	}

	label {
		color: #444;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-transition: border-color 0.2s ease-in-out;
		-webkit-transition: border-color 0.2s ease-in-out;
		-ms-transition: border-color 0.2s ease-in-out;
		transition: border-color 0.2s ease-in-out;
		border-color: #e6e6e6;
	}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #444;
		}

	.select-wrapper:before {
		color: #bbb;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #444;
	}

	input[type="checkbox"] + label,
	input[type="radio"] + label {
		color: #444;
	}

		input[type="checkbox"] + label:before,
		input[type="radio"] + label:before {
			-moz-transition: border-color 0.2s ease-in-out;
			-webkit-transition: border-color 0.2s ease-in-out;
			-ms-transition: border-color 0.2s ease-in-out;
			transition: border-color 0.2s ease-in-out;
			background: #f6f6f6;
			border-color: #e6e6e6;
		}

	input[type="checkbox"]:checked + label:before,
	input[type="radio"]:checked + label:before {
		background-color: #444;
		border-color: #444;
		color: #fff;
	}

	input[type="checkbox"]:focus + label:before,
	input[type="radio"]:focus + label:before {
		border-color: #444;
	}

	::-webkit-input-placeholder {
		color: #bbb !important;
	}

	:-moz-placeholder {
		color: #bbb !important;
	}

	::-moz-placeholder {
		color: #bbb !important;
	}

	:-ms-input-placeholder {
		color: #bbb !important;
	}

	.formerize-placeholder {
		color: #bbb !important;
	}

/* Icon */
	

	.icon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon &gt; .label {
			display: none;
		}

		.icon:before {
			cursor: inherit;
		}
	.icon.grid{
	-moz-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    -o-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg);
	}
	.icon-wrapper {
		width: 4em;
		height: 2em;
		line-height: 2em;
		display: inline-block;
		text-align: center;
		position: relative;
		margin: 1.235em 0;
		color: #fff;
	}

		.icon-wrapper:before, .icon-wrapper:after {
			content: '';
			width: 0;
			height: 0;
			border-left: solid 2em transparent;
			border-right: solid 2em transparent;
			position: absolute;
			left: 0;
		}

		.icon-wrapper:before {
			border-bottom: solid 1.235em;
			top: -1.235em;
		}

		.icon-wrapper:after {
			border-top: solid 1.235em;
			bottom: -1.235em;
		}

		.icon-wrapper .icon {
			cursor: default;
		}

			.icon-wrapper .icon:before {
				font-size: 1.5rem;
			}

		.icon-wrapper.major {
			display: block;
			margin: 1.235em 0 3.235em 0;
		}

		.icon-wrapper.small {
			font-size: 0.75em;
		}

			.-wrapper.small .icon:before {
				font-size: 1.25rem;
			}

	.icon-wrapper {
		background-color: #04AC90;
		box-shadow: 0 -1px 0 0 #04AC90, 0 1px 0 0 #04AC90;
	}

		.icon-wrapper:before {
			border-bottom-color: #04AC90;
		}

		.icon-wrapper:after {
			border-top-color: #04AC90;
		}
	.strikethrough {
		position: relative;
	}
	.strikethrough:before {
		position: absolute;
		content: "";
		left: 0;
		top: 50%;
		right: 0;
		border-top: 2px solid;
		border-color: inherit;
	
		-webkit-transform:rotate(-8deg);
		-moz-transform:rotate(-8deg);
		-ms-transform:rotate(-8deg);
		-o-transform:rotate(-8deg);
		transform:rotate(-8deg);
	}
/* Image */
	.hide {
	display: none !important;  
	}
	.appLogoCol{
    height:13em;
	position:relative;
	display: block;
	width:13em;
	margin: 0 auto
	}	
		.appLogoCol img{
		width: 100%;
		height:auto;
		}

	
	
	.overLapingImage {
    background-image:url("images/play_button.png");
    height:110px;
    margin-left:auto;
    margin-right:auto;
    position:relative; 
		width:110px;
		top:8em;
	} 

	.mojaveBackground {
    background-image:url("images/mojave_background.jpg");
		position:center;
		background-size:cover;
		position:relative; 
		margin-left:auto;
		background-repeat: no-repeat;
	} 

	
	

	.image {
		border-radius: 4px;
		border: 0;
		display: inline-block;
		position: relative;
	}	


		.image img {
			display: block;
			border-radius: 4px;
            max-width:100%;
		}
			.image img.rounded {
			max-width: 180px;
			border:2px solid white;
  			border-radius: 50%;
  			-webkit-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.45);
box-shadow: 10px 10px 16px 0px rgba(0,0,0,0.45);


		}

	
		.image.centered.badge {

			margin: auto;
			max-width: 32%;
			padding-top: 0;

		}
			.image.centered.badge.single {

			margin: auto;
			max-width: 41%;
			padding-top: 0;
			padding-bottom: 0.8em;}
	

			@media screen and (max-width: 736px) {

				.image.centered.badge {

				margin: auto;
				max-width: 45%;
				padding-top: 0;

				padding-bottom:1.5em;
				}

			}

	
		.noRef {

			/*margin: auto;
			max-width: 32%;*/
			float:right;
		}

			@media screen and (max-width: 900px) {

				.noRef {
				float:none;
				margin: auto;
				max-width: 45%;
				padding-top: 0;
				padding-bottom:1.5em;
				}

			}

		.image.left, .image.right {
			max-width: 40%;
		}

			.image.left img, .image.right img {
				width: 100%;
			}

		.image.left {
			float: left;
			margin: 0 1.5em 1em 0;
			top: 0.25em;
		}

		.image.right {
			float: right;
			margin: 0 4em 1em 0.5em;
			top: 0.25em;
		}

		.image.fit {

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

		.image.fit.margeLeft {
			display: block;
			margin: 0 0 2em 2em;
			width: 100%;
		}
		/* .image.fit.thumbnail {
			display: block;
			padding: 4em 2em 0 0;
			width: 100%; */
			/* max-width:20em;
			padding-top:6em; */
		/* } */
		.image.margeLeft2 {
			display: block;
			margin: 0 0 5em 2em;
			width: 100%;
		}


			@media screen and (max-width: 2000px) {

				.image.fit img {
				width: 75%;
				}
			}
			@media screen and (max-width: 1300px) {

				.image.fit img {
				width: 100%;
			}
			}
		/*	@media screen and (max-width: 1050px) {

				.image.fit img {
				width: 60%;
			}*/
			

			@media screen and (max-width: 736px) {

				.image.fit.margeLeft {

				display: block;
				margin: 0 0 2em 0;
				width: 100%;
				}
			}


		.image.main {
			display: block;
			margin: 0 0 3em 0;
			width: 100%;
		}

			.image.main img {
				width: 100%;
			}

		.image.macBook{

			margin-left: 5em;
			max-width: 70%;

			}
			@media screen and (max-width: 736px) {

				.image.macBook {

				display: block;
				margin: 0 0 2em 0;
				max-width: 30%;
				}
			}

/* consult */

	.consult {
		padding: 6em 0 4em 0 ;
	}

		.consult header.major {
		margin: 0 0 1em 0;
	}

		.consult header.major:after {
			background: rgba(144, 144, 144, 0.5);
			content: '';
			display: inline-block;
			height: 1px;
			margin-top: 1.5em;
			width: 6em;
		}
		.consult h2, .consult h3{
			font-family: "Open Sans", Helvetica, sans-serif;
			line-height: 2em;
			color:#000;


		}

			.consult p{
				font-size:1.2em;
				text-align: justify;
			}

			.consult h2:after{

			width: 4rem;




		}
	
		.consult h3:after{

			width:0; 
		}
		.consult .button{

			border-radius: 4px;

	}
		.consult.style1 {
			background: #fff;
			background-image: url("images/overlay.png");


		}
			
			.consult.style1 .bullets {
								
			font-size:1.2em;
			font-family: 'Open Sans', sans-serif;
			line-height: 4.7em;
			text-transform: uppercase;
			font-weight: 600;
			padding:0 0em 0 3.2em;
			text-align: center;
		}
			.consult.style1.overlay{
			background-color: #333;
			background-attachment: fixed,							fixed;
			background-image:  url("images/slide02.jpg"),url("images/overlay2.png");
			background-size: auto,							cover;
			}

			.consult.style1 ul.major-icons li .largeIcon {
				border-color: rgba(210, 210, 210, 1)
			}
			.consult.style1 ul.minor-icons li .largeIcon {
				border-color: rgba(210, 210, 210, 1)
			}

			.consult.style1 ul.minor-icons li .largeIcon.greenBorder{
				border-color: #83c14d;
			}
		.consult.style2 {
			background-color: #333;
			color: rgba(255, 255, 255, 0.75);
			
		}
			.consult.style2.overlay{
			background-color: #333;
			background-attachment: fixed,							fixed;
			background-image:  url("images/slide02.jpg"),url("images/overlay2.png");
			background-size: auto,							cover;
			}

			.consult.style2 a {
				border-bottom-color: rgba(255, 255, 255, 0.5);
			}

				.consult.style2 a:hover {
					color: #ffffff;
				}

			.consult.style2 h1{
			color: #ffffff;
			font-size:2.5em;


			}
			.consult.style2 h2, .consult.style2 h3, .consult.style2 h4, .consult.style2 h5, .consult.style2 h6, .consult.style2 strong, .consult.style2 b {
				color: #000;
			}

			.consult.style2 header p {
				color: #ffffff;
			}

			.consult.style2 header.major:after {
				background: #ffffff;
			}

			.consult.style2 input[type="submit"],
			.consult.style2 input[type="reset"],
			.consult.style2 input[type="button"],
			.consult.style2 button,
			.consult.style2 .button {
				box-shadow: inset 0 0 0 1px #ffffff;
				color: #ffffff !important;
			}

				.consult.style2 input[type="submit"]:hover,
				.consult.style2 input[type="reset"]:hover,
				.consult.style2 input[type="button"]:hover,
				.consult.style2 button:hover,
				.consult.style2 .button:hover {
					background-color: rgba(255, 255, 255, 0.125);
				}

				.consult.style2 input[type="submit"]:active,
				.consult.style2 input[type="reset"]:active,
				.consult.style2 input[type="button"]:active,
				.consult.style2 button:active,
				.consult.style2 .button:active {
					background-color: rgba(255, 255, 255, 0.25);
				}

				.consult.style2 input[type="submit"].special,
				.consult.style2 input[type="reset"].special,
				.consult.style2 input[type="button"].special,
				.consult.style2 button.special,
				.consult.style2 .button.special {
					background-color: #ffffff;
					box-shadow: inset 0 0 0 1px #ffffff !important;
					color: #333 !important;
				}

					.consult.style2 input[type="submit"].special:hover,
					.consult.style2 input[type="reset"].special:hover,
					.consult.style2 input[type="button"].special:hover,
					.consult.style2 button.special:hover,
					.consult.style2 .button.special:hover {
						background-color: rgba(255, 255, 255, 0.125) !important;
						color: #ffffff !important;
					}

					.consult.style2 input[type="submit"].special:active,
					.consult.style2 input[type="reset"].special:active,
					.consult.style2 input[type="button"].special:active,
					.consult.style2 button.special:active,
					.consult.style2 .button.special:active {
						background-color: rgba(255, 255, 255, 0.25) !important;
					}

			.consult.style2 ul.major-icons li .largeIcon {
				border-color: rgba(255, 255, 255, 0.8)
			}

			/*.consult.style2 ul.minor-icons li .largeIcon {
				border-color: #ffffff;
			}*/

			/*.consult.style2 ul.minor-icons li .largeIcon .greenBorder{
				border-color: #96dd58;
			}*/
			.consult.style2 .icon.major {
				color: #ffffff;
			}

	.special h2:after{
			margin-bottom: -1em;
			align-items: center;
		}
/* largeIcon */

	.largeIcon {
		text-decoration: none;
		border-bottom: none;
		position: relative;
		box-shadow: -5px 6px 10px rgba(0,0,0,0.35);
		border: solid 2px rgba(255, 255, 255, 0.8);
	background-color: rgba(144, 144, 144, 0.2);
 background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.55),rgba(144, 144, 144, 0.55)); 
  background: -o-linear-gradient(right,rgba(144, 144, 144, 0.55), rgba(255, 255, 255, 0.55));
  background: -moz-linear-gradient(right,rgba(144, 144, 144, 0.55), rgba(255, 255, 255, 0.55));
  background: linear-gradient(to right, rgba(144, 144, 144, 0.55), rgba(255, 255, 255, 0.55)); 



	}

		.largeIcon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.largeIcon.greenBorder{

			box-shadow: 0px 0px 0px rgba(0,0,0,0);

			border: solid 2px rgba(117, 170, 70, 1);

		}

		.largeIcon &gt; .label {
			display: none;
		}

		.largeIcon.style1:before {
			color: #58d0d8;

		}

		.largeIcon.style2:before {
			color: #6aabed;
			/*color:#6a84ed;*/
		}

		.largeIcon.style3:before {
			color: #4883ec;
/*			color:#ed6a6a;*/
		}

		.largeIcon.style4:before {
			color: #7078e3;
		/*color:#bf6aed;*/
		}

		.largeIcon.style5:before {
			color: #9971e2;
			/*color:#aded6a;*/
		}

		.largeIcon.style6:before {
			color: #b76ff7;
		/*color:#eded6a;*/
		}

		.largeIcon.major {
			text-decoration: none;
			color: #555;
			cursor: default;
			display: inline-block;
			margin: 0 0 1.5em 0;
		}

			.largeIcon.major:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			.largeIcon.major:before {
				font-size: 4em;
				line-height: 1em;
			}

	
/* List */

	ol {
		list-style: decimal;
		margin: 0 0 2em 0;
		padding-left: 1.25em;
	}

		ol li {
			padding-left: 0.25em;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}

		ul.alt {
			list-style: none;
			padding-left: 0;
		}

			ul.alt li {
				border-top: solid 1px;
				padding: 0.5em 0;
			}

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

		ul.icons {
			list-style: none;
			padding-left: 0;
		}

			ul.icons li {
				display: inline-block;
				padding: 0 1em 0 0;
			}

				ul.icons li:last-child {
					padding-right: 0;
				}

				ul.icons li .icon:before {
					font-size: 2em;
				}

		/*ul.bulleted-icons {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
			padding: 0;
		}

			ul.bulleted-icons li {
				margin: 2em 0 0 0;
				overflow: hidden;
				padding-left: 4.5em;
				position: relative;
				width: 50%;
			}

				ul.bulleted-icons li .icon-wrapper {
					font-size: 0.65em;
					left: 0;
					position: absolute;
					top: 0;
				}

					ul.bulleted-icons li .icon-wrapper .icon:before {
						font-size: 1rem;
					}

				ul.bulleted-icons li h3 {
					font-size: 0.9em;
					margin-bottom: 0.5em;
					padding-bottom: 0;
				}

					ul.bulleted-icons li h3:after {
						display: none;
					}

			@media screen and (max-width: 1280px) {

				ul.bulleted-icons li {
					width: 100%;
					margin: 1em 0 0 0;
				}

			}*/
		
		ul.pennants {
		margin: 0;
		text-align: center;
	}

		ul.pennants li {
			display: inline-block;
			width: 15em;
			padding: 1em;
			vertical-align: top;
		}

		ul.minor-icons {
			list-style: none;
			padding:0 0 0 0;
			margin-top:-2em;
		}

			ul.minor-icons li {
				display: inline-block;
				padding:0 0 0 2.42em;
				margin:0;
				text-align: center;
			}

				ul.minor-icons li .largeIcon {

					-moz-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					border-radius: 4px;
					display: inline-block;
					height: 8em;
					line-height: 8em;
					margin: 0;
					text-align: center;
					width: 8em;
				}
						
				/*	ul.minor-icons li .largeIcon.greenBorder{
						border: solid 2px rgba(150, 221, 88, 0.5);

					}*/

					ul.minor-icons li .largeIcon:before {
						-moz-transform: rotate(-45deg);
						-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
						transform: rotate(-45deg);
						display: inline-block;
						line-height: inherit;
					}

				ul.minor-icons li .iconBridgeHorizontal {
				
					display: inline-block;
					 position: relative;

					 padding:0;
					border-right: solid 2px rgba(210, 210, 210, 1);
					height: 2.5em;
					width:0;
					margin:0 -2.1em 0.2em -2.1em;
				
  				   -moz-transform: rotate(-90deg);
						-webkit-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						transform: rotate(-90deg);	

					text-align: center;


				}

					ul.minor-icons li .iconBridgeHorizontal:before {
						
						display: inline-block;
						line-height: inherit;
					}
			
		ul.major-icons {
			list-style: none;
			padding-left: 0;
		}

			ul.major-icons li {
				display: inline-block;
				padding:0em 2.5em 0em 2.5em;
				text-align: center;
			}

			

				ul.major-icons li .largeIcon {
					-moz-transform: rotate(45deg);
					-webkit-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					transform: rotate(45deg);
					border-radius: 4px;
					border: solid 2px rgba(210, 210, 210, 1);
					display: inline-block;
					height: 8em;
					line-height: 8em;
					margin: 0;
					text-align: center;
					width: 8em;

				}
						


					ul.major-icons li .largeIcon:before {
						-moz-transform: rotate(-45deg);
						-webkit-transform: rotate(-45deg);
						-ms-transform: rotate(-45deg);
						transform: rotate(-45deg);
						display: inline-block;
						line-height: inherit;
					}

			
				ul.major-icons li .iconBridge {
				
					display: inline-block;
					 position: relative;


					border-right: solid 2px rgba(210, 210, 210, 1);
					border-left: solid 2px rgba(210, 210, 210, 1);

					height: 3em;
					line-height: 3em;
					width:13.4em;
					margin:1.5em calc(4em - 1.3px) 1em  calc(4em - 1.3px);
					
					text-align: center;
							


				}

					ul.major-icons li .iconBridge:before {
						
						display: inline-block;
						line-height: inherit;
					}
				
			

		
			
		ul.actions {
			cursor: default;
			list-style: none;
			padding-left: 0;
		}

			ul.actions li {
				display: inline-block;
				padding: 0 1em 0 0;
				vertical-align: middle;

			}

				ul.actions li:last-child {
					padding-right: 0;
				}

			ul.actions.small li {
				padding: 0 0.5em 0 0;
			}

			ul.actions.vertical li {
				display: block;
				padding: 1em 0 0 0;
			}

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

				ul.actions.vertical li &gt; * {
					margin-bottom: 0;
				}

			ul.actions.vertical.small li {
				padding: 0.5em 0 0 0;
			}

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

			ul.actions.fit {
				display: table;
				margin-left: -1em;
				padding: 0;
				table-layout: fixed;
				width: calc(100% + 1em);
			}

				ul.actions.fit li {
					display: table-cell;
					padding: 0 0 0 1em;
				}

					ul.actions.fit li &gt; * {
						margin-bottom: 0;
					}

				ul.actions.fit.small {
					margin-left: -0.5em;
					width: calc(100% + 0.5em);
				}

					ul.actions.fit.small li {
						padding: 0 0 0 0.5em;
					}

			@media screen and (max-width: 480px) {

				ul.actions {
					margin: 0 0 2em 0;
				}

					ul.actions li {
						padding: 1em 0 0 0;
						display: block;
						text-align: center;
						width: 100%;
					}

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

						ul.actions li &gt; * {
							width: 100%;
							margin: 0 !important;
						}

							ul.actions li &gt; *.icon:before {
								margin-left: -2em;
							}

					ul.actions.small li {
						padding: 0.5em 0 0 0;
					}

						ul.actions.small li:first-child {
							padding-top: 0;
						}

			}

		ul.menu {
			padding: 0;
			list-style: none;
		}

			ul.menu li {
				padding: 0;
				display: inline-block;
				margin-left: 0.75em;
				padding-left: 0.75em;
				border-left: solid 1px;
				line-height: 1em;
			}

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

	dl {
		margin: 0 0 2em 0;
	}

		dl dt {
			display: block;
			font-weight: 600;
			margin: 0 0 1em 0;
		}

		dl dd {
			margin-left: 2em;
		}

	ul.alt li {
		border-top-color: #e6e6e6;
	}

	ul.menu li {
		border-left-color: #e6e6e6;
	}

/* Post */

	.post {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		margin-bottom: 2em;
		-moz-flex-grow: 1;
		-webkit-flex-grow: 1;
		-ms-flex-grow: 1;
		flex-grow: 1;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		background-color: transparent;
		


	}
		.post .bright h3,.post .bright p{color:#fff; font-weight: 200;}
		.post .dark h3,.post .dark p{color:#000; font-weight: 300;}
		.post.manual img{ position:relative;
 			top:40%; transform:translateY(18%);
             max-width:100%;
 			}
		.post .image {
			display: inline-block;
			margin-bottom: 1em;
			padding: 2.5em 1em 0.5em 1em ;
			/*width:100%;	*/		
			/*-ms-flex: 0 0 auto;*/

			
		}

		.post .image img{
			min-width:280px;
			max-width:350px;

		}

		/*.post .series{

			padding: 0.5em 1.5em 1em 1em ;
		}
	*/

		.post .image.drive{
			width: auto;

		}
			.post .image.drive img{
					/*height: auto; 
   					 width: auto; */
			    object-fit: contain;

    				max-width: 8em; 
   					 max-height: 8em;
				}
		
		
	


		@media screen and (max-width: 1280px) {

			.post .content {
				padding: 2em 2em 0.1em 2em ;
				
			}


		}

		@media screen and (max-width: 840px) {

			.post {
				display: block;
			}

				.post .content {
					padding: 2em 1.5em 0.1em 1.5em ;

				}	
			.post .image.padRight{
				padding-right: 3em;
				padding-left:0;
			}
					

		}

	
/* shopElement */

	.shopElement{
		/*display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;
		margin:0 2em 2em 2em;*/

		margin:auto;

	}
		.shopElement h1{
			/* font-size:1.7em; */
			font-weight:400;
		}
		.shopElement h3{

			padding-bottom: 0.5em;
		}
	
		.shopElement ul{
			/* margin-bottom:0.8em; */
		}
		.shopElement .image {
			display: inline-block;
			margin-bottom: 1em;
			/* padding: 1.5em 1em 1.5em 1em ; */
			width:100%;			
			-ms-flex: 0 0 auto;
			
		}
		

		.shopElement .image img{
			max-width:100%;
			display: block;

		}
		
		
		.shopElement .content {
			padding: 2.5em 2.5em 2.5em 2.5em ;
			-moz-flex-grow: 1;
			-webkit-flex-grow: 1;
			-ms-flex-grow: 1;
			flex-grow: 1;
	
		}
	

		

		@media screen and (max-width: 1280px) {

			.shopElement .content {
				padding: 2em 2em 0.1em 2em ;
				
			}

		}

		@media screen and (max-width: 736px) {

			.shopElement {
				display: block;
			}

				.shopElement .content {
					padding: 2em 1.5em 0.1em 1.5em ;

				}	

	
			

			

	
		}


	

	
/* Version */
	
	.version{

				box-shadow: 0px -10px 10px rgba(0,0,0,0.15);
		}

	.clickable{
		cursor:pointer;
	}

/* partners */

#partners{
	color:black;
}
	#partners h1{
		color:#292929;
		text-align: center;
		font-size: 1.75em;
		padding-top: 1em;
	}
	img.partners{
		width: 78%;
		margin-left: auto;
		margin-right: auto;
		display: block;
		border-radius:50%;
		border: solid 1px #b5b5b5;
		cursor: pointer;
	}
	img.partners:hover{
		transition: .5s ease;
		opacity: 0.65;
	}
	@media screen and (max-width: 1280px){
		img.partners{
			width: 35%;
			
		}
	}
	
	.hex {
		margin-top: 70px;
		width: 208px;
		height: 120px;
		/* background: #cecece; */
		position: relative;
	}
	.hex:before, .hex:after {
		content:"";
		border-left: 104px solid transparent;
		border-right: 104px solid transparent;
		position: absolute;
	}
	.hex:before {
		top: -59px;
		/* border-bottom: 60px solid white; */
	}
	.hex:after {
		bottom: -59px;
		/* border-top: 60px solid white; */
	}
	.hex.inner {
		background-color:white;
		-webkit-transform: scale(.98, .98);
		-moz-transform: scale(.98, .98);
		transform: scale(.98, .98);
		z-index:1;
	}	
	.hex.inner span img{
		max-width: 140%;
    	margin-left: -0.20em;
	}
	.hex.inner:before {
		border-bottom: 59px solid white;
	}
	.hex.inner:after {
		border-top: 59px solid white;
	}
	.hex.inner2 {
		background-color:#252526;
		/* border-bottom: 60px solid #904db7;
		border-top: 60px solid #ffc4b1;; */

		-webkit-transform: scale(.97, .97);
		-moz-transform: scale(.97, .97);
		transform: scale(.97, .97);
		z-index:2;
	}
	.hex.inner2:before {
		border-bottom: 60px solid #252526;
	}
	.hex.inner2:after {
		border-top: 60px solid #252526;
	}
	.hex.inner3 {
		background-color:#252526;
		/* border-bottom: 60px solid #904db7;
		border-top: 60px solid #ffc4b1;; */

		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95);
		transform: scale(.95, .95);
		z-index:2;
	}
	.hex.inner3:before {
		border-bottom: 60px solid#252526;
	}
	.hex.inner3:after {
		border-top: 60px solid #252526;;
	}
	.hex.inner4 {
		background-color:#252526;
		/* border-bottom: 60px solid #904db7;
		border-top: 60px solid #ffc4b1;; */

		-webkit-transform: scale(.95, .95);
		-moz-transform: scale(.95, .95);
		transform: scale(.95, .95);
		z-index:2;
	}
	.hex.inner4:before {
		border-bottom: 60px solid#252526;
	}
	.hex.inner4:after {
		border-top: 60px solid #252526;
	}
	
	.hex.inner span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin: auto;
		z-index: 10;
		font-size: 5.5em;
    	color: white;

	}
	/* .hex.inner3 {
		background-color:#ffffff;
		-webkit-transform: scale(.98, .98);
		-moz-transform: scale(.98, .98);
		transform: scale(.98, .98);
		z-index:3;
	}
	.hex.inner3:before {
		border-bottom: 60px solid #ffffff;
	}
	.hex.inner3:after {
		border-top: 60px solid #ffffff;
	}	
	.hex.inner3 span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		margin: auto;
		z-index: 10;
	} */

	

	/* .partners {
		display: block;
		overflow:hidden; 	
		margin: 0 auto;
		width:750px;
	}

	.partners .imageClient{		
		width:33%;
		float: left;
		border-radius:50%;
	}
		.partners .imageClient img{
			width: 100%;
			display: block;
			margin: 0 auto;
			padding-left: 1em;		

		}
	
		@media screen and (max-width: 1280px) {

			.partners .imageClient img{
			width: 70%;
			display: block;
			margin: 0 auto;
		}

		}
		@media screen and (max-width: 736px) {



			.partners {
					display: block;
					overflow:hidden; 
					display: block;
					margin: 0 auto;
					width:100%;


			}

				.partners .imageClient{
				display: block;

				width:100%;
				margin:0 auto;
				}

					.partners .imageClient img{
			
					display: block;
					margin: 0 auto;
					}

		}
		 */
			
/* postElement */

	.postElement{
		width:100%;
		height:100%;
		padding:2em 2em 2em 2em;
	
	}
		

/* Posts */

	.posts {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/*-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;*/
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;




	}

		.posts .post {
			
			width: 100%;
			margin:0;
		
		}






	/*	@media screen and (min-width: 1280px) {
			.posts .post {
				width: calc(33.33% - 1em);
			}

		}
		@media screen and (max-width: 1280px) {

			.posts .post {
				width: 100%;
			}

		}*/

		@media screen and (max-width: 736px) {

			.posts {
				display: block;
			}

				.posts .post {
					width: 100%;
				}

		}
	/*effects*/
	@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
	}
	
	@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}	
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
	}
	.fadeInUp::before{
		display:none
	}
	.fadeInUp {
	animation-duration: 1.5s;
	animation-delay: 0.1s;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp ;
	}			
	.opacityAnim {
			opacity: 0.5;

		}	
	.opacityAnim:hover{
			opacity: 1;
	
	}
	.opacityTransition{
		-moz-transition:  opacity 0.5s ease-in-out;
		-webkit-transition:  opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		transition:  opacity 0.5s ease-in-out;		   
	}

	.expand { transition: all .2s ease-in-out; }
	.expand:hover { transform: scale(1.03); }
	
		
	/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
	background: -webkit-radial-gradient(center, ellipse, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
	transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shop Row*/

	.shopRow {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		/*-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;*/
		-moz-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
		-moz-align-items: stretch;
		-webkit-align-items: stretch;
		-ms-align-items: stretch;
		align-items: stretch;




	}
		
		
		.shopRow.podium{
			margin:0;
			padding:1.5em 8em 0 10em;

		}
			.shopRow.podium img{
				padding:0;
				margin:0;
				width:78%;

			}


		

		@media screen and (max-width: 736px) {

			.quark img{
				display:none;
			
			}

			.shopRow{
				display: block;
			}
			

				.shopRow .shopElement {
					width: 100%;
				}
				.shopRow.podium{
				margin:auto;
				padding:0;
			}
				.shopRow.podium img{
				min-width:265px;
				margin-right:1em;
				margin-left:-3em;
				margin-bottom:2.5em;

				}
				.shopRow.podium .tail img{
					margin-bottom:0em;
				}
		}

		
	/* @media screen and (min-width: 737px) {

		.shopRow h1{

					display:none;

				}
		} */


/* Section/Article */

	section.special, article.special {
		text-align: center;
		text-align: center;
		height:100%; 
		background:#fff; 

	}
		section.special.fade{
			background:#4355a3; 
			color:#fff;
		}


	header.major {
		margin: 0 0 4em 0;
	}

		header.major &gt; :last-child {
			margin-bottom: 0;
		}

		header.major h2 {
			font-size: 2.25em;
			font-weight: 800;
			margin: 0 0 0.7em 0;
			padding-bottom: 0.75em;
		}

		@media screen and (max-width: 1280px) {

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

		}

/* Spotlight */

	.spotlight {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		justify-content: space-between;
	}

		.spotlight .content {
			width: calc(33.3333333% - 1.25em);
		}

		.spotlight h2 {
			font-size: 2.25em;
			font-weight: 800;
			margin: 0 0 0.7em 0;
			padding-bottom: 0.75em;
		}

		.spotlight .image {
			width: calc(66.6666666% - 2.5em);
			margin: 0 0 2em 0;
		}

			.spotlight .image img {
				width: 100%;
			}

		@media screen and (max-width: 1280px) {

			.spotlight h2 {
				font-size: 1.25em;
			}

			.spotlight .image {
				width: calc(66.6666666% - 1.25em);
			}

		}

		@media screen and (max-width: 980px) {

			.spotlight {
				display: block;
			}

				.spotlight .content {
					width: 100%;
				}

				.spotlight .image {
					width: 100%;
					margin: 0 0 2em 0;
				}

		}

/* Table */

	.table-wrapper {
		-webkit-overflow-scrolling: touch;
		overflow-x: auto;
	}

	table {
		margin: 0 0 2em 0;
		width: 100%;
	}

		table tbody tr {
			border: solid 1px;
			border-left: 0;
			border-right: 0;
		}

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
			text-transform: uppercase;
			font-size: 0.9em;
			font-family: "Open sans", Helvetica, sans-serif;
			font-weight: 700;
		}

		table thead {
			border-bottom: solid 2px;
		}

		table tfoot {
			border-top: solid 2px;
		}

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px;
				border-left-width: 0;
				border-top-width: 0;
			}

				table.alt tbody tr td:first-child {
					border-left-width: 1px;
				}

			table.alt tbody tr:first-child td {
				border-top-width: 1px;
			}

			table.alt thead {
				border-bottom: 0;
			}

			table.alt tfoot {
				border-top: 0;
			}

	table tbody tr {
		border-color: #e6e6e6;
	}

		table tbody tr:nth-child(2n + 1) {
			background-color: #f6f6f6;
		}

	table th {
		color: #444;
	}

	table thead {
		border-bottom-color: #e6e6e6;
	}

	table tfoot {
		border-top-color: #e6e6e6;
	}

	table.alt tbody tr td {
		border-color: #e6e6e6;
	}

	.divider{

		 padding: 4% 10%;

	}
	/*.divider.one{
		  background-image: -webkit-linear-gradient(85.5deg, #eff2fc 50%, #fff 50%);
		  min-height: 30px;
		  
		}
			.divider.one h1{
				padding-top:1em;
				color:#007087 ;

			}
	.divider.two{
		  background-image: -webkit-linear-gradient(-85.5deg, #eff2fc 50%, #fff 50%);
		  min-height: 30px;

	}*/



/* Description */

	.description{
		background-color: #ECEFFB;	

		padding:1.5em 5em 1.5em 5em;
		color:#000;
		font-family: 'Ubuntu', sans-serif;
		font-size: 120%;
		line-height: 27px;
		font-weight: 300;
		text-align: justify;
		text-justify: inter-word;
		position: relative;
	}
	.description.Colorize{
		background-image: url("images/JarvisHd4.jpg");
		border-top: 3px solid white;
		border-bottom: 3px solid white;

	}
		.description.blue{background-color: #AD4D9D;
			/* background: linear-gradient(180deg, rgba(173,77,157,1) 0%, rgba(36,96,132,1) 100%); */
			background: linear-gradient(180deg, rgba(173,77,157,1) 0%, rgba(67,85,163,1) 100%);

		}

		.description.style.triangle{background-image: url("images/bg.svg");
				background-position:center;
				background-size:cover;
				background-repeat: no-repeat;
				overflow: hidden;
			}	
	
		.description.style{
			background-position:center;
			background-size:cover;
			background-repeat: no-repeat;	
/*			padding:0em 5em 0em 5em;
*/
		}
		
			/*.description.style.downCurve{
			background-image: url("images/downCurve_white.png");
			
			}*/
			.description.style.upCurveGreen{
			margin:-5em 0 0 0;
			background-image: url("images/upCurve_white.png");
			}
		.description .sc {
			padding: 2em 0 2em 0;
			 margin:auto;
			 width:calc(85%);
			color:#225f93; 
			
		}
			.description .sc.alt {
		
			 width:calc(100%);
		
			
			}
			.description .sc .content{
				border-radius:10px;
				padding:1.5em 1.5em 1.5em 1.5em;
				border:2.5px dashed #225f93;

			}
			.description .sc .image{
				padding-top: 3em;
				width:100%;
				margin:auto;
			}


		.description .goto-next{				
				-moz-transform: translate(0,0);
				-webkit-transform: translate(0,0);
				-ms-transform: translate(0,0);
				transform: translate(0,0);
				-moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
				-webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
				-ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
				transition: transform 0.75s ease, opacity 1s ease-in;
				-moz-transition-delay: 0.5s;
				-webkit-transition-delay: 0.5s;
				-ms-transition-delay: 0.5s;
				transition-delay: 0.5s;
				opacity: 1;
				padding-bottom: 0;
				margin-bottom: 0;
		}
		.description.inactive .goto-next {
				-moz-transform: translate(0,1.5em);
				-webkit-transform: translate(0,1.5em);
				-ms-transform: translate(0,1.5em);
				transform: translate(0,1.5em);
				opacity: 0;
			}				
			.description .posts .post{							
				margin:0;
				padding:0;
			}
			.description .posts .post.pdf{							
				margin:-3em 0 0 0;
				padding:0;
			}
			.description .post .image{
/*				min-width: 100%;
*/				display:block;
				z-index:4;
			}
				.description .post .image img{
						display:block;
						margin:0 auto;
						max-width: 85%;
				}
				.description .post .image.castShadow img{
					box-shadow: 10px 10px 10px #888888;
				}
			.description .post .content{
				border-radius:10px;
				width: calc(100% );
				padding:1.5em 1.5em 1.5em 1.5em;
				

			}
				.description .post .content.xt{ width:calc(150%); }
					.description .post .content.xt.black{				
				color:#225f93;		
				border:2.5px dashed #225f93;

								/*	border:2.5px dashed rgba(255,255,255,0.6);*/
				}
					.description .post .content.xt.white{
						color:#fff;		
				border:2.5px dashed #fff;

				}
				.description .post .content.xtAlt{
				 width:calc(75%); 
					border:2.5px dashed rgba(255,255,255,0.6);
					color:#fff;	
				}
			
			

			

		@media screen and (max-width: 980px) {

			.description .posts .post{
					margin:0;
				}
			.description .posts .post.pdf{
					margin:1.5em 0 1em 0;
				}
			.description .post .content.xt{ width:calc(100%); }
			.description .post .content.xtAlt{
				 width:calc(100%); 
					border:2.5px dashed rgba(255,255,255,0.6);
					color:#fff;	
				}

		}
		@media screen and (max-width: 736px) {

			.description{
				padding:2em 0 2em 0;
			}


				.description .post .image{

				padding: 1em 0em 0em 0em;
				min-width: 100%;
				display:block;
				margin: 0 auto;

				}


			.description .post .image img{
						display:block;
						margin:0 auto;
						max-width: 100%;
			}
		}

/* ColorizerShop */
	.colorizerShop{
/*		background-color: #eff2fc;
*/		background-color: #4355A3;
/* background-image: url(images/overlay2.png), url(images/overlay3.svg), linear-gradient( 
130deg
 , rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%); */
		color:#fff;
		border-top:1px solid rgba(255,255,255,0.2);
		border-bottom:1px solid rgba(255,255,255,0.2);
		box-shadow: 0px -10px 10px rgba(0,0,0,0.15);

	}
	.colorizerShop .button{
		margin-top: 1em;
	    			margin-right:1em; 
					border :none;
					border-radius: 4px;
										background-color: #3da845;

					box-shadow: none;
					color: #fff !important;
					font-family: "Source Open Pro", Helvetica, sans-serif;
					font-weight: 100;
	}
		.colorizerShop .button:hover{
			background-color: #3da845;
					background-color:#4ab248;

						color: #fff !important;
						box-shadow: none;

						-moz-transition: background-color 0.2s ease-in-out;
						-webkit-transition: background-color 0.2s ease-in-out;
						-ms-transition: background-color 0.2s ease-in-out;
						transition: background-color 0.2s ease-in-out;
						
		}
	.colorizerShop h1{
		font-family: "Montserrat", Helvetica, sans-serif;
		 padding:0.5em 0 0.5em 0;
	  	font-size: 220%;
	  	font-weight: 200;
	  	color:#fff;
	  	margin-bottom: 0.5em;
	}
		.colorizerShop h1:after{
			border: none;
		}

		.colorizerShop .row{
			padding:0.5em 0 0.5em 0;
		}

	@media screen and (min-width: 1100px) {
		.colorizerShop .row{max-width: 70%; margin-left: auto; margin-right: auto;}
	}
/* UIVisuals */

	.uiVisuals{
	padding: 0em 0 2em 0 ;
	position: relative;
		background-color: #fff;

	}

		.uiVisuals .image{
			display: block;
			min-width:100%;
			margin:0 auto;

		}
		.uiVisuals .image img{
			display:block;
			margin:0 auto;
			max-width: 100%;

		}
		.uiVisuals.alt{
		background-image: url("images/overlay.png");
		background-position: center,center;
		background-attachment: fixed, fixed;
		background-size: auto, cover;
		overflow: hidden;

	}
	
/* box shadow*/
     .boxShadow{
			box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
     }

      .boxShadowUp{
			box-shadow: 0px -10px 10px rgba(0,0,0,0.15);
     }

/* bundle*/
	.bundle{
		margin: 1em 0 0 0;
	}
		

		.bundle h1{
			color:#005351;

		}

		.bundle h4{
			text-transform: capitalize;
			font-size: 1.1em;
			font-weight: 300;
			padding:0 0 1em 0;
			margin:0;
			color:#006260;

		}
			.bundle h4:after{
				border-bottom:none;
			}
		
		.bundle .row{
			padding-top:1em;

		}
			.bundle .row ul{
				color:#006260;
		}		
		/*	.bundle .row p{
		 	margin:0;
		 	padding-bottom:0;


		 	}*/
		 .bundle .button{
		 	color:#fff !important ;
				background-color:#00a8a2;
				box-shadow: none;
				font-weight: 100;

			}
			.bundle .button:hover{

					border-radius: 4px;
					background-color: #009e98;
					color: #fff !important;
			}
		.bundle select{
				border-radius: 4px;
				border-color:#006260;

			}

			.bundle select:hover{
				color: #009e98 !important;
				border-color:#009e98;
			}

	/*	
	#four{}
		#four .content{
			padding:0;
			margin:0;
		}*/
/* Wrapper */

	.wrapper {
		padding: 4em 0 2em 0 ;
		position: relative;
	}

		.wrapper &gt; .inner {
			margin: 0 auto;
			max-width: 90em;
			width: 90%;

		}

		.wrapper + .wrapper {
			border-top: solid 1px #e6e6e6;
		}

		.wrapper.major-pad {
			padding: 6em 0 4em 0 ;
		}

		.wrapper.content-pad {
			padding: 0;
		}

			.wrapper.content-pad .content {
				padding: 2em 0 2em 0 ;
			}


		.wrapper.split &gt; .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-justify-content: space-between;
			-webkit-justify-content: space-between;
			-ms-justify-content: space-between;
			justify-content: space-between;
		}

			.wrapper.split &gt; .inner &gt; * {
				width: calc(50% - 3.75em);
			}

				.wrapper.split &gt; .inner &gt; *:before {
					content: '';
					display: block;
					width: 1px;
					height: 100%;
					position: absolute;
					top: 0;
					margin-left: -3.75em;
					background-color: #e6e6e6;
				}

				.wrapper.split &gt; .inner &gt; *:first-child {
					border: 0;
				}

					.wrapper.split &gt; .inner &gt; *:first-child:before {
						display: none;
					}

		
		.wrapper.style1 {
/*			background-color: #234558;
*/
			background-color:transparent;
			color: #fff;
			border-top: 0;
			box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
		}

		

			.wrapper.style1 .content{

				 margin-left: auto;
  				margin-right: auto;
  				margin-top: 0em;
  				padding-top: 0em;
			}

			.wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea {
				color: #fff;
			}

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

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #fff;
			}

			.wrapper.style1 h1, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #000;
			}

			.wrapper.style1 h2, .wrapper.style1 h3{
				color:#00FFE0;
				
				margin-bottom: 0em;


			}

			.wrapper.style1 blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 .box {
				border-color: rgba(255, 255, 255, 0.25);
			}

			

			.wrapper.style1 input[type="submit"],
			.wrapper.style1 input[type="reset"],
			.wrapper.style1 input[type="button"],
			.wrapper.style1 button,
			.wrapper.style1 .button {
				background-color: transparent;
				color: #fff !important;
				box-shadow: inset 0 0 0 1px #fff;
			}

				.wrapper.style1 input[type="submit"]:hover,
				.wrapper.style1 input[type="reset"]:hover,
				.wrapper.style1 input[type="button"]:hover,
				.wrapper.style1 button:hover,
				.wrapper.style1 .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				.wrapper.style1 input[type="submit"]:active,
				.wrapper.style1 input[type="reset"]:active,
				.wrapper.style1 input[type="button"]:active,
				.wrapper.style1 button:active,
				.wrapper.style1 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				.wrapper.style1 input[type="submit"].special,
				.wrapper.style1 input[type="reset"].special,
				.wrapper.style1 input[type="button"].special,
				.wrapper.style1 button.special,
				.wrapper.style1 .button.special {
					box-shadow: none;
					background-color: #fff;
					color: #444 !important;
				}

			.wrapper.style1 .features &gt; section:before {
				background-color: rgba(255, 255, 255, 0.25);

			}

			.wrapper.style1 label {
				color: #fff;
			}

			.wrapper.style1 input[type="text"],
			.wrapper.style1 input[type="password"],
			.wrapper.style1 input[type="email"],
			.wrapper.style1 select,
			.wrapper.style1 textarea {
				-moz-transition: border-color 0.2s ease-in-out;
				-webkit-transition: border-color 0.2s ease-in-out;
				-ms-transition: border-color 0.2s ease-in-out;
				transition: border-color 0.2s ease-in-out;
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 input[type="text"]:focus,
				.wrapper.style1 input[type="password"]:focus,
				.wrapper.style1 input[type="email"]:focus,
				.wrapper.style1 select:focus,
				.wrapper.style1 textarea:focus {
					border-color: #fff;
				}

			.wrapper.style1 .select-wrapper:before {
				color: #888;
			}

			.wrapper.style1 input[type="checkbox"] + label,
			.wrapper.style1 input[type="radio"] + label {
				color: #fff;
			}

				.wrapper.style1 input[type="checkbox"] + label:before,
				.wrapper.style1 input[type="radio"] + label:before {
					-moz-transition: border-color 0.2s ease-in-out;
					-webkit-transition: border-color 0.2s ease-in-out;
					-ms-transition: border-color 0.2s ease-in-out;
					transition: border-color 0.2s ease-in-out;
					background: rgba(255, 255, 255, 0.075);
					border-color: rgba(255, 255, 255, 0.25);
				}

			.wrapper.style1 input[type="checkbox"]:checked + label:before,
			.wrapper.style1 input[type="radio"]:checked + label:before {
				background-color: #fff;
				border-color: #fff;
				color: #444;
			}

			.wrapper.style1 input[type="checkbox"]:focus + label:before,
			.wrapper.style1 input[type="radio"]:focus + label:before {
				border-color: #fff;
			}

			.wrapper.style1 ::-webkit-input-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 :-moz-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 ::-moz-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 :-ms-input-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 .formerize-placeholder {
				color: #888 !important;
			}

			.wrapper.style1 .icon-wrapper {
				background-color: #fff;
				box-shadow: 0 -1px 0 0 #fff, 0 1px 0 0 #fff;
			}

				.wrapper.style1 .icon-wrapper:before {
					border-bottom-color: #fff;
				}

				.wrapper.style1 .icon-wrapper:after {
					border-top-color: #fff;
				}

				.wrapper.style1 .icon-wrapper .icon {
					color: #444;
				}

			.wrapper.style1 ul.alt li {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 ul.menu li {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			
			.wrapper.style1 .post .content {
				background-color: transparent;
				border: solid 1px #e6e6e6;
					width: calc(50% - 1em);
			
			}

			.wrapper.style1 table tbody tr {
				border-color: rgba(255, 255, 255, 0.25);
			}

				.wrapper.style1 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style1 table th {
				color: #fff;
			}

			.wrapper.style1 table thead {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table tfoot {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 table.alt tbody tr td {
				border-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.style1 + .wrapper {
				border-top: 0;
			}

			.wrapper.style1.split &gt; .inner &gt; *:before {
				background-color: rgba(255, 255, 255, 0.25);
			}

		.wrapper.style2 {
/*			background-color: #234558;

			/*background-color:#346d99;*/
		/*	background-color:#2F648E;*/




				 background-image:  url("images/pattern-size1Black.png"),linear-gradient(45deg, #006A6D 5%, #006F9D 60%, #005B91);;
					background-position: center,center;
					background-attachment: fixed, fixed;
					background-size: auto, cover;

			
			color: #444;
			border-top: 0;
			margin-top: 0;
			padding-top: 2em;
			padding-bottom:2em;
		}

			.wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea {
				color: #444;
			}

			.wrapper.style2 a {
				color: #444;
			}

			.wrapper.style2 strong, .wrapper.style2 b {
				color: #444;
			}

			.wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 {
				color: #fff;

			}
			.wrapper.style2 h6{				padding:0;
			}
			.wrapper.style2 h6:after {
				border-bottom: none;
			}
			.wrapper.style2 h1{
				color:#65FFEC;
				font-size:250%;
				margin:0;
			}

			.wrapper.style2 h2{
				font-size:130%;
				color:#00FFE0;
			}

			 .wrapper.style2 h3{

				color:#FDFDFE;
				font-size: 120%;
			}
			.wrapper.style2 blockquote {
				border-left-color: #e6e6e6;
			}

			.wrapper.style2 code {
				background: rgba(144, 144, 144, 0.075);
				border-color: #e6e6e6;
			}

			.wrapper.style2 hr {
				border-bottom-color: #e6e6e6;
			}

			.wrapper.style2 .box {
				border-color: #e6e6e6;
			}

			.wrapper.style2 input[type="submit"],
			.wrapper.style2 input[type="reset"],
			.wrapper.style2 input[type="button"],
			.wrapper.style2 select,
			.wrapper.style2 button,
			.wrapper.style2 .button {
				
				border-radius: 4px;
				color:#fff !important ;
				background-color:#00a8a2;
				box-shadow: none;
				font-weight: 100;
			}
			.wrapper.style2 .button {
				border: 2px dashed rgba(255,255,255,0);
				transition : border 500ms ease-out;
			}

			.wrapper.style2 select{
				border-radius: 4px;
				color: #fff!important;
				background-color: rgba(255, 255, 255, 0.075);
				box-shadow: inset 0 0 0 1px #fff;


			}

				.wrapper.style2 input[type="submit"]:hover,
				.wrapper.style2 input[type="reset"]:hover,
				.wrapper.style2 input[type="button"]:hover,
				
				.wrapper.style2 button:hover,
				.wrapper.style2 .button:hover {
					border-radius: 4px;
					background-color: #009e98;
					color: #fff !important;
				}
				.wrapper.style2 .button:hover{
					border: 2px dashed rgba(255,255,255,1);
				}
				.wrapper.style2 .button.getIt:hover {

					border-radius: 4px;
					background-color:#5ba679;
					color: #fff !important;
					box-shadow: none;
				}

				


				.wrapper.style2 select:hover{

				border-radius: 4px;	
				background-color: rgba(255, 255, 255, 0.15);
				
				box-shadow: inset 0 0 0 1px #fff;


				}
		
				.wrapper.style2 select:active{

				border-radius: 4px;	
				background-color: rgba(255, 255, 255, 0.15);
				
				box-shadow: inset 0 0 0 1px #02C9AD;


				}
				

				.wrapper.style2 input[type="submit"]:active,
				.wrapper.style2 input[type="reset"]:active,
				.wrapper.style2 input[type="button"]:active,
				.wrapper.style2 button:active,
				.wrapper.style2 .button:active {
					background-color: rgba(144, 144, 144, 0.2);
				}

				.wrapper.style2 input[type="submit"].special,
				.wrapper.style2 input[type="reset"].special,
				.wrapper.style2 input[type="button"].special,
				.wrapper.style2 button.special,
				.wrapper.style2 .button.special {
					box-shadow: none;
					background-color: #444;
					color: #fff !important;
				}

					.wrapper.style2 input[type="submit"].special:hover,
					.wrapper.style2 input[type="reset"].special:hover,
					.wrapper.style2 input[type="button"].special:hover,
					.wrapper.style2 button.special:hover,
					.wrapper.style2 .button.special:hover {
						background-color: #515151;
					}

					.wrapper.style2 input[type="submit"].special:active,
					.wrapper.style2 input[type="reset"].special:active,
					.wrapper.style2 input[type="button"].special:active,
					.wrapper.style2 button.special:active,
					.wrapper.style2 .button.special:active {
						background-color: #373737;
					}

			.wrapper.style2 .features &gt; section:before {
				background-color: #e6e6e6;
			}

			.wrapper.style2 label {
				color: #444;
			}

			.wrapper.style2 input[type="text"],
			.wrapper.style2 input[type="password"],
			.wrapper.style2 input[type="email"],
			.wrapper.style2 select,
			.wrapper.style2 textarea {
				-moz-transition: border-color 0.2s ease-in-out;
				-webkit-transition: border-color 0.2s ease-in-out;
				-ms-transition: border-color 0.2s ease-in-out;
				transition: border-color 0.2s ease-in-out;
				border-color: #e6e6e6;
			}

				.wrapper.style2 input[type="text"]:focus,
				.wrapper.style2 input[type="password"]:focus,
				.wrapper.style2 input[type="email"]:focus,
				.wrapper.style2 select:focus,
				.wrapper.style2 textarea:focus {
					border-color: #444;
				}

			.wrapper.style2 .select-wrapper:before {
				color: #bbb;
			}

			.wrapper.style2 input[type="checkbox"] + label,
			.wrapper.style2 input[type="radio"] + label {
				color: #444;
			}

				.wrapper.style2 input[type="checkbox"] + label:before,
				.wrapper.style2 input[type="radio"] + label:before {
					-moz-transition: border-color 0.2s ease-in-out;
					-webkit-transition: border-color 0.2s ease-in-out;
					-ms-transition: border-color 0.2s ease-in-out;
					transition: border-color 0.2s ease-in-out;
					background: rgba(144, 144, 144, 0.075);
					border-color: #e6e6e6;
				}

			.wrapper.style2 input[type="checkbox"]:checked + label:before,
			.wrapper.style2 input[type="radio"]:checked + label:before {
				background-color: #444;
				border-color: #444;
				color: #fff;
			}

			.wrapper.style2 input[type="checkbox"]:focus + label:before,
			.wrapper.style2 input[type="radio"]:focus + label:before {
				border-color: #444;
			}

			.wrapper.style2 ::-webkit-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 ::-moz-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 :-ms-input-placeholder {
				color: #bbb !important;
			}

			.wrapper.style2 .formerize-placeholder {
				color: #bbb !important;
			}
/*
			.wrapper.style2 .banner{

				background-color: #234558;
				height: 90px;
				
				
				


			}*/
			/*	.wrapper.style2 .banner h1{
					font-family: "Poppins",sans-serif;

					font-size: 170%;
					text-align: center;
					line-height: 90px;
					vertical-align: middle;
					color:#FDFDFE;
				}*/
			.wrapper.style2 .icon-wrapper {
				background-color: rgba(144, 144, 144, 0.075);

				box-shadow: 0 -1px 0 0 rgba(144, 144, 144, 0.075), 0 1px 0 0 rgba(144, 144, 144, 0.075);
			}

				.wrapper.style2 .icon-wrapper:before {
					border-bottom-color: rgba(144, 144, 144, 0.075);
				}

				.wrapper.style2 .icon-wrapper:after {
					border-top-color: rgba(144, 144, 144, 0.075);
				}

			.wrapper.style2 ul.alt li {
				border-top-color: #e6e6e6;
			}

			.wrapper.style2 ul.menu li {
				border-left-color: #e6e6e6;
			}

			.wrapper.style2 .post .content {
				font-family: 'Open Sans',Helvetica, sans-serif;
				font-size: 112%;
				line-height: 27px;
				font-weight: 300;
				background:transparent;
				text-align: center;

		
				border-color: none;
				color :#FDFDFE;
			}

				.wrapper.style2	.post .content h3:after{

				border-bottom: none;

			}
		

			.wrapper.style2 .shopElement .content {
				font-family: 'Poppins', sans-serif;
				font-size: 112%;
				line-height: 27px;
				font-weight: 300;
				 text-align: center;
				color :#fff;

			}
			/*.wrapper.style2 .solo {
					background-image: url("images/overlay2.png");
					background-position: center,center;
					background-attachment: fixed, fixed;
					background-size: auto, cover;
				
				

				}*/
		
				
				.wrapper.style2	.shopElement .content h3:after{

				border-bottom: none;
				

			}
				.wrapper.style2 .shopElement .content .bullets{
					text-align: left;

				}

			.wrapper.style2 table tbody tr {
				border-color: #e6e6e6;
			}

				.wrapper.style2 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(144, 144, 144, 0.075);
				}

			.wrapper.style2 table th {
				color: #444;
			}

			.wrapper.style2 table thead {
				border-bottom-color: #e6e6e6;
			}

			.wrapper.style2 table tfoot {
				border-top-color: #e6e6e6;
			}

			.wrapper.style2 table.alt tbody tr td {
				border-color: #e6e6e6;
			}

			.wrapper.style2 + .wrapper {
				border-top: 0;
			}

			.wrapper.style2.split &gt; .inner &gt; *:before {
				background-color: #e6e6e6;

			}

		.wrapper.sidebar &gt; .inner {
			display: -moz-flex;
			display: -webkit-flex;
			display: -ms-flex;
			display: flex;
			-moz-flex-wrap: wrap;
			-webkit-flex-wrap: wrap;
			-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		}

			.wrapper.sidebar &gt; .inner &gt; header {
				width: 100%;
			}

			.wrapper.sidebar &gt; .inner &gt; .content {
				width: 75%;
				padding: 0 4em 3em 0;
			}

			.wrapper.sidebar &gt; .inner &gt; .sidebar {
				width: 25%;
			}

		.wrapper.sidebar.left &gt; .inner {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

			.wrapper.sidebar.left &gt; .inner &gt; .content {
				padding: 0 0 0 4em;
			}

		@media screen and (max-width: 980px) {

			.wrapper.sidebar &gt; .inner {
				-moz-flex-direction: row;
				-webkit-flex-direction: row;
				-ms-flex-direction: row;
				flex-direction: row;
			}

				.wrapper.sidebar &gt; .inner &gt; .content {
					width: 100%;
					padding: 0;
				}

				.wrapper.sidebar &gt; .inner &gt; .sidebar {
					border-top: solid 2px #e6e6e6;
					margin: 2em 0 0 0;
					padding: 4em 0 0 0;
					width: 100%;
				}

			.wrapper.sidebar.style1 &gt; .inner &gt; .sidebar {
				border-top-color: rgba(255, 255, 255, 0.25);
			}

			.wrapper.sidebar.style2 &gt; .inner &gt; .sidebar {
				border-top-color: #e6e6e6;
			}

		}

		@media screen and (max-width: 1280px) {

			.wrapper {
				padding: 3em 0 0em 0 ;
			}

				.wrapper &gt; .inner {
					width: 100%;
					padding: 0 3em;
				}

				.wrapper.major-pad {
					padding: 4em 0 2em 0 ;
				}

				.wrapper.content-pad .content {
					padding: 3em 0 1em 0 ;
				}

				.wrapper.split &gt; .inner &gt; * {
					width: calc(50% - 2em);
				}

					.wrapper.split &gt; .inner &gt; *:before {
						margin-left: -2em;
					}

		}

		@media screen and (max-width: 980px) {

			.wrapper &gt; .inner &gt; * {
				width: 100%;
				padding-left: 0 !important;
			}

			.wrapper.split &gt; .inner {
				-moz-flex-direction: column;
				-webkit-flex-direction: column;
				-ms-flex-direction: column;
				flex-direction: column;
			}

				.wrapper.split &gt; .inner &gt; * {
					width: 100%;
					padding-top: 3em;
					margin-top: 1em;
				}

					.wrapper.split &gt; .inner &gt; *:before {
						margin-left: 0;
						position: relative;
						height: 1px;
						width: 100%;
						top: -3em;
					}

					.wrapper.split &gt; .inner &gt; *:first-child {
						padding-top: 0;
						margin-top: 0;
					}

						.wrapper.split &gt; .inner &gt; *:first-child:before {
							display: none;
						}

		}

		@media screen and (max-width: 736px) {

			.wrapper {
				padding: 2.5em 0 0.5em 0 ;
			}

				.wrapper &gt; .inner {
					padding: 0 1.5em;
				}

				.wrapper.major-pad {
					padding: 2.5em 0 0.5em 0 ;
				}

				.wrapper.content-pad .content {
					padding: 2.5em 0 0.5em 0 ;
				}

		}
		
	
/* Header */

	body {
		padding-top: 3.5em;
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}


	@keyframes reveal-header {
		0% {
			top: -4em;
			opacity: 0;
		}

		100% {
			top: 0;
			opacity: 1;
		}
	}



	#header {
		background-color: #fff;
		box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 300;
		height: 3.5em;
		left: 0;
		line-height: 3.5em;
		position: fixed;
		text-transform: uppercase;
		top: 0;
		width: 100%;
		z-index: 10000;
		
	}



		#header h1 {
			height: inherit;
			left: 1.5em;
			line-height: inherit;
			margin: 0;
			padding-bottom: 0;
			position: relative;

		}

			#header h1:after {
				display: none;
			}

			#header h1 a {
				color: inherit;
			}

				#header h1 a span {
					font-weight: 500;
				}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 1.5em;
			top: 0;
		}

			#header nav &gt; ul {
				list-style: none;
				margin: 0;
				padding: 0;
			}

				#header nav &gt; ul &gt; li {
					display: inline-block;
					margin-left: 2em;
					padding: 0;
				}
		
					#header nav &gt; ul &gt; li &gt; ul{
						display: none;
					}
			
					#header nav &gt; ul &gt; li a{
						text-decoration: none;
						border-bottom: 0;
					}
						#header nav &gt; ul &gt; li a:before  {
							-moz-osx-font-smoothing: grayscale;
							-webkit-font-smoothing: antialiased;
							font-family: FontAwesome;
							font-style: normal;
							font-weight: normal;
							text-transform: none !important;
							margin-right: 0.75em;
						}
					#header nav &gt; ul &gt; li:first-child {
						margin-left: 0;}
					
				
					
		#header .navPanelToggle {
			text-decoration: none;
			border: 0;
			height: 4em;
			position: absolute;
			right: 0;
			top: 0;
			width: 5em;
			display: none;
		}

			#header .navPanelToggle:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#header .navPanelToggle:before {
				content: '\f0c9';
				width: 3em;
				height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

		#header + #banner {
			margin-top: -3.5em;
		}
		#header + #main {
			margin-top: -3.5em;
		}
		#header.reveal {
			-moz-animation: reveal-header 0.5s ease;
			-webkit-animation: reveal-header 0.5s ease;
			-ms-animation: reveal-header 0.5s ease;
			animation: reveal-header 0.5s ease;
		}

		#header.alt {
			background-color: #233F4D;
			color: #fff;
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			background-color: transparent;
			box-shadow: none;
			overflow: hidden;
			position: absolute;
			top: 1.5em;
		}

		#header.alt img{
			content: url("images/creationauts_ai_logo_nav.png");
		}
	

			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt button,
			#header.alt .button {
				background-color: transparent;
				color: #fff !important;
				box-shadow: inset 0 0 0 1px #fff;
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt button:hover,
				#header.alt .button:hover {
					background-color: rgba(255, 255, 255, 0.075);
				}

				#header.alt input[type="submit"]:active,
				#header.alt input[type="reset"]:active,
				#header.alt input[type="button"]:active,
				#header.alt button:active,
				#header.alt .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

				#header.alt input[type="submit"].special,
				#header.alt input[type="reset"].special,
				#header.alt input[type="button"].special,
				#header.alt button.special,
				#header.alt .button.special {
					box-shadow: none;
					background-color: #fff;
					color: #444 !important;
				}

			#header.alt input, #header.alt select, #header.alt textarea {
				color: #fff;
			}

			#header.alt a {
				color: #fff;
			}

			#header.alt strong, #header.alt b {
				color: #fff;
			}

			#header.alt h1, #header.alt h2, #header.alt h3, #header.alt h4, #header.alt h5, #header.alt h6 {
				color: #fff;
			}

			#header.alt blockquote {
				border-left-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt code {
				background: rgba(255, 255, 255, 0.075);
				border-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt hr {
				border-bottom-color: rgba(255, 255, 255, 0.25);
			}

			#header.alt h1 {
				left: 2.5em;
			}

			#header.alt nav {
				right: 2.5em;
			}

		@media screen and (max-width: 1280px) {

			#header.alt {
				top: 0.75em;
			}

				#header.alt h1 {
					left: 1.5em;
				}

				#header.alt nav {
					right: 1.5em;
				}

		}

		@media screen and (max-width: 980px) {

			#header.alt {
				top: 0;
			}

			#header nav {
				display: none;
			}

			#header .navPanelToggle {
				display: block;
			}

		}

		@media screen and (max-width: 736px) {

			#header {
				height: 3em;
				line-height: 3em;
			}

				#header h1 {
					left: 1em !important;
				}

					#header h1 a {
						font-size: 0.9em;
					}

		}

	/* Dropdown Button */
.dropbtn {
	background-color: #00ec0800;
	color:#30e88c;
	padding: 16px;
	font-size: 0.65em;
	border: none;
	padding:0em;
	border-bottom: 2px dotted rgb(48 232 140 / 57%);
  }

  /* .dropbtn u:hover{
	color: #74fdb8;
  } */
  /* The container &lt;div&gt; - needed to position the dropdown content */
  .dropdown {
	position: relative;
	display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
	display: none;
	position: absolute;
 	background-color: #000000b5;
	min-width: 2.6em;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	border: 1px solid #ffffff4f;
	border-radius: 4px;
	font-size:1.35em;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
	color:#e2e2e2;
	font-size:0.37em;
	text-align: left;
	padding: 0 1em 0 1em;
	text-decoration: none;
	display: block;
	line-height: 2em;
  }
  
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {
	color: #30e88c;
	background-color: #ffffff1c;
}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {background-color: #3e8e4100;}
		
	.dropotron {
		list-style: none;
		padding: 0;
		background: #fff;
		color: #444;
		min-width: 13em;
		padding: 0.75em;
		margin-top: -0.5em;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 500;
		text-transform: uppercase;
		box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
	}

		.dropotron li {
			box-shadow: inset 0 1px 0 0 #e6e6e6;
		}

			.dropotron li:first-child {
				box-shadow: none;
			}
			.dropotron li:hover{
				background-color:#E6E6E6;
			}

		.dropotron a {
			color: inherit;
			text-decoration: none;
			letter-spacing: 0.05em;
			font-size: 0.8em;
			display: block;
			line-height: 3em;
			border: 0;
		}

		.dropotron.level-0 {
			margin-top: 0;
		}

			.dropotron.level-0:before {
				content: '';
				border-left: solid 0.5em transparent;
				border-right: solid 0.5em transparent;
				border-bottom: solid 0.5em #fff;
				display: block;
				position: absolute;
				top: -0.45em;
				left: 50%;
				margin-left: -0.25em;
			}
/*Versions */

	#versions .actions{

	background-color: #204556;
	margin: auto;
    width: 21%;
    padding: 10px;
	
		

	}

		@media screen and (max-width: 1280px){

			#versions img{

				 width:140px; 
    			height: auto;
			}

		}

		@media screen and (min-width: 1380px){

			#versions img{

				 width:200px; 
    			height: auto;
			}

		}

	.arrows{
	   width: 38px;
	   height: 38px;
	   position: absolute;
	   top: 100%;
	   margin-top: 45px;
	   border-bottom: 2px solid rgba(255, 255, 255, 0.7);
		border-left: 2px solid rgba(255, 255, 255, 0.7);
	}
		.arrows:before{
	  
	  	 border-color: rgba(255, 255, 255, 0.7);
 
		}
		.arrows:hover{
		  border-color: rgba(255, 255, 255, 1);

		}
		
/* Banner */

	#banner {
		background-color: #444;
		color: #fff;
		min-height: 40em;
		height: 75vh;
		position: relative;

	}	
		#banner.affiliate{
			max-height: 70px; min-height: 70px; 
			/* background-color:#9c2877d9; */
			background-color:	#0798a0;
		}
		#banner.affiliate h3{
			font-style: italic;
			font-size: 1.43em;
			position: absolute;
			padding-left: 23vmax;
			padding-top: 1em;
			border-bottom:none;
			font-family: "Montserrat", sans-serif;
			font-weight: 100;
			text-shadow:none;
			text-transform:capitalize;
		}

		

		#banner input, #banner select, #banner textarea {
			color: #fff;
		}

		#banner a {
			color: #fff;
		}

		#banner strong, #banner b {
			color: #fff;
		}

		#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
			text-shadow: 3px 3px 4px #000;
		}
	
		#banner blockquote {
			border-left-color: rgba(255, 255, 255, 0.25);
		}

		#banner code {
			background: rgba(255, 255, 255, 0.075);
			border-color: rgba(255, 255, 255, 0.25);
		}

		#banner hr {
			border-bottom-color: rgba(255, 255, 255, 0.25);
		}

		#banner:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-webkit-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			-ms-transition: opacity 1.5s ease-in-out, visibility 1.5s;
			transition: opacity 1.5s ease-in-out, visibility 1.5s;
			background: #000511;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: 2;
			
		}


		#banner .prev{
		 /*  border-bottom: 2px solid rgba(255, 255, 255, 0.7);
		   border-left: 2px solid  rgba(255, 255, 255, 0.7);*/
		   transform: rotate(45deg);
		   left: 10px;
		}

   
		#banner .next{
		   /*border-bottom: 2px solid rgba(255, 255, 255, 0.7);
		   border-left: 2px solid rgba(255, 255, 255, 0.7);*/
		   transform: rotate(-135deg);
		   right: 10px;
	  }

		#banner .indicators {
			bottom: 1.5em;
			left: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			text-align: center;
			width: 100%;
			z-index: 2;
		}

			#banner .indicators li {
				cursor: pointer;
				display: inline-block;
				height: 2em;
				overflow: hidden;
				padding: 0;
				position: relative;
				text-indent: 2em;
				width: 2em;
			}

				#banner .indicators li:before {
					background: rgba(255, 255, 255, 0.35);
					border-radius: 100%;
					content: '';
					display: inline-block;
					height: 0.8em;
					left: 50%;
					margin: -0.4em 0 0 -0.4em;
					position: absolute;
					text-indent: 0;
					top: 50%;
					width: 0.8em;
				}

				#banner .indicators li.visible:before {
					background: #fff;
				}
		
		#banner &gt; article {
			-moz-transition: opacity 2.5s ease, visibility 2.5s ease;
			-webkit-transition: opacity 2.5s ease, visibility 2.5s ease;
			-ms-transition: opacity 2.5s ease, visibility 2.5s ease;
			transition: opacity 2.5s ease, visibility 2.5s  ease;
			background-attachment: fixed;
			background-position: bottom;
			background-repeat: no-repeat;
			background-size:cover; 


			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			text-align: center;
			top: 0;
			visibility: hidden;
			width: 100%;
			z-index: -1;
		}
			
		
/*
			#banner &gt; article:before {
				content: '';
				display: inline-block;
				height: 100%;
				vertical-align: middle;
			}



			#banner &gt; article:after {
				content: '';
				display: block;
				width: 100%;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0;
				background: #000;
				opacity: 0.35;
	
			}*/
			
			#banner &gt; article .inner {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				z-index: 1;
				/*-webkit-transition: opacity 0.5s ease-out;
					  -moz-transition: opacity 0.5s ease-out;
					  -ms-transition: opacity 0.5s ease-out;
					  -o-transition: opacity 0.5s ease-out;
					  transition: opacity 0.5s ease-out;*/
				opacity: 1;
			}
				#banner &gt; article .inner .row {
					padding-top: 7em;

				}
			/*#banner &gt; article .inner:hover {
				-webkit-transition: opacity 0.2s ease-in;
					  -moz-transition: opacity 0.2s ease-in;
					  -ms-transition: opacity 0.2s ease-in;
					  -o-transition: opacity 0.2s ease-in;
					  transition: opacity 0.2s ease-in;
				opacity:1;
			}
*/
				#banner &gt; article .inner &gt; :last-child {
					margin-bottom: 0;
				}

			#banner &gt; article img {
				
				position: absolute;
			
				padding-bottom: 0;
				margin: 0 0 0.5em 0;
			}
				#banner &gt; article h2:after {
					display: none;
				}

			#banner &gt; article img {
				display: none;
			}

			#banner &gt; article h2 {
				font-family: "Open Sans", Helvetica, sans-serif;
				font-weight: 100;
				font-size: 1.6em;
				padding-bottom: 0;
				margin: 0 0 0.5em 0;
			}
			#banner &gt; article  p{
				text-align: center;
				font-size:130%;

				font-style: italic;
				text-shadow: 1px 3px 1px #000;
				margin:1em 1em 1em 1em;
			}
	
			#banner &gt; article .bubble{				
					background-color: rgba(0, 0, 0, 0.75);
					border: solid 1px rgba(0, 0, 0, 0.08);
					border-radius: 8px;		
				}
			#banner &gt; article .sliderArt{
				padding-bottom:10vh;
			}
			#banner &gt; article .serieArt{
				padding-bottom:5vh;
			}
			#banner &gt; article .sliderRight{
				max-width:75%; 
    			max-height: auto;
				padding-left:10vh;

			}
					
			#banner &gt; article .sliderButt{
				position:absolute;
				top:100%;
				margin-top: 3em;
				
			}
			#banner &gt; article .sliderButt img.dl{
				position: relative;
				display:inline-block;
				transform:translateY(14%);
			}

			#banner &gt; article .shootButton{
				font-size: 1.2em;
				
			}

			#banner &gt; article .sliderLeft{
			max-width:75%; 
    		max-height: auto;
			padding: 0 16vh 0 0;
				
			}
				#banner &gt; article .sliderRight.quark2017{
				max-width:85%; 
    			max-height: auto;
				margin-top:2em;
			}

			
			#banner &gt; article.visible {
				opacity: 1;
				visibility: visible;
			}

			#banner &gt; article.top {
				z-index: 1;
			}

			#banner &gt; article.instant {
				-moz-transition: none !important;
				-webkit-transition: none !important;
				-ms-transition: none !important;
				transition: none !important;
			}

				/*#product_one{

					width:400px;
					height:400px;
					position:relative;
					left:0; right:0;
			        top:0; bottom:0;
			        margin:auto;
					
					max-width:100%;
			        max-height:100%;
			        overflow:auto;
				}
					#product_one img {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				z-index: 1;
					}

					#product_one h2{

						font-weight: 800;
						font-size: 2.75em;
						padding-bottom: 0;
						margin: 0 0 0.5em 0;
					}*/
		body.is-loading #banner:after {
			opacity: 1.0;
			visibility: visible;
			display: none;
		}

		@media screen and (max-width: 1280px) {

			#banner {
				min-height: 35em;
				height: 100vh;
			}

				#banner &gt; article h2 {
					font-size: 2.25em;
				}

				#banner &gt; article .sliderLeft{
					padding :0 2em 0 0 ;
					max-width: 65%;
					max-height: auto;

				}
				#banner &gt; article .sliderRight{
					padding :0 0 0 2em ;
					max-width: 80%;
					max-height: auto;
				}

		}

		@media screen and (max-width: 980px) {

			#banner {
				min-height: 50em;
				height: 100vh;
			}

				#banner &gt; article {
					background-attachment: scroll;
				}
				#banner &gt; article .sliderLeft{
					padding :0 2em 0 0 ;
					max-height: 80%;
					max-width: 80%;
				}

		}

		@media screen and (max-width: 736px) {

			#banner {
				min-height: 25em;
			}

				#banner &gt; article .inner {
					width: 90%;
				}

				#banner &gt; article .inner.sliderRight.quark2017 {
					display:none;
				}


				#banner &gt; article .shootButton{
				font-size: 0.9em;
				
				}
				#banner &gt; article h2 {
					font-size: 1.75em;
					line-height: 1.25em;

				}
			.arrows{
				border-color: rgba(255,255,255,0);
			}

		}

		body.is-mobile #banner &gt; article {
			background-attachment: scroll;
		}
	#series h3{

		text-transform: uppercase;
		font-weight:500;
		padding:0;
		margin-bottom:0.5em;
		color:#fff;
	}	
		#series.description{
			padding-bottom: 0;
		border:1px solid
	


		}

		#series .triangle{
				padding:0;
				position:absolute;
				bottom:-50px;
				margin-left: auto;
				margin-right: auto;
				left: 0;
				right: 0;
				width: 0;
					height: 0;
				border-left: 80px solid transparent;
				border-right: 80px solid transparent;
				border-top: 80px solid #4355A3;
	
				z-index: 2;

		}
/* Custom */
	.custom {
		background-color: #234558;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: scroll;
		background-image: url("images/customTheme.jpg");
		background-position: top left,						center center,					center center;
		background-size: contain;
		overflow: hidden;
		position: relative;
		text-align: center;
		display:table;
		position: relative;
		height: 100vh;
		width:100%;
	}
	

/* Main */

	#main {
		padding: 9em 0em 9em 0em;
		background-color: #234558;
		color: rgba(255, 255, 255, 0.75);
		background-attachment: fixed,							fixed,							fixed;
		/*		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #00A6AA 5%, #0087BF 60%, #007DC6);
*/
		background-image: url("images/overlay2.png"), url("images/overlay3.svg"), linear-gradient(45deg, #4281A6 5%, #234558 60%);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;
		overflow: hidden;
		position: relative;
		text-align: center;
		display:table;
		position: relative;
		height: 100vh;
		width:100%;
	}
	#main:after {
		-moz-transition: opacity 1s ease;
		-webkit-transition: opacity 1s ease;
		-ms-transition: opacity 1s ease;
		transition: opacity 1s ease;
		background-image: linear-gradient(45deg,  #4281A6, #595959);

		content: '';
		height: 100%;
		left: 0;
		opacity: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
#main.colorizer{
		padding: 5em 0em 4em 0em ;
		background-image: url(images/overlay2.png), url(images/overlay3.svg), linear-gradient( 
			130deg
			 , rgba(131,58,180,1) 0%, rgba(253,29,29,1) 50%, rgba(252,176,69,1) 100%);
	}

	#main.colorizer .inner{
	height:100vh;
	}
  	#main.colorizer .inner .row{
	height:100vh;
	}
	#main.colorizer .inner .row.top{
		height: 10vh;
		}
  #main.colorizer .inner .row .container{
  	width: 100%;
  margin: 0 auto;
  max-width: 1280px;

  }
	#main.colorizer .inner .row .container .image-stack {
		  position: relative;
		  width: 100%;
		  z-index:-10;
	}
	#main.colorizer .inner .row .container .image-stack_item_bottom{
		  position: absolute;
		  right: 0;
		  top: 0;
		  width: 100%;
		  z-index: -1;
	}

	#main.colorizer .inner .row .container .image-stack_item_top{
		  padding-top: 1.2%;
		  padding-left: 1.2%;
		  width: 98.75%;
		  height: 100;
	}
	#main.colorizer .inner .row .container .image-stack_item_top .imgBottom{
		position:absolute;
		opacity:0;
		z-index: 0;
	}
  	#main.colorizer .inner .row .container .image-stack_item_top .imgTop{
		position: absolute;
		opacity:1;
		z-index:1;
	}

	/* #main.colorizer .inner .row .container .image-stack_item_top img.fadein{
		-moz-transition:  opacity 0.5s ease-in-out;
		-webkit-transition:  opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		transition:  opacity 0.5s ease-in-;		
		
	}
	#main.colorizer .inner .row .container .image-stack_item_top img.fadeout{
		-moz-transition:  opacity 0.5s ease-out;
		-webkit-transition:  opacity 0.5s ease-out;
		-ms-transition: opacity 0.5s ease-out;
		transition:  opacity 0.5s ease-out;		
	} */
	#main.colorizer h1{
		/* font-family: 'Spartan', sans-serif; */
		/* padding:1.2em 0 0.5em 0; */
		/* font-size:3em; */
		/* font-weight: 700; */
		/* margin: 0.4em 0; */
	}
	#main.colorizer span{
		color:#33EB24;
	}			
		/*#main.fullHeight{
			height:100vh;
		}
		*/
		#main &gt; .inner &gt; header.major:first-child {
				margin-bottom: 0em;
				font-size:120%;
			}

	
	/*#main .content {
		color:#00CCFF;
		text-align: center;	
		font: italic bold 12px/30px;
		font-size: 142%;
		line-height: 27px;
		width:100%;
		border:2px solid red;
	}*/
		
		

	
	#main .actions{
		margin: 1.5em 2em 0em 2em;
		position: relative;
	}

	
	#main .actions:after {
				background: #ffffff;
				content: '';
				height: 100vh;
				left: 50%;
				position: absolute;
				top: 100%;
				width: 1px;
			}
	#main .inner {
		     /* margin: 1.25em 1.25em 1.25em 1.25em; */
		     -moz-transition: -moz-transform 1.5s ease, opacity 2s ease;
		     -webkit-transition: -webkit-transform 1.5s ease, opacity 2s ease;
		     -ms-transition: -ms-transform 1.5s ease, opacity 2s ease;
		     transition: transform 1.5s ease, opacity 2s ease;
		     -moz-transition-delay: 0.25s;
		     -webkit-transition-delay: 0.25s;
		     -ms-transition-delay: 0.25s;
		     transition-delay: 0.25s;
		     -moz-transform: scale(1);
		     -webkit-transform: scale(1);
		     -ms-transform: scale(1);
		     transform: scale(1);
		     opacity: 1;
		     position: relative;
		     z-index: 1;
		     display: table-cell;
		     vertical-align: middle;
		     /* height: 100vh; */
		 }
			#main .inner .playBtnContainer{
				position:relative;
				margin:auto;
				display:block;
				padding: 0;
				text-align: center;
		 		margin-left:auto;	
				margin-right:auto;
				margin-top: 0em;
			}
		
			#main .inner .playBtnContainer button{
			  color:#fff !important;	
			  width: 200px;
			  height: 100px;
			  border: solid 2px #fff ;
			  border-radius: 100px;
			  padding: 0!important;
			  font-size: 110%;
/*			   background-color:#4BAA43;
*//*		  background-image: url('images/music-player-play.png');
			  background-repeat: no-repeat;
	    	
    		background-position: center ;*/
			
	
			}
			  	
		  
		 	 #main .inner .playBtnContainer button:hover {
		    background-color: #5EC05A;
		  
			}	
			#main .inner h1{
				/* margin-top: 0.7em; */
			}
			#main .inner .row{
				margin-top:1em;
				/* height: 80vh; */
			}

			#main .inner .row .right{
				margin-top: 3em;
/*				   display: table;
*/				   height: 100%;
   				 	width: 60%;
/*   				 padding:1em 0 1em 0;
*/   				

   				 	
			}
				@media screen and (max-width:900px){
					#main .inner .row .right{
					border:none;
   				 	width: 100%;
   				 	 text-align: center;
   				 	margin-left:auto;	
					margin-right:auto;	
   				 }
				}
				#main .inner .row .right.standard{	
					margin-top: 9.3em;
				   display: table;
				   height: 100%;
   				 	width: 60%;
   				 	text-align: left;
				}
					@media screen and (max-width:900px){
						#main .inner .row .right.standard{	
						margin-top: 1.3em;
						width: 100%;
   				 		text-align: center;
   				 		margin-left:auto;	
						margin-right:auto;	

   					 	}
					}
			#main .inner .row .right .elm{
					display: table;
					vertical-align:middle;
					text-align: center;
	
					height:4em;		
						/*	margin-left:auto;
						margin-right: auto;*/

			}
				/*@media screen and (max-width:900px){
					#main .inner .row .right .elm{
						margin-left: auto;
						margin-right:auto;
											
					}
				}
				*/

					#main .inner .row .right .elm a{
						color:#fff !important;
					font-size: 160%
					}
			

					#main .inner .row .right .elm .but{
										padding-top: 0.7em;

						display: table-cell;
						width:100%;
   						 vertical-align:middle;
   						 text-align: center;
   				
						font-size: 66%;	

					}
					#main .inner .row .right .elm .bdlArt{
										padding-top: 0.7em;

						display: table-cell;

					}
						#main .inner .row .right .elm .bdlArt img{
						   vertical-align:middle;


					}
				/*#main .inner .row .right .elm .deals{
					color:#f00 !important;
					font-size: 260%
					}	*/


				#main .inner .button.getIt{


	    			margin-top: 1em;
	    			margin-right:1em; 
					border :none;
					border-radius: 4px;
					background-color: #3da845;

					box-shadow: none;
					color: #fff !important;
					font-family: "Source Open Pro", Helvetica, sans-serif;
					font-weight: 100;


				}
					#main .inner .button.getIt:hover {

							


					background-color:#4ab248;

						color: #fff !important;
						box-shadow: none;

						-moz-transition: background-color 0.2s ease-in-out;
						-webkit-transition: background-color 0.2s ease-in-out;
						-ms-transition: background-color 0.2s ease-in-out;
						transition: background-color 0.2s ease-in-out;
						}
					#main .inner .button.getIt.altLeft{

		    			
						font-size: 1.2em;

						float:right;

					}
					#main .inner .button.getIt.altRight{
						font-size: 1.2em;

						float:left;
					}
					@media screen and (max-width:900px){
						#main .inner .button.getIt{
							margin:auto;
							float:none;
							margin-top: 1em;
/*							margin-bottom:1em;
*/							padding-left:1em;
							padding-right:1em;
						}
						#main .inner .button.getIt.altLeft{
						float:none;
						}
						#main .inner .button.getIt.altRight{
						float:none;
						}

						#main .inner .button.getIt:hover {

						border-radius: 4px;
						background-color: #5ba679;
						color: #fff !important;
						box-shadow: none;
						}
					}
			#main .inner .image{
				/* margin: auto; */
				/* width: 100%; */
				/* height: auto; */
				/* max-width: 100%; */
			}

			#main .inner .actions {
				-moz-transition: -moz-transform 1.25s ease;
				-webkit-transition: -webkit-transform 1.25s ease;
				-ms-transition: -ms-transform 1.25s ease;
				transition: transform 1.25s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
			}

		
	

	body.is-loading  .inner {
		-moz-transform: scale(1.05);
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
		/* opacity: 0; */
	}

		body.is-loading #main .inner .actions {
			-moz-transform: translateY(30em);
			-webkit-transform: translateY(30em);
			-ms-transform: translateY(30em);
			transform: translateY(30em);
			/* opacity: 0; */
		}

	body.is-loading #main:after {
		opacity: 1;
	}
	

	
	#main p {
			margin: 0;
			font-size:1.3em;
			font-family:"Source Sans Pro", Helvetica, sans-serif;
		font-weight: 300;
		line-height: 1.65em;
		color: #ffffff;
		
	
		}
	#main ul{

		font-size:1em;
	}

	#main .image {/* margin: auto; *//* width: 100%; */height: auto;max-width: 100%;}

		@media screen and (max-width:800px){

			#main .image {

			margin: auto;
			}
			#main .image img{ 
				

			}
		}	
		@media screen and (max-width:764px){

			#main .image {

			margin: auto;
			padding-top: 0em;
			padding-bottom: 0em;
/*			max-height: 250px;
*/
			}
			#main .image img{ max-width: 250px; }

		}

		#main .icon{

		font-size: 6.25em;
		font-weight: 300;
		line-height: 1.65em;
		color: #ffffff;
	}
				#main .icon img{
					
						width:2em;
					padding-top: 0.75em;

					}
			@media screen and  (min-height:1000px) {
				#main .icon img{
				padding-top: 2em;
				width:2.4em;
			}
			}
			@media screen and  (min-width:1500px){
					#main .icon img{
					
					width:2.4em;
					padding-top: 1.25em;
					}
			
			}
			/*@media screen and  (max-width:1280px){

				#main .icon img{
					
					width:2em;
					padding-top: 0.75em;
					}
			}*/
/* Spotlight*/

	.spotlight{

		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.25);
/*		height:100vh;
*/		overflow: hidden;
		position: relative;

	}

	.spotlight .goto-next{
			
			-moz-transform: translate(0,0);
			-webkit-transform: translate(0,0);
			-ms-transform: translate(0,0);
			transform: translate(0,0);
			-moz-transition: -moz-transform 0.75s ease, opacity 1s ease-in;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 1s ease-in;
			-ms-transition: -ms-transform 0.75s ease, opacity 1s ease-in;
			transition: transform 0.75s ease, opacity 1s ease-in;
			-moz-transition-delay: 0.5s;
			-webkit-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			transition-delay: 0.5s;
			opacity: 1;

	}

	.spotlight.inactive .goto-next {
			-moz-transform: translate(0,1.5em);
			-webkit-transform: translate(0,1.5em);
			-ms-transform: translate(0,1.5em);
			transform: translate(0,1.5em);
			opacity: 0;
		}


		@media screen and  (min-width:1500px){

		}

/* Video Container*/

	#videoContainer{
	background-color: #0094d2; 

	margin:0;

 
	}

		#videoContainer .content{
				left: 0;
			width: 100%;
			padding: 2em 0 4em 0;

		}



		#videoContainer .videoFrame       {
					/*padding:0.5em 9em 1em 9em;*/	
					position:relative;
					width:68%;
				    margin: 0 auto; 
		


				}
		
		#videoContainer .h_iframe        {

			position:relative; padding-top: 58%;
			/*border: double 8px rgba(0,0,0,0.65);*/
			border: double 8px rgba(255,255,255,0.65);
			border-radius: 10px;

			}

		#videoContainer .h_iframe.indigo{
				border: double 8px #eff2fc;
			}	

		#videoContainer .h_iframe iframe {
			position:absolute;top:0px;left:0px;width:100%; height:100%;	
		}

		#videoContainer ul{

			margin:0 0 0 0;
		}
		
			/*@media screen and (max-width:736px){

				.goto-next:before {
				height: 0.8em;
				margin: -0.4em 0 0 -0.6em;
				width: 1.2em;
				}
				#videoContainer {
					padding: 2.5em 0 0.5em 0;
				}
				#videoContainer .videoFrame       {
				padding:1em 0em 1em 0em;
					
				}
				#videoContainer .h_iframe        {
				position:relative;
				 padding-top: 56.25%;
				border: double 8px rgba(0,255,224,0.2);
				border-radius: 10px;
				 height: 0;
				overflow: hidden;
				max-width: 100%;
				}
				#videoContainer .h_iframe iframe {
				position:absolute;top:0px;left:0px;width:100%; height:100%;
				}
				#videoContainer &gt; .inner &gt; header.major:first-child {
						margin-bottom: 2.5em;
				}	
			}*/
	
			


	#dictionaries{
		color:#fff;
		background-color: #0094d2;
	}
		#dictionaries.description{
		}
		#dictionaries.divider{
			border-top:1px solid white;
		}
		#dictionaries ul{
			text-align: center;
		}
/* Footer */

	#footer {
		border-top:2px solid white;
		padding: 4em 0 2em 0 ;
		position: relative;
		text-align: center;
		background-color: #4686a0;
		background-attachment: fixed,							fixed,							fixed;
		background-image: url("images/overlay2.png"), url("images/overlay4.svg"), linear-gradient(45deg, #4281A6 5%, #234558 60%, #595959);
		background-position: top left,						center center,					center center;
		background-size: auto,							cover,							cover;


	}
		#footer .icon{
			color:#04AC90;
		}

		#footer &gt; .inner {
			margin: 0 auto;
			max-width: 90em;
			position: relative;
			width: 90%;
		}

		#footer .copyright {
			color: #fff;
			font-size: 0.9em;
		}

		#footer .menu {
			color: #fff;
			font-size: 0.9em;
			position: absolute;
			right: 0;
			top: 0;
		}

			#footer .menu a {
				color: inherit;
			}

		@media screen and (max-width: 1280px) {

			#footer {
				padding: 3em 0 1em 0 ;
				text-align: center;
			}

				#footer .copyright {
					margin: 0 0 1em 0;
				}
				

				#footer .menu {
					position: relative;
				}

		}

		@media screen and (max-width: 480px) {

			#footer .menu li a span {
				display: none;
			}

		}


/* Navigation Panel */

	#navPanel {
		-moz-transform: translateX(20em);
		-webkit-transform: translateX(20em);
		-ms-transform: translateX(20em);
		transform: translateX(20em);
		-moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s;
		-webkit-overflow-scrolling: touch;
		background-color: #fff;
		box-shadow: none;
		display: none;
		height: 100%;
		max-width: 80%;
		overflow-y: auto;
		position: fixed;
		right: 0;
		top: 0;
		visibility: hidden;
		width: 20em;
		z-index: 10002;
		font-family: "Raleway", Helvetica, sans-serif;
		font-weight: 800;
		text-transform: uppercase;
	}

		#navPanel nav {
			padding: 3em 2em;
		}

		#navPanel .link {
			border: 0;
			border-top: solid 1px #e6e6e6;
			color: inherit !important;
			display: block;
			font-size: 0.9em;
			padding: 0.75em 0;
		}

			#navPanel .link:first-child {
				border-top: 0;
			}

			#navPanel .link.depth-0 {
				font-weight: 700;
				color: inherit !important;
			}

			#navPanel .link .indent-1 {
				display: inline-block;
				width: 1.25em;
			}

			#navPanel .link .indent-2 {
				display: inline-block;
				width: 2.5em;
			}

			#navPanel .link .indent-3 {
				display: inline-block;
				width: 3.75em;
			}

			#navPanel .link .indent-4 {
				display: inline-block;
				width: 5em;
			}

			#navPanel .link .indent-5 {
				display: inline-block;
				width: 6.25em;
			}

		#navPanel .close {
			text-decoration: none;
			-moz-transition: color 0.2s ease-in-out;
			-webkit-transition: color 0.2s ease-in-out;
			-ms-transition: color 0.2s ease-in-out;
			transition: color 0.2s ease-in-out;
			-webkit-tap-highlight-color: transparent;
			border: 0;
			color: #444;
			cursor: pointer;
			display: block;
			height: 4em;
			padding-right: 1.25em;
			position: absolute;
			right: 0;
			text-align: right;
			top: 0;
			vertical-align: middle;
			width: 5em;
		}

			#navPanel .close:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			#navPanel .close:before {
				content: '\f00d';
				width: 3em;
				height: 3em;
				line-height: 3em;
				display: block;
				position: absolute;
				right: 0;
				top: 0;
				text-align: center;
			}

			#navPanel .close:hover {
				color: inherit;
			}

			@media screen and (max-width: 736px) {

				#navPanel .close {
					height: 4em;
					line-height: 4em;
				}

			}

		#navPanel.visible {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
			box-shadow: 0 0 0.125em 0 rgba(0, 0, 0, 0.35);
			visibility: visible;
		}

		@media screen and (max-width: 980px) {

			#navPanel {
				display: block;
			}

		}

		@media screen and (max-width: 736px) {

			#navPanel {
				display: block;
			}

				#navPanel nav {
					padding: 2.25em 1.25em;
				}

		}

/* XLarge */

	@media screen and (max-width: 1680px) {

		/* Basic */


		/* Header */

			/*#header {
				padding: 6em 0 6em 0 ;
			}*/
	/*	ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 8em;
					line-height: 8em;
					width: 8em;
				}*/
				/* Pennant */

			.pennant span:before {
				font-size: 96px;
			}
	}

/* Large */

	@media screen and (max-width: 1280px) {

		/* Basic */

			

			h1 br, h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}

		/* List */

			/*ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 8em;
					line-height: 8em;
					width: 8em;
				}
			*/

		/* Main */

		/*	.main {
				padding: 4em 0 2em 0 ;
			}

				.main.style2 {
					background-attachment: scroll;
				}
*/
		/* Header */

			/*#header {
				padding: 5em 0 5em 0 ;
				background-attachment: scroll;
			}

				#header br {
					display: inline;
				}*/

		/* Footer */

			#footer {
				padding: 4em 0 4em 0 ;
				background-attachment: scroll;
			}
		/* Pennant */

			.pennant span:before {
				font-size: 84px;
			}

		/* Lists */

			ul.pennants li {
				width: 38%;
				max-width: 100%;
				padding: 1em 2em;
			}
	}

/* Medium */

	@media screen and (max-width: 980px) {

		/* List */

			ul.major-icons li {
				padding: 2em;
			}

				ul.major-icons li .icon {
					height: 7em;
					line-height: 7em;
					width: 7em;
				}
			ul.minor-icons li {
				padding: 2em;
			}

				ul.minor-icons li .icon {
					height: 7em;
					line-height: 7em;
					width: 7em;
				}

		/* Main */

			/*.main {
				padding: 5em 3em 3em 3em ;
			}*/

		/* Header */

			/*#header {
				padding: 8em 3em 8em 3em ;
			}*/

		/* Footer */

			#footer {
				padding: 5em 3em 5em 3em ;
			}

		/* One */

			#one {
				text-align: center;
			}

		/* Two */

			#two {
				text-align: center;
			}

	}

/* Small */

	@media screen and (max-width: 736px) {

		/* Basic */

			body, input, select, textarea {
				font-size: 12pt;
			}

			h1 {
				font-size: 1.75em;
			}

			h2 {
				font-size: 1.5em;
			}

			h3 {
				font-size: 1.1em;
			}

			h4 {
				font-size: 1em;
			}

		/* List */

			ul.major-icons li {
				padding: 1.5em;
			}

				ul.major-icons li .icon {
					height: 5em;
					line-height: 5em;
					width: 5em;
				}

					ul.major-icons li .icon:before {
						font-size: 42px;
					}

			ul.minor-icons li {
				padding: 1.5em;
			}

				ul.minor-icons li .icon {
					height: 5em;
					line-height: 5em;
					width: 5em;
				}

					ul.minor-icons li .icon:before {
						font-size: 42px;
					}
			ul.pennants li {
				width: 100%;
				padding: 0.5em 0;
			}

		/* Icon */

			.icon.major {
				margin: 0 0 1em 0;
			}
			
		/* Button */

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			button,
			.button {
				height: 3em;
				line-height: 3em;
			}
		

		/* Main */

			/*.main {
				padding: 3em 1.5em 1em 1.5em ;
			}*/

		/* Header */

			/*#header {
				padding: 4em 3em 4em 3em ;
			}

				#header .actions {
					margin: 2em 0 0 0;
				}*/

		/* Footer */

			#footer {
				padding: 3em 1.5em 3em 1.5em ;
			}

	}

/* XSmall */

	@media screen and (max-width: 480px) {

		/* List */

			ul.actions {
				margin: 0 0 2em 0;
			}

				ul.actions li {
					display: block;
					padding: 1em 0 0 0;
					text-align: center;
					width: 100%;
				}

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

					ul.actions li &gt; * {
						margin: 0 !important;
						width: 100%;
					}

						ul.actions li &gt; *.icon:before {
							margin-left: -2em;
						}

				ul.actions.small li {
					padding: 0.5em 0 0 0;
				}

					ul.actions.small li:first-child {
						padding-top: 0;
					}

		/* Button */

			input[type="submit"],
			input[type="reset"],
			input[type="button"],
			.button {
				padding: 0 1em 0 1em;
			}

		/* Main */

			/*.main {
				padding: 2em 1.5em 0.1em 1.5em ;
			}*/

		/* Header */

			/*#header {
				padding: 4em 2em 4em 2em ;
			}

				#header br {
					display: none;
				}*/

		/* Footer */

			#footer {
				padding: 2em 1.5em 2em 1.5em ;
			}

				#footer .copyright {
					margin: 1.5em 0 0 0;
				}

					#footer .copyright li {
						border: 0;
						display: block;
						margin: 1em 0 0 0;
						padding: 0;
					}

						#footer .copyright li:first-child {
							margin-top: 0;
						}

	}

/* XXSmall */

	@media screen and (max-width: 320px) {

		/* Basic */

			html, body {
				min-width: 320px;
			}

		/* Main */

			/*.main {
				padding: 2em 1em 0.1em 1em ;
			}*/

		/* Header */

			/*#header {
				padding: 3em 1em 3em 1em ;
			}*/

		/* Footer */

			#footer {
				padding: 2em 1em 2em 1em ;
			}

	}
</pre></body></html>