/* 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*/
			
			max-width:2560px;
			max-height:1000px;
			margin:0 auto;
		}
			.page-header-container {
				display: block;
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				height: 100vh;
				width: 100%;
				z-index:-9;
				
				max-width:2560px;
				max-height:1000px;
			}
			
				.ergopix-ph-element {
					display: block;
					position: absolute;
					top: 0; right: 0; bottom: 0; left: 0;
					height: 100vh;
					width: 100%;
					z-index:-8;
					
					max-width:2560px;
					max-height:1000px;
				}
		.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: #002169;
			position: absolute;
			top: auto;
			width: 100%;
			left: 0;
			right: 0;
			z-index: 1101;
			bottom: 25px;
		}
		body.single-post .ph-tag-container {
			color: #002169;
			position: absolute;
			top: auto;
			width: 100%;
			left: 0;
			right: 0;
			z-index: 1101;
			bottom: 25px;
		}
			.ph-tag {
				min-width: 400px;
				width: 400px;
				max-width: 500px;
				height: 220px;
				margin: 0 auto;
				text-align: left;
				background-color: #fff;
				float: right;
				padding:25px;
			}
			body.single-post .ph-tag {
				width: 80%;
				max-width: 80%;
				background: none transparent !important;
				float: left;
			}
			.slick-slide .ph-tag {
				height: 50vh;
				
				max-height:600px;
			}
				.slick-slide .ph-tag a {
					position: relative;
					display: block;
					height: 100%;
				}
				.ph-tag .ph-title {
					font-size: 40px;
					line-height: 40px;
				}
				.ph-tag .ph-text {
					font-size: 25px;
					line-height: 25px;
					margin-top: 4px;
					color:#A3C4D8;
				}
				body.single-post .ph-tag .ph-title,
				body.single-post .ph-tag .ph-text {
					font-size: 50px;
					line-height: 55px;
					margin-top: 4px;
					color:#FFF;
					font-weight: 600;
				}
				.slick-slide .ph-tag .ph-text {
					font-size: 17px;
					font-weight: 600;
					line-height: 20px;
				}
				.slick-slide .ph-tag a .ph-image {
					position: absolute;
					bottom: 0;
					left:0;right:0;
					top:auto;
				}
		.page-header-container .dots-container.container {
			overflow: hidden;
			height: 20px;
			width: 100%;
			position: absolute;
			z-index: 10000;
			bottom: 35px;
			top: auto;
			left: 0;
			right: 0;
		}
			.page-header-container .dots-container.container .dots-content {
				height: 20px;
				float: right;
				min-width: 375px;
				width: 375px;
				max-width: 475px;
				right: 5px;
				position: relative;
			}

		.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; }
			}
			
	/* Slider */
	
		.page-header-main .dots-container,
		body.tax-product_category .dots-container {
			position: absolute;
			z-index: 1104;
			height: 20px;
			bottom: 40px;
			right: 0;
			top: auto;
			left: 0;
		}
			.page-header-main .dots-content,
			body.tax-product_category .dots-content {
				position: absolute;
				z-index: 1104;
				height: 20px;
				bottom: 0;
				right: 0;
				top: auto;
				left: 0;
				margin: 0 15px;
			}
				.page-header-main .slick-dots,
				body.tax-product_category .slick-dots {
				    bottom: 0;
					right: 0;
					text-align: center;
				}
					.page-header-main .slick-dots li,
					body.tax-product_category .slick-dots li {
					    background-color: #002169;
					    height: 5px;
					    opacity: .5;
					    width: 20px;
					}
					.page-header-main .slick-dots li.slick-active,
					body.tax-product_category .slick-dots li.slick-active {
					    opacity: 1;
					}
						.page-header-main .slick-dots li button,
						body.tax-product_category .slick-dots li button {
						    height: 5px;
						}
						.page-header-main .slick-dots li button::before,
						body.tax-product_category .slick-dots li button::before {
						    color: #00a2c9;
						    content: " ";
						    height: 5px;
						}
					.page-header-main .slick-dots li.active,
					body.tax-product_category .slick-dots li.active {
					    
					}
						.page-header-main .slick-dots li.active button,
						body.tax-product_category .slick-dots li.active button {
						    
						}
						.page-header-main .slick-dots li:active button::before,
						body.tax-product_category .slick-dots li:active button::before {
						    color: #00a2c9;
						}
	
	/* Background Image */
	
		.background_image {
			background-size: cover;
			background-position: center center;
		}
	
	/* Images Slider */
	
		.images_slider {
			
		}
			.images_slider .slick-list {
				height: 100vh;
				padding: 0;
				
				max-width:2560px;
				max-height:1000px;
			}
				.images_slider .slick-track {
					height: 100vh;
					padding: 0;
					
					max-height:1000px;
				}
				.header-slide {
					background-size: cover;
					background-position: center center;
					height: 100vh;
					position: relative;
					z-index:1000;
					
					max-width:2560px;
					max-height:1000px;
				}
	
	/* 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% */
	 	.customVH10 {height: 10vh;}
	 	.customVH20 {height: 20vh;}
	 	.customVH30 {height: 30vh;}
	 	.customVH40 {height: 40vh;}
	 	.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%; }*/
	 	
/* Responsive */

	/* MAX WIDTH */	
	
		/* Large devices (desktops, less than 1200px) */
		
		@media (max-width: 1199.98px) {
			body.single-post .ph-tag .ph-title,
			body.single-post .ph-tag .ph-text {
				font-size: 40px;
				line-height: 45px;
				font-weight: 600;
			}
		}
		
		
		/* Medium devices (tablets, less than 992px) */
		
		@media (max-width: 991.98px) {
			.slick-slide .ph-tag {
				min-width: 320px;
				width: 320px;
			}
			body.single-post .ph-tag .ph-title,
			body.single-post .ph-tag .ph-text {
				font-size: 35px;
				line-height: 40px;
				font-weight: 600;
			}
		}
		
		
		/* Small devices (landscape phones, less than 768px) */
		
		@media (max-width: 767.98px) {
			.page-header-main {margin-top: 60px;}
			.mm-slideout .page-header-main {margin-top: 0;}
			.customVH10 {height: 10vh;}
		 	.customVH20 {height: 20vh;}
		 	.customVH30 {height: 30vh;}
		 	body:not(.home) .customVH40 {height: 30vh;}
		 	body:not(.home) .customVH50 {height: 30vh;}
		 	body:not(.home) .customVH60 {height: 30vh;}
		 	body:not(.home) .customVH70 {height: 30vh;}
		 	body:not(.home) .customVH80 {height: 30vh;}
		 	body:not(.home) .customVH90 {height: 30vh;}
		 	
		 	.ph-tag {
				min-width: 100%;
				width: 100%;
				height: 140px;
				padding: 15px;
			}
			body.single-post .ph-tag .ph-title,
			body.single-post .ph-tag .ph-text {
				font-size: 30px;
				line-height: 35px;
				font-weight: 600;
			}
		}
		
		
		/* Extra small devices (portrait phones, less than 576px) */
		
		@media (max-width: 575.98px) {
			.slick-slide .ph-tag {
				min-width: auto;
				width: auto;
			}
			body.single-post .ph-tag .ph-title,
			body.single-post .ph-tag .ph-text {
				font-size: 20px;
				line-height: 25px;
				font-weight: 600;
			}
		}
	
	
	/* MIN WIDTH */
	
	
		/* Small devices (landscape phones, 576px and up) */
		
		@media (min-width: 576px) {
			
		}
		
		
		/* Medium devices (tablets, 768px and up) */
		
		@media (min-width: 768px) {
			
		}
		
		
		/* Large devices (desktops, 992px and up) */
		
		@media (min-width: 992px) {
			
		}
		
		
		/* Extra large devices (large desktops, 1200px and up) */
		
		@media (min-width: 1200px) {
			
		}