.wave-colors{--gentle-wave1: rgba(245, 245, 245, .7);--gentle-wave2: rgba(245, 245, 245, .5);--gentle-wave3: rgba(245, 245, 245, .3);--gentle-wave: rgb(245, 245, 245)}.hide-wave{--gentle-wave1: #ffffff00;--gentle-wave2: #ffffff00;--gentle-wave3: #ffffff00;--gentle-wave: #ffffff00}.preview-overlay{width:100%;position:relative;left:0;right:0;z-index:0}.preview-overlay .preview-waves{position:relative;width:100%;height:1vh;min-height:101px;max-height:150px}.preview-overlay .preview-waves use{transition:fill .3s ease-in-out}@media (max-width: 768px){.preview-overlay{display:none}}.preview-overlay .preview-parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.preview-overlay .preview-parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.preview-overlay .preview-parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.preview-overlay .preview-parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.preview-overlay .preview-parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@-moz-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@-webkit-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@-o-keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}#banner{overflow:hidden;width:110%;height:110%;right:5%}.kratos-cover.kratos-hero-2,.kratos-start.kratos-hero-2{height:300px}.kratos-cover.kratos-cover-2{height:400px}