/*@font-face {
    font-family: 'cooper_blackregular';
    src: url('fonts/cooperblack-webfont.woff2') format('woff2'),
         url('fonts/cooperblack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}*/
.lang-switcher{
float:right;
margin: 0 0 10px 0;	
}
.wpml-ls-legacy-dropdown {
    width:inherit !important;
}
.js-wpml-ls-item-toggle{
border-radius:10px;	
border: none !important;
padding: 8px 40px 10px 15px !important;
}
.js-wpml-ls-item-toggle:hover,
.js-wpml-ls-item-toggle:focus,
.js-wpml-ls-item-toggle:active{
border-radius:10px 10px 0 0 !important;	
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu a {
    border-width:0 !important;
	padding:8px 15px !important;
	border-radius:0 0 10px 10px;	
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
border:none !important;	
margin-top: -4px !important;
}

.lang-es .top-bar .wrapper,
.lang-es .header .wrapper{
    width: 1440px;
    max-width: 1440px;
}
.lang-es  ul.slimmenu li a{
	font-size: 1.0em;
padding: 8px 20px;
}



iframe{max-width:100%!important;}
.inthenews a:not(.btn){
color:#fff;	
}
.breadcrumb a, .post h2 a, .post h1 a, .btn, .wp-pagenavi a, .social-sharing a, .post_info a, .logo a, .social-icons li a, .top-links li a, .header h3 a, .footer-copyrights a, .sidebox ul li a, nav ul li a, nav ul li a:hover, .home-boxes h3 a, .footer .social-icons li a, .cta-btn, .top-bar p a, .featured-post a, .blog-pagination.pagination ul li a, .findbystatebox li a, .headphone a, .social-icons a, .service-box h3 a, .fran-phone a, .linkbtn, .footer-nav li a, .linkbtn:hover, .btn:hover, .btn:focus, .btn:active, .headphone a:hover, .headphone a:focus, .headphone a:active, .top-links li a:hover, .top-links li a:focus, .top-links li a:active, .social-icons a:hover, .social-icons a:focus, .social-icons a:active, .service-box a, .service-box a:hover, .service-box a:focus, .service-box a:active, .footer-top a, .foot-col a, .section4 li a, .footphone a, .gallery-item a, .gallery-item a:hover, .home-ownership-steps ul li a, .btn-getstarted, .btn-getstarted:hover, .home-why-choose ul li a, .btn-getstarted:focus, .btn-getstarted:active, .btn-login, .btn-login:hover, .btn-login:focus {
	text-decoration:none;
}
.post h2 a:hover, .post h2 a:focus, .post h2 a:active, .wp-pagenavi a:hover, .wp-pagenavi a:focus, .wp-pagenavi a:active, .header h3 a:hover, .header h3 a:focus, .header h3 a:active, .footer a:hover, .footer a:focus, .footer a:active, .sidebox ul li a:hover, .sidebox ul li a:focus, .sidebox ul li a:active, .logo a:hover, .logo a:focus, .logo a:active, .home-boxes h3 a:hover, .home-boxes h3 a:focus, .home-boxes h3 a:active, .top-bar p a:hover, .top-bar p a:focus, .top-bar p a:active, .featured-post a:hover, .featured-post a:focus, .featured-post a:active, .findbystatebox li a:hover {
	text-decoration:underline;
}

form {
	margin: 0;
}
img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
p {
	margin: 0 0 20px 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0px 0 20px 0;
	padding: 0;
	line-height:1;
	font-weight:700;
	font-family: cooper-black-std, serif;
	
}

h1,
h2 {
	font-size:3.059em;
}
h3 {
	font-size:2.353em;
}
h4 {
	font-size:1.765em;
}
h5 {
	font-size:1.412em;
}
h6 {
	font-size:1.176em;
}
ul {
	padding: 0;
}
a {
	color: #e61c22;
	text-decoration:underline;
	background-color:#fff;
}
	.covid{
	  float: left;
width: 100%;
background: #e61c22;
text-align: right;
padding: 15px 0;
color: #fff;
font-size: 1.0em;
font-weight: 400;
position: absolute;
left: 0;
top: 121px;
z-index: 2;
	}
	.covid p{margin-bottom:0;}
	.covid p a{
		color: #fff;
		transition: all 0.5s ease 0s;
		text-decoration: underline;	
		font-weight:700;
	}
	.covid p a:hover,
	.covid p a:focus,
	.covid p a:active{
		padding-right: 5px;	
	}
	.hidethis-desktop{
	display:none;	
	}
	.inthenews img{
	border-radius:100%;	
	}
body a {
	background-color:transparent;
}
a:hover, a:focus, a:active {
	color: #074880;
	text-decoration:underline;
	background-color:#fff;
}
body a:hover, body a:focus, body a:active {
	background-color:transparent;
}
body {
	overflow-x: hidden;
	font-family: 'Muli', sans-serif;
	font-size:106.3%;
	line-height:1.471em;
	background: none;
	word-wrap: break-word;
	padding:0;
	margin:0;
	color: #15498b;
	background:#fff;
}
.red-text{
color:#e61c22;	
opacity:1;
}
.header .btn{
float: right;
}
.btn-login:hover{
	background:#16498b;
	color:#fff;
	opacity:1;
}
.btn-login {
    background: #fff;
    color: #16498b;
    text-align: center;
    padding: 15px 20px;
    border-radius: 0 0 30px 30px;
    font-family: cooper-black-std, serif;
    font-size: 1.176em;
	margin:0 15px 7px 0;
    text-decoration: none;
    border: solid 2px #16498b;
	border-top:none;
	position:absolute;
	right:0px;
	top:0;
}
html, body {
	height: 100%;
}
.header {
background:rgba(255,255,255,0.93);
text-align: center;
z-index: 5;
float: left;
width: 100%;
position: fixed;
left: 0;
top: 0;
}
.main-nav{
float:right;
width:100%;	
}
.main {
    float: left;
    width: 100%;
	background-image: url(img/bubbles-home-newsletter.svg),url(img/bubbles-home-newsletter.svg);
	background-size: 22rem auto;
	background-position: top 80rem left -10rem,top 105rem right -1.5rem;
	background-repeat: no-repeat;
}
.wrapper-alt {
	position: relative;
	margin: 0 auto;
	width:96%;
}
.wrapper {
	position: relative;
	margin: 0 auto;
	width:1194px;
	max-width:1194px;
}
.v-center {
	align-items: center;
}
img {
	height: auto;
	outline: 0;
	vertical-align: top;
	max-width:100%;
}
.topright {
	float:left;
	text-align: right;
	width:100%;
}
.top-bar{
position:relative;
padding-top:10px;
text-align: right;
}
.logo{
position: relative;
margin-bottom: -22px;
padding: 22px 0 20px 0;
}
.logo:before{
content: "";
position: absolute;
left: 0;
bottom: -42px;
width: 100%;
background: url(img/decoration-semicircle.svg) no-repeat top center;
background-size:contain;
height: 64px;
z-index: -1;
}
.btn-getstarted{
background:#fff;
	font-weight:800;
	font-size: 0.85em;
position:relative;
}
.btn-getstarted:hover,
.btn-getstarted:focus,
.btn-getstarted:active{
background:#fff;	
}
.btn-getstarted:before{
content: "";
background: url(img/swim-ring-cta.png) no-repeat;
width: 95px;
height: 95px;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
margin: -48px 0 0 -45px;
}
.social-icons {
	margin: 0;
}
.social-icons a {
text-align: center;
display: inline-block;
margin:0 10px 0 0;
color: #fff;
position: relative;
font-size: 1.8em;
transition: all 0.5s ease 0s;
}
.social-icons a span {
	display:none;
}
.social-icons a:hover, .social-icons a:focus, .social-icons a:active {
transform: translateY(-.25em);
text-decoration:none;
}
.headphone {
font-weight: 800;
font-size: 1.300em;
font-style: normal;
position: relative;
margin: 0 0 0 10px;
}
.headphone a:hover, .headphone a:focus, .headphone a:active {
	color:#074880;
}
.btn,
input[type="submit"],
.btn:focus,
input[type="submit"]:focus,
.btn:active,
input[type="submit"]:active{

}
.btn {
	z-index:1;
	border: none;
	color: #fff;
	display: inline-block;
	line-height: normal;
	margin: 0;
	padding:12px 30px;
	border-radius:25px;
	position: relative;
	text-align: center;
	vertical-align: middle;
	word-wrap: break-word;
	white-space: normal;
	font-weight:800;
	cursor:pointer;
	font-family: 'Muli', sans-serif;
	font-size:1.0em;
	background:#e61c22;
	transition: all 0.5s ease 0s;
	-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.btn:hover, .btn:focus {
	background:#074880;
	color:#fff;
	text-shadow:inherit;
}
.btn.btn-blue{
	background:#074880;
}
.btn.btn-blue:hover,
.btn.btn-blue:focus,
.btn.btn-blue:active{
	background:#e61c22;
}
.menu-collapser {
	box-sizing: border-box;
	position: relative;
	text-align:right;
	width: 100%;
	float:left;
	clear:both;
	z-index: 1;
}
.collapse-button {
position: absolute;
right: 0;
top: -46px;
width: 45px;
display: inline-block;
text-align: center;
cursor: pointer;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.collapse-button:hover .icon-bar {
	background:#e61c22;
}
.collapse-button .icon-bar {
display: block;
height: 7px;
width: 100%;
margin: 6px 0;
background-color: #074880;
border-radius: 4px;
}
ul.slimmenu {
	display: inline-block;
	list-style-type: none;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
ul.slimmenu:after {
	clear:both
}
ul.slimmenu.collapsed li {
	display:block;
	width:100%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
ul.slimmenu.collapsed li>ul {
	position:static;
	display:none
}
ul.slimmenu.collapsed li a {
	display:block;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box
}
ul.slimmenu li:first-child{
border-left:none;	
}
ul.slimmenu li {
	position: relative;
border-left:2px solid #d3dbe6;
	padding:0;
	display:inline-block;
}
ul.slimmenu li ul {
	margin:0;
	list-style-type:none;
	background:#074880;
}
ul.slimmenu li ul li {
	display: block;
	border-left:none;
	padding:0;
	float:none;
	clear:both;
}
ul.slimmenu li.has-submenu:hover > a{
	background:#074880;
	border-radius:15px 15px 0 0;
}
ul.slimmenu li>ul {
	text-align:left;
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
	display:none;
	width:250px;
	border-radius:0 15px 15px 15px;
	overflow:hidden;
	padding:10px;
}
ul.slimmenu li>ul>li ul {
padding:0;
	position:absolute;
	left:100%;
	top:0;
	z-index:999;
	display:none;
	width:100%;
}
ul.slimmenu li a {
	font-weight:700;
	color: #074880;
	font-size:1.176em;
	padding:8px 32px;
	display: block;
	text-decoration: none;
	transition:background-color 0.5s ease-out;
	-o-transition:background-color 0.5s ease-out;
	-moz-transition:background-color 0.5s ease-out;
	-webkit-transition:background-color 0.5s ease-out
}
ul.slimmenu li ul li a {
border-radius:3px;
	padding:3px 20px;
	border:none;
color:#fff;
}
ul.slimmenu li li .sub-toggle{
top: 4px;
right: 16px;
transform: rotate(-90deg);
}
ul.slimmenu li:hover >a {
	text-decoration:none;
	color:#e61c22;
}
ul.slimmenu li a:hover, ul.slimmenu li a:focus, ul.slimmenu li a:active {
	text-decoration:none;
	color:#e61c22;
	text-shadow:inherit;
}

ul.slimmenu li li a:hover, ul.slimmenu li li a:focus, ul.slimmenu li li a:active {
	text-decoration:none;
	color:#074880;
	background:#fff;
	text-shadow:inherit;
}
ul.slimmenu li.has-submenu > a:hover,
ul.slimmenu li.has-submenu:hover > a{
	color:#fff;
}
ul.slimmenu li .sub-toggle {
position: absolute;
right: 5px;
top: 0;
z-index: 999;
text-align: center;
cursor: pointer;
font-size: 0.875em;
display:none;
}
ul.slimmenu li .sub-toggle:before {
	content:'';
	display:inline-block;
	height:100%;
	margin-right:-0.25em;
	vertical-align:middle
}
ul.slimmenu li .sub-toggle>i {
	display:inline-block;
	vertical-align:middle
}
ul.slimmenu li.current-menu-item > a {
	color:
#e61c22;
}
.home-slider-container {
	float:left;
	width:100%;
	position:relative;
}
.home-slider {
	clear: both;
	float: left;
	position: relative;
	width: 100%;
}
.slick-arrow {
	border: none;
	position: absolute;
	top: 50%;
	padding: 0;
	color:rgba(255,255,255,1);
	transition: all 0.5s ease 0s;
	background: none;
	z-index: 4;
	font-size: 3em;
	cursor: pointer;
}
.slick-arrow:hover {
	color:#888;
}
.slick-prev {
	left: 0;
}
.slick-next {
	right:0;
}
.slick-dots li {
	line-height: normal;
	margin:0 6px;
	list-style-type:none;
	display:inline-block;
}
.slick-dots li button {
	text-indent: -9999px;
	width: 15px;
	padding: 0;
	height: 15px;
	border-radius: 100%;
	border: none;
	background:rgba(255,255,255,0.25);
    color: #000;
	cursor:pointer;
}
.slick-dots li button:hover, .slick-dots li.slick-active button {
	background:#fff;
    color: #074880;
    opacity: 1;
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {

}
.slick-list.dragging {
	cursor: pointer;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	position:relative;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.home-slider .slick-arrow {
	margin-top:-28px;
}
.home-slider .slick-arrow:hover {
	color:#fff;
	opacity:1;
}
.home-slider .slick-prev {
	left: 20px;
}
.home-slider .slick-next {
	right: 20px;
}
.home-slider .slick-list {
	z-index:3;
}
.slider-text .btn br {
	display:none;
}
.home-slider img {
	width:100%;
	display:block;
	margin:0 auto;
}
.slider-text {
	width: 100%;
	margin: 0;
	position: absolute;
	left: 0;
	bottom: 180px;
	padding: 0;
	display: flex-end;
	align-items: center;
	z-index: 3;
	text-align:left;
}
.slider-text h2 strong {
display: block;
color: #2a9941;
font-weight: 400;
}
.slider-text h2 {
position: relative;
font-size: 3.708em;
color: #fff;
text-shadow: 5px 5px 5px rgba(0,0,0,0.4);
line-height: 91px;
letter-spacing: 3px;
margin: 0;
}
.slider-text ul {
	margin:0;
}
.slider-text ul li {
	margin:0;
	position:relative;
	padding:5px 0 0 1.563em;
	list-style-type:none;
}
.slider-text ul li:first-child {
	padding-top:0;
}
.slider-text ul li:before {
	content:"\f061";
	font-family: Font Awesome\ 5 Free;
	position:absolute;
	left:0;
	top:0;
	color:#c1c6c8;
	font-size:1.0em;
	font-weight:700;
}
.slider-text-inner {
	width: 48%;
float:right;
}
.slider-text p {
font-size: 1.222em;
color: #fff;
font-weight: 400;
text-shadow: 0 0 10px #000;
}
.slider-text .btn {
text-shadow: inherit;
background: none;
border: #fff solid 1px;
color: #fff;
font-size: 0.889em;
}
.homeform {
	position: absolute;
	left: 0;
z-index:4;
	bottom:10px;
	width: 100%;
	display: flex;
	align-items: center;
}
.homeform .featurebox {
float: left;
width: 100%;
border-radius: 63px;
overflow: hidden;
background: #e61c22;
padding:40px 30px 35px;
}
.featurebox {
	float: left;
	width: 100%;
	z-index: 3;
	position: relative;
}
.featurebox input[type="text"], .featurebox input[type="email"], .featurebox select, .featurebox textarea {
	color:#074880;
	font-weight:800;
	opacity: 1;
	font-size:0.917em;
	margin: 0;
	background:#fff;
	border:none;
	padding:13px 20px;
	border-radius: 25px;
	transition: padding 0.5s ease-out;
	-o-transition: padding 0.5s ease-out;
	-moz-transition: padding 0.5s ease-out;
	-webkit-transition: padding 0.5s ease-out;
}
.featurebox label {
	font-weight: 400;
	display: block;
	font-size: 0.889em;
}
.featurebox select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
.sidebar .featurebox h2{
	background: rgb(9, 47, 87);
}
.sidebar .featurebox-inner{
	padding:30px;
}
.featurebox h2 {
display: block;
font-weight: 400;
font-size: 1.444em;
color: #fff;
text-align: center;
background: rgba(9,47,87,0.75);
margin: 0;
padding: 10px 20px;
}
.featurebox h4 {
	color: #fff;
	font-size: 0.889em;
	font-weight: 800;
	margin: 0 0 18px;
	padding: 0 0 14px 0;
}
.featurebox-inner {
float: left;
width: 100%;
}
.featurebox input[type="submit"] {
background:#074880;
	width: 100%;
}
.featurebox .form-row img {
	vertical-align: middle;
}
.form-row {
	float: left;
	width: 100%;
	margin:5px 0;
}
.form-full textarea {
	padding-left: 3.5%;
	padding-right: 3.5%;
}
.form-row textarea {
	height: 95px;
}
.banner-inner {
float: left;
width: 100%;
position: relative;
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
padding: 128px 0 0 0;
min-height: 576px;
}
.banner-inner .wrapper, .banner-inner .container {
z-index: 1;
position: relative;
height: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
flex-direction: column;
}
.banner-inner h1{
margin:0 0 10px 0;
}
.banner-inner h1,
.banner-inner p{
	max-width:50%;
}
.overlay-black {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#feffff+30,ffffff+100&1+0,0+100 */
background: -moz-linear-gradient(left, rgba(254,255,255,1) 0%, rgba(254,255,255,0.7) 30%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(254,255,255,1) 0%,rgba(254,255,255,0.7) 30%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(254,255,255,1) 0%,rgba(254,255,255,0.7) 30%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.overlay-black:after{
content:"";
width:100%;
height:100%;
background-image:url(img/wave-hero.svg);
background-size: 100vw 16rem,contain;
background-position: bottom;
background-repeat: no-repeat;
position:absolute;
left:0;
top:0;	
}
.banner-text {
	bottom: 30px;
	color: #fff;
	left: 30px;
	position: absolute
}

.banner-text cite {
	color:#fff;
	font-style:normal;
	font-size:1.647em;
}
.banner-text cite span {
	color:#fed403;
	opacity:1;
}
.banner-inner .featurebox {
	position:relative;
	float:right;
	width:27%;
}
.banner-inner .featurebox h2 {
	background:rgba(101, 174, 69, 0.75);
	opacity:1;
}
.banner-inner .featurebox-inner {
	background:rgba(244, 244, 244, 0.75);
}
.banner-inner img {
	height: inherit;
	margin: 0 auto;
	display: block;
	width: 100%;
}
.banner-inner .container {
	position: relative;
}
.breadcrumb-bar {
z-index:1;
	float: left;
	width: 100%;
	padding: 10px 0;
	color:#fff;
	margin-top:-51px;
	position: relative;
}
.breadcrumb {
	margin: 0;
	padding: 0;
	background: no-repeat;
	border-radius: inherit;
}
.breadcrumb li {
	line-height: normal;
	list-style-type: none;
	margin: 0;
	font-weight: 400;
	display: inline-block;
}
.breadcrumb > .active {
	color:
#fff;
opacity:1;
}

.breadcrumb a {
	color: #fff;
	opacity:1;
}
.breadcrumb a:hover, .breadcrumb a:focus, .breadcrumb a:active {
	color: #ccc;
	opacity:1;
}
.breadcrumb > li + li::before {
 padding: 0 5px;
 color: #fff;
 content: "\f105";
 font-family: Font Awesome\ 5 Free;
 font-weight: 700;
}
#searchform {
	display: none;
	background: 
#092f57;
	color:
 #fff;
}
#searchform .btn {
	margin-top: 10px;
	display: block;
	width: 100%;
}
#searchform .btn:hover, #searchform .btn:focus, #searchform .btn:active {
	background:
#000;
	color:
#fff;
opacity:1;
}
.top-links {
	margin:0;
	padding: 0;
}
.top-links li {
	display: inline-block;
	margin:0;
	padding:0 0 0 5px;
}
.top-links li a {
	color:
#092f57;
opacity:1;
}
.top-links li a:hover, .top-links li a:focus, .top-links li a:active, .top-links li a:hover .fas, .top-links li a:focus .fas, .top-links li a:active .fas {
	color: #2a9941;
	opacity:1;
}

@keyframes rotation {
  50% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

.water-safety-intro .container .water-safety-counter p, .water-safety-intro .content-intro .water-safety-counter p {
    font-family: cooper-black-std,serif;
    text-align: center;
    margin-top: 1.875rem;
}
.water-safety-intro .container .water-safety-counter p .water-safety-counter-number, .water-safety-intro .content-intro .water-safety-counter p .water-safety-counter-number {
    line-height: 3rem;
}
.water-safety-intro .container .water-safety-counter p .water-safety-counter-number[data-counted=true] span, .water-safety-intro .content-intro .water-safety-counter p .water-safety-counter-number[data-counted=true] span {
    animation-name: countedAnimation;
    animation-timing-function: ease-in-out;
    animation-duration: 2s;
    animation-direction: alternate-reverse;
}
.water-safety-intro .container .water-safety-counter p .water-safety-counter-number span, .water-safety-intro .content-intro .water-safety-counter p .water-safety-counter-number span {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    line-height: 1.875rem;
    color: #fff;
    font-size: 1.5rem;
    background-color: #15498b;
    border-radius: .5rem;
    text-align: center;
}
.water-safety-intro .container .water-safety-counter p .water-safety-counter-text, .water-safety-intro .content-intro .water-safety-counter p .water-safety-counter-text {
    display: block;
    font-size: 1.5rem;
    line-height: 1.1;
    padding-top: .875rem;
}

.water-safety-intro .container .social-icons, .water-safety-intro .content-intro .social-icons {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}
.water-safety-intro .social-icons {
    display: flex;
    justify-content: space-between;
    box-shadow: 0 0 2rem 1rem #fff;
    background-color: #fff;
}
.social-icons .social-icon.facebook {
    background-image: url(./img/icons/icon-facebook.svg);
}
.social-icons .social-icon {
    position: relative;
    display: block;
    height: 1.875rem;
    width: 1.875rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    padding: .25rem;
    margin-left: .5rem;
    transition: transform .3s ease-in-out;
}
.social-icons .social-icon.twitter {
    background-image: url(./img/icons/icon-twitter.svg);
}

@media only screen and (min-width: 48rem){
    .water-safety-intro .container .water-safety-counter p .water-safety-counter-number span, .water-safety-intro .content-intro .water-safety-counter p .water-safety-counter-number span {
        height: 3rem;
        width: 3rem;
        line-height: 2.5rem;
        font-size: 2.125rem;
    }
    .water-safety-intro .container .social-icons, .water-safety-intro .content-intro .social-icons {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}