body {
	background:#222;
	color: #828282;
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
}

::selection {
  background: #f45e34;
  color: #fff;
}
::-moz-selection {
  background: #f45e34;
  color: #fff;
}

h1 {
	font-weight: 100;
	font-size: 42px;
	color: #fff;
	text-transform: uppercase;
	padding: 120px 0 0 0;
	margin: 0;
}

h2.dark {
	font-weight: 300;
	font-style: italic;
	font-size: 30px;
	color: #454545;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

p.dark {
	color: #828282;
	line-height: 36px;
	font-size: 18px;
	font-weight: 300;
}

h2.light {
	font-weight: 300;
	font-style: italic;
	font-size: 30px;
	color: #efefef;
	text-transform: uppercase;
	padding: 0;
	margin: 0;
	margin-bottom: 30px;
}

p.light {
	color: #f0f0f0;
	line-height: 36px;
	font-size: 18px;
	font-weight: 300;
}

strong {
	font-weight: 300;
}

a {
	color: #828282;
	line-height: 36px;
	font-size: 18px;
	font-weight: 100;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a.purchase-button {
	display: inline-block;
	background: #000000;
	color: #fff;
	font-weight: 300;
	font-size: 20px;
	line-height: 50px;
	padding: 0 30px 0 30px;
]
	height: 50px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	opacity: 0.75;
	-webkit-transition: opacity .2s;
	-moz-transition: opacity .2s;
	-o-transition: opacity .2s;
	-ms-transition: opacity .2s;
	transition: opacity .2s;
}

a.purchase-button:hover {
	opacity: 1;
}

a.purchase-button:active {
	background: #333;
}

a.purchase-button.purchase-button-footer {
	position: absolute;
	right: 0;
	top: 10px;
	margin: 10px auto 20px auto;
	width: 200px;
	left: 0;
}

a.purchase-button.purchase-button-header {
	position: absolute;
	right: 40px;
	top: 40px;
}

.imgbg {
	max-width: 100%;
	min-width: 100%;
	margin: 0 auto;
	position: relative;
}

.imgbg:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

	.imgbg.video-player {
		background: url(../images/video_player_bg.png) bottom center no-repeat;
		height: auto;
		text-align: center;
	}

	.imgbg.device-support {
		background: #e0e7eb url(../images/device_support_bg.png) top center no-repeat;
		height: 530px;
	}

	.imgbg.social-sharing {
		background: #e0e7eb url(../images/social_sharing_bg.png) top center no-repeat;
		height: 440px;
	}


.container {
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding:0;
}

.container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
	
.left {
	float: left;
	width: 50%;
}

.right {
	float: right;
	width: 50%;
}

.video-player {

}

	.video-player .player {
		height: auto;
		/*background: red;*/
		position: relative;
		margin-top:15px;
	}

		.video-player .player .player-vid {
			margin-top: 100px;
			width: 70%;
			height: auto;
			margin: 0 auto;
			/* position: absolute; */
			z-index: 9;
			/* bottom: 80px; */
			left: 0 !important;
			right: 0;
			/*overflow: visible;*/
			box-shadow: 0 3px 16px rgba(0,0,0,.13);
		}

		.video-player .player .player-cc {
			width: 600px;
			left: 400px;
			position: absolute;
			bottom: 40px;
			text-align: left;
			color: #efefef;
			z-index: 99999;
			font-size: 12px;
			opacity: 0.75;
		}

			.video-player .player .player-cc a {
				color: #efefef;
				font-size: 12px;
				font-weight: 300;
				text-decoration: none;
			}

		.video-player .player .player-shadow {
			position: absolute;
			bottom: 10px;
			left: 0!important;
			width: 100%;
			height: auto;
			background: url(../images/vid_shadow.png) top left no-repeat;
			z-index: 1;
		}

	.video-player .video-player-features {
		width: 440px;
		margin: 0 auto;
	}

		.video-player .video-player-features .left, .video-player .video-player-features .right {

		}

		.video-player .video-player-features ul {
			padding: 0;
			margin: 0;
			width: 170px;
		}

			.video-player .video-player-features ul li {
				padding: 0;
				margin: 0;
				list-style: none;
				margin-bottom: 5px;
			}

				.video-player .video-player-features ul li a {
					background: #f45e34;
					color: #fff;
					font-weight: 300;
					list-style: none;
					text-decoration: none;
					width: 170px;
					height: 35px;
					line-height: 35px;
					font-size: 14px;
					text-transform: uppercase;
					display: inline-block;
					opacity: 0.75;
					-webkit-transition: opacity .2s;
					-moz-transition: opacity .2s;
					-o-transition: opacity .2s;
					-ms-transition: opacity .2s;
					transition: opacity .2s;
				}

				.video-player .video-player-features ul li a:hover {
					opacity: 1;
				}

				.video-player .video-player-features ul li a:active {
					background: #333;
				}