/*
	Heights
	.plgroup 
	.plgroup.plbg 
	.plcontent
	*/
	

  .parallax {
    height: 500px;  /* fallback for older browsers */
    height: 100vh; 
    overflow-x: hidden;
    overflow-y: auto;
		-webkit-overflow-scrolling: touch;
    -webkit-perspective: 200px;
    perspective: 200px;

    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    
    perspective-origin-x: 100%; 
  }

  .plgroup {
      /*min-height: 100%;*/

      display: block; /* fix issue with chrome and IE */
      position: relative; /* fix issue with chrome and IE */

      -webkit-transform-style: inherit;
      transform-style: inherit;
  }
   

  
  .plbg {
			/*
			background: 50% 50% / cover;
			transform-origin-x: 100%;
			*/
      background-position: 50% 50%; 
      background-size: cover; 
			-webkit-background-size: cover;			
  }
   
  .plgroup .plbg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5px;
    right: 0;
     
    -webkit-pointer-events: none;
    pointer-events: none;

    z-index: -1; /* fix issue with chrome and ie */
    transform-origin-x: 100%; /* fix issue with chrome */
    
    -webkit-transform: translateZ(-200px) scale(2);
    transform: translateZ(-200px) scale(2);
  }
   

  .plgroup.plbg {
    background-attachment: fixed;
    min-height: 100vh;
    box-shadow: 0 -1px 10px rgba(0, 0, 0, .7);
  }
   





  /*
  #group3 .plbg {
    background-image: url("/img/home_3.jpg");
  }
  
  #group1 .plbg {
    background-image: url("/img/home_1.jpg");
  }
	
  #group2 {
    background: #FFF url("/img/home_2.jpg");
  }
  
  #group4 {
    background: #FFF url("/img/home_4.jpg");
  }
  */

  #group2, #group4 {
    /*
    background: rgba(180, 200, 190, 1.0);
    */
    background: #FFF;
  }

  .plcontent {
    transform: translateZ(0);
    min-height: 120vh;
    position: relative;
  }
  
	.plbg .plcontent {
    min-height: auto;
	}
	
  
  #group2 .plcontent, #group3 .plcontent, #group4 .plcontent {
    padding: 5%; 
  }
  
	
	/** disable sophisticated CSS for edge **/
  @supports (-ms-accelerator:true) {

		.parallax {
			height: 100vh; 
			/* 
			overflow-x: hidden;
			overflow-y: auto;
			*/

			perspective: none;
			transform-style: flat;
			perspective-origin-x: initial; 
		}
	
	
		.plgroup { transform-style: flat;	}
			
		.plgroup .plbg {
			transform-origin-x: initial;
			transform: none;
		}
		.plcontent {  transform: none; }
	}