.onda{background-color: #e0f8ff; background-image: url("../images/curve_white.png"); background-repeat: no-repeat; background-position: bottom; background-size: contain; height: 35px}
.onda2{background-color: #e0f8ff; background-image: url("../images/curve_white2.png"); background-repeat: no-repeat; background-position: top; background-size: contain; height: 35px}

@media screen and (max-width: 490px) {
#section-1 h3, #section-4 h3{font-size: 20px}
}

.ocean { 
  height: 200px;
  width:100%;
	overflow: hidden;
	position: relative;
	bottom: 0;
	left: 0;
	z-index: 2
}

.ocean.v01 .wave {
	background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; 
}

.ocean.v01 {
	transform: rotate(180deg);
	position: absolute;
	top: 0;
	left: 0;
}

.wave {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x; 
  position: absolute;
  bottom: -25px;
  width: 6400px;
  height: 100%;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
  transform: translate3d(0, 0, 0);
}

.wave:nth-of-type(2) {
  bottom: -25px;
  animation: wave 7s cubic-bezier( 0.36, 0.45, 0.63, 0.53) -.125s infinite, swell 7s ease -1.25s infinite;
  opacity: 1;
}

@keyframes wave {
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: -1600px;
  }
}

@keyframes swell {
  0%, 100% {
    transform: translateY(-25px);
  }
  50% {
    transform: translateY(5px);
  }
}

#team_widget_div_team_form_tdj9mv45g_0{width: initial!important}

.strikethrough-diagonal {
  position: relative;
  color: red;
  font-weight: bold;
}
.strikethrough-diagonal:before {
  position: absolute;
  content: "";
  left: 0;
  top: 45%;
  right: 0;
  border-top: 1px solid;
  border-color: inherit;
  -webkit-transform: skewY(-10deg);
  -moz-transform: skewY(-10deg);
  transform: skewY(-10deg);
}

.progress-bar {
  align-items: flex-end;
  padding: 0 10px 0 0;
  overflow: hidden;
  position: relative;
  width: 100%;
  color: #000000;
  text-align: left;
  background-color: #dedbdc;
  margin: 0 0 5px 0;
}

.progress-bar:before {
  -webkit-animation-delay: 0.15s;
          animation-delay: 0.15s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
          animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 0.4rem;
  content: "";
  height: 100%;
  margin-right: 3.2rem;
  left: 0;
  position: absolute;
  top: 0;
  transform-origin: left top;
  width: calc(100% - 3.2rem);
  will-change: transform;
}
.bar-1:before {
  -webkit-animation-name: progress1;
          animation-name: progress1;
  background-color: #f9c900;
}
@-webkit-keyframes progress1 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.87);
  }
}
@keyframes progress1 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.87);
  }
}
.bar-2:before {
  -webkit-animation-name: progress2;
          animation-name: progress2;
  background-color: #f9c900;
}
@-webkit-keyframes progress2 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.10);
  }
}
@keyframes progress2 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.10);
  }
}
.bar-3:before {
  -webkit-animation-name: progress3;
          animation-name: progress3;
  background-color: #f9c900;
}
@-webkit-keyframes progress3 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.03);
  }
}
@keyframes progress3 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0.03);
  }
}
.bar-4:before {
  -webkit-animation-name: progress4;
          animation-name: progress4;
  background-color: #f9c900;
}
@-webkit-keyframes progress4 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes progress4 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}
.bar-5:before {
  -webkit-animation-name: progress5;
          animation-name: progress5;
  background-color: #f9c900;
}
@-webkit-keyframes progress5 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}
@keyframes progress5 {
  0% {
    transform: scaleX(0);
  }
  100% {
    transform: scaleX(0);
  }
}
