@charset 'UTF-8';
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro: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: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		font-size: 18pt;
		line-height: 1.75em;
		color: #39454b;
		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;
	}

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

	em, i {
		font-style: italic;
	}

	a {
		color: #eee;
		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;
		
		}

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

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

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

				.main.style1 .content {
					opacity: 1.0;
					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.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');
				}

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

/*********************************************************************************/
/* 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: absolute;
		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;
		
	}

		#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: 7689px) {

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

   }

}

@media (min-width: 1000px) {

   #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;
	}


/*********************************************************************************/
/* 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:#B2B2B2;
		
	}

	#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: 0 0 1em 0;
		
}

	#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, 
   #GUTC h2, #Seed h2, #bioalgal h2, #solar h2, #soc-nexus h2 ,
   #geothermal h2, #uranium h2, #osmotic h2 { 
   	font-size:275%;
	padding-top:.5em;
   }

}



/*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:27em;
		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;
	}


/*********************************************************************************/
/* 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;
	}
/*********************************************************************************/
/* 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: 20em;
    background: #B2B2B2;
}

#intro-metrics p{
		color:#fff;
		text-align:center;
		font-size:125%;
}
	
#intro-metrics-soc-media{
	height: 28em;
	background:#333;
	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-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{
	padding-right:1em;
}

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

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

.metrics-box-postcards-demo{
	width:85%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding:1em;
	clear:both;
}
	
.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;
}

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

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

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

#bioalgal, #solar, #soc-nexus {
		
	clear:both;
	overflow:auto;		
	text-align:center;
	color:#fff;
	background-image: 
		radial-gradient(
		circle at top right,
      	#666,
      	#000);
}
@media  (min-width: 769px) 
	{
#bioalgal h2, #solar h2, #soc-nexus 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,
       #ececec,
       #000);
}
	@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;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}

.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: #f98212;
	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;
}

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

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

	#NMISENet, #TeacherInst, #CreativeStartups, #PostDoc {
		
		clear:both;
		overflow:auto;		
		text-align:center;
		color:#fff;
		background-image: radial-gradient(
      	circle at top right,
      	#666,
      	#000
    );
 
	}

@media  (min-width: 769px) {

	#NMISENet h2, #TeacherInst h2, #CreativeStartups h2, #PostDoc h2 {
		letter-spacing:normal;
		text-align:center;
		color:#fff;
		/*font-weight:400;*/
		padding-top:.5em;
		font-size:325%;
	}
}
	#STEMAP, #FLPDI, #GUTC, #Seed {
	
		clear:both;
		overflow:auto;
		text-align:center;
		color:#fff;
		background-image: radial-gradient(
      	circle at top right,
      	#ececec,
      	#000
    );
	}
@media  (min-width: 769px) 
	{	
	#STEMAP h2, #FLPDI h2, #GUTC h2, #Seed h2 {
		letter-spacing:normal;
		text-align:center;
		color:#fff;
		/*font-weight:400;*/
		padding-top:1em;
		font-size:350%;
	}
	}
.sci-section-footers{
	background-color: #5B4E97;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}




.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: #2c919c;
	float: left;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
	z-index: 999;
	text-align: center;
	position: relative;
}

.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: #494949;
	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;
				}

		#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                                                                 */
/*********************************************************************************/

.block-3{
	float:left;
	width:30%;
	padding:0 1em 1em 1em;
	height:auto;
}
@media  (max-width: 768px) {

	.block-3 h4{
		float:left;
		text-align: left;
		line-height:1.25em;
		font-weight:200;
		font-size:105%;
		padding:1em;
}
}

@media  (min-width: 769px) {
	.block-3 h4{
		float:left;
		text-align: left;
		line-height:1.25em;
		font-weight:200;
		font-size:125%;
		padding:1em;
		}
}


.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*/

.banner {
	position: relative;
	width: 700px;
	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: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}

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

@media  (min-width: 769px) {

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

.element_to_pop_up_video { 
    background-color:#fff;
    color:#000;
    display:none; 
    padding:.5em;
    min-width:300px;
    min-height: 200px;
    box-shadow: rgb(0, 0, 0) 0px 0px 20px 4px;
}

.element_to_pop_up_video .button {
	 cursor: pointer;
    background-color: #FF4500;
    /*border-radius: 1.5em;*/
    display: inline-block;
    padding: .25em;
    text-decoration: none;
    height:auto;
    color: #FFF;
    cursor: pointer;
    text-align: center;
     padding-left:.4em;
    padding-right:.4em;
     position: absolute;
    right: -40px;
    top: -40px;
    font: bold 130% sans-serif;

}
.element_to_pop_up_video .b-close, 
{
    border-radius: 1.5em;
    box-shadow: none;
    position: absolute;
    right: -40px;
    top: -40px;
}