#kt-layout-id_0451c4-01 .kt-row-layout-bottom-sep svg {
    fill: #046552!important;
}

.waves {
    position:relative;
    width: 100%;
    height:15vh;
    margin-bottom:-7px; /*Fix for safari gap*/
    min-height:100px;
    max-height:150px;
  }
  
  .content {
    position:relative;
    height:20vh;
    text-align:center;
    background-color: white;
  }
  
  /* Animation */
  
  .parallax > use {
    animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
  }
  .parallax > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
  }
  .parallax > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
  }
  .parallax > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
  }
  .parallax > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
  }
  @keyframes move-forever {
    0% {
     transform: translate3d(-90px,0,0);
    }
    100% { 
      transform: translate3d(85px,0,0);
    }
  }
  /*Shrinking for mobile*/
  @media (max-width: 768px) {
    .waves {
      height:40px;
      /* min-height:40px; */
    }
    .content {
      height:30vh;
    }
    h1 {
      font-size:24px;
    }
  }


  .btn-shine {

  color: #ffffff;
  background: linear-gradient(to right, #4d4d4d 0, white 10%, #046552 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite cubic-bezier(0.7, 1.11, 0.45, 2.03);
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
  font-weight: 600;

  } 


@keyframes shine{
  0%{
    background-position: 0;
  }
  60%{
    background-position: 200px;
  }
  100%{
    background-position: 200px;

}
}


.assembly {
	top: 50%; left: calc(50% - .5*var(--dx)*#{$w});
	transform: rotatey(35deg);
}

.panel {
	--mid: calc((var(--p) + var(--k)*#{$f})*#{$w});
	transform: translate3d(calc(var(--dx)*#{$w}), 0, calc(var(--dz)*#{$w}));
	
	&:before, &:after {
		position: absolute;
		margin: -.5*$h (-.5*$w);
		width: $w; height: $h;
		background: url($url) 50%/ cover;
		content: ''
	}
	
	&:before {
		transform-origin: var(--mid);
		transform: rotatey(-90deg);
		clip-path: inset(0 calc(100% - var(--mid)) 0 calc(var(--p)*100%));
		filter: brightness(.4);
	}
	
	&:after {
		clip-path: inset(0 calc(100% - (var(--p) + var(--k))*#{$w}) 0 var(--mid));
	}
}



$url: 'https://s3-us-west-2.amazonaws.com/s.cdpn.io/2017/bg_sq_halloween_0.jpg';
$w: 85vmin;
$h: 65vmin;
$f: .25;