.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;height:5%;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 stop-color='%23f6f6f6' stop-opacity='.25' offset='0%25'/%3E%3Cstop stop-color='%23f6f6f6' offset='100%25'/%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-77z' transform='matrix(-1 0 0 1 1600 0)'/%3E%3C/svg%3E") repeat-x;height:198px;opacity:.4;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:.8;top:-175px}@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)}}