.oceanbox-3{min-height:220px;position:relative}.wave-3{background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 198 1600"><linearGradient id="a" x1="-859.599" x2="-859.599" y1="1338.778" y2="1337.778" gradientTransform="matrix(0 1600 -198.0004 0 265078.563 1376158.75)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:%23f0f0f0;stop-opacity:.75"/><stop offset="1" style="stop-color:%23f0f0f0"/></linearGradient><path d="M121 0C121 311-.2 409.9 0 811c0 400 121 500 121 789h77V0z" style="fill-rule:evenodd;clip-rule:evenodd;fill:url(%23a)"/></svg>');bottom:0;height:100%;left:0;position:absolute;top:0}.oceanbox{background:#fff;bottom:0;display:block;margin:0 0 -2px;max-height:220px;min-height:220px;overflow:hidden;padding:0;position:relative}.ocean{background:#f6f6f6;bottom:0;left:0;width:100%}.ocean,.wave{position:absolute}.wave{animation:wave 12s cubic-bezier(.36,.45,.63,.53) infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23f0f0f0' stop-opacity='.25'/%3E%3Cstop offset='100%25' stop-color='%23f0f0f0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77' transform='matrix(-1 0 0 1 1600 0)'/%3E%3C/svg%3E") repeat-x;height:198px;opacity:.75;top:-198px;transform:translateZ(0);width:6400px}.wave:nth-of-type(2){animation:wave 12s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 12s ease -1.25s infinite;opacity:1;top:-175px}.oceanbox-2{background:#fff;bottom:0;display:block;margin:0 0 -2px;max-height:220px;min-height:220px;overflow:hidden;padding:0;position:relative;transform:rotate(180deg)}.ocean-2{background:#f6f6f6;bottom:0;left:0;width:100%}.ocean-2,.wave-2{position:absolute}.wave-2{animation:wave 12s cubic-bezier(.36,.45,.63,.53) infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959P' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23f0f0f0' stop-opacity='.75'/%3E%3Cstop offset='100%25' stop-color='%23f0f0f0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77' transform='matrix(-1 0 0 1 1600 0)'/%3E%3C/svg%3E") repeat-x;height:198px;top:-198px;transform:translateZ(0);width:6400px}.wave-2:nth-of-type(2){animation:wave 12s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 12s ease -1.25s infinite;opacity:.4;top:-188px}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-23px,0)}50%{transform:translate3d(0,3px,0)}}