@charset 'UTF-8';
@import url('http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700');
@import url('font-awesome.min.css');

/*
	Beyond by Pixelarity
	pixelarity.com @pixelarity
	License: pixelarity.com/license
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background: #191d23;
		color: #222222;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	a
	{
		color: ##777777;
		text-decoration: underline;
	}
	
	strong
	{
		font-weight: 700;
	}
	
	h1 a, h2 a, h3 a, h5 a, h6 a
	{
		text-decoration: none;
		color: #000000;
	}
	
	h1, h2, h3, h5, h6
	{
		font-weight: 700;
		color: #20242a;
		text-transform: uppercase;
	}

		h4 a
	{
		text-decoration: none;
		color: #FFFFFF;
	}
		
		h4
	{
		font-weight: 700;
		color: #FFFFFF;
		text-transform: uppercase;
	}
	
	h1 span, h2 span, h3 span, h4 span, h5 span, h6 span
	{
		font-weight: 400;
	}
	
	h2
	{
		font-size: 1.5em;
		margin: 0 0 1.5em 0;
	}
	
	h3
	{
		font-size: 1em;
		margin: 0 0 1em 0;
	}
	
	a:hover
	{
		text-decoration: none;
	}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	
	section,
	article
	{
		margin-bottom: 2em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
			border-radius: 6px;
		}

		.image.full
		{
			display: block;
			width: 100%;
			margin: 0 0 2em 0;
		}
		
		.image.left
		{
			float: left;
			margin: 0em 2.5em 2.5em 0;
		}

	ul.style1
	{
		list-style: disc;
		padding-left: 1em;
	}
	
	ul.style2
	{
	}

		ul.style2 p
		{
			margin-bottom: 0;
		}

		ul.style2 li
		{
			border-top: solid 1px rgba(255,255,255,0.1);
			padding-top: 0.725em;
			margin-top: 0.725em;
		}

		ul.style2 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.style3
	{
	}

		ul.style3 p
		{
			margin-bottom: 0;
		}

		ul.style3 li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.5em 0 0 0;
			margin-top: 1.5em;
		}

		ul.style3 li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

	ul.contact
	{
	}

		ul.contact p
		{
			margin-bottom: 0;
		}

		ul.contact li
		{
			position: relative;
			border-top: solid 1px rgba(255,255,255,0.1);
			padding: 1.25em 0 0 2.75em;
			margin-top: 1.25em;
		}

			ul.contact li:before
			{
				position: absolute;
				left: 0;
				top: 1.2em;
				color: #fff;
			}

		ul.contact li:first-child
		{
			border-top: 0;
			padding-top: 0;
			margin-top: 0;
		}

			ul.contact li:first-child:before
			{
				top: 0.1em;
			}
	
	.timestamp
	{
		font-size: 0.8em;
		display: block;
		opacity: 1;
		margin: 0.25em 0 0 0;
	}
	
	.button
	{
		position: relative;
		display: inline-block;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15);
		padding: 1em 2em 1em 1.5em;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.05em;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.button:hover
		{
			background: rgba(255,255,255,0.05);
		}
	
		.button:before
		{
			margin-right: 1em;
		}

	.bigbutton
	{
		position: relative;
		display: inline-block;
		background: #32353a;
		color: #fff;
		border-radius: 6px;
		box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
		padding: 0.85em 1.75em 0.85em 1em;
		text-decoration: none;
		font-weight: 700;
		font-size: 1.5em;
		text-transform: uppercase;
		letter-spacing: -0.05em;
		transition: background-color .25s ease-in-out;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
	}
	
		.bigbutton:hover
		{
			background: #2d3238;
		}
		
		.bigbutton:before
		{
			position: relative;
			top: 0.1em;
			margin-right: 0.65em;
		}
	
		.bigbutton.style1
		{
			background: #0DAA4B;
		}
		
			.bigbutton.style1:hover
			{
				background: #8BA16B;
			}
		.bigbutton.style2
		{
			background: #0DAA4B;
		}
		
			.bigbutton.style2:hover
			{
				background: #8BA16B;
			}

	.box
	{
		background: #FFFFFF;
		background: rgba(255,255,255,0.95);
		border-radius: 6px;
		padding: 3em 2em 3em 2em;
		overflow: hidden;
	}
	
		.box header
		{
			margin-bottom: 2em;
		}
		
			.box header h2
			{
				margin-bottom: 0.5em;
			}

		.box footer
		{
			clear: both;
		}

		.box section,
		.box article
		{
			border-bottom: solid 1px rgba(255,255,255,0.1);
			padding-bottom: 2em;
			margin-bottom: 2em;
		}

		.box section:last-of-type,
		.box article:last-of-type
		{
			border-bottom: 0 !important;
			margin-bottom: 0!important;
			padding-bottom: 0!important;
		}

		.box.style1
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #32AECF;
		}

		.box.style2
		{
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: #0DAA4B;
		}
		.box.style2 a
		{
			color: #FFFFFF;
		}
		
		.box.main
		{
		}

			.box.main h2
			{
			}
			.box.main a
			{
				color: #777777;
			}

		.box.cta
		{
		}
		
			.box.cta p
			{
				color: #777777;
			}
			
		.box.features
		{
		}

		.box.features a
		{
				color: #777777;
		}

			.box.features .button
			{
				margin-top: 2em;
			}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#header-wrapper
	{
		background-color: #3F6093;
		background-image: url('../images/banner.jpg');
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	#banner-wrapper
	{
	}
	
	#main-wrapper
	{
		background: #20242a;
	}
	
	#footer-wrapper
	{
		color: #999999;
	}
	
	#footer-wrapper a
	{
		color: #777777;
	}

/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
	}

		#banner .caption
		{
		}
	
			#banner .caption h2
			{
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
			}
			
			#banner .caption p
			{
				color: #ddd;
				color: rgba(255,255,255,0.65);
			}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
		text-align: center;
		border-top: solid 1px rgba(255,255,255,0.1);
		color: #555;
		color: rgba(255,255,255,0.25);
	}

/*********************************************************************************/
/* 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;
		}