@charset 'UTF-8';
/*@import url('https://fonts.googleapis.com/css?family=Raleway:400,600,300,900');*/
@import url('font-awesome.min.css');
/*
	Big Picture by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

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

	html {
		height: 100%;
	}

	body {
		background: #fff;
		height: 100%;
	}
	
	p.centered{
		text-align:center;
	}

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

	body,input,textarea,select {
		font-family: 'Raleway', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 600;
		font-size: 18pt;
		line-height: 1.75em;
		color: #fff;
		letter-spacing: 0.5px;
	}

	h1,h2,h3,h4,h5,h6 {
		font-weight: 900;
		color: inherit;
	}

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

	h2 {
		font-size: 2.25em;
		/*letter-spacing: -2px;*/
		line-height: 1.25em;
	}
	
	h2.padded-left{
		margin-left:1.5em;
	}
	
	h2.padded-icons{
		margin-left:15%;
	}


	strong, b {
		font-weight: 900;
		color: inherit;
	}

	em, i {
		font-style: italic;
	}

	a {
		color: #fff;
		text-decoration:none;
		border-bottom:solid thin #999;
		-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
		transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	}

	sub {
		vertical-align: sub;
		font-size: 0.8em;
	}

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

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

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

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

	header {
		margin-bottom: 1em;
	}

		header p {
			display: block;
			margin: 1em 0 0 0;
			padding: 0 0 0.5em 0;
		}

	footer {
		margin-top: 2em;
	}

	br.clear {
		clear: both;
	}

	/* Sections/Article */

		section,
		article {
			margin-bottom: 0;
		}

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

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

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

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

	/* Image */

		.image {
			position: relative;
			display: inline-block;
		}

			.image:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				background: url('images/overlay.png');
			}

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

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

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

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

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

		  .image.centered img {
					margin: 0 auto;
					width: auto;
			}
				
		img.responsive{
			float:left;
			width:100%;
			position:relative;
		}
		
		img.responsive-logos{
			width: 100%;
			margin-top:1em;
			max-width:572px;
			position:relative;
		}
		
		
		
		
@media  (min-width: 769px) {

	img.main-logo{
			max-width:140px;
			max-height:48px;
		}
		
		
}
	
@media  (max-width: 768px) {
	img.main-logo{
			max-width:100px;
			height:auto;
		}
		
		#header img{
			max-width:50px;
			height:auto;
		}
}


	/* List */

		ul {
		}

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

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

			ul.icons {
				cursor: default;
			}

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

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

			ul.menu {
				cursor: default;
			}

				ul.menu li {
					display: inline-block;
					line-height: 1em;
					border-left: solid 1px rgba(145,146,147,0.25);
					padding: 0 0 0 0.5em;
					margin: 0 0 0 0.5em;
				}

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

			ul.actions {
				cursor: default;
			}
			ul.actions li {
					display: inline-block;
					margin: 0 0 0 0.5em;
				}

				ul.actions li:first-child {
					margin-left: 0;
				}
				
			ul.actions-revised-year-three {
				cursor: default;
   				width: 50%;
    			float: left;
    			color:#fff;
    			margin-left:15%;
			}

			ul.actions-revised-year-three  li {
				display: inline-block;
				margin: 0 0 0 0.5em;
			}

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

		ol {
		}

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

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

	/* Form */

		form {
		}

			form label {
				display: block;
			}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea {
				display: block;
				width: 100%;
				padding: 0.65em 0.75em;
				background: none;
				border: solid 2px rgba(185,186,187,0.25);
				color: inherit;
				border-radius: 0.5em;
				outline: none;

				-moz-appearance: none;
				-webkit-appearance: none;
				-o-appearance: none;
				-ms-appearance: none;
				appearance: none;

				-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
				transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
			}

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

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

			form textarea {
				min-height: 8em;
			}

			form .formerize-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form ::-webkit-input-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form :-moz-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form ::-moz-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

			form :-ms-input-placeholder {
				color: rgba(145,146,147,0.85) !important;
			}

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

	/* Table */

		table {
			width: 100%;
		}

			table.default {
				width: 100%;
			}

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

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

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

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

				table.default tfoot {
					background: #eee;
				}

				table.default tbody {
				}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button {
			background-color: #98c593;
			border: 0;
			border-radius: 3.5em;
			color: #fff;
			cursor: pointer;
			display: inline-block;
			height: 3.5em;
			line-height: 3.5em;
			outline: 0;
			padding: 0 2em 0 2em;
			position: relative;
			text-align: center;
			text-decoration: none;

			-moz-appearance: none;
			-webkit-appearance: none;
			-o-appearance: none;
			-ms-appearance: none;
			appearance: none;

			-moz-transition: all 0.2s ease-in-out;
			-webkit-transition: all 0.2s ease-in-out;
			-o-transition: all 0.2s ease-in-out;
			-ms-transition: all 0.2s ease-in-out;
			transition: all 0.2s ease-in-out;
		}

			.button.down {
				width: 5em;
				height: 5em;
				line-height: 4.5em;
				padding: 0;
				background-image: url('images/dark-arrow.svg');
				background-position: center center;
				background-repeat: no-repeat;
				text-indent: -10em;
				overflow: hidden;
			}

				.button.down.anchored {
					bottom: 0;
					border-bottom: 0;
					border-radius: 3em 3em 0 0;
					height: 4.5em;
					margin-left: -2.5em;
				}

			.button.anchored {
				position: absolute;
				left: 50%;
			}

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

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

			input[type="button"].style2,
			input[type="submit"].style2,
			input[type="reset"].style2,
			.button.style2 {
				background-color: transparent;
				border: solid 2px #e5e6e7;
				color: inherit;
			}

				input[type="button"].style2:hover,
				input[type="submit"].style2:hover,
				input[type="reset"].style2:hover,
				.button.style2:hover {
					background-color: rgba(145,146,147,0.035);
				}

				.button.style2.down {
					background-image: url('images/arrow.svg');
				}

	/* Box */

		.box {
			background: #fff;
			color: #39454b;
			padding: 2em;
		}

			.box.style2 {
				padding: 3.5em 2.5em 3.5em 2.5em;
			}

	/* Main */

		.main {
			position: relative;
			margin: 0;
			overflow-x: hidden;
		}

			.main.fullscreen {
				height: 100%;
			}

			.main.style1 {
				text-align: center;
				padding: 3em 0 3em 0;
			}

				.main.style1 h2 {
					font-size: 4.25em;
					line-height: 1em;
					letter-spacing: -4px;
					text-shadow: 3px 2px #333;
				}

				.main.style1:before {
					content: '';
					display: inline-block;
					vertical-align: middle;
					height: 100%;
				}

				.main.style1 .content {
					/*opacity: 1.0;*/
					display: inline-block;
					vertical-align: middle;
					width:85%;
					-moz-transition: all 1s ease;
					-webkit-transition: all 1s ease;
					-o-transition: all 1s ease;
					-ms-transition: all 1s ease;
					transition: all 1s ease;

					-moz-transform: translateZ(0);
					-webkit-transform: translateZ(0);
					-o-transform: translateZ(0);
					-ms-transform: translateZ(0);
					transform: translateZ(0);
					
					/*background: rgba(0,0,0,0.65);		*/
				padding:1.5em;
				}

			.main.style1.inactive {
			}

				.main.style1.inactive .content {
					opacity: 0;
				}

			.main.style2 {
				padding: 3em 0 3em 0;
				overflow: hidden;
			}

				.main.style2 .content {
					position: relative;
					width: 35%;
					display: inline-block;
					vertical-align: middle;

					-moz-transition: all 1s ease;
					-webkit-transition: all 1s ease;
					-o-transition: all 1s ease;
					-ms-transition: all 1s ease;
					transition: all 1s ease;

					-moz-transform: translateZ(0);
					-webkit-transform: translateZ(0);
					-o-transform: translateZ(0);
					-ms-transform: translateZ(0);
					transform: translateZ(0);
				}

				.main.style2.left {
				}

					.main.style2.left:after {
						content: '';
						display: inline-block;
						vertical-align: middle;
						height: 100%;
					}

					.main.style2.left .content {
						left: 0;
					}

				.main.style2.right {
				}

					.main.style2.right:before {
						content: '';
						display: inline-block;
						vertical-align: middle;
						height: 100%;
					}

					.main.style2.right .content {
						left: 65%;
					}

				.main.style2.inactive {
				}

					.main.style2.inactive .content {
					}

						.main.style2.inactive.left .content {
							left: -35%;
						}

						.main.style2.inactive.right .content {
							left: 100%;
						}

			.main.style3 {
				text-align: center;
				padding: 6em 0 6em 0;
			}

				.main.style3 .content {
				}

					.main.style3 .content > header {
						margin-bottom: 2em;
					}

				.main.style3.primary {
					background: #fff;
				}

				.main.style3.secondary {
					background: #f5f6f7;
				}

	/* Dark */

		.dark {
			color: #fff;
		}

			.dark a {
				color: #fff;
			}

			.dark .button.style2 {
				border-color: inherit;
				background-color: rgba(64,64,64,0.05);
			}

				.dark .button.style2:hover {
					background-color: rgba(255,255,255,0.1);
				}

				.dark .button.style2.down {
					background-image: url('images/dark-arrow.svg');
					background-color: rgba(0,0,0,0.65);
				}

/*********************************************************************************/
/* Spinner                                                                       */
/*********************************************************************************/

	@-moz-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
	@-webkit-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
	@-o-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
	@-ms-keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }
	@keyframes spinner-rotate { 0% { -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 100% { -moz-transform: scale(1) rotate(360deg); -webkit-transform: scale(1) rotate(360deg); -o-transform: scale(1) rotate(360deg); -ms-transform: scale(1) rotate(360deg); transform: scale(1) rotate(360deg); } }

/*********************************************************************************/
/* Loader                                                                        */
/*********************************************************************************/

	@-moz-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-webkit-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-o-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-ms-keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@keyframes spinner-show { 0% { opacity: 0; } 100% { opacity: 1; } }
	@-moz-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-webkit-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-o-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-ms-keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@keyframes spinner-hide { 0% { color: #ececec; z-index: 100001; -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); } 99% { color: #ececec; z-index: 100001; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } 100% { color: #ececec; z-index: -1; -moz-transform: scale(0.5) rotate(360deg); -webkit-transform: scale(0.5) rotate(360deg); -o-transform: scale(0.5) rotate(360deg); -ms-transform: scale(0.5) rotate(360deg); transform: scale(0.5) rotate(360deg); } }
	@-moz-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-webkit-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-o-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@-ms-keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }
	@keyframes overlay-hide { 0% { opacity: 1; z-index: 100000; } 15% { opacity: 1; z-index: 100000; } 99% { opacity: 0; z-index: 100000; } 100% { opacity: 0; z-index: -1; } }

	body {
		text-decoration: none;
	}

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

	/*	body:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-hide 0.25s ease-in-out forwards !important;
			-moz-transform-origin: 50% 50%;
			-webkit-transform-origin: 50% 50%;
			-o-transform-origin: 50% 50%;
			-ms-transform-origin: 50% 50%;
			transform-origin: 50% 50%;
			color: #ececec;
			content: '\f1ce';
			cursor: default;
			display: block;
			font-size: 2em;
			height: 2em;
			left: 50%;
			line-height: 2em;
			margin: -1em 0 0 -1em;
			opacity: 0;
			position: fixed;
			text-align: center;
			top: 50%;
			width: 2em;
			z-index: -1;
	}*/

		body:after {
			-moz-animation: overlay-hide 1.5s ease-in forwards !important;
			-webkit-animation: overlay-hide 1.5s ease-in forwards !important;
			-o-animation: overlay-hide 1.5s ease-in forwards !important;
			-ms-animation: overlay-hide 1.5s ease-in forwards !important;
			animation: overlay-hide 1.5s ease-in forwards !important;
			background: #ffffff;
			content: '';
			display: block;
			height: 100%;
			left: 0;
			opacity: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: -1;
		}

		body.is-loading:before {
			-moz-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-webkit-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-o-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			-ms-animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			animation: spinner-show 1.5s 1 0.25s ease forwards, spinner-rotate 0.75s infinite linear !important;
			z-index: 100001;
		}

		body.is-loading:after {
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
			opacity: 1;
			z-index: 100000;
		}

	@media (-webkit-min-device-pixel-ratio: 2) {
		body:before {
			line-height: 2.025em;
		}
	}

/*********************************************************************************/
/* Section Footers                                                               */
/*********************************************************************************/



p.underlined{
	padding:1em 0 1em 0;
	border-bottom:solid thin #fff;
	width:60%;
	margin-left:auto;
	margin-right:auto;
	font-weight:200;
	font-size:125%;
}

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

	.icon {
		text-decoration: none;
	}

		.icon:before {
			display: inline-block;
			font-family: FontAwesome;
			font-size: 1.25em;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			line-height: 1;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;
		}

		.icon > .label {
			display: none;
		}

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

	#header {
		position: fixed;
		z-index: 10000;
		left: 0;
		top: 0;
		width: 100%;
		background: #fff;
		background: rgba(255,255,255,0.95);
		height: 3em;
		line-height: 3em;
		box-shadow: 0 0 0.15em 0 rgba(0,0,0,0.1);
	}

	body {
		padding-top: 3em;
	}
	
	img {
		position: inherit;
		max-width: 85%;
		height: auto;
		padding-left: 5px;
		padding-top: 8px;
	}

	#logo {
		position: absolute;
		left: 1em;
		top: 0;
		height: 3em;
		line-height: 3em;
		letter-spacing: -1px;
	}

		#logo a {
			font-size: 1.25em;
		}

	#nav {
		position: absolute;
		right: 0.5em;
		top: 0;
		height: 3em;
		line-height: 3em;
		color:rgb(57, 69, 75);
	}


		#nav ul {
			margin: 0;
		}

			#nav ul li {
				display: inline-block;
				margin-left: 0.5em;
				font-size: 0.9em;
			}

				#nav ul li a {
					display: block;
					color: inherit;
					text-decoration: none;
					height: 3em;
					line-height: 3em;
					padding: 0 0.5em 0 0.5em;
					outline: 0;
					border-bottom:none;
					
				}
				
				#nav ul li a:hover {
					
					border-bottom:solid thin #666;
				}
@media (max-width: 768px) {

   #nav ul li a  { 
   		font-size: 80%; 
   		padding: 0 0.25em 0 0.25em;
   		/*background:yellow;*/

   }

}

@media (min-width: 769px) {

   #nav ul li a  { 
   		font-size: 115%; 
   		padding: 0 0.25em 0 0.25em;

   }

}



/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	#intro {
		/*background: url('images/overlay.png'), url('../images/intro1.jpg');
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;*/
	}

/*Video CSS*/		
video#begin-vid { 		
    position: absolute;		
    top: 50%;		
    left: 50%;		
    min-width: 100%;		
    min-height: 100%;		
    width: auto;		
    height: auto;		
    z-index: -100;		
    -ms-transform: translateX(-50%) translateY(-50%);		
    -moz-transform: translateX(-50%) translateY(-50%);		
    -webkit-transform: translateX(-50%) translateY(-50%);		
    transform: translateX(-50%) translateY(-50%);		
   /* background: url(nmepscor-ar-year3.jpg) no-repeat;*/		
    }

    

/*********************************************************************************/
/* Intro Science Page                                                                    */
/*********************************************************************************/

	#intro-science {
		/*background: url('images/overlay.png'), url('../images/science.jpg');
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;*/
		height:auto;
	   background-image: radial-gradient( circle at top right, #52728B, #000);

		
	}

	#intro-science h1{
		color:#fff;
		font-size:300%;
		padding: 1em 0 .35em 0;
		text-align:center;
}
	
	#intro-science p{
		color:#fff;
		word-wrap: break-word;
		text-align:center;
		font-size:125%;
		padding: 1em;
		
}

	#science {
		/*background: url('images/overlay.png'), url('../images/intro3.png');*/
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}
	
	
@media  (max-width: 768px) {

   #intro-science h1, #edu-components h2, 
   #science-components h2, #NMISENet h2, 
   #TeacherInst h2, #CreativeStartups h2, 
   #PostDoc h2, #STEMAP h2, #FLPDI h2, #Externships h2,
   #GUTC h2, #Seed h2, #bioalgal h2, #solar h2, #soc-nexus h2, #IWG h2 ,
   #geothermal h2, #uranium h2, #osmotic h2, #fama h2, #stemnatives h2 { 
   	font-size:175%;
	padding-top:.5em;
	line-height:110%;
   }

}

@media  (min-width: 769px) {
	   #intro-science h1, #edu-components h2, 
	   #science-components h2, #NMISENet h2, 
	   #TeacherInst h2, #CreativeStartups h2, 
	   #PostDoc h2, #STEMAP h2, #FLPDI h2, 
	   #GUTC h2, #Seed h2, #bioalgal h2, #solar h2, #soc-nexus h2 ,
	   #geothermal h2, #uranium h2, #osmotic h2 { 
	   	font-size:275%;
		padding-top:.5em;
		line-height:110%;
	   }
}

/*********************************************************************************/
/* Intro Science Page                                                                    */
/*********************************************************************************/

	#intro-science-video {
		/*background: url('images/overlay.png'), url('../images/science.jpg');
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;*/
		height:auto;
		background-image: radial-gradient(
   		circle at bottom right,
      	#52728B,
      	#000);
		
	}

	#intro-science-video h1{
		color:#fff;
		font-size:300%;
		padding: 1em 0 .35em 0;
		text-align:center;
	}
	
	#intro-science-video p{
		color:#fff;
		text-align:center;
		font-size:125%;
		padding: 1em;
		margin-left:auto;
		margin-right:auto;
		
	}


	.responsive-video-postcard{
		position: relative;
		padding-bottom: 56.25%; /* 16:9 */
		padding-top: 25px;
		height: 0;
	}

	.responsive-video-postcard iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*Science Card links*/
	
	#science a{
		color:#666;
	}
	
/*********************************************************************************/
/*********************************************************************************/
	#science-components{
		height:24em;
		width:100%;
		color:#999;
	}

	#science-components a{
		
		color:#999;
	}
		
	#science-components h2 {
		text-align:center;
		color:#999;
		font-size:250%;
		font-weight:300;
		letter-spacing:0;
	}
		
	#science-components li{
		text-align:center;
	}
	
/*********************************************************************************/
/*********************************************************************************/
	#edu-components{
		height:31em;
		width:100%;
		color:#999;
	}

	#edu-components a{
		
		color:#999;
	}
		
	#edu-components h2 {
		text-align:center;
		color:#999;
		font-size:250%;
		font-weight:300;
		letter-spacing:0;
	}
		
	#edu-components li{
		text-align:center;
	}
	
/*********************************************************************************/
/*********************************************************************************/
	#div-components{
		height:14em;
		width:100%;
		color:#999;
	}

	#div-components a{
		
		color:#999;
	}
		
	#div-components h2 {
		text-align:center;
		color:#999;
		font-size:250%;
		font-weight:300;
		letter-spacing:0;
	}
		
	#div-components li{
		text-align:center;
	}


/*********************************************************************************/
/* Education & Outreach Section                                                  */
/*********************************************************************************/

	#ed-outreach {
		/*background: url('images/overlay.png'), url('../images/ed-outreach.jpg');*/
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}
	
	/*Ed&Outreach Card links*/
	
	#ed-outreach a{
		color:#666;
	}
	
	/*Education & Outreach Intro*/
	#intro-education-outreach  {
		background: url('images/overlay.png'), url('../images/ed-outreach.jpg');
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;
	}

	
/*********************************************************************************/
/* Diversity Section                                                     */
/*********************************************************************************/

	#diversity {
		/*background: url('images/overlay.png'), url('../images/intro2.png');*/
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}
	
	#intro-cyberinfrastructure{
		background: url('images/overlay.png'), url('../images/intro2.png');
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}
	
	/*Diversity links*/
	
	#diversity a{
		color:#666;
	}
	#diversity a.diversity-link{
		color:#e5c100;
	}
	
/*********************************************************************************/
/* Metrics Section                                                               */
/*********************************************************************************/

#metrics {
	background: url('images/overlay.png');
	background-size: 256px 256px, cover;
	background-attachment: fixed, fixed;
	background-position: top left, center center;
}

#metrics a{
	color:#666;
}

/* Metrics page */
	
#intro-metrics{
	height: 30em;
    background: #8BABBE;
}

#intro-metrics-gfx img{
        display: block;
        margin-left: 20%;
        max-width: 60%;
        height: auto;
}
#intro-metrics p{
		color:#fff;
		text-align:center;
		font-size:125%;
}
	
#intro-metrics-soc-media{
	height: 39em;
	background:#103859;
	color:#fff;
}
	
#intro-metrics h1{
	color:#fff;
	font-size:300%;
	padding: 2em 0 1em 0;
	text-align:center;
}
		
#intro-metrics-soc-media h1{
	color:#fff;
	font-size:300%;
	padding: 1em 0 1em 0;
	text-align:center;
}

.social-media-left{
	width:35%;
	float:left;
}

.social-media-left h2{
	color:#fff;
	font-size:300%;
    padding: 1em 0 0 0;
	text-align:center;
}
.social-media-right{
	width:65%;
	float:left;
}

p.clear-left{
	margin-left:0;
	margin-top:.35em;
}

p.small-credit{
	color:#ccc;
	font-size:70%;
}
img.soc-media-icons{
	border-radius: 8px;
	padding: 0px;
	max-width: 7%;
	position: absolute;
}

@media  (min-width: 550px) {
img.soc-media-icons{
	border-radius: 8px;
	padding: 0px;
	max-width: 5%;
	position: absolute;
}
}

@media  (min-width: 700px) {
img.soc-media-icons{
	border-radius: 8px;
	padding: 0px;
	max-width: 4%;
	position: absolute;
}

}

.metrics-box-postcards{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:1em;
	clear:both;
	border-bottom:solid thick #8BABBE;
}

.metrics-box-postcards-funding{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	border-top:solid thick #8BABBE;
}

.metrics-box-postcards-demo{
	/*width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:1em;
	clear:both;*/
	display:none;
}
	
.metrics-box-inner {
	width:100%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
}
	
.metrics-box-inner h2{
	padding-top:1em;
	text-align:center;
	clear:both;
	color:rgb(57, 69, 75);
}

/*donut charts */
	
#donutchart-minority{
	/*display:block;
	width:47%;
	float:left;	
	clear:none;	*/
	display:none;
}

#donutchart-funding{
	display:none;
}	
#donutchart-gender{
	/*display:block;	
	float:left;	
	clear:none;
	display:block;
	width:47%;	*/
	display:none;
}

#stacked-funding-bar-chart{
	width:100%;
}

/*********************************************************************************/
/* Science Components Section                                                    */
/*********************************************************************************/

#bioalgal, #solar, #soc-nexus, #cyberinfrastructure {
		
	clear:both;
	overflow:auto;		
	text-align:center;
	color:#fff;
	background-image: 
		radial-gradient(
		circle at top right,
      	#52728B,
      	#000);
    padding-bottom:20px;
}
@media  (min-width: 769px) 	{
#bioalgal h2, #solar h2, #soc-nexus h2, #cyberinfrastructure h2 {
	letter-spacing:normal;
	text-align:center;
	color:#fff;
	/*font-weight:400;*/
	padding-top:.5em;
	font-size:350%;
}
}
	
#geothermal, #uranium, #osmotic {
	clear:both;
	overflow:auto;
	text-align:center;
	color:#fff;
	background-image: 
	radial-gradient(
       circle at top right,
       #8BABBE,
       #000);
    padding-bottom: 20px;
}
	@media  (min-width: 891px) {
#geothermal h2, #uranium h2, #osmotic h2{
	letter-spacing:normal;
	text-align:center;
	color:#fff;
	/*font-weight:400;*/
	padding-top:1em;
	font-size:350%;
	}
}
	

.top{
	float:left;
}


.homepage-footer-banner{
	/*background-color: #494949;*/
	/*background: rgba(0,0,0,0.65);*/
	/*height:2.4em;*/
	margin-left: auto;
	padding-top:1em;
	padding-bottom:3em;
	margin-right: auto;
	/*width: 85%;*/
	z-index: 999;
	text-align: center;
}

.homepage-footer-banner .float-left{
	float:left;
	font-size:12px;
	width:25%;
	font-weight:bold;
	margin-left:4em;
	text-transform: uppercase;
}

.homepage-footer-banner .float-left-50{
	float:left;
	font-size:12px;
	width:40%;
	font-weight:bold;
	margin-left:4em;
	text-transform: uppercase;
}

.ci-footer-banner{
	background-color: #F7A031;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}

.ci-footer-banner .float-left{
	float:left;
	font-size:12px;
	width:25%;
	font-weight:bold;
	margin-left:4em;
	text-transform: uppercase;
}

.ci-footer-banner .float-left-50{
	float:left;
	font-size:12px;
	width:40%;
	font-weight:bold;
	margin-left:4em;
	text-transform: uppercase;
}

.ci-footer-banner a {
    color: black;
    border: none;
}

#triangle-facing-right {
    float:left;
    color:#fff;
    border-right: 4px solid; 
    border-bottom: 4px solid;
    width: 10px; height: 10px;
    transform: rotate(-45deg);
}

.footer-bottom-index{
    background: rgba(0,0,0,0.65);
    margin-top: 1em;
	padding-bottom:1em;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

/*********************************************************************************/
/* Education & Research Components Section                                       */
/*********************************************************************************/

	#NMISENet, #TeacherInst, #CreativeStartups, #PostDoc, #Externships, #stemnatives {
		
		clear:both;
		overflow:auto;		
		text-align:center;
		color:#fff;
		background-image: radial-gradient(
      	circle at top right,
      	#52728B,
      	#000
        );
        padding-bottom:20px;
 	}
@media  (min-width: 769px) {

	#NMISENet h2, #TeacherInst h2, #CreativeStartups h2, #PostDoc h2, #Externships h2, #stemnatives h2 {
		letter-spacing:normal;
		text-align:center;
		color:#fff;
		/*font-weight:400;*/
		padding-top:.5em;
		font-size:325%;
	}
}


	#STEMAP, #FLPDI, #GUTC, #Seed, #IWG, #fama{
	
		clear:both;
		overflow:auto;
		text-align:center;
		color:#fff;
		background-image: radial-gradient(
      	circle at top right,
      	#8BABBE,
      	#000
        );
        padding-bottom:20px;
	}
	
	.stemap-margin{
		background: none;
		border: none; 
		clear: both;
		font-size: 13px;
		margin:1em;
		float:left;
	
	}

	.stemap-margin img{
		max-width:100%;
	
	}
@media  (min-width: 769px) {	
	#STEMAP h2, #FLPDI h2, #GUTC h2, #Seed h2, #IWG h2, #fama h2 {
		letter-spacing:normal;
		text-align:center;
		color:#fff;
		/*font-weight:400;*/
		padding-top:.5em;
		font-size:350%;
	}
	}
.sci-section-footers{
	background-color: #F7A031;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}

.sci-section-footers a {
    color: black;
    border: none;
}

.top{
	float:left;
}

.sci-section-footers .float-left{
	float:left;
	font-size:12px;
	width:25%;
	font-weight:bold;
	margin-left:3em;
	text-transform: uppercase;
}

@media only screen and (max-width: 768px){
	.sci-section-footers .float-left{
	float:left;
	font-size:11px;
	width:25%;
	font-weight:bold;
	margin-left:3em;
	text-transform: uppercase;

}
}

#triangle-facing-right {
    float:left;
    color:#fff;
    border-right: 4px solid; 
    border-bottom: 4px solid;
    width: 10px; height: 10px;
    transform: rotate(-45deg);
}

.edu-section-footers{
	background-color: #F7A031;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}

.edu-section-footers a {
    color: black;
    border: none;
}

.edu-section-footers .float-left{
	float:left;
	font-size:12px;
	width:25%;
	font-weight:bold;
	margin-left:3em;
	text-transform: uppercase;
}

@media only screen and (max-width: 768px){
	.edu-section-footers .float-left{
	float:left;
	font-size:11px;
	width:25%;
	font-weight:bold;
	margin-left:3em;
	text-transform: uppercase;

}
}


/*********************************************************************************/
/* Work                                                                          */
/*********************************************************************************/

	#work {
	}

		#work .row.images {
		}

			#work .row.images .image {
				position: relative;
				top: 0;
				left: 0;
				opacity: 1.0;

				-moz-transition: all 1s ease;
				-webkit-transition: all 1s ease;
				-o-transition: all 1s ease;
				-ms-transition: all 1s ease;
				transition: all 1s ease;

				-moz-transform: translateZ(0);
				-webkit-transform: translateZ(0);
				-o-transform: translateZ(0);
				-ms-transform: translateZ(0);
				transform: translateZ(0);
			}

			#work .row.images.inactive {
			}

				#work .row.images.inactive .image {
					opacity: 0;
				}

				#work .row.images.inactive .image.from-left {
					left: -14em;
				}

				#work .row.images.inactive .image.from-right {
					left: 14em;
				}

				#work .row.images.inactive .image.from-top {
					top: -7em;
				}

				#work .row.images.inactive .image.from-bottom {
					top: 7em;
				}

/*********************************************************************************/
/* Contact                                                                       */
/*********************************************************************************/

	#contact {
		padding-bottom: 0;
		overflow: hidden;
	}

		#contact .box {
			position: relative;
			bottom: 0;

			-moz-transition: all 1s ease;
			-webkit-transition: all 1s ease;
			-o-transition: all 1s ease;
			-ms-transition: all 1s ease;
			transition: all 1s ease;

			-moz-transform: translateZ(0);
			-webkit-transform: translateZ(0);
			-o-transform: translateZ(0);
			-ms-transform: translateZ(0);
			transform: translateZ(0);
		}

		#contact.inactive {
		}

			#contact.inactive .box {
				bottom: -30em;
			}

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

	#footer {
	position: relative;
	height: 5em;
	line-height: 5em;
	margin: 0;
	background-color: #103859;
	color: #999;
	color: rgba(185,186,187,0.5);
	overflow: hidden;
	clear: left;
	}

		#footer a {
			color: #999;
			color: rgba(185,186,187,0.5);
		}

			#footer a:hover {
				color: #bbb;
				color: rgba(185,186,187,1.0);
			}

		#footer .actions {
			position: absolute;
			left: 1em;
			top: 0.25em;
			height: 5em;
			line-height: 5em;
			margin: 0;
		}

			#footer .actions li {
				font-size: 1.25em;
				margin: 0;
			}

				#footer .actions li a {
					padding: 0.5em;
					border-bottom: none;
				}

		#footer .menu {
			position: absolute;
			right: 2em;
			top: 0;
			height: 5em;
			line-height: 5em;
			margin: 0;
		}

			#footer .menu li {
				font-size: 0.9em;
			}

/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup {
		background: #fff;
		-moz-box-sizing: content-box;
		-webkit-box-sizing: content-box;
		-o-box-sizing: content-box;
		-ms-box-sizing: content-box;
		box-sizing: content-box;
		padding-bottom: 3em;
		box-shadow: 0 0.1em 0.15em 0 rgba(0,0,0,0.15);
	}

		.poptrox-popup .loader {
			position: absolute;
			top: 50%;
			left: 50%;
			margin: -1em 0 0 -1em;
			width: 2em;
			height: 2em;
			display: block;
			font-size: 2em;
		}

		.poptrox-popup .loader:before {
			-moz-animation: spinner-rotate 0.75s infinite linear !important;
			-webkit-animation: spinner-rotate 0.75s infinite linear !important;
			-o-animation: spinner-rotate 0.75s infinite linear !important;
			-ms-animation: spinner-rotate 0.75s infinite linear !important;
			animation: spinner-rotate 0.75s infinite linear !important;
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
			color: #ececec;
			content: '\f1ce';
			cursor: default;
			display: block;
			height: 2em;
			left: 0;
			line-height: 2em;
			position: absolute;
			text-align: center;
			top: 0;
			width: 2em;
		}

		.poptrox-popup .caption {
			position: absolute;
			bottom: 0;
			left: 0;
			background: #fff;
			width: 100%;
			height: 3em;
			line-height: 2.8em;
			text-align: center;
			cursor: default;
			z-index: 1;
			font-size: 0.9em;
		}

		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
			position: absolute;
			top: 0;
			width: 50%;
			height: 100%;
			opacity: 0;
			cursor: pointer;
			background: rgba(0,0,0,0.01);
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255,255,255,0);
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				content: '';
				position: absolute;
				width: 96px;
				height: 64px;
				background: url('images/poptrox-nav.svg');
				top: -moz-calc(50% - 1.5em);
				top: -webkit-calc(50% - 1.5em);
				top: -o-calc(50% - 1.5em);
				top: -ms-calc(50% - 1.5em);
				top: calc(50% - 1.5em);
				margin: -32px 0 0 0;
			}

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

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

			.poptrox-popup .nav-previous:before
			{
				-moz-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				-ms-transform: scaleX(-1);
				transform: scaleX(-1);
				-ms-filter: "FlipH";
				filter: FlipH;
			}

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

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

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

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

		.poptrox-popup .closer {
			position: absolute;
			top: 0;
			right: 0;
			width: 64px;
			height: 64px;
			text-indent: -9999px;
			z-index: 2;
			opacity: 0;
			-moz-transition: opacity 0.2s ease-in-out;
			-webkit-transition: opacity 0.2s ease-in-out;
			-o-transition: opacity 0.2s ease-in-out;
			-ms-transition: opacity 0.2s ease-in-out;
			transition: opacity 0.2s ease-in-out;
			-webkit-tap-highlight-color: rgba(255,255,255,0);
		}

			.poptrox-popup .closer:before {
				content: '';
				display: block;
				position: absolute;
				right: 16px;
				top: 16px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
				box-shadow: inset 0 0 0 2px #fff;
				background: url('images/poptrox-closer.svg') center center;
				color: #fff !important;
			}

			.poptrox-popup:hover .closer {
				opacity: 0.5;
			}

			.poptrox-popup:hover .closer:hover {
				opacity: 1.0;
			}

/*********************************************************************************/
/* cjallen grids                                                                 */
/*********************************************************************************/



@media  (max-width: 768px) {

	.block-3{
		overflow:auto;
		width:85%;
		padding:0;
		display:block;
		border:solid thin #ccc;
		margin:auto; 
	}

	.block-3 h4{
		float:left;
		line-height:1.25em;
		font-weight:600;
		font-size:95%;
		width:100%;
		padding:1em;
		text-align:center;
		margin:auto;
	}
	
	.block-9{
		float:left;
		width:100%;
		text-align: left;
		padding:1em;
		font-size:90%;
		line-height:1.35em;
		height:auto;
	}	
}

@media  (min-width: 769px) {

	.block-3{
		float:left;
		width:30%;
		padding:0 1em 1em 1em;
		height:auto;
	}
	.block-3 h4{
		float:left;
		text-align: left;
		line-height:1.25em;
		font-weight:600;
		font-size:85%;
		padding:0;
		clear:right;
		}	
	.block-9{
		float:left;
		width:60%;
		text-align: left;
		padding:1em;
		font-size:90%;
		line-height:1.35em;
		height:auto;
	}	
}



/*Orange Highlight*/
a.highlight-button-orange{
	background:#FF4500;
	padding:.5em 1em .5em 1em;
	font-size:12px;
	border:none;
	color:#fff;
	letter-spacing:0;
	width:150px;
}

a.highlight-button:hover{
	background:#3333;
	padding:.5em 1em .5em 1em;
	font-size:12px;
	border:none;
	color:#fff;
	letter-spacing:0;
}

/*Purple Highlight*/
a.highlight-button-purple{
	background:#5B4E97;
	padding:.5em 1em .5em 1em;
	font-size:12px;
	border:none;
	color:#fff;
	letter-spacing:0;
	width:150px;
}

a.highlight-button-purple:hover{
	background:#5B4E97;
	padding:.5em 1em .5em 1em;
	font-size:12px;
	border:none;
	color:#fff;
	letter-spacing:0;
}

/*video highlight*/
.video-highlight-button{
	background:#FF4500;
	padding:.5em;
	font-size:14px;
	border:none;
	color:#fff;
	clear:both;
	letter-spacing:0;
}

/*********************************************************************************/
/* Touch Mode                                                                    */
/*********************************************************************************/

	body.is-touch {
	}

		body.is-touch .main {
			background-attachment: scroll !important;
		}

		body.is-touch .poptrox-popup {
		}

			body.is-touch .poptrox-popup .nav-next,
			body.is-touch .poptrox-popup .nav-previous,
			body.is-touch .poptrox-popup .closer {
				opacity: 1.0 !important;
			}



* {
	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

::selection {
	background: #bfa57c;
	color: #fff;
}


/*Slider Styles*/
@media  (max-width: 768px) {
	.banner {
		display:none;
	}
	
}


@media  (min-width: 769px) {
	.banner {
		display:block;
		position: relative;
		max-width: 700px;
		width:700px !important;
		overflow: auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2em;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		height:400px !important;
		color: rgba(255,255,255,.6);
		text-shadow: none;
		background: none;
		box-shadow: none;
	}


@media  (min-width: 769px) {
	.bannerstatic {
		display:block;
		position: relative;
		max-width: 700px;
		width:100%;
		overflow: auto;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:2em;
		font-size: 18px;
		line-height: 24px;
		text-align: center;
		height:400px;
		color: rgba(255,255,255,.6);
		text-shadow: none;
		background: none;
		box-shadow: none;
	}
		
	.banner p{
		width:100%;
		color:#fff;
		text-shadow:none;
		background:#000;
		opacity: .7;
		position:absolute;
		top:17em;
	}
	.banner ul {
			list-style: none;
			width: 300%;
		}
		
	.banner ul li {
			position: relative;
			display: block;
			float: left;
			width: 33%;
			padding: 160px 0 110px;
			min-height: 400px;
	/*		-webkit-background-size: 100% 100%;*/
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			-ms-background-size: 100% 100%;
	/*		background-size: 100% 100%;*/
			box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
		}
		
	.banner h1, .banner h2 {
			font-size: 40px;
			line-height: 52px;
			background:#000;
			opacity: .7;
			color: #fff;
			position:absolute;
			top:6.35em;
			width:100%;	
		}
		
	.banner .btn {
			display: inline-block;
			margin: 25px 0 0;
			padding: 9px 22px 7px;
			clear: both;
			color: #FF4500;
			font-size: 12px;
			font-weight: bold;
			text-transform: uppercase;
			text-decoration: none;
			border: 2px solid #fff;
			border-radius: 5px;
		}
		
	.banner .btn:hover {
			background: #FF4500;
	}
			
	.banner .btn:active {
			color:#FF4500;
		}
			
	.banner .btn, .banner .dot {
			color:#FF4500;
		}
		
	.banner .dots {
			z-index:99;
			position: absolute;
			left: 0;
			right: 0;
			bottom: -1em;
			color:#FF4500;
		}
		
	.banner .dots li {
				display: inline-block;
				width: 10px;
				height: 10px;
				margin: 0 4px;
				text-indent: -999em;
				border: 2px solid #fff;
				border-radius: 6px;
				cursor: pointer;
				opacity: .8;
				color:#FF4500;
			}
			
	.banner .dots li.active {
				background-color:#FF4500;
				opacity: 1;
		}
}

/* END Slider Styles****/



.features {
	overflow: hidden;
	padding: 50px 0;
	background: #f7f7f6;
	box-shadow: inset 0 -1px 3px rgba(0,0,0,.03);
}
	.features li {
		position: relative;
		padding: 0 25px 0 40px;
		list-style: none;
		
		width: 25%;
		float: left;
	}
		.features li:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			
			display: block;
			width: 24px;
			height: 22px;
			
			background: url('img/icons.png');
		}
			.features li.browser:before { background-position: 0 -44px; }
			.features li.height:before { background-position: 0 -22px; }
			.features li.responsive:before { background-position: 0 -66px; }
	.features b {
		display: block;
		padding-bottom: 6px;
	}
	
.how {
	padding: 60px 0;
}
	.how h2 {
		color: #7c6853;
	}
	.how h3 {
		padding-bottom: 8px;

		color: #7b6b53;
		font-size: 20px;
		line-height: 10px;
	}
	.how li {
		position: relative;
		width: 375px;
		margin: 0 0 40px 15px;
		padding-left: 10px;
	}
	.how pre {
		position: absolute;
		left: 450px;
		top: 0;
		
		width: 495px;
		padding: 20px 25px;
		
		background: #f8f5f0;
		color: #8a785d;
		
		font-size: 12px;
		line-height: 18px;
		
		border-radius: 5px;
		box-shadow: inset 0 2px 2px rgba(180,157,125,.15), inset 0 0 1px rgba(0,0,0,.2);
	}
	.how p {
		padding-bottom: 15px;
	}
	
.options {
	padding: 60px 0;
	
	background: #39342d;
	color: #7b7368;
	
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}
	.options a {
		opacity: .7;
		color: #fff;
		border-bottom: 1px solid rgba(255,255,255,.2);
		text-decoration: none;
	}
		.options a:hover {
			opacity: 1;
			border-bottom-color: rgba(255,255,255,.3);
		}
	.options p {
		font-size: 16px;
		line-height: 25px;
		
		padding-bottom: 20px;
	}
	.options h2 {
		color: #fff;
		padding-bottom: 15px;
	}
	.options pre {
		padding: 20px 25px;
		
		background: #342f29;
		color: #988f81;
		
		font-size: 13px;
		line-height: 19px;
		
		box-shadow: inset 0 2px 2px rgba(0,0,0,.15), inset 0 0 1px rgba(0,0,0,.1);
		border-radius: 5px;
	}
		.options pre span {
			color: #706657;
		}
		
.footer {
	padding: 80px 0 60px;
	text-align: center;
}
	.footer .btn {
		display: inline-block;
		padding: 13px 24px 10px;
		margin-bottom: 15px;
		
		background-color: #c4652d;
		background-image: -webkit-gradient(linear, left top, left bottom, from(#d07936), to(#b95124));
		background-image: -webkit-linear-gradient(top, #d07936, #b95124);
		background-image: -moz-linear-gradient(top, #d07936, #b95124);
		background-image: -o-linear-gradient(top, #d07936, #b95124);
		background-image: -ms-linear-gradient(top, #d07936, #b95124);
		background-image: linear-gradient(top, #d07936, #b95124);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#d07936', EndColorStr='#b95124');
		
		border-radius: 5px;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(0,0,0,.15), inset 0 2px 0 rgba(255,255,255,.2), 0 1px 1px rgba(0,0,0,.1);
		
		color: #fff;
		text-shadow: 0 1px 2px rgba(0,0,0,.2);
		
		font-size: 12px;
		line-height: 18px;
		font-weight: bold;
		text-transform: uppercase;
		
		border: none;
	}
		.footer .btn:hover {
			opacity: .95;
			color: #fff;
		}
		.footer .btn:active {
			opacity: 1;
			background-color: #bc5f29;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#b55625), to(#c3692d));
			background-image: -webkit-linear-gradient(top, #b55625, #c3692d);
			background-image: -moz-linear-gradient(top, #b55625, #c3692d);
			background-image: -o-linear-gradient(top, #b55625, #c3692d);
			background-image: -ms-linear-gradient(top, #b55625, #c3692d);
			background-image: linear-gradient(top, #b55625, #c3692d);
			filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#b55625', EndColorStr='#c3692d');
			
			box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 -1px 2px rgba(255,255,255,.1), inset 0 2px 2px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.1);
		}
	.footer a {
		margin: 0 4px;
		
		color: #79654e;
		text-decoration: none;
		border-bottom: 1px solid #ddd2c6;
	}
		.footer a:hover {
			color: #665139;
			border-color: #d1bfa9;
		}

.wrap {
	margin: 0 auto;
	width: 960px;
}
/* Not sure why this code is here - cjallen
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.wrap {
		width: 90%;
	}
	#logo {
		left: 50px;
		top: 30px;
	}
	
	.banner h1, .banner h2 {
		font-size: 24px;
		line-height: 30px;
	}
	.banner ul li {
		padding-top: 100px;
		padding-bottom: 50px;
		height: 240px;
	}
	.banner p {
		font-size: 15px;
		width: 80%;
		margin: 0 auto;
	}
	pre {
		overflow: auto;
	}
	.features li {
		width: 100%;
		margin-left: 10px;
		margin-bottom: 30px;
	}
	.how li {
		width: 90%;
	}
	.how pre {
		position: static;
		width: 100%;
	}
}
*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.features li:before {
		background: url('img/icons@2x.png');
		background-size: 100%;
	}
}
/*Pop up video styles*/
@media  (max-width: 768px) {

	.my-video-button-teal{
		background:#2c919c;
		border:none; 
		cursor: pointer;
		clear:both;
		font-size:11px;
		width:150px;
		margin: 0 auto;
	}
	
	
	.my-video-button-ssn{
		background: #2c919c;
		border: none; 
		cursor: pointer;
		clear: both;
		font-size: 13px;

		margin-left:-4em;
		float:left;
	
	}
	
	.my-video-button-ssn img{
		width:20%;
		border:solid thin #ccc;
		padding:1em;
		margin-left:5em;
	}

	
}


@media  (min-width: 769px) {
	.my-video-button-teal{
		background: #2c919c;
		border: none; 
		cursor: pointer;
		clear: both;
		font-size: 13px;
		width:150px;
		margin: 0 auto;
	}
	
	.my-video-button-ar3{
		border: none; 
		cursor: pointer;
		clear: both;
		font-size: 13px;
		margin-top:1em;
		margin-left:1em;
		float:left;
	
	}
	
	.my-video-button-ar3 img{
		max-width:97%;
		border:none;
		padding:0em;
	}

	.my-video-button-ar4{
		background: #2c919c;
		border: none; 
		cursor: pointer;
		clear: both;
		font-size: 13px;
		margin-top:1em;
		margin-left:1em;
		float:left;
	
	}
	
	.my-video-button-ar4 img{
		width:20%;
		border:solid thin #ccc;
		padding:1em;
	}	
}


@media  (max-width: 768px) {
	.my-video-button-ar3{
		background: #2c919c;
		border: none; 
		cursor: pointer;
		clear: both;
		font-size: 13px;
		margin-left:1em;
		margin-top:1em;
		float:left;
	}
	
	.my-video-button-ar3 img{
		width:25%;
		border:solid thin #ccc;
		padding:1em;
		display:none;
	}
}
#begin-vid {
	
	z-index:-100;
}
.video-cover {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: cover;
    -o-object-fit: cover;
}

.mfp-title {
  position:absolute;
  color: #FFF;
  background: red;
}



/*MObile menu*/
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
 .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
}