.pc-thermometer.two-column {
	justify-content: space-between;
}
.pc-thermometer > *,
.pc-thermometer.one-column > * {
	width: 100%;
}
.pc-thermometer.two-column > .thermo-container {
	width: 33%;
}
.pc-thermometer.two-column > * {
	margin: 0;
	width: 55%;
}
.pc-thermometer.two-column > *:not(.thermo-container) {
	display: flex;
		align-content: center;
	flex-wrap: wrap;
}
.pc-thermometer.two-column > *:not(.thermo-container) > * {
	width: 100%
}
.pc-thermometer.column-reverse {
	flex-direction: row-reverse;
}
.pc-thermometer.two-column:not(.column-reverse) > *:last-child {
	/* padding-left: 30px; */
}
.pc-thermometer.two-column.column-reverse > *:last-child {
	/* padding-right: 30px; */
}
.pc-thermometer .thermo-container {
  position: relative;
  display: block;
}
.pc-thermometer .thermo-container.goal-reached {
	background: #ff0000;
}
.pc-thermometer .wave-fill {
  height: 100%;
  width: 100%;
  -webkit-mask-image: url(images/icon-torch-full.svg);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.pc-thermometer.block-animate .thermo-container {
	/*animation-delay: 2s;*/
	opacity: 0;
	transition: all .5s ease;
}
.acf-block-preview .pc-thermometer.block-animate .thermo-container, 
.pc-thermometer.block-animate.animated .thermo-container {
	opacity: 1;
}
.thermo-container:after {
  background-repeat: no-repeat;
  background-size: 100%;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.pc-thermometer span {
  display: block;
  width: 100%;
}
.pc-thermometer .wave {
  height: 30px;
  background-repeat: repeat-x;
  background-position: bottom center;
  background-size: auto 100%;
  animation: wave 7s linear 1 forwards;
  position: relative;
  top: 1px;
  z-index: 1;
}
.pc-thermometer .deep-water {
  height: 100%;
  position: relative;
  z-index: 1;
}
div:not(.acf-block-preview) .pc-thermometer.block-animate:not(.animated) .thermo-container .water {
	transform: translateY(100%);
}

@keyframes wave {
  from {
    background-position: 0px 0px;
  }
  to {
    background-position: 1000px 0px;
  }
}
.pc-thermometer .water {
  height: 100%;
  width: 100%;
  transform: translateY(100%);
}

@media(max-width: 800px) {
	.pc-thermometer.two-column > .thermo-container,
	.pc-thermometer.two-column > * {
		width: 100%;
	}
	.pc-thermometer.two-column:not(.column-reverse) > *:last-child {
		padding-left: 0;
	}
	.pc-thermometer.two-column.column-reverse > *:last-child {
		padding-right: 0;
	}
	.thermo-container {
		max-width: 400px
	}
}