/* Page Header - CSS Starter Kit */

	/* Common */
	
		html.no-page-header .header-mobile {
			position: inherit;
			background-color: #ccc;
		}

		.page-header-main {
			display: block;
			position: relative;
			top: 0; right: 0; bottom: 0; left: 0;
			height: 100vh;
			width: 100%;
			z-index:0; /*-10*/
			overflow: hidden;
			max-width: 1950px;
		    max-height: 1280px;
		    margin: 0 auto;
		}
			.page-header-container {
				display: block;
				position: absolute;
				top: 0; right: 5%; bottom: 0; left: 5%;
				height: 100vh;
				width: 90%;
				z-index:-9;
			}
			
				.naf-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: #847E7E;
			position: absolute;
			bottom: 0;
			width: 100%;
			left: 0;
			right: 0;
			z-index: 1101;
		}
			.ph-tag {
				min-width: 300px;
				width: 25%;
				max-width: 600px;
				margin: 0 auto;
				background-color:#fff;
				padding:30px
			}
				.ph-sup-title {
					color:#847E7E;
					text-transform: uppercase;
					font-size: 16px;
					line-height: 16px;
					margin-bottom: 24px;
				}
				.ph-tag .ph-title {
					font-size: 40px;
					line-height: 40px;
					color: var(--primary-color);
					text-transform:uppercase;
					font-family: 'Playfair Display', serif;
					font-weight: 500;
				}
				.ph-tag .ph-text {
					font-size: 18px;
					line-height: 20px;
					margin-top: 24px;
				}
		.ph_icon {
			position: absolute;
			top: auto; right: 0; bottom: 50px; left: 0;
			height: 50px;
			width: 100%;
			text-align: center;
			z-index: 1102;
		}
			.ph_icon a.ph_down_scroller {
				display: block;
				position: relative;
				z-index: 1103;
				cursor: pointer;
				width:20px;
				height:40px;
				line-height: 40px;
				margin: 0 auto;
			}
				.ph_icon a.ph_down_scroller i {
					color: #fff;
					font-size: 28px;
					line-height: 28px;
					width:28px;
					height:28px;
					display: inline-block;
					cursor: pointer;
					font-weight:700;
				}
		
		/* 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; }
			}
			
	/* Slider */
	
		.page-header-main .slick-dots {
		    bottom: 10px;
			text-align: center;
		}
			.page-header-main .slick-dots li {
			    background-color: #fff;
			    height: 4px;
			    opacity: .5;
			    width: 70px;
			}
			.page-header-main .slick-dots li.slick-active {
			    opacity: 1;
			    background-color: var(--primary-color);
			}
				.page-header-main .slick-dots li button {
				    
				}
				.page-header-main .slick-dots li button::before {
				    color: #fff;
				    content: " ";
				}
			.page-header-main .slick-dots li.active {
			    
			}
				.page-header-main .slick-dots li.active button {
				    
				}
				.page-header-main .slick-dots li:active button::before {
				    color: #fff;
				}
	
	/* Background Image */
	
		.background_image,
		.background_image_stripe {
			background-size: cover;
			background-position: center center;
		}
			.background_image .ph-tag-container {text-align: center;}
				.background_image .ph-tag {width:auto;display:inline-block;}
	
	/* Images Slider */
	
		/* Home Exception */
		
			.home-temp-bg-img {
				background-size: cover;
				background-position: center center;
				height: 100vh;
				position: relative;
				z-index:999;
				opacity:0;
			}
				.home-temp-bg-img .ph-tag-container {
					top: 45%;
					bottom: auto;
				}
					.home-temp-bg-img .ph-tag {
						margin: 0;
						float: right;
					}
			
		/* 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;
					}
						.header-slide .ph-tag-container {
							top: 45%;
							bottom: auto;
						}
							.header-slide .ph-tag {
								margin: 0;
								float: right;
							}
	
	/* 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;
				}
		
		
	/* Background Slider Video Files / Youtube / Video */
	
		.background_slider_video {
			overflow: hidden;
		}
			.video_slider_container {
				position: absolute;
				top: 0; left: 0; right: 0; bottom: 0; 
				width: 100%;
				height: 100vh;
				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%; }
	 	*/
	 	
	 	
	 	
@media (max-width: 1439.98px) {
	
}
@media (max-width: 1199.98px) {
	.page-header-main .slick-dots li {
	    width: 50px;
	}
}
@media (max-width: 991.98px) {
	.page-header-main .slick-dots li {
	    width: 25px;
	}
}
@media (max-width: 767.98px) {
	.page-header-container {right: 15px;left: 15px;width: calc(100% - 30px);}
	.background_image .ph-tag {padding: 30px 15px;}
	div.content_tabs .nav-tabs {padding: 0 !important;}
		div.content_tabs .nav-item {width: 100% !important;}
			div.content_tabs .nav-item a.nav-link {margin: 0 !important;width: 100%;}
}
@media (max-width: 575.98px) { 
	
}