/* Page Header - CSS Starter Kit */

	/* Common */

		.page-header-main {
			display: block;
			position: relative;
			top: 0; right: 0; bottom: 0; left: 0;
			height: 100vh;
			width: 100%;
			z-index:0; /*-10*/
		}
			.page-header-container {
				display: block;
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				height: 100vh;
				width: 100%;
				z-index:-9;
			}
			
				.ergopix-ph-element {
					display: block;
					position: absolute;
					top: 0; right: 0; bottom: 0; left: 0;
					height: 100vh;
					width: 100%;
					z-index:-8;
				}
		.ph_mask {
			background-color: #000;
			opacity: .3;
			position: absolute;
			top: 0; right: 0; bottom: 0; left: 0;
			height: 100vh;
			width: 100%;
			z-index:1100;
		}
		.ph-tag-container {
			color: #fff;
			position: absolute;
			top: 45%;
			width: 100%;
			left: 0;
			right: 0;
			z-index: 1101;
		}
			.ph-tag {
				min-width: 300px;
				width: 25%;
				max-width: 500px;
				height: 300px;
				margin: 0 auto;
				text-align: center;
			}
				.ph-tag .ph-title {
					font-size: 50px;
					line-height: 50px;
				}
				.ph-tag .ph-text {
					font-size: 25px;
					line-height: 25px;
					margin-top: 24px;
				}
		.ph_icon {
			position: absolute;
			top: auto; right: 0; bottom: 0; left: 0;
			height: 50px;
			width: 100%;
			text-align: center;
			z-index: 1102;
		}
			.ph_icon a.ph_down_scroller {
				display: inline-block;
				position: relative;
				z-index: 1103;
				cursor: pointer;
				width:20px;
				height:40px;
				line-height: 40px;
			}
				.ph_icon a.ph_down_scroller i {
					color: #fff;
					font-size: 20px;
					line-height: 20px;
					width:20px;
					height:20px;
					display: inline-block;
					cursor: pointer;
				}
		
		/* Animation */
		
			.ph_MoveVertical {
				animation: ph_MoveVertical 2s linear infinite;
				position:relative;
			}
			@keyframes ph_MoveVertical {
				0% { top: 0px; }
				25% { top: 8px; }
				50% { top: 16px; }
				75% { top: 8px; }
				100% { top: 0px; }
			}
	
	/* Background Image */
	
		.background_image {
			background-size: cover;
			background-position: center center;
		}
	
	/* Images Slider */
	
		.images_slider {
			
		}
			.images_slider .slick-list,
			.images_slider .slick-track {
				height: 100vh;
				padding: 0;
			}
				.header-slide {
					background-size: cover;
					background-position: center center;
					height: 100vh;
					position: relative;
					z-index:1000;
				}
	
	/* Background Video */

		
		.fullsize-video-bg {
			display: block;
			position: absolute;
			top: 0; right: 0; bottom: 0; left: 0;
			width: 100%;
			height: 100vh;
			overflow: hidden; 
			z-index: -7;
		}
		.fullsize-video-bg:before { 
			content: ""; 
			position: absolute; 
			top: 0; left: 0; 
			width: 100%; 
			height: 100%; 
			z-index: -6; 
		}
			#video-viewport { 
				position: absolute;
				top: 0; left: 0; 
				width: 100%; 
				height: 100%; 
				overflow: hidden; 
				z-index: -5; 
			}
				video { 
					display: block; 
					width: 100%; 
					height: auto; 
				}
		
		
	/* Background Youtube / Vimeo Video */
	
		.background_youtube_video,
		.background_vimeo_video {
			overflow: hidden;
		}
			.video-background {
				background: #000;
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				z-index: -8;
				height: 100vh;
				width: 100%;
			}
				.video-foreground,
				.video-background iframe {
					position: absolute;
					top: 0; left: 0; right: 0; bottom: 0; 
					width: 100%;
					height: 100vh;
					pointer-events: none;
					z-index: 7;
				}
	
	/* Custom Height Override */
	
		/* No needs to override 100% */
	 	.customVH50 {height: 50vh;}
	 	.customVH60 {height: 60vh;}
	 	.customVH70 {height: 70vh;}
	 	.customVH80 {height: 80vh;}
	 	.customVH90 {height: 90vh;}
	 	
	 	.customVH50 .ph-tag-container { top: 55%; }
	 	.customVH60 .ph-tag-container { top: 53%; }
	 	.customVH70 .ph-tag-container { top: 51%; }
	 	.customVH80 .ph-tag-container { top: 49%; }
	 	.customVH90 .ph-tag-container { top: 47%; }