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


/* kane added */



	.responsive-image {
		max-width: 100%;
		height: auto;
	}



	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
/* Roy added */

		form input[type=text],
		form input[type=password],
		form select,
		form textarea
		{
			border: 0;
			padding: 0.75em;
			font-size: 1em;
			border-radius: 8px;
			background: #f5f5f5;
			color: #bbb;
			box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.05), 0px 1px 0px 0px rgba(255,255,255,0.025);
			width: 100%;
			-moz-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
			-webkit-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
			-o-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
			-ms-transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
			transition: background .2s ease-in-out, box-shadow .2s ease-in-out;
		}

		form input[type=text]:focus,
		form input[type=password]:focus,
		form select:focus,
		form textarea:focus
		{
			background: #252525;
			box-shadow: inset 0px 2px 5px 0px rgba(0,0,0,0.05), 0px 1px 0px 0px rgba(255,255,255,0.025), inset 0px 0px 2px 1px #74CAEE;
		}

		form textarea
		{
			height: 6em;
		}
		
		form .formerize-placeholder
		{
			color: #555 !important;
		}

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

		form :-moz-placeholder
		{
			color: #555 !important;
		}

		form ::-moz-placeholder
		{
			color: #555 !important;
		}

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

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



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

	body
	{
		background: #191d23;
		color: #979797;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
	}
	
	a
	{
		color: #fff;
		text-decoration: underline;
	}
	
	strong
	{
		font-weight: 700;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		text-decoration: none;
		color: #fff;
	}
	
	h1, h2, h3, h4, h5, h6
	{
		font-weight: 700;
		color: #fff;
		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 0.5em 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: 0.5;
		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: #c8d208;
		}
		
			.bigbutton.style1:hover
			{
				background: #E7624E;
			}

		.bigbutton.style2
		{
			background: #3F608C;
		}
		
			.bigbutton.style2:hover
			{
				background: #4F709C;
			}

	.box
	{
		background: #2c2f34;
		background: rgba(44,47,52,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: #c8d208;
		}

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

		.box.main
		{
		}

			.box.main h2
			{
			}

		.box.cta
		{
		}
		
			.box.cta p
			{
				color: #c9c9c9;
			}
			
		.box.features
		{
		}

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

/*********************************************************************************/
/* Banner     	{
		background: #2c2f34;
		background: rgba(44,47,52,0.95);
		border-radius: 6px;
		padding: 3em 2em 3em 2em;
		overflow: hidden;
	}
	
		.caption header
		{
			margin-bottom: 2em;
		}
		
			.caption header h2
			{
				margin-bottom: 0.5em;
			}

		.caption footer
		{
			clear: both;
		}

		.caption section,
		.caption article
		{
			border-bottom: solid 1px rgba(255,255,255,0.1);
			padding-bottom: 2em;
			margin-bottom: 2em;
		}

		.caption section:last-of-type,
		.caption article:last-of-type
		{
			border-bottom: 0 !important;
			margin-bottom: 0!important;
			padding-bottom: 0!important;
		}
		{
			caption-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.25);
			color: #fff;
			color: rgba(255,255,255,0.75);
			background: rgba(44,47,52,0.95);
		}
	
			#banner .caption h2
			{
				font-weight: 700;
				text-transform: uppercase;
				color: #fff;
			}
			
			#banner .caption p
			{
				color: #ddd;
				color: rgba(255,255,255,0.65);                                                                   */
/*********************************************************************************/

	#banner
	{
	}

		#banner .caption

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