.responsive_page_content {
	background-color: #080b12;
}

.page_content_ctn {
	background-image: url('/public/images/promo/vive/landing_bg.jpg');
	background-repeat: no-repeat;
	background-position-x: 50%;
}

.vivelogo {
	background-image: url('/public/images/promo/vive/htcvivelogo.png');
	background-repeat: no-repeat;
	width: 178px;
	height: 148px;
	margin: 0 auto;
	margin-top: 24px;
}

.vive.steamvrpowered {
	background-image: url('/public/images/promo/vive/steamvrpowered.png');
	background-repeat: no-repeat;
	width: 916px;
	height: 850px;
	position: relative;
}

.vive.isyourpcready {
	background-image: url('/public/images/promo/vive/isyourpcready.png');
	background-repeat: no-repeat;
	width: 916px;
	height: 850px;
	position: relative;
}

.vive.allsystemsgo {
	background-image: url('/public/images/promo/vive/allsystemsgo.png');
	background-repeat: no-repeat;
	width: 916px;
	height: 850px;
	position: relative;
	z-index: 1;
}

.vive.vrcollection {
	background-image: url('/public/images/promo/vive/vrcollection.png');
	background-repeat: no-repeat;
	width: 916px;
	height: 850px;
	position: relative;
	z-index: 1;
}

.vive.releasedate {
	text-align: center;
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 36px;
	text-transform: uppercase;
	margin: 24px 0;
	color: #d8f8ff;
}

.vive .title {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 300; /* light */

			font-size: 36px;
	color: #53c5cf;
	line-height: 28px;
}

.vive .description {
			font-family: "Motiva Sans", Sans-serif;
		font-weight: normal; /* normal */

			font-size: 14px;
	color: #d5eef8;
}

.vive .action
{
			font-family: "Motiva Sans", Sans-serif;
		font-weight: 500; /* medium */

			color: #ffffff;
	font-size: 16px;
	padding: 10px 20px 10px 20px;
	text-decoration: none;
	text-align: center;

	background: rgba(121,201,220,1);
	background: -moz-linear-gradient(top, rgba(121,201,220,1) 0%, rgba(53,131,151,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(121,201,220,1)), color-stop(100%, rgba(53,131,151,1)));
	background: -webkit-linear-gradient(top, rgba(121,201,220,1) 0%, rgba(53,131,151,1) 100%);
	background: -o-linear-gradient(top, rgba(121,201,220,1) 0%, rgba(53,131,151,1) 100%);
	background: -ms-linear-gradient(top, rgba(121,201,220,1) 0%, rgba(53,131,151,1) 100%);
	background: linear-gradient(to bottom, rgba(121,201,220,1) 0%, rgba(53,131,151,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#79c9dc', endColorstr='#358397', GradientType=0 );

	border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;

	cursor: pointer;
}

.vive .action:hover {
	background: rgba(68,179,207,1);
	background: -moz-linear-gradient(top, rgba(68,179,207,1) 0%, rgba(42,105,121,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(68,179,207,1)), color-stop(100%, rgba(42,105,121,1)));
	background: -webkit-linear-gradient(top, rgba(68,179,207,1) 0%, rgba(42,105,121,1) 100%);
	background: -o-linear-gradient(top, rgba(68,179,207,1) 0%, rgba(42,105,121,1) 100%);
	background: -ms-linear-gradient(top, rgba(68,179,207,1) 0%, rgba(42,105,121,1) 100%);
	background: linear-gradient(to bottom, rgba(68,179,207,1) 0%, rgba(42,105,121,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b3cf', endColorstr='#2a6979', GradientType=0 );
	text-decoration: none;
}

.vive.steamvrpowered .title{
	position: absolute;
	left: 56px;
	top: 56px;
}

.vive.steamvrpowered .description{
	position: absolute;
	left: 56px;
	top: 110px;
	width: 50%;
	line-height: 24px;
}

.vive.steamvrpowered .action {
	position: relative;
	top: 700px;
	width: 200px;
	margin: 0 auto;
}

.vive.isyourpcready .title{
	position: absolute;
	left: 56px;
	top: 56px;
}

.vive.isyourpcready .description {
	position: absolute;
	left: 56px;
	top: 110px;
	width: 55%;
	line-height: 24px;
}

.vive.isyourpcready .action {
	position: relative;
	top: 725px;
	width: 200px;
	margin: 0 auto;
}

.vive.allsystemsgo .title {
	position: absolute;
	left: 56px;
	top: 76px;
}

.vive.allsystemsgo .description {
	position: absolute;
	left: 56px;
	top: 130px;
	width: 55%;
	line-height: 24px;
}

.vive.allsystemsgo .action_wrapper
{
	margin: 0 210px;
	width: 915px;
}

.vive.allsystemsgo .action {
	position: relative;
	top: 680px;
	width: 200px;
	float: left;
	margin-right: 15px;
}

.vive.vrcollection .title {
	position: absolute;
	left: 56px;
	top: 56px;
}

.vive.vrcollection .description {
	position: absolute;
	left: 56px;
	top: 110px;
	width: 55%;
	line-height: 24px;
}

.vive.vrcollection .action {
	position: relative;
	top: 720px;
	width: 200px;
	margin: 0 auto;
}

@media screen and (max-width: 910px )
{
	html.responsive .vive .title
	{
		font-size: 28px;
		left: 18px;
		top: 56px;
	}

	html.responsive .vive .description
	{
		left: 18px;
		top: 116px;
		width: 90%;
		line-height: 20px;
	}

	html.responsive .vive.steamvrpowered,
	html.responsive .vive.isyourpcready,
	html.responsive .vive.allsystemsgo,
	html.responsive .vive.vrcollection
	{
		width: auto;
	}

	html.responsive .vive.allsystemsgo {
		background-position: 50%;
	}

	html.responsive .vive.vrcollection {
		background-position: 20%;
	}

	html.responsive .vive.isyourpcready {
		background-position: 7%;
	}

	html.responsive .vive.bottombgimage {
		background-image: none;
	}

	html.responsive .vive.allsystemsgo .action_wrapper
	{
		margin: 0 auto;
		width: auto;
	}

	html.responsive  .vive.allsystemsgo .action
	{
		float: none;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 440px) {
	html.responsive .vive.steamvrpowered
	{
		background-position: 53%;
	}
}