@import url("font-awesome.min.css");

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300italic,400italic");





/*
	Alpha by Pixelarity
	pixelarity.com | hello@pixelarity.com
	License: pixelarity.com/license
*/

/* 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;
                font-family: Raleway;
	}

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

	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: 75em;
		min-width: 60em;
	}

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

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

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

	.container {
		width: 60em;
	}

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

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

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

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

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

		.container {
			width: 60em;
		}

	}

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

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

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

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

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

		.container {
			width: 60em;
		}

	}

	@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%;
		}

	}

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

		.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% !important;
		}

	}

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

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

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

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

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

		.container {
			width: 100% !important;
		}
                
                #banner {
                        padding: 7em 3em 5em 3em ;
                        height: auto;
                        min-height: 0;
                }

                        #banner h2 {
                                font-size: 1.25em;
                        }

                        #banner br {
                                display: none;
                        }

                        #banner .more {
                                display: none;
                        }
                

		/* Portfolio */

			#portfolio {
				overflow: visible;
				margin-top: -1em !important;
			}

				#portfolio header {
					position: relative;
					margin: 0 -20px 1.5em -20px !important;
					padding: 3em 20px 0.5em 20px;
				}

				#portfolio .titles {
					margin-top: 1.5em;
				}

					#portfolio .titles li {
						padding: 0.50em 1.50em;
						margin: 0.75em 0 0.75em 0;
					}


	}

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

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

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

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

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

		.container {
			width: 100% !important;
		}

	}

/* Grid */

	.row {
		border-bottom: solid 1px transparent;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.row > * {
		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 > * > :first-child {
		margin-top: 0;
	}

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

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

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

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

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

	.row > * {
		padding: 0 0 0 2em;
	}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	.row.uniform.\32 5\25 > * {
		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%;
	}

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

		.row > * {
			padding: 0 0 0 2em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 2em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			/*padding: 0 0 0 2em;*/
			padding: 0 0 0 0;                        
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 2em;
                        width: 100%;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			padding: 0 0 0 2em;
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	}

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

		.row > * {
			/*padding: 0 0 0 2em;*/
			padding: 0 0 0 0;                      
		}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

		.\-1u\28mobilep\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: #f5f5f5;
	}

	body, input, select, textarea {
		color: #777;
		font-family: "Source Sans Pro", sans-serif;
		font-size: 16pt;
		font-weight: 300;
		line-height: 1.65em;
		letter-spacing: -0.015em;
	}

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

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

	strong, b {
		color: #646464;
		font-weight: 400;
	}

	em, i {
		font-style: italic;
	}

	p {
		margin: 0 0 2em 0;
color: #fff;                
	}

	h1, h2, h3, h4, h5, h6 {
		color: #646464;
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 0.5em 0;
                font-family: 'Raleway', sans-serif;
	}

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

	h2 {
		font-size: 2.25em;
		line-height: 1.5em;
		letter-spacing: -0.035em;
	}

	h3 {
		font-size: 1.75em;
		line-height: 1.5em;
		letter-spacing: -0.025em;
/*color: #646464;   */
color: #fff; 
	}

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

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

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

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

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


	hr {
		border: 0;
		border-bottom: solid 1px #F3F3F3;
		margin: 1em 0;
                opacity: .25;
	}
      

		hr.major {
			margin: 3em 0;
		}

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

	pre {
		-webkit-overflow-scrolling: touch;
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		line-height: 1.75em;
		margin: 0 0 2em 0;
		overflow-x: auto;
		padding: 1em 1.5em;
	}

	code {
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		font-family: monospace;
		font-size: 0.9em;
		margin: 0 0.25em;
		padding: 0.25em 0.65em;
	}

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

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

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

       .bullet {
		padding: 0em 1em 0 1em;
		color: #839B60;
	}

	ul.style1 li {
		padding: 0.80em 0em;
		border-top: 1px solid #F3F0E0;
	}

	ul.style1 a {
		color: #968d80;
	}

	ul.style1 .first {
		padding-top: 0em;
		border: none;
	}

	ul.style2 {
		overflow: hidden;
	}

		ul.style2 li {
			display: inline-block;
			margin-left: 0.5em;
		}

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

			ul.style2 li a {
				-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;
				text-decoration: none;
				background: #F3F0E0;
				display: block;
				width: 42px;
				height: 42px;
				line-height: 42px;
				text-align: center;
			}

				ul.style2 li a .label {
					/*display: none;*/
				}

				ul.style2 li a:before {
					-moz-transition: color 0.25s ease-in-out;
					-webkit-transition: color 0.25s ease-in-out;
					-ms-transition: color 0.25s ease-in-out;
					transition: color 0.25s ease-in-out;
					display: inline-block;
					font-family: FontAwesome;
					text-decoration: none;
					font-style: normal;
					font-weight: normal;
					-webkit-font-smoothing: antialiased;
					-moz-osx-font-smoothing: grayscale;
					font-size: 24px;
					color: #839B60;
				}

				ul.style2 li a:hover {
					background: #839B60;
				}

					ul.style2 li a:hover:before {
						color: #F3F0E0;
					}

	ul.style3 {
		padding-top: 2em;
	}

		ul.style3 li {
			padding: 0.80em 0em;
			border-top: 1px solid #F3F0E0;
		}

		ul.style3 a {
			color: #968d80;
		}

		ul.style3 .first {
			padding-top: 0em;
			border: none;
		}
                


	.box {
		border-top: 0px solid #839B60;
	}

	.byline {
		display: block;
		font-weight: 300;
		font-style: normal;
                text-align: center;
		font-size: 1.4em;                
	}

	.thumbnail {
		outline: 0;
	}

		.thumbnail .image-full {
			margin-bottom: 0;
		}

		.thumbnail .titlebar {
			-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;
			display: block;                     
			/*background: #292A2B;*/
			background: #FFFFFF; 
			border-bottom: 1px solid #0c0606;
			text-align: center;
			font-weight: 600;
			/*color: #FFFFFF;*/
			color: #292A2B;                        
			padding: 1em 0 1em 0;
                        border-radious: 6px;
		}

		.thumbnail a {
			text-decoration: none;
		}

		.thumbnail:hover .titlebar {
			/*background: #393A3B;*/
			/*background: #9D0B16;  */
                        /*background: #FFFFFF; */
			/*color: #292A2B;   */
                        background: #292A2B; 
			color: #FFFFFF; 
                        border-radius: 6px;
		}


/* Section/Article */

	section.special, article.special {
		text-align: center;
	}

	header p {
		color: #999;
		position: relative;
		margin: 0 0 1.5em 0;
		font-style: italic;
	}

	header h2 + p {
		font-size: 1.25em;
		margin-top: -1em;
		line-height: 1.5em;
	}

	header h3 + p {
		font-size: 1.1em;
		margin-top: -0.85em;
		line-height: 1.5em;
	}

	header h4 + p,
	header h5 + p,
	header h6 + p {
		font-size: 0.8em;
		margin-top: -0.5em;
		line-height: 1.5em;
	}

	header.major {
		padding: 1em 0;
		text-align: center;
	}

		header.major h2 {
			margin: 0;
		}

		header.major p {
			display: inline-block;
			border-top: solid 0px #e5e5e5;
                        color:  #313232;
			/*color: #777;*/
			/*margin: 1.5em 0 0 0;*/
			/*padding: 1.5em 0 0 0;*/
			margin: 0 0 0 0;
			padding: 1em 0 0 0;                        
			font-style: normal;
		}

/* Form */

	form {
		margin: 0 0 2em 0;
	}

	label {
		color: #646464;
		display: block;
		font-size: 0.9em;
		font-weight: 300;
		margin: 0 0 1em 0;
                top: 10px;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	select,
	textarea {
		-moz-appearance: none;
		/*-webkit-appearance: none;*/
		-ms-appearance: none;
		appearance: none;
		background: #f8f8f8;
		border-radius: 6px;
		border: solid 1px #e5e5e5;
		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;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		select:focus,
		textarea:focus {
			border-color: #82a8e0;
			box-shadow: 0 0 0 2px #82a8e0;
		}

	.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 {
			color: #e5e5e5;
			content: '\f078';
			display: block;
			height: 3em;
			line-height: 3em;
			pointer-events: none;
			position: absolute;
			right: 0;
			text-align: center;
			top: 0;
			width: 3em;
		}

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

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

	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: 1;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #777;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: 300;
			padding-left: 2.55em;
			padding-right: 0.75em;
			position: relative;
		}

			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 {
				background: #f8f8f8;
				border-radius: 6px;
				border: solid 1px #e5e5e5;
				content: '';
				display: inline-block;
				height: 1.5em;
				left: 0;
				line-height: 1.725em;
				position: absolute;
				text-align: center;
				/*top: 10px;*/
				width: 1.5em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #666;
			border-color: #666;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #82a8e0;
			box-shadow: 0 0 0 1px #82a8e0;
		}

	input[type="checkbox"] + label:before {
		border-radius: 6px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #999 !important;
		opacity: 1.0;
	}

/* Box */

	.box {
		/*background: #fff; */
                background: rgba(0,0,0,0.5);
                /*background: rgba(31,97,141,0.7);                */
		border-radius: 16px;
		/*box-shadow: 0 2px 0 0 #e5e5e5;*/
		margin: 0 1em 2em 0;
		padding: 1.5em;
                border: 1px solid rgba(255,255,255,0);
	}

		.box > :last-child {
			margin-bottom: 0;
		}

		.box.alt {
			background: none !important;
			border-radius: 16px !important;
			box-shadow: none !important;
			margin: 0 0 2em 0;
			padding: 0 !important;
		}
                
		.box:hover {
			margin: 0 1em 2em 0;
			/*padding: 1em !important;*/
                        /*background: rgba(31,97,141,0.9); */
                        background: rgba(0,0,0,1.0);
                        /*cursor: pointer;*/
                        transition: 0.3s;
                        transform: translate(0, -10px);
                        /*cursor: pointer;*/
                        box-shadow:  0 0 10px 10px rgba(0,0,0,0.6);
		}

                 /*.box:hover h3 { color: #00CCFF!important; }*/
                 /*.box:hover p { color: #00CCFF!important; }*/
                 .box:hover h3 { color: #FFFFFF!important; }
                 .box:hover p { color: #FFFFFF!important; }

                 .box:hover #learnmore, .box:hover #learnmore { background: #04419B!important; border: #04419B}


		.box.features .features-row {
			border-top: solid 2px #e5e5e5;
			position: relative;                     
		}

			.box.features .features-row:after {
				clear: both;
				content: '';
				display: block;
			}

			.box.features .features-row section {
				float: left;
				padding: 3em;
				width: 120%;
			}

				.box.features .features-row section :last-child {
					margin-bottom: 0;
				}

				.box.features .features-row section:nth-child(2n) {
					padding-right: 0;
				}

					.box.features .features-row section:nth-child(2n):before {
						background: #e5e5e5;
						content: '';
						display: block;
						height: 100%;
						margin-left: -3em;
						position: absolute;
						top: 0;
						width: 2px;
					}

				.box.features .features-row section:nth-child(2n-1) {
					padding-left: 0;
				}
                                
			.box.features .features-row:first-child {
				border-top: 0;
			}

				.box.features .features-row:first-child section {
					padding-top: 0;
				}

			.box.features .features-row:last-child {
				padding-bottom: 0;
			}

				.box.features .features-row:last-child section {
					padding-bottom: 0;
				}

		.box.special {
			text-align: center;
                        margin-top: 2em;
		}
                
		.box .image.featured {
			border-radius: 0;
			display: block;
			margin: 3em 0 3em -3em;
			position: relative;
			width: calc(100% + 6em);
		}

			.box .image.featured img {
				border-radius: 0;
				display: block;
				width: 100%;
			}

			.box .image.featured:first-child {
				border-radius: 6px 6px 0 0;
				margin-bottom: 3em;
				margin-top: -3em;
			}

				.box .image.featured:first-child img {
					border-radius: 6px 6px 0 0;
				}

			.box .image.featured:last-child {
				border-radius: 0 0 6px 6px;
				margin-bottom: -3em;
				margin-top: 3em;
			}

				.box .image.featured:last-child img {
					border-radius: 0 0 6px 6px;
				}

/* 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 > .label {
			display: none;
		}

		.icon.major {
			background: #666;
			border-radius: 100%;
			color: #ffffff;
			cursor: default;
			display: inline-block;
			height: 5.5em;                      
			line-height: 5.5em;
			margin: 0 0 2em 0;
			width: 5.5em;                       
		}

			.icon.major:before {
				font-size: 3em;
			}
                        
			.icon.major.accent1 {
				background: #666;
				color: #ffffff;
			}

			.icon.major.accent2 {
				background: #0B62E3;
				color: #ffffff;
			}

			.icon.major.accent3 {
				background: #02B435;
				color: #ffffff;
			}

			.icon.major.accent4 {
				background: #E9031D;
				color: #ffffff;
			}

			.icon.major.accent5 {
				/*background: #EC1702;*/
				background: #EC1702;                                
				color: #ffffff;
			}
                        




			.icon.minor:before {
				font-size: 1.25em;
			        margin: 1em 0 0 0;                                
                        }

			.icon.minor.accent1 {
				background: #ECF0F1;
				color: #1FAECE;
			}
                        
			.icon.minor.accent2 {
				background: #ffffff;
				color: #4F66EC;
			}      
                        
                  	.icon.minor.accent3 {
				background: #F7F9FA;
				color: #E7963B;
			}

                       



/* Image */

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

		.image img {
			border-radius: 6px;
			display: block;
		}
                
		.image.featured {
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}

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

		.image.right {
			float: right;
			padding: 0 0 1em 1.5em;
			top: 0.25em;
		}

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

			.image.fit img {
				display: block;
				width: 100%;                             
			}

/* 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 0 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 #e5e5e5;
				padding: 0.5em 0;
			}

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

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

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

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

				ul.icons li .icon {
					color: inherit;
				}

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

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

			ul.labeled-icons li {
				margin-bottom: 3em;
				padding-left: 4em;
				position: relative;
			}

			ul.labeled-icons .icon {
				cursor: default;
				display: block;
				font-size: 2em;
				left: 0;
				line-height: 1;
				position: absolute;
				top: 0;
			}

		ul.icons-grid {
			list-style: outside none none;
			padding: 0;
			position: relative;
		}

			ul.icons-grid:after {
				clear: both;
				content: '';
				display: block;
			}

			ul.icons-grid li {
				padding: 6em 7em 4em 7em ;
				border-top: solid 1px rgba(144, 144, 144, 0.35);
				display: block;
				float: left;
				width: 50%;
			}

				ul.icons-grid li:nth-child(odd) {
					border-right: solid 1px rgba(144, 144, 144, 0.35);
				}

		ul.counters {
			list-style: outside none none;
			margin-bottom: 0;
			padding: 0;
		}

			ul.counters li {
				padding: 0 1.85em 0.1em 1.85em ;
				display: inline-block;
				margin-bottom: 2em;
				min-width: 13em;
			}

				ul.counters li strong {
					color: #ffffff;
					display: block;
					font-size: 2.5em;
					font-weight: 600;
					height: 2.5em;
                                        width: 5em;
					line-height: 1.8;
					margin-bottom: 0.5em;
					padding: 0.35em;
					position: relative;
                                        border-radius: 2px;
				}

					ul.counters li strong:after {
						border-left: solid 10px transparent;
						border-right: solid 10px transparent;
						border-top: solid 10px transparent;
						bottom: -_size(element-triangle);
						content: '';
						display: block;
						height: 0;
						left: 50%;
						margin-left: -_size(element-triangle);
						position: absolute;
						width: 0;
                                                font-size: 32px;                                                
					}

				ul.counters li.style1 strong {
					background-color: #66ac66;
				}

					ul.counters li.style1 strong:after {
						border-top-color: #66ac66;
					}

				ul.counters li.style2 strong {
					background-color: #56b6da;
				}

					ul.counters li.style2 strong:after {
						border-top-color: #56b6da;
					}

				ul.counters li.style3 strong {
					background-color: #6977cd;
				}

					ul.counters li.style3 strong:after {
						border-top-color: #6977cd;
					}

				ul.counters li.style4 strong {
					background-color: #c16ea6;
				}

					ul.counters li.style4 strong:after {
						border-top-color: #c16ea6;
					}


		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 > * {
					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 > * {
						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;
					}

	dl {
		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 #e5e5e5;
			border-left: 0;
			border-right: 0;
		}

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

		table td {
			padding: 0.75em 0.75em;
		}

		table th {
			color: #646464;
			font-size: 0.9em;
			font-weight: 300;
			padding: 0 0.75em 0.75em 0.75em;
			text-align: left;
		}

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

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

		table.alt {
			border-collapse: separate;
		}

			table.alt tbody tr td {
				border: solid 1px #e5e5e5;
				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;
			}

/* Button */

	input[type="submit"],
	input[type="reset"],
	input[type="button"],
	.button {
		-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: #494949;
		border-radius: 6px;
		border: 0;
		color: #ffffff;
		cursor: pointer;
		display: inline-block;
		font-weight: 400;
		height: 3em;
		line-height: 3em;
		padding: 0 2em;
		text-align: center;
		text-decoration: none;
		white-space: nowrap;
	}

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

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

		input[type="submit"].icon,
		input[type="reset"].icon,
		input[type="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 {
				margin-right: 0.5em;
			}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="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 {
			font-size: 0.8em;
			height: 2.7em;
			line-height: 2.7em;
		}

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

		input[type="submit"].alt,
		input[type="reset"].alt,
		input[type="button"].alt,
		.button.alt {
			background-color: transparent;
			/*box-shadow: inset 0 0 0 1px #e5e5e5;*/
			/*border: 1px solid #e5e5e5;  */
                        border: 1px solid red; 
			/*color: #777;*/
                        color: #fff;                        
		}
                
                
		.button.dark {
			background-color: #0A0A0A;
			/*box-shadow: inset 0 0 0 1px #ffffff;*/
			border: 1px solid #ffffff;                         
			/*color: #777;*/
                        color: #fff;                        
		}
                
		.button.static {
			/*background-color: #35505F;*/
			background-color: #154360;
			/*box-shadow: inset 0 0 0 2px #e5e5e5;*/
			/*color: #777;*/
        		border-radius: 16px;
        		border: 0;
        		color: #ffffff;
        		cursor: pointer;
        		display: inline-block;
        		font-weight: 400;
        		height: 3em;
        		line-height: 3em;
        		padding: 0 2em;
        		text-align: center;
        		text-decoration: none;
        		white-space: nowrap;
                        pointer-events: none;                
        		}
                
		.button.blue {
			background-color: #0246F4;
			/*box-shadow: inset 0 0 0 1px #ffffff;*/
                        border: 1px solid #ffffff; 
			/*color: #777;*/
                        color: #fff;                        
		}
                
		.button.bold {
			background-color: #000F33;
			/*box-shadow: inset 0 0 0 1px #ffffff;*/
			border: 1px solid #ffffff;                        
			/*color: #777;*/
                        color: #fff;                        
		}
                
		.button.transparent {
			background-color: #ECF0F1;
			/*box-shadow: inset 0 0 0 1px #1FAECE;*/
			border: 1px solid #1FAECE;
			/*color: #777;*/                        
                        color:  #1FAECE;
		}
                
		.button.transparent:hover {
			background-color: #1FAECE;
			/*box-shadow: inset 0 0 0 1px #ECF0F1;*/
			border: 1px solid #ECF0F1;                         
			/*color: #777;*/
                        color: #ECF0F1;                        
		}
                
		.button.transparent1 {
			background-color: #F3F3F3;
			/*box-shadow: inset 0 0 0 1px #035CE0;*/
			border: 1px solid #035CE0;                         
			/*color: #777;*/
                        color: #035CE0;                        
		}
                
		.button.transparent1:hover {
			background-color: #035CE0;
			/*box-shadow: inset 0 0 0 1px #F3F3F3;*/
			border: 1px solid #F3F3F3;                         
			/*color: #777;*/
                        color: #F3F3F3;                        
		}
                

		.button.transparent2 {
			background-color: #F7F9FA;
			/*box-shadow: inset 0 0 0 1px #098ED1;*/
			border: 1px solid #098ED1;                         
			/*color: #777;*/
                        color: #E7963B;                        
		}
                
		.button.transparent2:hover {
			background-color: #098ED1;
			/*box-shadow: inset 0 0 0 1px #F7F9FA;*/
			border: 1px solid #F7F9FA;                          
			/*color: #777;*/
                        color: #F7F9FA;                        
		}

			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				/*background-color: #f8f8f8;*/
                                background-color: #053676;                                
			}
                        
			.button.dark:hover {
				/*background-color: #f8f8f8;*/
                                background-color: #053676;                                
			}
                        
			.button.blue:hover {
				/*background-color: #f8f8f8;*/
                                background-color: #042C61;                                
			}
                        
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			input[type="button"].alt:active,
			.button.alt:active {
				background-color: #f0f0f0;
			}

			input[type="submit"].alt.icon:before,
			input[type="reset"].alt.icon:before,
			input[type="button"].alt.icon:before,
			.button.alt.icon:before {
				color: #999;
			}

		input[type="submit"].special,
		input[type="reset"].special,
		input[type="button"].special,
		.button.special {
			background-color: #82a8e0;                     
			color: #ffffff !important;
		}

			input[type="submit"].special:hover,
			input[type="reset"].special:hover,
			input[type="button"].special:hover,
			.button.special:hover {
				background-color: #ecaa96;
			}
                        
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			input[type="button"].alt:hover,
			.button.alt:hover {
				background-color: #04419B!important;
			}

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

		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 {
			background-color: #777 !important;
			box-shadow: inset 0 -0.15em 0 0 rgba(0, 0, 0, 0.15);
			color: #f5f5f5 !important;
			cursor: default;
			opacity: 0.25;
		}

/* Header */

	#page-wrapper {
		padding-top: 3em;
	}

	body.landing #page-wrapper {
		padding-top: 0;              
	}

	@-moz-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-webkit-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@-ms-keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	@keyframes reveal-header {
		0% {
			top: -5em;
		}

		100% {
			top: 0;
		}
	}

	#header {
		/*background: #444;*/
		/*background: #15224f;*/
		/*background: #312783; */
		/*background: #1A5276;*/
		/*background: #087AC3;*/
		/*background: #0C7BD5;*/
		/*background: #154360;*/
		background: #015B93;
		/*background: #1C269A;*/
		color: #bbb;
		cursor: default;
		/*height: 3.25em;*/
		height: 3.8em;
		/*height: 5.6em;*/
		left: 0;
		line-height: 3.25em;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 10000;
	}

		#header h1 {
			color: inherit;
			height: inherit;
			left: 1.25em;
			line-height: inherit;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 0;                       
		}

			#header h1 a {
				color: #fff;
				font-weight: 400;
				border: 0;                             
			}

		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			right: 0.75em;
			top: 0;
			vertical-align: middle;
		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding-left: 0;
			}

				#header nav > ul > li {
					display: inline-block;
					padding-left: 0;
				}

					#header nav > ul > li > ul {
						display: none;
					}

					#header nav > ul > li a {
						display: inline-block;
						height: 2em;
						line-height: 1.95em;
						padding: 0 1em;
						border-radius: 6px;
					}

                                        /*nav buttons with no children */
					#header nav > ul > li a:not(.button) {
						color: #fff;
                                                font-weight: 500;
                                                font-size: 1.15em;
                                                text-transform: capitalize;
						display: inline-block;
						text-decoration: none;
						border: 20;                                             
					}

						#header nav > ul > li a:not(.button).icon:before {
							color: #fff;
							margin-right: 0.5em;
						}

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

					#header nav > ul > li.active a:not(.button) {
						background-color: rgba(0, 153, 153, 0.7);
					}

					#header nav > ul > li .button {
						margin: 0 0 0 0.5em;
						position: relative; 
                                                font-weight: 500;
                                                font-size: 1.15em;
                                                text-transform: capitalize;
					}

		#header input[type="submit"],
		#header input[type="reset"],
		#header input[type="button"],
		#header .button {
			background-color: transparent;                        
			box-shadow: inset 0 0 0 0px #999;
			color: #fff;                         
		}

			#header input[type="submit"]:hover,
			#header input[type="reset"]:hover,
			#header input[type="button"]:hover,
			#header .button:hover {
				background-color: rgba(153, 153, 153, 0.7);
			}

			#header input[type="submit"]:active,
			#header input[type="reset"]:active,
			#header input[type="button"]:active,
			#header .button:active {
				background-color: rgba(153, 153, 153, 0.7);
			}

		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}

		#header.reveal {
			-moz-animation: reveal-header 0.5s;
			-webkit-animation: reveal-header 0.5s;
			-ms-animation: reveal-header 0.5s;
			animation: reveal-header 0.5s;
		}

		#header.alt {
			-moz-animation: none;
			-webkit-animation: none;
			-ms-animation: none;
			animation: none;
			/*background: #0C619C;*/
			background: none;
			color: rgba(255, 255, 255, 0.75);
			position: absolute;
                        /*border-bottom: .5px solid #C2C1C1;*/
		}

			#header.alt nav > ul > li a:not(.button).icon:before {
				color: rgba(255, 255, 255, 0.9);
			}
                        


			#header.alt nav > ul > li.active a:not(.button) {
				background-color: rgba(0, 255, 255, 0.7);
			}
                       


			#header.alt input[type="submit"],
			#header.alt input[type="reset"],
			#header.alt input[type="button"],
			#header.alt .button {
				box-shadow: inset 0 0 0 0px rgba(0, 255, 255, 0.7);                                 
			}
                        
			#header.alt .button.trial {
				box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.5);
                                background-color: #FF0000;                                     
			}
                        
			#header.alt .button.trial:hover {
				box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.5);
                                /*background-color: #E30404; */
                                background-color: #980202;          
			}

				#header.alt input[type="submit"]:hover,
				#header.alt input[type="reset"]:hover,
				#header.alt input[type="button"]:hover,
				#header.alt .button:hover {
					background-color: rgba(0, 255, 255, 0.7);
				}


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

	.dropotron {
		background: #fff;
		border-radius: 6px;
		box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.065), inset 0 -1px 0 0 #fff, inset 0 0 0 1px rgba(229, 229, 229, 0.5);
		list-style: none;
		margin: calc(-0.5em + 1px) 0 0 1px;
		padding: 0.5em 0;
		/*width: 11em;*/
		width: 15em;
	}

		.dropotron li {
			padding: 0;
		}

			.dropotron li a, .dropotron li span {
				-moz-transition: none;
				-webkit-transition: none;
				-ms-transition: none;
				transition: none;
				border: 0;
				border-top: solid 1px #f2f2f2;
				color: inherit;
				display: block;
				padding: 0.15em 1em;
			}

			.dropotron li:first-child > a, .dropotron li:first-child > span {
				border-top: 0;
			}

			.dropotron li.active > a, .dropotron li.active > span, .dropotron li:hover > a, .dropotron li:hover > span {
				/*background: #82a8e0;*/
				/*background: #1B6CE4;  */
				background: #286FD7;                                  
				color: #ffffff;
			}

		.dropotron.level-0 {
			font-size: 1.15em;
			margin: 1em 0 0 0;
                        color: #010101;
		}

			.dropotron.level-0:before {
				-moz-transform: rotate(45deg);
				-webkit-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #fff;
				border: solid 1px rgba(229, 229, 229, 0.5);
				border-bottom: 0;
				border-right: 0;
				box-shadow: -0.25em -0.125em 0.125em 0 rgba(0, 0, 0, 0.015);
				content: '';
				display: block;
				height: 0.75em;
				position: absolute;
				right: 1.25em;
				top: -0.375em;
				width: 0.75em;
				z-index: 0;
			}

/* Banner */

	#banner {
		background-attachment: scroll,							fixed;
		/*background-color: #324871;*/
                   
		/*background-color: #E5E8EA;*/             
		/*background-image: url("images/overlay.png"), url("../../images/banner.jpg");*/
                /* main background img */
		/*background-image: url("../../images/cityscape-2098170_1920.jpg"); */
                           
                /*background-image: url("../../images/cityscape-2098170_1920.jpg"); */
            
                /* 
                cityscape-983986_1920.jpg                
                chelms-varthoumlien-45603.jpg
		background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/cityscape-983986_1920.jpg");
		background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/cityscape-983986_1920.jpg");
		background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/cityscape-983986_1920.jpg");
		background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("../../images/cityscape-983986_1920.jpg");
                */
		background-position: top left,						center center;
		background-repeat: no-repeat;
		background-size: auto,							cover;
		color: #fff;             
		/*padding: 2em 0 20em 0;*/
		padding: 7% 0 20em 0;
		text-align: center;  
                background-size: 1540px 830px;
                height: 830px;
	}

		#banner :last-child {
			margin-bottom: 0em;
		}

		#banner h2, #banner h3, #banner h4, #banner h5, #banner h6 {
			color: #fff;
                        /*color: #19597B;   */
		}

		#banner h2 {
			font-size: 2.75em!important;
			line-height: 1em;
			margin: 1.75em 0 0.5em 0;
			padding: 0;
		}

		#banner p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
		}
                



		#banner input[type="submit"],
		#banner input[type="reset"],
		#banner input[type="button"],
		#banner .button {
			background-color: rgba(0, 0, 0, 0.1);
			box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.5);
			color: #fff;
			min-width: 12em;
                          -webkit-border-radius: 4;
                          -moz-border-radius: 4;
                          border-radius: 4px;                        
                          border: 1px solid #a1a1a1;
                          border-color: red;
 
		}

			#banner input[type="submit"]:hover,
			#banner input[type="reset"]:hover,
			#banner input[type="button"]:hover,
			#banner .button:hover {
				background-color: rgba(255, 255, 255, 0.1);
			}

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

			#banner input[type="submit"].special,
			#banner input[type="reset"].special,
			#banner input[type="button"].special,
			#banner .button.special {
				/*background: #fff;*/                             
				/*color: #666 !important;*/
                                  border: 0px solid #a1a1a1;
                                  color: #ffffff;
                                  /*background: #234EF6;*/
                                  /*background: #015B93;*/
                                  background: #0184D6;
                                  font-weight: 500;
                                  font-size: 16px;
			}
                        
			#banner .button.special:hover {
                                background: #162F8F;
			}
                        
		.button.static {
			/*background-color: #35505F!important;*/
			background-color: #154360!important;
			/*box-shadow: inset 0 0 0 2px #e5e5e5;*/
			/*color: #777;*/
        		border-radius: 6px!important;
        		border: 0!important;
        		color: #ffffff;
        		cursor: pointer;
        		display: inline-block;
        		font-weight: 400;
        		height: 3em;
        		line-height: 3em;
        		padding: 0 2em;
        		text-align: center;
        		text-decoration: none;
        		white-space: nowrap; 
                        pointer-events: none;
		}
/*                
			#banner h2:before, #banner h2:after {
				-moz-transition: width 0.85s ease;
				-webkit-transition: width 0.85s ease;
				-ms-transition: width 0.85s ease;
				transition: width 0.85s ease;
				-moz-transition-delay: 0.25s;
				-webkit-transition-delay: 0.25s;
				-ms-transition-delay: 0.25s;
				transition-delay: 0.25s;
				background: #fff;
				content: '';
				display: block;
				height: 2px;
				position: -10em;
				width: 50%;
                                margin-left: 25%;
                                margin-right: 25%;
			}

			#banner h2:before {
				top: 0;
				left: 0;
			}

			#banner h2:after {
				bottom: 0;
				right: 0;
			}
*/                        
                
		#banner .more {
			-moz-transition: -moz-transform 0.75s ease, opacity 0.75s ease;
			-webkit-transition: -webkit-transform 0.75s ease, opacity 0.75s ease;
			-ms-transition: -ms-transform 0.75s ease, opacity 0.75s ease;
			transition: transform 0.75s ease, opacity 0.75s ease;
			-moz-transition-delay: 3.5s;
			-webkit-transition-delay: 3.5s;
			-ms-transition-delay: 3.5s;
			transition-delay: 3.5s;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			border: none;
			bottom: 0;
			color: inherit;
			font-size: 0.8em;
			height: 8.5em;
			left: 50%;
			letter-spacing: 0.225em;
			/*margin-left: -8.5em;*/
			margin-left: -6.5em;
			margin-top: -6.5em!important;                        
			opacity: 1;
			outline: 0;
			padding-left: 0.225em;
			position: absolute;
			top: 610px;                        
			text-align: center;
			text-transform: uppercase;
			width: 16em;
			z-index: 1;
		}

			#banner .more:after {
				background-image: url("../../images/arrow.svg ");
				background-position: center;
				background-repeat: no-repeat;
				background-size: contain;
				bottom: 4em;
				content: '';
				display: block;
				height: 1.5em;
				left: 50%;
				margin: 0 0 0 -0.75em;
				position: absolute;
				width: 1.5em;
			}       
                        
      		#banner:after {
			-moz-pointer-events: none;
			-webkit-pointer-events: none;
			-ms-pointer-events: none;
			pointer-events: none;
			-moz-transition: opacity 3s ease-in-out;
			-webkit-transition: opacity 3s ease-in-out;
			-ms-transition: opacity 3s ease-in-out;
			transition: opacity 3s ease-in-out;
			-moz-transition-delay: 1.25s;
			-webkit-transition-delay: 1.25s;
			-ms-transition-delay: 1.25s;
			transition-delay: 1.25s;
			content: '';
			background: #2e3842;
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			opacity: 0;
		}
                        

	body.is-loading #banner h2 {
		-moz-transform: scale(0.95);
		-webkit-transform: scale(0.95);
		-ms-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
	}

		body.is-loading #banner h2:before, body.is-loading #banner h2:after {
			width: 0;
		}

	body.is-loading #banner .more {
		-moz-transform: translateY(8.5em);
		-webkit-transform: translateY(8.5em);
		-ms-transform: translateY(8.5em);
		transform: translateY(8.5em);
		opacity: 0;
	}

	body.is-loading #banner:after {
		opacity: 1;
	}   


/* Main */

	#main {
		/*padding: 4em 0;   */
                padding: 0em 0; 
	}

		#main > header {
			text-align: center;
			margin: 0 0 3em 0;
		}

			#main > header h2 {
				font-size: 2.75em;
				margin: 0;
			}

			#main > header p {
				border-top: solid 2px #e5e5e5;
				color: #777;
				display: inline-block;
				font-style: normal;
				margin: 1em 0 0 0;
				padding: 1em 0 1.25em 0;                            
			}

	body.landing #main {
		margin-top: -15em;
	}


/* Footer */

	#footer {
		/*background: #1C2442;*/
		/*background: #ffffff;*/
                background: #525252;  
		padding: 4em 0 6em 0;
		padding: 2em 0 2em 0;                
		text-align: center;
	}

		#footer .icons a {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			opacity: 1;
		}

			#footer .icons a:hover {
                                color: #red;
				opacity: 0.75;
			}

		#footer .copyright {
			color: #999;
			font-size: 0.9em;
			line-height: 1em;
			margin: 2em 0 0 0;
			padding: 0;
			text-align: center;
		}

			#footer .copyright a {
				color: inherit;
			}

			#footer .copyright li {
				border-left: solid 1px #dddddd;
				display: inline-block;
				list-style: none;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}
		.footer-bottom .icons a {
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			opacity: 1;
		}

			.footer-bottom .icons a:hover {
				opacity: 0.6;
			}


/* CTA */

	#cta {
		/*background: #82a8e0;*/
		background: #1B213E;                
		color: #e2eaf7;
		padding: 3.5em 0 4em 0;
		text-align: center;
	}

		#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
			color: inherit;
		}

		#cta form {
			margin: 0 auto;
			max-width: 100%;
			width: 25em;
		}

		#cta input[type="submit"],
		#cta input[type="reset"],
		#cta input[type="button"],
		#cta .button {
			box-shadow: none;
			background: #666;
			color: #82a8e0;
                        border-radius: 6px;
		}
                
                #cta .button:hover {
                          background: #162F8F;
                }

                #cta .button.special {                               
                          border: 0px solid #a1a1a1;
                          color: #ffffff;
                          background: #234EF6;
                        border-radius: 6px;                          
                }

                #cta .button.special:hover {
                          background: #162F8F;
                }


		#cta input[type="text"],
		#cta input[type="password"],
		#cta input[type="email"],
		#cta select,
		#cta textarea {
			color: #ffffff;
			background: rgba(255, 255, 255, 0.15);
			border: 0;
		}

			#cta input[type="text"]:focus,
			#cta input[type="password"]:focus,
			#cta input[type="email"]:focus,
			#cta select:focus,
			#cta textarea:focus {
				box-shadow: inset 0 0 0 2px #fff;
			}

		#cta ::-webkit-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta :-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta ::-moz-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta :-ms-input-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}

		#cta .formerize-placeholder {
			color: rgba(255, 255, 255, 0.75) !important;
		}


/* Wide */

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

		/* Basic */

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

		/* Banner */

			#banner {
				padding: 10em 0 18em 0;
			}

	}

/* Normal */

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

		/* Basic */

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

		/* Header */

			.dropotron.level-0 {
				font-size: 1em;
			}

		/* Banner */

			#banner {
				background-attachment: scroll;
			}

				#banner h2 {
					font-size: 3.5em;
				}

	}

/* Narrow */

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

		/* Basic */

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

                        .beforeafter {
                            display: none!important;
                        }

                        #solutions {
                            height: 200px!important;
                        }

	}

/* Narrower */

	#navPanel, #navButton {
		display: none;
	}
        


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

		/* Basic */

			html, body {
				overflow-x: hidden;
			}

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

			h2 br, h3 br, h4 br, h5 br, h6 br {
				display: none;
			}
                        

		/* Section/Article */

			header br {
				display: none;
			}

			header.major {
				padding: 0 4em;
			}

		/* Box */

			.box {
				padding: 3em 2em;
			}

				.box.features > section {
					padding: 3em 2em;
				}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Header */

			#page-wrapper {
				padding-top: 0;
			}

			#header {
				display: none;
			}

		/* Banner */

		/* Off-Canvas Navigation */

			#page-wrapper {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				padding-bottom: 1px;                               
			}

			#navButton {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 44px;
				left: 0;
				position: fixed;
				top: 0;
				width: 100%;
				z-index: 10001;
			}

				#navButton .toggle {
					text-decoration: none;
					height: 100%;
					left: 0;
					position: absolute;
					top: 0;
					width: 10%;
					border: 0;
					outline: 0;
				}

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

					#navButton .toggle:before {
						background: rgba(192, 192, 192, 0.75);
						border-radius: 6px;
						color: #fff;
						content: '\f0c9';
						display: block;
						font-size: 16px;
						height: 2.25em;
						left: 0.5em;
						line-height: 2.25em;
						position: absolute;
						text-align: center;
						top: 0.5em;
						width: 2.25em;
					}

			#navPanel {
				-moz-backface-visibility: hidden;
				-webkit-backface-visibility: hidden;
				-ms-backface-visibility: hidden;
				backface-visibility: hidden;
				-moz-transform: translateX(-275px);
				-webkit-transform: translateX(-275px);
				-ms-transform: translateX(-275px);
				transform: translateX(-275px);
				-moz-transition: -moz-transform 0.5s ease;
				-webkit-transition: -webkit-transform 0.5s ease;
				-ms-transition: -ms-transform 0.5s ease;
				transition: transform 0.5s ease;
				display: block;
				height: 100%;
				left: 0;
				overflow-y: auto;
				position: fixed;
				top: 0;
				width: 275px;
				z-index: 10002;
				background: #2b2b2b;
				color: #bbb;
			}

				#navPanel .link {
					border-bottom: 0;
					border-top: solid 1px rgba(255, 255, 255, 0.05);
					color: #bbb;
					display: block;
					height: 44px;
					line-height: 44px;
					padding: 0 1em 0 1em;
					text-decoration: none;
				}

					#navPanel .link:first-child {
						border-top: 0;
					}

					#navPanel .link.depth-0 {
						color: #fff;
					}

					#navPanel .link .indent-1 {
						display: inline-block;
						width: 1em;
					}

					#navPanel .link .indent-2 {
						display: inline-block;
						width: 2em;
					}

					#navPanel .link .indent-3 {
						display: inline-block;
						width: 3em;
					}

					#navPanel .link .indent-4 {
						display: inline-block;
						width: 4em;
					}

					#navPanel .link .indent-5 {
						display: inline-block;
						width: 5em;
					}

			body.navPanel-visible #page-wrapper {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navButton {
				-moz-transform: translateX(275px);
				-webkit-transform: translateX(275px);
				-ms-transform: translateX(275px);
				transform: translateX(275px);
			}

			body.navPanel-visible #navPanel {
				-moz-transform: translateX(0);
				-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
				transform: translateX(0);
			}
                        
                        
                /* turn off secondary horizontal menus on smaller screens */
                
                        #nav_container {
                                display: none;
                                }

                        #div_background {
                                display: none;
                                }


                        .footer-bottom {
                                margin-top: -4em;
                                }
                                
                        .title-widget {
                                font-size: 14px!important;
                                padding-left: 0px!important;                                
                                }
                                
                        .widget_nav_menu ul li {
                            text-align: center;
                            width: 100%;
                            font-size: 12px!important;
                        }
                        
                        #legal {
                            text-align: left!important;
                        }
                        
                        form {
                            width:280px!important;
                        }
                        
                        .blog_header {
                            /*margin-left: -25%!important;                          */
                        }

                        #blog_img {
                            width: 280px;
                        }
                        
                        #inline_img_text {
                            display: none;
                        }
                        
               /* turn off secondary horizontal menu on index for setup, collect, collaborate */
                
                        #setup {
                                display: none;
                                }
                                
                        #deploy {
                                display: none;
                                }
                                
                        #collaborate {
                                display: none;
                                }

/* resize buttons and text on pricing page */
.btn-group-lg > .btn {
  padding: 2px 2px!important;
  font-size: 11px!important;
  line-height: 1.0!important;
  border-radius: 4px!important;
}

		#banner h2 {
			margin: 2.75em 0 0.5em 0;
		}

                        
		#useheader {
			margin-bottom: 2.5em!important;
		}
                        
		#fade-in {
			display:none!important;
		}


                        .blog_meta span { 
                           font-size: 10px!important; 
                           text-align: right!important;
                        }
                        
                        .blog_subtitle span { 
                           display: none;
                        }
                        
                        .blog_title span { 
                           font-size: 14px!important;
                           margin-left: -2em;  
                           line-height: 1.5;
                           text-align: left!important;
                           margin-right: 8%;         
                        }
                        
                        .blog_title_rest span { 
                           font-size: 12px!important;
                           margin-left: -2em; 
                           line-height: 1.5; 
                           text-align: left!important;  
                        }
                        
                        .listcontent { 
                           font-size: 14px!important;
                        }
                        
                        .beforeafter {
                            display: none!important;
                        }
                        
                         #solutions {
                            height: 240px!important;
                        }

                         #ov_features {
                            height: 260px!important;
                        }
                        
                        /* hide svg diagram on small screens and show text div instead */
                        #diagram-text {
                            display: block!important;
                        }   
                        
                        #diagram {
                            display: none!important;
                        } 
                        
                	.byline {
                		font-size: 1.2em!important; 
                                text-align: left!important; 
                                /*width: 260px!important; */
                                margin-left: 0px!important;
                	}

	}

/* Mobile */

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

		/* Basic */

			body, input, select, textarea {
				font-size: 11pt;
			}
                        
			h1 {
				/*font-size: 1.75em!important;*/
				font-size: 2.25em!important;                                
				line-height: 1.25em!important;
				letter-spacing: -0.025em!important;
                                text-align: center!important;                             
			}

			h2 {
				/*font-size: 1.75em!important;*/
				font-size: 1.75em!important;                                
				line-height: 1.35em!important;
				letter-spacing: -0.025em!important;
                                text-align: left!important;                                 
			}

			h3 {
				font-size: 1.25em!important;
				line-height: 1.25em;   
                                text-align: left!important; 
			}

			h4 {
				font-size: 1.1em!important;
				line-height: 1.25em;  
                                text-align: left!important; 
			}
                        
			p {
				font-size: 1.1em!important;
                                line-height: 1.25em!important;  
                                text-align: left!important; 
			}
                        
			span {
				font-size: 1.15em!important;
                                text-align: center!important;
			}
                        
			.feature_div {
                                height: 300px!important;
			}
                        
			.feature_div1 {
                                height: 600px!important;
			} 
                             
                        .feature_div2 {
                                height: 300px!important;
			} 
                        
                        #content1 {
                                text-align: left!important;
			} 
                        #content2 {
                                text-align: left!important;
			} 
                        #content3 {
                                text-align: left!important;
			} 
                        #content4 {
                                text-align: left!important;
			} 
                        #content5 {
                                text-align: left!important;
			} 
                        #content6 {
                                text-align: left!important;
			}  
                        #content7 {
                                text-align: left!important;
			} 

     
		.button.static {
			background-color: #35505F;
			/*box-shadow: inset 0 0 0 2px #e5e5e5;*/
			/*color: #777;*/
        		border-radius: 8px;
        		border: 0;
        		color: #ffffff;
        		cursor: pointer;
        		display: inline-block;
        		font-weight: 400;
                        font-size: 14px!important;
        		height: 2em;
        		line-height: 2em;
        		padding: 0 2em;
        		text-align: center!important;
        		text-decoration: none;
        		white-space: nowrap;
                        pointer-events: none; 
    margin-left: 20%!important;
    margin-right: 20%!important;
        margin-top: 14em!important;
		}
                
		#banner {
			height: 780px!important;
		}
                
		#fealist {
			text-align: center!important;
		}
                
		#wrapbackground {
			display: none!important;
		}

                
		.button .alt {
			/*background-color: #35505F;*/
			background-color: #ffffff;                        
        		border-radius: 8px;
        		border: 0;
        		color: #ffffff;
        		cursor: pointer!important;
        		display: inline-block;
        		font-weight: 400;
                        font-size: 14px!important;
        		height: 2em;
                        width: 10em;
        		line-height: 2em;
        		padding: 0 2em;
        		text-align: center!important;
        		text-decoration: none;
        		white-space: nowrap;
                        margin-left: 20%!important;
                        margin-right: 20%!important;
		}
                
                
                        #learnmore {
                                display: none;
                                } 
                                
                      #leftalign {
                        text-align: left!important;
                        margin-left: 0%;
                        margin-right: 0%;
                        } 

           
			.wrapper {
			   width: 100%!important;
                           text-align: center!important;                                
			}

			#glowy {
			   display: none!important;                               
			}
                        
			#Platform1 {
			   display: none!important;                               
			}     
                                        
			#svg2 {
			   display: none!important;                               
			} 
                        
			#svg {
			   display: none!important;                               
			}    
                        
.box {
/*display: none!important;*/
}                     


		/* Section/Article */

			header.major {
				padding: 1em;
			}

				header.major h2, header.major p {
					padding-left: 0.5em;
					padding-right: 0.5em;
				}

		/* Box */

			.box {
				margin: 1em;
				overflow-x: hidden;
				padding: 2em 2em !important;
			}

				.box.features .features-row {
					border-top: 0;
					padding: 0;
				}

					.box.features .features-row section {
						border: 0;
						border-top: solid 1px #e5e5e5 !important;
						float: none;
						margin: 2em 0 0 0 !important;
						padding: 2em 0 0 0 !important;
						width: 100%;
					}

					.box.features .features-row:first-child section:first-child {
						border-top: 0 !important;
						margin-top: 0 !important;
						padding-top: 0 !important;
					}

				.box .image.featured {
					margin-left: -2em;
					width: calc(100% + 4em);
				}

					.box .image.featured:first-child {
						margin-bottom: 2em;
						margin-top: -2em;
					}

					.box .image.featured:last-child {
						margin-bottom: -2em;
						margin-top: 2em;
					}

		/* Banner */

			#banner {
				padding: 4em 0;
			}

				#banner h2 {
					font-size: 2.25em;
				}

				#banner p {
					font-size: 1.25em;
				}
                                
		/* CTA */

			#cta {
				padding: 4em 0;
			}

				#cta h2 {
					font-size: 2.25em;
				}

				#cta p {
					font-size: 1.25em;
				}
                                
                              
                                
		/* InfoOne */

			#infoone {
				padding: 1em 0;
			}

				#infoone h2 {
					font-size: 1.75em;
				}
                                
				#infoone h3 {
					font-size: 1.25em;
				}
                                
				#infoone h4 {
					font-size: 1.0em;
				}

				#infoone p {
					font-size: 1.25em;
				}
                                
				#infoone img {
					/*height: 280px;*/
					/*width: 470px;  */
					display: none;
				}

		/* Main */

			#main {
				padding: 4em 0 0 0;                             
			}

				#main > header {
					margin: 0 2em 1.5em 2em;
				}

					#main > header h2 {
						font-size: 2em;
					}

					#main > header p {
						font-size: 1em;
						padding-bottom: 1em;
					}

			body.landing #main {
				padding: 0;
				margin-top: 0;                              
			}

		/* Footer */

			#footer {
				padding: 4em 0;
			}

				#footer .copyright li {
					border-left: 0;
					display: block;
					line-height: 2em;
					margin-left: 0;
					padding-left: 0;
				}

	}

/* Mobile (Portrait) */

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

		/* Basic */

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

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

		/* Section/Article */

			header.major {
				padding: 0;
			}

		/* 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 > * {
						width: 100%;
						margin: 0 !important;
					}

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

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

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

		/* Box */

			.box {
				border-radius: 16px;
				box-shadow: none;
				margin: 1em 1em 1em 1em;
				/*padding: 3em 1em !important;*/
                                pointer-events:none;
			        padding: 1em !important;
                                /*left: 50%;*/
		width: 100%;                                
			}

				.box.features .features-row section {
					margin: 3em 0 0 0 !important;
					padding: 3em 0 0 0 !important;
				}

				.box .image.featured {
					border-radius: 0;
					margin-left: -1em;
					width: calc(100% + 2em);
				}

					.box .image.featured img {
						border-radius: 0 !important;
					}

					.box .image.featured:first-child {
						margin-bottom: 3em;
						margin-top: -3em;
					}

					.box .image.featured:last-child {
						margin-bottom: -3em;
						margin-top: 3em;
					}

		/* Banner */

			#banner {
				padding: 5em 1em 4em 1em;
			}

		/* Main */

			#main > .box:first-child {
				margin-top: 0;
			}

		/* CTA */

			#cta {
				padding: 2.5em 1em 3em 1em;
			}

	}



/* new css code added that wasn't in original template */
.boxA,
.boxB,
.boxC
	{
		width: 320px;
	}

	.boxA,
	.boxB
	{
		float: left;
		margin-right: 20px;
	}
	
	.boxC
	{
		float: right;
	}

/*
.box-new
{
	padding: 3em 2em 2em 2em;
	border: 1px solid white;
	border-radius: 8px;
	text-align: center;
    background:#666;
    opacity:.8;
    color: #fff;
}

.box-new:hover
{
	padding: 3em 2em 2em 2em;
	border: 1px solid white;
	border-radius: 8px;
	text-align: center;
    opacity:1;
}
*/

.caption {
    display: block;
    color: #FFFFFF;
    /*font-family: Raleway;*/
    font-size: 24px;
}

.caption1 {
    display: block;
    color: #FFFFFF;
    /*font-family: Raleway;*/
    font-size: 18px;
}




/* Posts */

	.posts {
		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;
	}

		.posts > article {
			width: 33.33333%;
			border-style: solid;
			border-right-width: 1px;
			border-bottom-width: 1px;
			padding: 2.75em;
		}

			.posts > article .image {
				margin: -1.375em 0 3.125em -1.375em;
				display: block;
				position: relative;
				width: calc(100% + 2.75em);
			}

				.posts > article .image img {
					width: 100%;
				}

			.posts > article > :last-child {
				margin-bottom: 0;
			}

				.posts > article > :last-child > :last-child {
					margin-bottom: 0;
				}

			.posts > article:nth-child(3n) {
				border-right-width: 0;
			}

			.posts > article:nth-last-child(1), .posts > article:nth-last-child(2), .posts > article:nth-last-child(3) {
				border-bottom-width: 0;
			}

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

			.posts > article {
				width: 50%;
			}

				.posts > article:nth-child(2n) {
					border-right-width: 0;
				}

				.posts > article:nth-child(3n) {
					border-right-width: 1px;
				}

				.posts > article:nth-last-child(3) {
					border-bottom-width: 1px;
				}
                                
                        #diagram {
                            width: 980px!important;
                        }

		}

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

			.posts > article {
				padding: 2.75em 2em;
			}

				.posts > article .image {
					margin: -1.375em 0 2.4375em -1em;
					width: calc(100% + 2em);
				}

		}

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

			.posts > article {
				padding: 1em 1em 2em 1em;
			}

				.posts > article .image {
					margin: 0 0 1.75em 0;
					width: 100%;
				}

		}

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

			.posts > article {
				width: 100%;
				border-right-width: 0 !important;
			}

				.posts > article:nth-last-child(2) {
					border-bottom-width: 1px;
				}

		}

	.posts > article {
		border-color: #dbdbdb;
	}



/* Wrapper */

	.wrapper {
		position: relative;
	}
        


		.wrapper > .inner {
			padding: 5em 5em 3em 5em ;
			max-width: 100%;
			width: 75em;
		}

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

				.wrapper > .inner {
					padding: 4em 4em 2em 4em ;
				}

			}

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

				.wrapper > .inner {
					width: 100%;
				}

			}

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

				.wrapper > .inner {
					padding: 3em 2em 1em 2em ;
				}

			}

		.wrapper.alt {
			background-color: #1c2638;
		}

		.wrapper.style1 {
			background-color: #96A8C6;
		}

		.wrapper.style1-alt {
			background-color: #335081;
		}

		.wrapper.style2 {
			/*background-color: #3f8eb3;*/
			background-color: #ffffff;                        
		}

		.wrapper.style2-alt {
			/*background-color: #32708d;*/
			background-color: #ECF0F1;                        
                        

		}

		.wrapper.style3 {
			background-color: #4ca07e;
		}

		.wrapper.style3-alt {
			background-color: #3c7d63;
		}
                
		.wrapper.style4 {
			/*background-color: #E8E9E9;*/
			background-color: #fff;
		}

		.wrapper.style4-alt {
			background-color: #B6B6B6;
		}
                
		.wrapper.style5 {
			background-color: #F7F9FA;
		}

		.wrapper.style5-alt {
			background-color: #B6B6B6;
		}

		.wrapper.fullscreen {
			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-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			min-height: 100vh;
		}

			body.is-ie .wrapper.fullscreen {
				height: 100vh;
			}

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

				.wrapper.fullscreen {
					min-height: calc(100vh - 2.5em);
				}

					body.is-ie .wrapper.fullscreen {
						height: calc(100vh - 2.5em);
					}

			}

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

				.wrapper.fullscreen {
					padding: 2em 0;
					min-height: 0;
				}

					body.is-ie .wrapper.fullscreen {
						height: auto;
					}

			}

		.wrapper.fade-up > .inner {
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			-moz-transition: opacity 1s ease, -moz-transform 1s ease;
			-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
			-ms-transition: opacity 1s ease, -ms-transform 1s ease;
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade-up.inactive > .inner, body.is-loading .wrapper.fade-up > .inner {
			opacity: 0;
			-moz-transform: translateY(1em);
			-webkit-transform: translateY(1em);
			-ms-transform: translateY(1em);
			transform: translateY(1em);
		}

		.wrapper.fade-down > .inner {
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			-moz-transition: opacity 1s ease, -moz-transform 1s ease;
			-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
			-ms-transition: opacity 1s ease, -ms-transform 1s ease;
			transition: opacity 1s ease, transform 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade-down.inactive > .inner, body.is-loading .wrapper.fade-down > .inner {
			opacity: 0;
			-moz-transform: translateY(-1em);
			-webkit-transform: translateY(-1em);
			-ms-transform: translateY(-1em);
			transform: translateY(-1em);
		}

		.wrapper.fade > .inner {
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			opacity: 1.0;
		}

		.wrapper.fade.inactive > .inner, body.is-loading .wrapper.fade > .inner {
			opacity: 0;
		}
                

/* Spotlights */

	.spotlights > section {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		-moz-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		min-height: 22.5em;
	}

		body.is-ie .spotlights > section {
			min-height: 0;
		}

		.spotlights > section > .image {
			background-position: center center;
			background-size: cover;
			border-radius: 0;
			display: block;
			position: relative;
			width: 25em;
		}

			.spotlights > section > .image img {
				border-radius: 0;
				display: block;
			}

			.spotlights > section > .image:before {
				-moz-transition: opacity 1s ease;
				-webkit-transition: opacity 1s ease;
				-ms-transition: opacity 1s ease;
				transition: opacity 1s ease;
				background: rgba(37, 49, 73, 0.9);
				content: '';
				display: block;
				height: 100%;
				left: 0;
				opacity: 0;
				position: absolute;
				top: 0;
				width: 100%;
			}

		.spotlights > section > .content {
			padding: 4em 5em 2em 5em ;
			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-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			width: 150em;
			-ms-flex: 1;
		}

			.spotlights > section > .content > .inner {
				-moz-transform: translateX(0) translateY(0);
				-webkit-transform: translateX(0) translateY(0);
				-ms-transform: translateX(0) translateY(0);
				transform: translateX(0) translateY(0);
				-moz-transition: opacity 1s ease, -moz-transform 1s ease;
				-webkit-transition: opacity 1s ease, -webkit-transform 1s ease;
				-ms-transition: opacity 1s ease, -ms-transform 1s ease;
				transition: opacity 1s ease, transform 1s ease;
				opacity: 1;
			}

		.spotlights > section:nth-child(2) {
			background-color: rgba(0, 0, 0, 0.05);
		}

		.spotlights > section:nth-child(3) {
			background-color: rgba(0, 0, 0, 0.1);
		}

		.spotlights > section.inactive > .image:before, body.is-loading .spotlights > section > .image:before {
			opacity: 1;
		}

		.spotlights > section.inactive > .content > .inner, body.is-loading .spotlights > section > .content > .inner {
			-moz-transform: translateX(-1em);
			-webkit-transform: translateX(-1em);
			-ms-transform: translateX(-1em);
			transform: translateX(-1em);
			opacity: 0;
		}

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

			.spotlights > section > .content {
				padding: 0em 3em 2em 3em ;
			}

		}

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

			.spotlights > section {
				display: block;
			}

				.spotlights > section > .image {
					width: 100%;
					height: 50vh;
				}

				.spotlights > section > .content {
					width: 100%;
				}

				.spotlights > section.inactive > .content > .inner, body.is-loading .spotlights > section > .content > .inner {
					-moz-transform: translateY(1em);
					-webkit-transform: translateY(1em);
					-ms-transform: translateY(1em);
					transform: translateY(1em);
				}

		}

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

			.spotlights > section > .image {
				height: 50vh;
				min-height: 15em;
			}

			.spotlights > section > .content {
				padding: 3em 2em 1em 2em ;
			}

		}


/* Sidebar */

	#sidebar {
		padding: 1.0em 1.0em 0.5em 1.0em ;
		background: #253149;
		cursor: default;
		height: 100vh;
		left: 0;
		overflow-x: hidden;
		overflow-y: auto;
		position: fixed;
		text-align: right;
		top: 0;
		width: 18em;
		z-index: 10000;
	}

		#sidebar > .inner {
			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-justify-content: center;
			-webkit-justify-content: center;
			-ms-justify-content: center;
			justify-content: center;
			-moz-transform: translateY(0);
			-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
			transform: translateY(0);
			-moz-transition: opacity 1s ease;
			-webkit-transition: opacity 1s ease;
			-ms-transition: opacity 1s ease;
			transition: opacity 1s ease;
			min-height: 100%;
			opacity: 1;
			width: 100%;
		}

			body.is-ie #sidebar > .inner {
				height: 100%;
			}

		#sidebar nav > ul {
			list-style: none;
			padding: 0;
		}

			#sidebar nav > ul > li {
				-moz-transform: translateY(0);
				-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
				transform: translateY(0);
				-moz-transition: opacity 0.15s ease, -moz-transform 0.75s ease;
				-webkit-transition: opacity 0.15s ease, -webkit-transform 0.75s ease;
				-ms-transition: opacity 0.15s ease, -ms-transform 0.75s ease;
				transition: opacity 0.15s ease, transform 0.75s ease;
				margin: 1.5em 0 0 0;
				opacity: 1;
				padding: 0;
				position: relative;
			}

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

				#sidebar nav > ul > li:nth-child(1) {
					-moz-transition-delay: 0.45s;
					-webkit-transition-delay: 0.45s;
					-ms-transition-delay: 0.45s;
					transition-delay: 0.45s;
				}

				#sidebar nav > ul > li:nth-child(2) {
					-moz-transition-delay: 0.65s;
					-webkit-transition-delay: 0.65s;
					-ms-transition-delay: 0.65s;
					transition-delay: 0.65s;
				}

				#sidebar nav > ul > li:nth-child(3) {
					-moz-transition-delay: 0.85s;
					-webkit-transition-delay: 0.85s;
					-ms-transition-delay: 0.85s;
					transition-delay: 0.85s;
				}

				#sidebar nav > ul > li:nth-child(4) {
					-moz-transition-delay: 1.05s;
					-webkit-transition-delay: 1.05s;
					-ms-transition-delay: 1.05s;
					transition-delay: 1.05s;
				}

				#sidebar nav > ul > li:nth-child(5) {
					-moz-transition-delay: 1.25s;
					-webkit-transition-delay: 1.25s;
					-ms-transition-delay: 1.25s;
					transition-delay: 1.25s;
				}

				#sidebar nav > ul > li:nth-child(6) {
					-moz-transition-delay: 1.45s;
					-webkit-transition-delay: 1.45s;
					-ms-transition-delay: 1.45s;
					transition-delay: 1.45s;
				}

				#sidebar nav > ul > li:nth-child(7) {
					-moz-transition-delay: 1.65s;
					-webkit-transition-delay: 1.65s;
					-ms-transition-delay: 1.65s;
					transition-delay: 1.65s;
				}

				#sidebar nav > ul > li:nth-child(8) {
					-moz-transition-delay: 1.85s;
					-webkit-transition-delay: 1.85s;
					-ms-transition-delay: 1.85s;
					transition-delay: 1.85s;
				}

				#sidebar nav > ul > li:nth-child(9) {
					-moz-transition-delay: 2.05s;
					-webkit-transition-delay: 2.05s;
					-ms-transition-delay: 2.05s;
					transition-delay: 2.05s;
				}

				#sidebar nav > ul > li:nth-child(10) {
					-moz-transition-delay: 2.25s;
					-webkit-transition-delay: 2.25s;
					-ms-transition-delay: 2.25s;
					transition-delay: 2.25s;
				}

				#sidebar nav > ul > li:nth-child(11) {
					-moz-transition-delay: 2.45s;
					-webkit-transition-delay: 2.45s;
					-ms-transition-delay: 2.45s;
					transition-delay: 2.45s;
				}

				#sidebar nav > ul > li:nth-child(12) {
					-moz-transition-delay: 2.65s;
					-webkit-transition-delay: 2.65s;
					-ms-transition-delay: 2.65s;
					transition-delay: 2.65s;
				}

				#sidebar nav > ul > li:nth-child(13) {
					-moz-transition-delay: 2.85s;
					-webkit-transition-delay: 2.85s;
					-ms-transition-delay: 2.85s;
					transition-delay: 2.85s;
				}

				#sidebar nav > ul > li:nth-child(14) {
					-moz-transition-delay: 3.05s;
					-webkit-transition-delay: 3.05s;
					-ms-transition-delay: 3.05s;
					transition-delay: 3.05s;
				}

				#sidebar nav > ul > li:nth-child(15) {
					-moz-transition-delay: 3.25s;
					-webkit-transition-delay: 3.25s;
					-ms-transition-delay: 3.25s;
					transition-delay: 3.25s;
				}

				#sidebar nav > ul > li:nth-child(16) {
					-moz-transition-delay: 3.45s;
					-webkit-transition-delay: 3.45s;
					-ms-transition-delay: 3.45s;
					transition-delay: 3.45s;
				}

				#sidebar nav > ul > li:nth-child(17) {
					-moz-transition-delay: 3.65s;
					-webkit-transition-delay: 3.65s;
					-ms-transition-delay: 3.65s;
					transition-delay: 3.65s;
				}

				#sidebar nav > ul > li:nth-child(18) {
					-moz-transition-delay: 3.85s;
					-webkit-transition-delay: 3.85s;
					-ms-transition-delay: 3.85s;
					transition-delay: 3.85s;
				}

				#sidebar nav > ul > li:nth-child(19) {
					-moz-transition-delay: 4.05s;
					-webkit-transition-delay: 4.05s;
					-ms-transition-delay: 4.05s;
					transition-delay: 4.05s;
				}

				#sidebar nav > ul > li:nth-child(20) {
					-moz-transition-delay: 4.25s;
					-webkit-transition-delay: 4.25s;
					-ms-transition-delay: 4.25s;
					transition-delay: 4.25s;
				}

		#sidebar nav a {
			-moz-transition: color 0.2s ease;
			-webkit-transition: color 0.2s ease;
			-ms-transition: color 0.2s ease;
			transition: color 0.2s ease;
			border: 0;
			color: rgba(255, 255, 255, 0.35);
			display: block;
			font-size: 0.6em;
			font-weight: bold;
			letter-spacing: 0.25em;
			line-height: 1.75;
			outline: 0;
			padding: 1.35em 0;
			position: relative;
			text-decoration: none;
			text-transform: uppercase;
		}

			#sidebar nav a:before, #sidebar nav a:after {
				border-radius: 0.2em;
				bottom: 0;
				content: '';
				height: 0.2em;
				position: absolute;
				right: 0;
				width: 100%;
			}

			#sidebar nav a:before {
				background: #2e3c5a;
			}

			#sidebar nav a:after {
				background-image: -moz-linear-gradient(to right, #4167a6, #4ca07e);
				background-image: -webkit-linear-gradient(to right, #4167a6, #4ca07e);
				background-image: -ms-linear-gradient(to right, #4167a6, #4ca07e);
				background-image: linear-gradient(to right, #4167a6, #4ca07e);
				-moz-transition: max-width 0.2s ease;
				-webkit-transition: max-width 0.2s ease;
				-ms-transition: max-width 0.2s ease;
				transition: max-width 0.2s ease;
				max-width: 0;
			}

			#sidebar nav a:hover {
				color: rgba(255, 255, 255, 0.55);
			}

			#sidebar nav a.active {
				color: #ffffff;
			}

				#sidebar nav a.active:after {
					max-width: 100%;
				}

		body.is-loading #sidebar > .inner {
			opacity: 0;
		}

		body.is-loading #sidebar nav ul li {
			-moz-transform: translateY(2em);
			-webkit-transform: translateY(2em);
			-ms-transform: translateY(2em);
			transform: translateY(2em);
			opacity: 0;
		}

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

			#sidebar {
				height: 3.5em;
				left: 0;
				line-height: 3.5em;
				overflow: hidden;
				padding: 0;
				text-align: center;
				top: 0;
				width: 100%;
			}

				#sidebar > .inner {
					-moz-flex-direction: row;
					-webkit-flex-direction: row;
					-ms-flex-direction: row;
					flex-direction: row;
					-moz-align-items: stretch;
					-webkit-align-items: stretch;
					-ms-align-items: stretch;
					align-items: stretch;
					height: inherit;
					line-height: inherit;
				}

				#sidebar nav {
					height: inherit;
					line-height: inherit;
				}

					#sidebar nav ul {
						display: -moz-flex;
						display: -webkit-flex;
						display: -ms-flex;
						display: flex;
						height: inherit;
						line-height: inherit;
						margin: 0;
					}

						#sidebar nav ul li {
							display: block;
							height: inherit;
							line-height: inherit;
							margin: 0 0 0 2em;
							padding: 0;
						}

					#sidebar nav a {
						height: inherit;
						line-height: inherit;
						padding: 0;
					}

						#sidebar nav a:after {
							background-image: none;
							background-color: #4ca07e;
						}

		}

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

			#sidebar {
				display: none;
			}

		}
                
/* Intro */

	#intro {
		background-attachment: fixed;
		background-image: url("images/intro.svg");
		background-position: top right;
		background-repeat: no-repeat;
		background-size: 100% 100%;
	}

		#intro p {
			font-size: 1.25em;
		}

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

				#intro p br {
					display: none;
				}

			}

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

				#intro p {
					font-size: 1em;
				}

			}

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

			#intro {
				background-attachment: scroll;
			}

		}

/* Wrapper (main) */

	#sidebar + #wrapper {
		margin-left: 18em;
	}

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

			#sidebar + #wrapper {
				margin-left: 0;
				padding-top: 3.5em;
			}

		}

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

			#sidebar + #wrapper {
				padding-top: 0;
			}

		}

	#header + #wrapper > .wrapper > .inner {
		margin: 0 auto;
	}


/* Features */

	.features {
		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;
		border-radius: 0.25em;
		border: solid 1px rgba(255, 255, 255, 0.15);
		background: rgba(255, 255, 255, 0.05);
		margin: 0 0 2em 0;
	}

		.features section {
			padding: 3.5em 3em 1em 7em ;
			width: 50%;
			border-top: solid 1px rgba(255, 255, 255, 0.15);
			position: relative;
		}

			.features section:nth-child(-n + 2) {
				border-top-width: 0;
			}

			.features section:nth-child(2n) {
				border-left: solid 1px rgba(255, 255, 255, 0.15);
			}

			.features section .icon {
				-moz-transition: opacity 0.5s ease, -moz-transform 0.5s ease;
				-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
				-ms-transition: opacity 0.5s ease, -ms-transform 0.5s ease;
				transition: opacity 0.5s ease, transform 0.5s ease;
				-moz-transition-delay: 1s;
				-webkit-transition-delay: 1s;
				-ms-transition-delay: 1s;
				transition-delay: 1s;
				-moz-transform: scale(1);
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
				position: absolute;
				left: 3em;
				top: 3em;
				opacity: 1;
			}

			.features section:nth-child(1) .icon {
				-moz-transition-delay: 0.15s;
				-webkit-transition-delay: 0.15s;
				-ms-transition-delay: 0.15s;
				transition-delay: 0.15s;
			}

			.features section:nth-child(2) .icon {
				-moz-transition-delay: 0.3s;
				-webkit-transition-delay: 0.3s;
				-ms-transition-delay: 0.3s;
				transition-delay: 0.3s;
			}

			.features section:nth-child(3) .icon {
				-moz-transition-delay: 0.45s;
				-webkit-transition-delay: 0.45s;
				-ms-transition-delay: 0.45s;
				transition-delay: 0.45s;
			}

			.features section:nth-child(4) .icon {
				-moz-transition-delay: 0.6s;
				-webkit-transition-delay: 0.6s;
				-ms-transition-delay: 0.6s;
				transition-delay: 0.6s;
			}

			.features section:nth-child(5) .icon {
				-moz-transition-delay: 0.75s;
				-webkit-transition-delay: 0.75s;
				-ms-transition-delay: 0.75s;
				transition-delay: 0.75s;
			}

			.features section:nth-child(6) .icon {
				-moz-transition-delay: 0.9s;
				-webkit-transition-delay: 0.9s;
				-ms-transition-delay: 0.9s;
				transition-delay: 0.9s;
			}

			.features section:nth-child(7) .icon {
				-moz-transition-delay: 1.05s;
				-webkit-transition-delay: 1.05s;
				-ms-transition-delay: 1.05s;
				transition-delay: 1.05s;
			}

			.features section:nth-child(8) .icon {
				-moz-transition-delay: 1.2s;
				-webkit-transition-delay: 1.2s;
				-ms-transition-delay: 1.2s;
				transition-delay: 1.2s;
			}

			.features section:nth-child(9) .icon {
				-moz-transition-delay: 1.35s;
				-webkit-transition-delay: 1.35s;
				-ms-transition-delay: 1.35s;
				transition-delay: 1.35s;
			}

			.features section:nth-child(10) .icon {
				-moz-transition-delay: 1.5s;
				-webkit-transition-delay: 1.5s;
				-ms-transition-delay: 1.5s;
				transition-delay: 1.5s;
			}

			.features section:nth-child(11) .icon {
				-moz-transition-delay: 1.65s;
				-webkit-transition-delay: 1.65s;
				-ms-transition-delay: 1.65s;
				transition-delay: 1.65s;
			}

			.features section:nth-child(12) .icon {
				-moz-transition-delay: 1.8s;
				-webkit-transition-delay: 1.8s;
				-ms-transition-delay: 1.8s;
				transition-delay: 1.8s;
			}

			.features section:nth-child(13) .icon {
				-moz-transition-delay: 1.95s;
				-webkit-transition-delay: 1.95s;
				-ms-transition-delay: 1.95s;
				transition-delay: 1.95s;
			}

			.features section:nth-child(14) .icon {
				-moz-transition-delay: 2.1s;
				-webkit-transition-delay: 2.1s;
				-ms-transition-delay: 2.1s;
				transition-delay: 2.1s;
			}

			.features section:nth-child(15) .icon {
				-moz-transition-delay: 2.25s;
				-webkit-transition-delay: 2.25s;
				-ms-transition-delay: 2.25s;
				transition-delay: 2.25s;
			}

			.features section:nth-child(16) .icon {
				-moz-transition-delay: 2.4s;
				-webkit-transition-delay: 2.4s;
				-ms-transition-delay: 2.4s;
				transition-delay: 2.4s;
			}

			.features section:nth-child(17) .icon {
				-moz-transition-delay: 2.55s;
				-webkit-transition-delay: 2.55s;
				-ms-transition-delay: 2.55s;
				transition-delay: 2.55s;
			}

			.features section:nth-child(18) .icon {
				-moz-transition-delay: 2.7s;
				-webkit-transition-delay: 2.7s;
				-ms-transition-delay: 2.7s;
				transition-delay: 2.7s;
			}

			.features section:nth-child(19) .icon {
				-moz-transition-delay: 2.85s;
				-webkit-transition-delay: 2.85s;
				-ms-transition-delay: 2.85s;
				transition-delay: 2.85s;
			}

			.features section:nth-child(20) .icon {
				-moz-transition-delay: 3s;
				-webkit-transition-delay: 3s;
				-ms-transition-delay: 3s;
				transition-delay: 3s;
			}

		.features.inactive section .icon {
			-moz-transform: scale(0.5);
			-webkit-transform: scale(0.5);
			-ms-transform: scale(0.5);
			transform: scale(0.5);
			opacity: 0;
		}

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

			.features {
				display: block;
			}

				.features section {
					border-top-width: 1px !important;
					border-left-width: 0 !important;
					width: 100%;
				}

					.features section:first-child {
						border-top-width: 0 !important;
					}

		}

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

			.features section {
				padding: 2.5em 1.5em 0.1em 5.5em ;
			}

				.features section .icon {
					left: 1.5em;
					top: 2em;
				}

		}

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

			.features section {
				padding: 2em 1.5em 0.1em 1.5em ;
			}

				.features section .icon {
					left: 0;
					position: relative;
					top: 0;
				}

		}


/* Split */

	.split {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		.split > * {
			width: calc(50% - 2.5em);
		}

		.split > :nth-child(2n - 1) {
			padding-right: 2.5em;
			border-right: solid 1px rgba(255, 255, 255, 0.15);
		}

		.split > :nth-child(2n) {
			padding-left: 2.5em;
		}

		.split.style1 > :nth-child(2n - 1) {
			width: calc(66.66666% - 2.5em);
		}

		.split.style1 > :nth-child(2n) {
			width: calc(33.33333% - 2.5em);
		}

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

			.split > * {
				width: calc(50% - 2em);
			}

			.split > :nth-child(2n - 1) {
				padding-right: 2em;
			}

			.split > :nth-child(2n) {
				padding-left: 2em;
			}

			.split.style1 > :nth-child(2n - 1) {
				width: calc(66.66666% - 2em);
			}

			.split.style1 > :nth-child(2n) {
				width: calc(33.33333% - 2em);
			}

		}

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

			.split {
				display: block;
			}

				.split > * {
					border-top: solid 1px rgba(255, 255, 255, 0.15);
					margin: 4em 0 0 0;
					padding: 4em 0 0 0;
					width: 100% !important;
				}

				.split > :nth-child(2n - 1) {
					border-right: 0;
					padding-right: 0;
				}

				.split > :nth-child(2n) {
					padding-left: 0;
				}

				.split > :first-child {
					border-top: 0;
					margin-top: 0;
					padding-top: 0;
				}

		}

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

			.split > * {
				margin: 3em 0 0 0;
				padding: 3em 0 0 0;
			}

		}



/* cta */

	#cta {
		background-attachment: scroll,							fixed;
		background-color: #fff;
		background-position: top left,						center center;
		background-repeat: repeat,							no-repeat;
		background-size: auto,							cover;
		color: #666;             
		/*padding: 12em 0 20em 0;*/
		padding: 1em 0 2em 0;                
		text-align: center;          
	}

		#cta :last-child {
			margin-bottom: 0;
		}

		#cta h2, #cta h3, #cta h4, #cta h5, #cta h6 {
			/*color: #fff;   */
                        color: #666; 
		}

		#cta h2 {
			font-size: 3.5em;
			line-height: 1em;
			margin: 0 0 0.5em 0;
			padding: 0;
		}

		#cta p {
			font-size: 1.25em;
			margin-bottom: 1.75em;
                        color: #666;
		}


		#cta input[type="submit"],
		#cta input[type="reset"],
		#cta input[type="button"],
		#cta .button {
			background-color: rgba(0, 0, 0, 0.8);
			box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.5);
			color: #fff;
			min-width: 12em;
  -webkit-border-radius: 4;
  -moz-border-radius: 4;
  border-radius: 2px;                        
  border: 1px solid #a1a1a1;
  border-color: white;
 
		}

			#cta input[type="submit"]:hover,
			#cta input[type="reset"]:hover,
			#cta input[type="button"]:hover,
			#cta .button:hover {
				background-color: rgba(255, 255, 255, 0.5);
                                color:#666;
                                border-color: #666;                                
			}

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

			#cta input[type="submit"].special,
			#cta input[type="reset"].special,
			#cta input[type="button"].special,
			#cta .button.special {
				/*background: #fff;*/                             
				/*color: #666 !important;*/
                                
  border: 0px solid #a1a1a1
  color: #ffffff;
  /*background: #234EF6;*/
  background: #013BFE;
			}
                        
		#cta .button.bold {
			background-color: #000F33;
			box-shadow: inset 0 0 0 1px #ffffff;
			/*color: #777;*/
color: #fff; 
border-radius: 6px;                       
		}
                        
			#cta .button.special:hover {
  background: #162F8F;
			}
                        
			#cta .button.bold:hover {
				/*background-color: #f8f8f8;*/
background-color: #ffffff;   
color:#151515;                             
			}

/*
.copyright {
    font-family: Arial,
         "Helvetica Neue",
         Helvetica,
         sans-serif;
}
*/



/* code originally from http://bootsnipp.com/snippets/OPpVZ */
@import url(http://fonts.googleapis.com/css?family=Fjalla+One);
@import url(http://fonts.googleapis.com/css?family=Gudea);
.footer1 {
    background: #fff url("../images/footer/footer-bg.png") repeat scroll left top;
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
        /* border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #003;*/
}

.title-widget {
	/*color: #393838;*/
	color: #02283A;        
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	/*padding-left: 28px;*/
	padding-left: 5px;        
        text-align: left;
}

.title-widget1 {
	/*color: #393838;*/
	color: #ffffff;        
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	position: relative;
	text-transform: uppercase;
	font-family: 'Fjalla One', sans-serif;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
	/*padding-left: 28px;*/
	padding-left: 5px;        
        text-align: left;
}

/*
.title-widget::before {
    background-color: #ea5644;
    content: "";
    height: 22px;
    left: 0px;
    position: absolute;
    top: -2px;
    width: 5px;
}
*/

.widget_nav_menu ul {
    list-style: outside none none;
    padding-left: 0;
    text-align: left;    
}

.widget_archive ul li {
    background-color: rgba(0, 0, 0, 0.3);
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 3px;
}

.widget_nav_menu ul li {
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;
    position: relative;
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 7px;
    padding-bottom: 7px;
    width:95%;
}



.footer-bottom {
    background-color: #15224f;
    min-height: 30px;
    width: 100%;
}

.copyright {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
}

.logo_text {
    color: #fff;
    line-height: 30px;
    min-height: 30px;
    padding: 7px 0;
    margin-left: 100px;
}



form {
                /*width:400px;*/
                width:280px;
                /*margin: 10px auto;*/
                margin: 5px auto;
}

.search {
                padding:8px 15px;
                background:rgba(50, 50, 50, 0.2);
                border:0px solid #dbdbdb;
}




/* css for sample search box from https://webdesign.tutsplus.com/tutorials/css-experiments-with-a-search-form-input-and-button--cms-22069 */
.box-1{
  margin: 100px auto;
  width: 200px;
  height: 30px;
}
  

.container-4{
  overflow: hidden;
  width: 200px;
  vertical-align: middle;
  white-space: nowrap;
}

.container-4 input#search{
  width: 200px;
  height: 30px;
  /*background: #2b303b;*/
  background: #ffffff;  
  border: solid;
  font-size: 10pt;
  float: left;
  color: #2b303b;
  padding-left: 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 1px;
border-width: .1em;  
}

.container-4 input#search::-webkit-input-placeholder {
   color: #65737e;
}
 
.container-4 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.container-4 input#search:-ms-input-placeholder {  
   color: #65737e;  
}

.container-4 button.icon{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
 
  border: none;
  /*background: #232833;*/
  background: #4f5b66;  
  height: 30px;
  width: 30px;
  /*color: #4f5b66;*/
  color: #232833;  
  opacity: 0;
  font-size: 10pt;
 
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -ms-transition: all .55s ease;
  -o-transition: all .55s ease;
  transition: all .55s ease;
}

.container-4:hover button.icon, .container-4:active button.icon, .container-4:focus button.icon{
    outline: none;
    opacity: 1;
    margin-left: -30px;
  }
 
  .container-4:hover button.icon:hover{
    background: #232833;
  }
  
a:hover, a:focus { text-decoration: none!important;}

a{
text-decoration:none!important;
}

a, a:active, a:focus{
outline: none; /* Works in Firefox, Chrome, IE8 and above */ 
}



/* css classes for social media buttons on signin and signup html pages */
.fblogin {
   transition: background 200ms ease-in-out 0s;
-webkit-transition: background 200ms ease-in-out 0s;
-moz-transition: background 200ms ease-in-out 0s;
-o-transition: background 200ms ease-in-out 0s;
-ms-transition: background 200ms ease-in-out 0s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85);
margin-top: 12px;
	background-color:#3b5898;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	display:block;
	color:#ffffff;
	height:40px;       
	line-height:40px;
	width: 100%;
	text-decoration:none;
	text-align:center;
        border-radius: 6px;
}.fblogin:hover {
	background-color:#5177c2;
}.fblogin:active {
	position:relative;
	top:1px;
}


.gplogin {
  transition: background 200ms ease-in-out 0s;
-webkit-transition: background 200ms ease-in-out 0s;
-moz-transition: background 200ms ease-in-out 0s;
-o-transition: background 200ms ease-in-out 0s;
-ms-transition: background 200ms ease-in-out 0s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85);
margin-top: 12px;
	background-color:#d34836;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	display:block;
	color:#ffffff;
	height:40px;
	line-height:40px;
	width: 85%;
	text-decoration:none;
	text-align:center;
        border-radius: 6px;        
}.gplogin:hover {
	background-color:#f06e60;
}.gplogin:active {
	position:relative;
	top:1px;
}


.twlogin {
  transition: background 200ms ease-in-out 0s;
-webkit-transition: background 200ms ease-in-out 0s;
-moz-transition: background 200ms ease-in-out 0s;
-o-transition: background 200ms ease-in-out 0s;
-ms-transition: background 200ms ease-in-out 0s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85);
margin-top: 12px;
	background-color:#00abee;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	display:block;
	color:#ffffff;
	height:40px;
	line-height:40px;
	width: 85%;
	text-decoration:none;
	text-align:center;
        border-radius: 6px;        
}.twlogin:hover {
	background-color:#4cbde6;
}.twlogin:active {
	position:relative;
	top:1px;
}

.lilogin {
  transition: background 200ms ease-in-out 0s;
-webkit-transition: background 200ms ease-in-out 0s;
-moz-transition: background 200ms ease-in-out 0s;
-o-transition: background 200ms ease-in-out 0s;
-ms-transition: background 200ms ease-in-out 0s;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
-moz-box-shadow: rgba(0,0,0,0.3) 0px 2px 2px -1px;
box-shadow: rgba(0, 0, 0, 0.3) 0px 2px 2px -1px;
text-shadow: 0 1px 0 rgba(122, 122, 122, 0.85);
margin-top: 12px;
	background-color:#007bb5;
	-webkit-border-top-left-radius:1px;
	-moz-border-radius-topleft:1px;
	border-top-left-radius:1px;
	-webkit-border-top-right-radius:1px;
	-moz-border-radius-topright:1px;
	border-top-right-radius:1px;
	-webkit-border-bottom-right-radius:1px;
	-moz-border-radius-bottomright:1px;
	border-bottom-right-radius:1px;
	-webkit-border-bottom-left-radius:1px;
	-moz-border-radius-bottomleft:1px;
	border-bottom-left-radius:1px;
	text-indent:0;
	display:block;
	color:#ffffff;
	height:40px;
	line-height:40px;
	width: 85%;
	text-decoration:none;
	text-align:center;
        border-radius: 6px;        
}.lilogin:hover {
	background-color:#4cbde6;
}.lilogin:active {
	position:relative;
	top:1px;
}



/* Portfolio */

	#portfolio {
		overflow: hidden;
	}

		#portfolio .titles {
			text-align: center;
		}

			#portfolio .titles li {
				-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;
				cursor: pointer;
				outline: 0;
				background: #1E1F21;
				text-decoration: none;
				color: #FFFFFF;
				font-weight: 600;
			}

				#portfolio .titles li:hover {
					background: #303133;
				}

				#portfolio .titles li.active {
					background: #839B60;
				}

		#portfolio .slides li {
			display: none;
		}


/* Desktop */

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


		/* Portfolio */

			#portfolio {
				overflow: hidden;
				margin-top: -2em;
			}

				#portfolio header {
					margin: 0 0 4.5em 0;
					padding: 6em 0 0 0;
				}

				#portfolio h2 {
					letter-spacing: -1px;
					font-size: 2em;
				}

				#portfolio .byline {
					margin: 1em 0 0 0;
					letter-spacing: -1px;
					font-size: 1.50em;
				}

				#portfolio .titles {
					margin-top: 2.5em;
				}

					#portfolio .titles li {
						display: inline-block;
						margin: 0em .50em;
						padding: 0.90em 1.30em;
						text-decoration: none;
						font-size: 1.10em;
					}
			#story {
				font-weight: 600;
			}

	}
        





.nav_item {
    display: inline-block;
    margin: 0px 20px;
    /*color: #646464!important;*/
    color: #fff!important;
    font-weight: 500;
    line-height: 1em;
    margin: 0 0 1em 0;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;  
    margin-right: 20px; 
    text-align: center; 
    margin-top: 10px;   
          
}

.nav_item:after {
    content: '';
    display: block;
    height: 4px;
    width: 0;
    background: transparent;
    transition: width .5s ease, background-color .9s ease;
}

.nav_item:hover:after {
    width: 100%;
    /*background: #236fe8;*/
    /*background: #F26108;*/
    /*background: #236fe8; */
     /*background: #f62e9b; */
    /*background: #F62E46;*/ 
    background: #F26108; 
}


/* the intent of this property is to underline the Overview menu item when user opens the Features menu selection */
/* obviously not working currently and has to be fixed */
#nav_features_index a:after {
    background: #F26108; 
    content: '';
    display: block;
    height: 4px;
    width: 0;    
    background: transparent;
    transition: width .5s ease, background-color .9s ease;     
}

#nav_features_index a:hover:after {
    background: #236fe8;     
}

.clouds {
  width: 720px;
  height: 300px;
  position: absolute;
}

.cloud1 {
	top: 80px;
  z-index: 100;
  fill: #eee;
  /* Animation shorthand syntax order: name, duration, timing-function, delay, iteration-count, direction, fill-mode */
  -webkit-animation: move 20s linear infinite;
  -moz-animation: move 20s linear infinite;
  -o-animation: move 20s linear infinite;
  animation: move 20s linear infinite;
}

/*
path {
    fill: #ffffff !IMPORTANT;
    }
*/    

#header nav > ul > li.active a:selected {
        background-color: rgba(0, 153, 153, 0.7);
}

/* this highlights the active navbar menu item that corresponds to the active page (or parent of the page) */

body#product-overview a#productnav,
body#product-platform a#productnav,
body#product-standards a#productnav,
body#product-setup a#productnav,
body#product-mobile-mapping a#productnav,
body#product-project-management a#productnav,
body#product-reporting a#productnav,
body#product-system a#productnav,
body#product-setup a#productnav,
body#product-sync a#productnav,
body#product-mobile-app a#productnav,
body#product-manage a#productnav,
body#solutions a#solutionsnav,
body#customers a#customersnav,
/*body#customers-overview a#customersnav,*/
/*body#solutions-overview a#solutionsnav,*/
body#pricing a#pricingnav,

/*body#services a#servicesnav,*/

body#resources-all a#resourcesnav,
body#resources-blog a#resourcesnav,
body#resources-faqs a#resourcesnav,
body#resources-guides a#resourcesnav,
body#resources-press a#resourcesnav,
body#resources-support a#resourcesnav,
body#resources-videos a#resourcesnav,
body#connect-about a#connectnav,
body#connect-consulting a#servicesnav,
body#connect-contact a#connectnav,
body#connect-careers a#connectnav,
body#connect-news a#connectnav,
body#legal-terms a#legalnav,
body#legal-cookies a#legalnav,
body#legal-privacy a#legalnav,
body#legal-security a#legalnav,
body#legal-website a#legalnav,
body#legal-dmca a#legalnav,
body#legal-overview a#legalnav,
body#connect-team a#connectnav {
	/*color: #fff;*/
	/*background: #930;*/
	background-color: rgba(94, 108, 159, 0.7);
}

/* this highlights the active horizontal menu item corresponding to the selected page */

body#product-overview a#overview,
body#product-platform a#platform,
body#product-standards a#standards,
body#product-setup a#setup,
body#product-mobile-mapping a#mobile-mapping,
body#product-project-management a#project-management,
body#product-system a#system-overview,
body#product-system a#system,
body#product-setup a#setup,
body#product-sync a#sync,
body#product-mobile-app a#mobileapp,
body#product-manage a#manage,
body#resources-all a#all,
body#resources-blog a#blog,
body#resources-guides a#guides,
body#resources-faqs a#faqs,
body#resources-press a#press,
body#resources-support a#support,
body#resources-videos a#videos,
body#connect-about a#about,
body#connect-consulting a#consulting,
body#connect-contact a#contact,
body#connect-careers a#careers,
body#connect-news a#news,
body#connect-team a#team,
body#legal-terms a#terms,
body#legal-cookies a#cookies,
body#legal-privacy a#privacy,
body#legal-dmca a#dmca,
body#legal-security a#security,
body#legal-overview a#overview,
body#legal-website a#website,
body#product-reporting a#reporting {
    width: 100%;
    /*background: #236fe8;*/
    /*background: #F26108;*/
    /*background: #236fe8; */
    /*background: none;*/
    border-bottom: 4px solid #F26108!important;
    /*background-color: #F0F0F0;*/
}


.count
{
  line-height: 100px;
  color:white;
  margin-left:30px;
  font-size:25px;
}

li.nav_item{
  display: inline-block;
}



/* css for a responsive slider carousel from http://codepen.io/KOB1/pen/WRwBQL */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.project-title {
  color: #ff686b;
  font-size: 28px;
  margin: 15px 0;
  text-align: center;
  text-transform: uppercase;
  margin-top: -1em;
}
.project-subtitle {
  /*color: #ED0207;*/
  color: #0957AC;  
  font-size: 20px;
  font-weight: 600;
  margin: 5px 0;
  text-align: center;
}
.slider {
  height: 650px;
  position: relative;
  text-align: center;
  width: 100%;
}
.arrow {
  background: black;
  border: none;
  border-radius: 10%;
  color: white;
  cursor: pointer;
  display: none;
  opacity: .6;
  padding: 10px;
  font-size: 24px;
  position: absolute;
  text-transform: uppercase;
  -webkit-transition: .2s;
	top: 50%;
  transition: .2s;
}
.arrow:hover {
  opacity: .9;
}
.arrow.next {
  right: 2%
}
.arrow.prev {
  left: 2%;
}
.slide {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}

.slide1 {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}

.slide2 {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}

.slide3 {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}

.slide4 {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}
.slide-title {
  font-size: 46px;
  font-weight: 300;
  margin: 0 auto;
  padding: 10px 0;
  letter-spacing: normal;
  line-height: 77px;
  
  /*text-transform: uppercase;*/
}
.slide-desc {
  /*font-size: 20px;*/
  margin: 20px auto 0;
  width: 65%;

	font-size: 24px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 28px;

}
.slide-image,
.slide-image img{
  height: 100%;
  width: 100%;
}
.slide:first-of-type {
    /*background-image: url("../../images/server-2160321_1920.jpg"); */
    /*background-image: url("../../images/electrical-2476782_1920.jpg"); */
    background-image: url("../../images/server-2160321_1920.jpg");     
    
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide:nth-of-type(2) {
  background-image: url("../../images/board-2398309_1920.jpg"); 
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;   
}
.slide:nth-of-type(3) {
  background-image: url("../../images/earth-1617121_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide:nth-of-type(4) {
  background-image: url("../../images/touch-screen-1023965_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide:nth-of-type(5) {
  background-image: url("../../images/shape-2622299_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide:last-of-type {
  background-image: url("../../images/desktop-2837993_1920.jpg");
  /*background-image: url("../../images/macbook-624707_1920.jpg");*/
  /*background-image: url("../../images/laptop-3361063_1920.jpg");*/
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}



.slide1:first-of-type {
  /*background-image: url("../../images/templates.png"); */
  /*background-image: url("../../images/teal-885329_1280.png"); */
  /*background-image: url("../../images/board-1607174_1920.jpg");*/
  /*background-image: url("../../images/girl-1403274_1920.jpg");*/
  background-image: url("../../images/wind-turbine.png");

     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide1:nth-of-type(2) {
  /*background-image: url("../../images/teal-885329_1280.png"); */
  background-image: url("../../images/board-1607174_1920.jpg");
     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide1:nth-of-type(3) {
  /*background-image: url("../../images/board-1607174_1920.jpg");*/
  background-image: url("../../images/laptop-3361063_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide1:nth-of-type(4) {
  /*background-image: url("../../images/student-849822_1920.jpg");*/
  background-image: url("../../images/laptop-3361063_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide1:last-of-type {
  /*background-image: url("../../images/system-954972_1920.jpg");*/
  background-image: url("../../images/people-1149873_1920.jpg");

  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}


.slide2:first-of-type {
  background-image: url("../../images/features.png");
      /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide2:nth-of-type(2) {
  /*background-image: url("../../images/cyber-security-2296269_1920.jpg");*/
  background-image: url("../../images/banner-2709627_1920.jpg");  


     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide2:nth-of-type(3) {
  background-image: url("../../images/cyber-security-3374252_1920.jpg");
  /*background-image: url("../../images/network-2002812_1920.jpg");*/
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide2:last-of-type {
  background-image: url("../../images/banner-904884_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}


.slide3:first-of-type {
  background-image: url("../../images/projects.jpg"); 
     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide3:nth-of-type(2) {
  background-image: url("../../images/technology-2608742_1920.jpg"); 
     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide3:nth-of-type(3) {
  background-image: url("../../images/continents-2660919_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide3:nth-of-type(4) {
  /*background-image: url("../../images/board-2440252_1920.jpg");*/
  background-image: url("../../images/banner-2709627_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide3:last-of-type {
  /*background-image: url("../../images/phone-802125_1920.jpg");*/
  /*background-image: url("../../images/projects.jpg");*/
  background-image: url("../../images/abstract-1277993_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}


.slide4:first-of-type {
  background-image: url("../../images/geometric-background-2675011_1920.jpg"); 
     /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;
}
.slide4:nth-of-type(2) {
  background-image: url("../../images/tourist-1858958_1920.jpg");  
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide4:nth-of-type(3) {
  background-image: url("../../images/office-2717014_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide4:nth-of-type(4) {
  background-image: url("../../images/business-2089534_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}
.slide4:last-of-type {
  /*background-image: url("../../images/earth-2254769_1920.jpg");*/
  background-image: url("../../images/web-3850917_1920.jpg");
  /* Background image is centered vertically and horizontally at all times */
  background-position: center center;
  
  /* Background image is fixed in the viewport so that it doesn't move when 
     the content's height is greater than the image's height */
  background-attachment: fixed;
  
  /* This is what makes the background image rescale based
     on the container's size */
  background-size: cover;
  
  /* Set a background color that will be displayed
     while the background image is loading */
  background-color: #464646;  
}


.active {
  display: block;
}
.slide-nav {
  bottom: 30px;
  position: absolute;
  width: 100%;
}

.nav-item1 {
  background: #fff;
  border: 2px solid #022CB3;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  transition: background .4s;
}
.nav-item1:last-of-type {
  margin-right: 0;
}
.nav-item1:hover {
  transform: scale(1.3);
}
.item-active {
  /*background: #ff686b;*/
  background: #06FEF5;  
  
  transform: scale(1.3);
}
.dot {
  border-radius: 50%;
}
.dot,
.square{
  height: 15px;
  width: 15px;
}
.rectangle {
  height: 15px;
  width: 30px;
}




/* css for a responsive slider carousel, 2nd slide set from http://codepen.io/KOB1/pen/WRwBQL */
/* stub in for multiple slide carousels but this is probably not needed now */
/*
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
.project-title2 {
  color: #ff686b;
  font-size: 28px;
  margin: 20px 0;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1em;
}
.project-subtitle2 {
  color: #ff686b;
  font-size: 16px;
  font-weight: 600;
  margin: 5px 0;
  text-align: center;
}
.slider2 {
  height: 400px;
  position: relative;
  text-align: center;
  width: 100%;
}

.arrow2 {
  background: black;
  border: none;
  border-radius: 10%;
  color: white;
  cursor: pointer;
  display: none;
  opacity: .6;
  padding: 10px;
  position: absolute;
  text-transform: uppercase;
  -webkit-transition: .2s;
	top: 50%;
  transition: .2s;
}
.arrow2:hover {
  opacity: .8;
}
.arrow2.next {
  right: 2%
}
.arrow2.prev {
  left: 2%;
}

.slide2 {
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  height: 100%;
  padding: 90px 0 0;
  position: absolute;
  width: 100%;
}
.slide-title2 {
  font-size: 40px;
  font-weight: bold;
  margin: 0 auto;
  padding: 15px 0;
  /*text-transform: uppercase;*/
}
.slide-desc2 {
  font-size: 20px;
  margin: 40px auto 0;
  width: 65%;
}
.slide-image2,
.slide-image2 img{
  height: 100%;
  width: 100%;
}

/*
.slide2:first-of-type {
  background-image: url("../../images/features.png");
}
.slide2:nth-of-type(2) {
  background-image: url("../../images/architecture-1517576_1920.jpg");
}
.slide2:nth-of-type(3) {
  background-image: url("../../images/apocalypse-510961_1280.png");
}
.slide2:nth-of-type(4) {
  background-image: url("../../images/cityscape-2098170_1920.jpg");
}
.slide2:nth-of-type(5) {
  background-image: url("../../images/cityscape-2098170_1920.jpg");
}
.slide2:last-of-type {
  background-image: url("../../images/construction-1281604_1920.jpg");
}
*/

.active2 {
  display: block;
}
.slide-nav2 {
  bottom: 30px;
	position: absolute;
   width: 100%;
}
.nav-item2 {
  background: #fff;
  border: 2px solid #ff686b;
  cursor: pointer;
  display: inline-block;
  margin-right: 20px;
  transition: background .4s;
}
.nav-item2:last-of-type {
  margin-right: 0;
}
.nav-item2:hover {
  transform: scale(1.3);
}
.item-active2 {
  background: #ff686b;
  transform: scale(1.3);
}
*/





/* css classes added for faqs page */
button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 2px;
    text-align: left;
    outline: 2px;
    font-size: 15px;
    transition: 0.4s;
}   

button.accordion.active, button.accordion:hover {
    background-color: #000080;
    color: white;
}

div.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel.show {
    opacity: 1;
    max-height: 10000px;  
}

button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

button.accordion.active:after {
    content: "\2212";
}

button.accordion_lev2 {
    /*background-color: #1342AA;*/
    /*background-color: #4B79A1; */
    /*background-color: #0368BF;*/
    background-color: #ffffff;
    /*color: #ffffff;*/
    color: #4F5B66;
    cursor: pointer;
    padding: 10px;
    width: 100%;
    border: 1px;
    text-align: left;
    outline: 2px;
    font-size: 16px;
    transition: 0.4s;
font-family: "Gill Sans", sans-serif;
border-color: #0368BF;
border-radius: 6px;
  border-style: solid;
}   

button.accordion_lev2.active, button.accordion_lev2:hover {
    background-color: #076EF5;
    color: white;
}

div.panel_lev2 {
    padding: 2px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel_lev2.show {
    opacity: 1;
    max-height: 15000px;
}

button.accordion_lev2:after {
    content: '\002B';
    color: #ffffff;
    /*color: #4F5B66;*/
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 24px;
}

button.accordion_lev2.active:after {
    content: "\2212";
    font-size: 24px;
}

button.accordion_lev3 {
    background-color: #042B52;
    color: #444;
    cursor: pointer;
    padding: 2px;
    width: 100%;
    border: 2px;
    text-align: left;
    outline: 2px;
    font-size: 16px;
    transition: 0.4s;
color: white; padding: 5px; border: black 1px; opacity: 0.95;
text-align: left; 
margin: 1px;
font-family: "Gill Sans", sans-serif;
}   

button.accordion_lev3.active, button.accordion_lev3:hover {
    background-color: #0A60B7;
    color: white;
}

div.panel_lev3 {
    padding: 2px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel_lev3.show {
    opacity: 1;
    max-height: 15000px;   
}
/*
button.accordion_lev3:after {
    content: '\002B';
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 18px;
}

button.accordion_lev3.active:after {
    content: "\2212";
    font-size: 18px;
}
*/






button.accordion_lev4 {
    /*background-color: #042B52;*/
    background-color: #064481;
    color: #444;
    cursor: pointer;
    padding: 4px;
    width: 100%;
    border: 2px;
    text-align: left;
    outline: 2px;
    font-size: 16px;
    transition: 0.4s;
color: white; padding: 5px; border: black 1px; opacity: 0.95;
text-align: left; 
font-family: "Gill Sans", sans-serif;
}   

button.accordion_lev4.active, button.accordion_lev4:hover {
    background-color: #0A60B7;
    color: white;
}

div.panel_lev4 {
    padding: 2px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
}

div.panel_lev4.show {
    opacity: 1;
    max-height: 15000px;   
}

button.accordion_lev4:after {
    content: '\002B';
    color: #ffffff;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 18px;
}

button.accordion_lev4.active:after {
    content: "\2212";
    font-size: 18px;
}




.timeline_header_text {
        margin-right: 10%;
        color:#fff!important;
        /*font-family:Open Sans, Arial,sans-serif;*/
        font-size: 20px;
font-weight: 200;
}

.timeline_body_text {
        margin-right: 10%;
        color:#fff!important;
        /*font-family:Open Sans, Arial,sans-serif;*/
        font-size: 22px;
font-weight: 200;
}


p.faqs {
    color: black;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    background-color: #C2DFFF;
    /*background-color: #F5F6F6;*/
    padding:  1em 1.5em 1em 1em;
font-family: "Gill Sans", sans-serif;
}

p.video_text {
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    font-weight: 500;
    background-color: #1B213E;
    padding:  1em 1.5em 1em 1em;
}


.count1
{
  line-height: 100px;
  color:white;
  margin-left:30px;
  font-size:25px;
}



/* https://codepen.io/rahuldhiman/pen/zKYJdm */
h1{
            font-size:25px;
            text-align:center;
        }
        .profile-card{
            margin-bottom:10px;
        }
        .profile-card .profile-img{
            position: relative;
            overflow: hidden;
        }
        .profile-card .profile-img::after{
            content:"";
            border: 1px solid #fff;
            position:absolute;
            width:100%;
            height:100%;
            left:0;
            top:0;
            opacity:0;
            transform: scale(1,1);
            transition: all 0.50s linear 0s;
        }
        .profile-card:hover .profile-img:after{
            transform:scale(0.9,0.9);
            opacity:1;
        }
        .profile-card .profile-img img{
            width:100%;
            height:auto;
            transform:scale(1,1);
            transition: all 0.50s linear 0s;
        }
        .profile-card:hover img{
            transform:scale(1.2,1.2);
        }
        .profile-card .profile-img .over-layer{
            position: absolute;
            width:100%;
            height:100%;
            top:0;
            left:0;
            opacity:0;
            padding:10% 9%;
            text-align:left;
            background:rgba(0,0,0,0.4);
            transform: scale(0,0);
            transition: all 0.50s ease 0.5s;
        }
        .profile-card:hover .over-layer{
            opacity:1;
            transform: scale(0.9,0.9);
        }
        .profile-card .profile-img .over-layer p{
            font-size:16px;
            color:#fff;
            /*text-transform:capitalize;*/
        }
        .profile-card .profile-img .over-layer-one .title > span{
            display: block;
            margin:5px 0;
        }
        .profile-card .profile-content{
            /*background:#FF3E78;*/
            background:#213BA1;            
            text-align:center;
            padding:15px;
        }
        .profile-card .profile-content .title{
            font-size:16px;
            color:#fff;
            margin:0 0 10px;
            text-transform: uppercase;
        }
        .profile-card .profile-content .title > span{
            font-size:16px;
            color:#FFFFff;
            margin:0 7px;
            text-transform: capitalize;
        }
        .profile-card .profile-content .social-link{
            margin:0;
            padding:0;
        }
        .profile-card .profile-content .social-link li{
            display:inline-block;
            list-style:none;
            margin:0 5px;
        }
        .profile-card .profile-content .social-link li a{
            display:inline-block;
            width:30px;
            height:30px;
            color:#FF3E78;
            line-height:30px;
            text-align: center;
            background: rgba(255,255,255,0.6);
        }
        .profile-card .profile-content .social-link li a:hover{
            text-decoration:none;
        }
        




        
.content-document p {
            /*color: #525963;*/
            color: #424343;
            font-size: 20px;
            font-weight: 500;
            line-height: 28px;
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 20%;
            margin-right: 20%;           
        }
        
.content-document h4 {
            color: #424343;
            font-size: 22px;
            font-weight: 600;
            line-height: 42px;
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 20%;
            margin-right: 20%;            
        }
        
.content-document h2 {
            color: #424343;
            font-size: 32px;
            font-weight: 600;
            line-height: 42px;
            display: block;
            margin-top: 1em;
            margin-bottom: 1em;
            margin-left: 20%;
            margin-right: 20%;            
        }
        
#CTA_text p {
            font-size: 22px;
            font-weight: 500;
            line-height: 32px;         
        }
        
#box1 p {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;         
        }
        
#box2 p {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;         
        }
        
#box3 p {
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;         
        }
        
        

/* modified class for learning-center page resource boxes */
.thumbnail .titlebar1 {
        -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;
        display: block;                     
        /*background: #292A2B;*/
        background: #175EFB; 
        border-bottom: 1px solid #0c0606;
        text-align: center;
        font-weight: 600;
        color: #FFFFFF;                        
        padding: 1em 0 1em 0;
        border-radius: 6px;
}

.thumbnail:hover .titlebar1 {
        /*background: #393A3B;*/
        /*background: #9D0B16;  */
        /*background: #FFFFFF; */
        /*color: #292A2B;   */
        background: #0D3692; 
        color: #FFFFFF; 
        border-radius: 6px;
}

/* modified class for press pageread more boxes */
.thumbnail .titlebar2 {
        -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;
        display: block;                     
        /*background: #292A2B;*/
        background: #7083AB; 
        border-bottom: 1px solid #0c0606;
        text-align: center;
        font-weight: 600;
        color: #FFFFFF;                        
        padding: 1em 0 1em 0;
        border-radius: 6px;
}

.thumbnail:hover .titlebar2 {
        /*background: #393A3B;*/
        /*background: #9D0B16;  */
        /*background: #FFFFFF; */
        /*color: #292A2B;   */
        background: #889FCF; 
        color: #FFFFFF; 
        border-radius: 6px;
}



/* modified class for press pageread more boxes */
.thumbnail .titlebar3 {
        -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;
        display: block;                     
        /*background: #292A2B;*/
        background: #FFFFFF; 
        border-bottom: 0px solid #0c0606;
        text-align: center;
        font-weight: 600;
        color: #04638E;                        
        padding: 1em 0 0em 0;
        border-radius: 0px;
        font-size: 20px;
        text-align: left;
}

.thumbnail:hover .titlebar3 {
        /*background: #393A3B;*/
        /*background: #9D0B16;  */
        /*background: #FFFFFF; */
        /*color: #292A2B;   */
        background: #FFFFFF; 
        color: #3498C5; 
        border-radius: 0px;
}


.back-to-top {
 
background: none;
 
margin: 0;
 
position: fixed;
 
bottom: 125px;
 
right: 0;

width: 50px;
 
height: 50px;

z-index: 100;
 
display: none;
 
text-decoration: none;
 
color: #ffffff;

/*background: #4B4B4B;  */
    background: rgba(0,0,0,0.4);
}
 
  
 
.back-to-top i {
 
  font-size: 40px;
  padding: 5px 10px 20px 10px;
 
}


/* Box_New */

	.box_new {
		/*background: #fff; */
                /*background: rgba(255,255,255,0.8);*/
                background: #ffffff;
		border-radius: 4px;
		box-shadow: 0 2px 0 0 #e5e5e5;
		margin: 0 0 2em 0;
		padding: 3em;
             
	}



/* css for modal dialog that displays when user presses Subscribe button */        
.SubscribeDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
        display: none;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.SubscribeDialog:target {
	opacity:1;
        display: block;
	pointer-events: auto;
}

.SubscribeDialog > div {
	width: 340px!important;
	position: relative;
	margin: 5% auto;
	/*padding: 5px 20px 13px 20px;*/
        padding-bottom: 5px;
        padding-left: 10px;
	border-radius: 5px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

.close {
	/*background: #606061;*/
	background: #00d9ff;        
	color: #ffffff;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }

/* css for modal dialog that displays when user presses SignIn button */        
.SignInDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.SignInDialog:target {
	opacity:1;
	pointer-events: auto;
}

.SignInDialog > div {
	width: 440px;
	position: relative;
	margin:5% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}

/* css for modal dialog that displays when user presses SignUp button */        
.SignUpDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.SignUpDialog:target {
	opacity:1;
	pointer-events: auto;
}

.SignUpDialog > div {
	width: 440px;
	position: relative;
	margin: 3% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
}





.footer_item{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  border-bottom: 0px;
}

.footer_item:after {
  content: '>>';
  position: absolute;
  opacity: 0;  
  right: -10px;
  transition: 0.5s;
}

.footer_item:hover{
  padding-right: 24px;
  padding-left:8px;
}

.footer_item:hover:after {
  opacity: 1;
  right: -2px;
}


.header_item{
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  border-bottom: 0px;
}

.header_item:after {
  content: '>>';
  position: absolute;
  opacity: 0;  
  right: 140px;
  transition: 0.5s;
}

.header_item:hover{
  padding-right: 24px;
  padding-left:8px;
}

.header_item:hover:after {
  opacity: 1;
  right: 10px;
}



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

$maincolor: #1fd100;
$maincolor2: #262626;
@mixin flexbox() {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
  
@mixin flex($flex-value) {
  -webkit-box-flex: $flex-value;
  -moz-box-flex:  $flex-value;
  -webkit-flex:  $flex-value;
  -ms-flex:  $flex-value;
  flex:  $flex-value;
}
  
@mixin justify($justify-value) {
  -webkit-justify-content: $justify-value;
  -moz-justify-content: $justify-value;
  justify-content: $justify-value;
}

@mixin box-pack($box-pack) {
  -webkit-box-pack: $box-pack;
  -moz-box-pack: $box-pack;
  -ms-flex-pack: $box-pack;
}

@mixin trans ($prop, $time) {
  -webkit-transition: $prop $time;
  -moz-transition: $prop $time;
  -ms-transition: $prop $time;
  -o-transition: $prop $time;
  transition: $prop $time;
}

@mixin border-radius($bdrs) {
  -webkit-border-radius: $bdrs;
  -moz-border-radius: $bdrs;
  border-radius: $bdrs;

}

////////////////////////////////////////////

/*
body,html,.login_form{
  height: 100%; 
}

body {
  background: $maincolor2;;
}
*/
.login_form {
  @include flexbox;
  @include flex(center);
  @include justify(center);
  @include box-pack(center);
  -webkit-align-items: center;
  	align-items: center;
}

.login-wrapper {
  max-width: 500px;
  width: 100%;
}
.logo {
  text-align: center;
  
  img {
    max-width: 200px;
    width: 100%;
    margin:  1em auto 2em;
    
  }
}

form {

  background: #020C22;
  padding: 1em 1em;
  font-family: helvetica, sans-serif;
  @include border-radius(2px);
  
  label {
    color: #fff;
    margin: 0 3% .25em;
    display: block;
    font-family: helvetica, sans-serif;
  }
  
  input {
    width: 94%;
    padding: .5em .25em;
    margin: 0 3% 1em;
    font-size: 1.2em;
    border: 2px solid #000;
    outline: none;
    @include trans(all, .25s);
    @include border-radius(5px);

  }
  
  input:focus {
     border: 2px solid $maincolor;
  }
  
  button {
    width: 94%;
    margin: 2em 3% 0;
    border: none;
    background: $maincolor;
    padding: 1em 0;
    font-size: 1.25em;
    clear: both;
    color: #000;
    @include border-radius(5px);
    outline: none;
    @include trans(all, .25s);
    cursor: pointer;
  }
  
  button:focus,button:hover {
    background: $maincolor2;
  }
}
.hide-show {
  width: 35%;
  /*margin: -2.62em 3% 0 1.5%;*/
  position: relative;
  z-index: 5;
  display: none;
  background-color: #3862BF;
border-radius: 5px;
color: white;
padding: 2px;  
/*margin-left: 50%;*/
margin-top: 10px;

 
  span {
    background: $maincolor;
    font-size: 1em;
    padding: .5em;
    float: right;
    @include border-radius(5px);
    cursor: pointer;
  }
)