/* ================================================================
 *	HOME PAGE
/* ================================================================ */

/* Top video
/* ============================= */

.video-container-full-browser {
	background: #000;
	position: relative;
	height: 800px;
	height: 100vh;
	width: 100%;
	overflow: hidden;
}

.ie9 .video-container-full-browser {
	height: 600px;
}

	.video-container-full-browser iframe {
		position:absolute; 
		top:0px; 
		left:0px; 
		bottom:0px; 
		right:0px; 
		width:100%; 
		height:100%; 
		border:none; 
		margin:0; 
		padding:0; 
		overflow:hidden;
		z-index:1;
		cursor: pointer;
	}

	.video-container-full-browser .prism-video-overlay {
		background: url(../image/prism-video-overlay.png) center bottom repeat-x;
		position: absolute;
		bottom: 0;
		height: 100px;
		width: 100%;
		z-index: 2;
	}

	.video-container-full-browser .video-thumbnail {
		background: url(../image/dev-video.jpg) center center no-repeat;
		background-size: cover;
		width: 100%;
		height: 100%;
	}


.video-thumbnail:hover {
	cursor: pointer;
}
	
	.video-thumbnail .vimeo-play-button {
		background: url(../image/sprite.png) left -100px no-repeat;
		position: absolute;
		width: 95px;
	  	height: 95px;
		top: 50%;
		left: 50%;
		margin-top: -47px;
		margin-left: -47px;
		z-index: 2;
	}

	.video-thumbnail:hover .vimeo-play-button {
		background-position: left -200px;
	}


/* Content
/* ============================= */

.site-content-info {
	text-align: center;
	padding-top: 161px;
	padding-bottom: 103px;
}

	.site-content-info .container {
		max-width: 580px;
		padding: 0 20px;
	}

	.site-content-info .content {
		color: #000;
		font-weight: bold;
		font-size: 16px;
		line-height: 22px;
	}


/* ================================================================
 *	RETINA STYLE
/* ================================================================ */

@media 	only screen and (-webkit-min-device-pixel-ratio: 2),
		only screen and (   min--moz-device-pixel-ratio: 2),
		only screen and (      o-min-device-pixel-ratio: 2),
		only screen and (        min-device-pixel-ratio: 2),
		only screen and (           min-resolution: 192dpi) { 
	.video-thumbnail .vimeo-play-button {
		background-image: url(../image/sprite2x.png);
		background-size: 150px 297px;
	}		
}	


/* ================================================================
 *	MEDIA QUERIES
/* ================================================================ */

@media all and (max-width: 1024px) {

	/* Top video
	/* ============================= */
	
	.video-container-full-browser  {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 25px;
		height: 0;
	}

		.video-container-full-browser .prism-video-overlay {
			background: none;
		}

		.ie9 .prism-video-overlay {
			display: none !important;
		}

		.video-container-full-browser .video-thumbnail {
			display: none;
		}

		.video-container-full-browser iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	/* Content
	/* ============================= */

	.site-content-info {
		padding-top: 60px;
		padding-bottom: 60px;
	}

}

@media all and (max-width: 768px) {
	
	/* Content
	/* ============================= */

	.site-content-info .content {
		padding-bottom: 30px;
	}

}