/* 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-height: 1080px;
		}
			.page-header-container {
				display: block;
				position: absolute;
				top: 0; right: 0; bottom: 0; left: 0;
				height: 100vh;
				width: 100%;
				z-index:-9;
				overflow:hidden;
				max-height: 1080px;
				max-width: 1980px;
				margin: 0 auto;
			}
			
				.naf-ph-element {
					display: block;
					position: absolute;
					top: 0; right: 0; bottom: 0; left: 0;
					height: 100vh;
					width: 100%;
					z-index:-8;
					max-height: 1080px;
					backdrop-filter: brightness(110%);
				}
		.ph_mask {
			background-color: #000;
			opacity: .45;
			position: absolute;
			top: 0; right: 0; bottom: 0; left: 0;
			height: 100% !important; /*100vh*/
			width: 100%;
			z-index:1100;
		}
		.ph-tag-container {
			color: #fff;
			position: absolute;
			/*bottom: 18vh;*/
			width: 100%;
			left: 0;
			right: 0;
			z-index: 1101;
			text-shadow: 0 0 48px #242424;
		}
			.ph-tag {
				height: 200px;
				margin: 0 auto;
				text-align: left;
				font-family: "Montserrat", sans-serif;
				text-shadow: 2px 2px 12px rgba(0,0,0,.75);
			}
				.ph-tag .ph-title {
					font-size: 60px;
				    line-height: 60px;
				    width: 66.66%;
    				text-transform: initial;
    				font-weight:200;
				}
				.ph-tag .ph-text {
					font-size: 18px;
					line-height: 22px;
					margin-top: 20px;
					width: 50%;
				}
				.ph-link a {
				    color: #fff;
				    text-decoration: none;
				    text-transform: lowercase;
				    padding: 4px 12px;
				    border: 1px solid #fff;
				    display: inline-block;
				}
				.ph-link a:hover { background-color: #fff; }
		.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 .slick-dots {
        	bottom: 50px;
        	right: auto;
        	text-align: right;
        	margin: 0 auto;
        	left: auto;
        	position: absolute;
        	padding: 0 15px;
			text-align: right;
			text-shadow: 0 0 28px #242424;
		}
			.page-header-main .slick-dots li {
			    background-color: #fff;
			    height: 7px;
			    opacity: .5;
			    width: 50px;
                position:relative;
			}
			.page-header-main .slick-dots li.slick-active {
			    opacity: 1;
			}
				.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-size: cover;
			background-position: center center;
			background-repeat:no-repeat;
			/**filter: grayscale(1);**/
		}
		
		/* Effects */
		
			.background_image.ph_parallax {
				/*background-position: 50% 0;
				position: absolute;
				height: 120%;*/
				background-attachment: fixed;
			}
			.background_image .moveup-container-img {
				width: 100%;
				position: relative;
				z-index:-1;
				height: 100vh;
				max-height: 1080px;
			}
				.background_image .moveup-container-img img {position: absolute;transition: top 0s linear;top: 0;}
				
		.ph-img-magnifier {position:absolute;top:auto;left:auto;bottom:50px;right:50px;}
			.ph-img-magnifier a {}
				.ph-img-magnifier a i {color:#fff !important;text-shadow: 0 0 28px #242424;font-size:1.7em;opacity:.5;}
				.ph-img-magnifier a:hover i {opacity:.7;}
	
	/* Images Slider */
	
		.images_slider {
			
		}
			.images_slider .slick-list,
			.images_slider .slick-track {
				height: 100vh;
				padding: 0;
			}
				.header-slide,
				.header-slide .naf-ph-element {
					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;
				}
				
		@media (orientation: landscape) and (max-width: 991.98px) {
			.video-foreground,
			.video-background iframe {
			    left: -50%;
			    width: 200%;
			}
		}
		@media (max-width: 991.98px) {
			.video-foreground,
			.video-background iframe {
			    left: -50%;
			    width: 200%;
			}
		}
		
	/* 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% */
	 	.customVH30 {height: 30vh;max-height: 1080px;}
	 	.customVH40 {height: 40vh;max-height: 1080px;}
	 	.customVH50 {height: 50vh;max-height: 1080px;}
	 	.customVH60 {height: 60vh;max-height: 1080px;}
	 	.customVH70 {height: 70vh;max-height: 1080px;}
	 	.customVH80 {height: 80vh;max-height: 1080px;}
	 	.customVH90 {height: 90vh;max-height: 1080px;}
	 	.customVH100 {height: 100vh;max-height: 1080px;}
	 	
	 	.customVH30 .ph-tag-container { bottom: 18vh; }
	 	.customVH40 .ph-tag-container { bottom: 18vh; }
	 	.customVH50 .ph-tag-container { bottom: 18vh; }
	 	.customVH60 .ph-tag-container { bottom: 8vh; }
	 	.customVH70 .ph-tag-container { bottom: 10vh; }
	 	.customVH80 .ph-tag-container { bottom: 12vh; }
	 	.customVH90 .ph-tag-container { bottom: 15vh; }
	 	.customVH100 .ph-tag-container { bottom: 18vh; }
	 	
	 	


/* Responsive */

	/* MAX WIDTH */	
	
        @media (max-width: 1979.98px) {
          .page-header-main .slick-dots {max-width: 1640px;}
        }
        
		/* Large devices (desktops, less than 1440px) */
		
		@media (max-width: 1439.98px) {
			.ph-tag {/*width: 60%;*/}
			.ph-tag .ph-title { font-size: 55px;line-height: 55px; }
		}
		
		/* Large devices (desktops, less than 1200px) */
		
		@media (max-width: 1199.98px) {
			.ph-tag {width: 85%;}
			.ph-tag .ph-title { font-size: 50px;line-height: 50px;width: 80%; }
			.ph-tag .ph-text {width: 80%;}
		}
		
		
		/* Medium devices (tablets, less than 992px) */
		
		@media (max-width: 991.98px) {
			.ph-tag {width: 90%;}
			.ph-tag .ph-title { font-size: 42px;line-height: 42px;width: 100%; }
            .ph-tag .ph-text {font-size: 17px;line-height: 21px;width: 100%;}
            
            .page-header-main .slick-dots li {width: 40px;margin:0 10px;}
		}
		
		
		/* Small devices (landscape phones, less than 768px) */
		
		@media (max-width: 767.98px) {
        	.ph-tag-container {bottom: 75px !important;}
			.ph-tag {width: 93%;height: 160px;}
			.ph-tag .ph-title { font-size: 30px;line-height: 30px;width: 100%; }
            .ph-tag .ph-text {font-size: 16px;line-height: 20px;margin-top: 18px;width: 100%;display:none;}
            
            .customVH30 {min-height: 298px;}
		 	.customVH40 {min-height: 397px;}
		 	.customVH50 {min-height: 397px; height:40vh;}
		 	.customVH60 {min-height: 397px; height:40vh;}
		 	.customVH70 {min-height: 397px; height:40vh;}
		 	.customVH80 {min-height: 397px; height:40vh;}
		 	.customVH90 {min-height: 397px; height:40vh;}
		 	.customVH100 {min-height: 397px; height:40vh;}
		}
		
		
		/* Extra small devices (portrait phones, less than 576px) */
		
		@media (max-width: 575.98px) {
        	.ph-tag-container {bottom: 75px !important;}
			.ph-tag {width: 96%;}
			.ph-tag .ph-title { font-size: 28px;line-height: 28px; }
            .ph-tag .ph-text {font-size: 17px;line-height: 21px;margin-top: 10px;}
            .naf-ph-element::after {
			    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.5) 100%);
			    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.5) 100%);
			    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.5) 100%);
			    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
			}
		}
	
	
	/* MIN WIDTH */
	
	
		/* Small devices (landscape phones, 576px and up) */
		
		@media (min-width: 576px) {
			
		}
		
		
		/* Medium devices (tablets, 768px and up) */
		
		@media (min-width: 768px) {
			.customVH30,
            .customVH30.images_slider .slick-list, 
            .customVH30.images_slider .slick-track  {min-height: 198px;}
		 	.customVH40,
            .customVH40.images_slider .slick-list, 
            .customVH40.images_slider .slick-track  {min-height: 297px;}
		 	.customVH50,
            .customVH50.images_slider .slick-list, 
            .customVH50.images_slider .slick-track  {min-height: 397px;}
		 	.customVH60,
            .customVH60.images_slider .slick-list, 
            .customVH60.images_slider .slick-track  {min-height: 496px;}
		 	.customVH70,
            .customVH70.images_slider .slick-list, 
            .customVH70.images_slider .slick-track  {min-height: 595px;}
		 	.customVH80,
            .customVH80.images_slider .slick-list, 
            .customVH80.images_slider .slick-track  {min-height: 695px;}
		 	.customVH90,
            .customVH90.images_slider .slick-list, 
            .customVH90.images_slider .slick-track  {min-height: 794px;}
		 	.customVH100,
            .customVH100.images_slider .slick-list, 
            .customVH100.images_slider .slick-track {min-height: 894px;}
		}
		
		
		/* Large devices (desktops, 992px and up) */
		
		@media (min-width: 992px) {
			.customVH30 {min-height: 298px;}
		 	.customVH40 {min-height: 397px;}
		 	.customVH50 {min-height: 497px;}
		 	.customVH60 {min-height: 596px;}
		 	.customVH70 {min-height: 695px;}
		 	.customVH80 {min-height: 795px;}
		 	.customVH90 {min-height: 894px;}
		 	.customVH100 {min-height: 994px;}
		}
		
		
		/* Extra large devices (large desktops, 1200px and up) */
		
		@media (min-width: 1200px) {
			
		}
        
        
        @media (min-width: 1640px) {
          .page-header-main .slick-dots {margin: 0 calc((100% - 1640px) / 2);}
        }
        
        @media (min-width: 1980px) {
          .page-header-main .slick-dots {margin: 0 calc(((100% - 1980px) / 2) - 170px);}
        }