.firstpane,  
.fadein
{
    opacity:0.3;
}

/* ANIMATIONS
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*.pg-footer > *, 
.pg-header nav > *,*/
.pg-main  
{
  opacity: 0.5;
}

/*.pg-footer, 
.pg-header,*/
.pg-main .text-wrapper {
  overflow: hidden;
}

/* 
.pg-header nav > * {
  transform: translateY(-30px);
} 
*/
/*.pg-footer > * {
  transform: translateY(30px);
}*/

.pg-header {
  position: relative;
}

/*
.pg-header::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #000;
  z-index: 99999;
  transform: scaleX(0);
}
 */

.pg-main .text-wrapper + .text-wrapper {
  margin-top: 10px;
}

.pg-main .text-wrapper * {
  transform: translateY(120%);
}

.pg-main .p-wrapper * {
  transform: translateY(-120%);
}

/*
.loaded .pg-header::after {
  animation: scaleIn 1s ease-in 0.2s forwards;
}*/

.loaded .pg-main {
  animation: fadeIn 0.3s ease-in 0.3s forwards;
}
 
/*.loaded .pg-footer > * 
.loaded .pg-header nav > * 
{
  animation: fadeIn 0.3s ease-in 0.3s forwards, slideIn 0.3s ease-in 0.3s forwards;
}
*/

.loaded .pg-main .text-wrapper * {
  animation: slideIn 0.5s cubic-bezier(0.54, 0.46, 0.54, 0.94) 0.5s forwards;
}

@keyframes fadeIn {
  60% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
} 

@keyframes scaleIn {
  100% {
    transform: scaleX(1);
  }
}

@keyframes slideIn {
  100% {
    transform: translateY(0);
  }
}
	
@media screen and (max-width:500px) {
	.review-box { display:block; width:100% }
}