div.circle {
position: relative;
width: 0px;
height: 0px;
top: 50px;
left: 50px;
-webkit-transition-duration: 2s;
-webkit-transition-property: all;
-webkit-transition-timing-function: ease-in-out;
text-align: center;
background: red;
color: white;
border-radius: 100%;
padding: 20px;
overflow: hidden;
font-family: sans-serif; }
div.open {
top: 0px;
left: 0px;
width: 100px;
height: 100px;
}
.bg-science {
background: #e7f3f6; }
.anim-img {
}
.bg-main-img {
width: 100%;
height: 105%;
background-size: cover;  display: block;
z-index: 2;
background-position: center;
margin-top: -73px;
}
.bg-main-pipes {
width: 100%;
height: 105%;
background-size: contain;
background: no-repeat url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2020/11/pipes.png);
display: block;
z-index: 2;
background-position: center;
margin-top: -73px;
}
img.pipes-img {
z-index: 20;
width: 100%;
padding: 10% 0 10%;
max-width: 847px;
display: block;
}
.pipes-img {
width:85%;
} .cards {
background:#E9F3F7;
}
.tms {font-size: 1.5rem; text-align: center;} .container-fluid {
overflow-x: hidden;
}
.waves-ins {
display: inline-block;
width: 100%;
height: auto;
}
.ocean { 
height: 5%;
width:100%;
position:relative;
bottom:0;
left:0;
}
.oceantop { 
height: 5%;
width:100%;
position:relative;
bottom:0;
left:0;
}
.waves-ins-top {
display: inline-block;
width: 100%;
height: auto;
}
.wave {
background: url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2021/09/wave-0.svg) repeat-x; 
position: absolute;
top: -198px;
width: 6400px;
height: 198px;
animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
transform: translate3d(0, 0, 0);
}
.wave2 {
background:  url(https://hiccaway-zzrknacmnjkk6llhd.netdna-ssl.com/wp-content/uploads/2021/09/wave2-bg-1.svg) repeat-x;
position: absolute;
top: -62px;
width: 6400px;
height: 198px;
animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
transform: scaleY(-1);
}
.wave:nth-of-type(2) {
top: -175px;
animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
opacity: 1;
}
.wave2:nth-of-type(2) {
top: -175px;
animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
opacity: 1;
}
.low-wave{
margin-top: -20px;
}
@keyframes wave {
0% {
margin-left: 0;
}
100% {
margin-left: -1600px;
}
}
@keyframes wave2 {
0% {
margin-left: 0;
}
100% {
margin-left: -1600px;
}
}
@keyframes wavetop {
0% {
margin-left: 0;
}
100% {
margin-left: -1600px;
}
}