@-webkit-keyframes move-bg{from{background-position:0% 40%}to{background-position:0% 0%}}body{font-family:"Helvetica Neue", Helvetica, Arial, sans-serif}header h1{margin:0;float:left;font-size:.5em}h2{text-align:center}.text-panel h2{background-image:url("../img/knot.png");background-repeat:no-repeat;background-position:center 100%;background-size:95px;padding:0.5rem 0 2rem 0;font-size:2em}.panel-one h2{color:#071636;font-size:2em;margin:0}.panel-two h2,.panel-three h2,.panel-four h2{color:white;font-size:3em;text-shadow:1px 1px 2px #000;margin:0}@media (max-width: 769px){.panel-two h2,.panel-three h2,.panel-four h2{font-size:2.5em}}h3{text-align:center}.panel-one h3{font-weight:300;font-size:2em;text-align:center;margin:0}.content-grid h3{color:#071636;text-align:left}h4{text-align:center}.panel-one h4{margin:0.5rem 0;line-height:1;color:white;font-size:3em;text-shadow:1px 1px 2px #000}@media (max-width: 769px){.panel-one h4{font-size:2.5em}}@media (max-width: 576px){.panel-one h4{margin:1rem 0;font-size:2em}}.panel-three p,.text-panel p{color:white;font-size:1.3em;font-weight:300;letter-spacing:1px}span{display:block;text-align:center;color:white;font-size:1.5em;font-weight:600;text-shadow:1px 1px 2px #000}.main-container{margin-top:49px}@media (max-width: 576px){body{position:relative}}.wrapper{max-width:1400px;margin:0 auto}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#overlay{position:fixed;z-index:999;top:0;bottom:0;left:0;right:0;background-color:#071636}#overlay .overlay-content{transform:translate(-50%, -50%);position:absolute;top:50%;left:50%}#overlay img{margin:0 auto}#overlay img.logo-load{width:200px;height:auto;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@media (max-width: 576px){#overlay img.logo-load{width:160px}}#overlay span{top:48%;text-align:center;font-weight:500}.btn{display:block;text-align:center;border:1px solid white;background-color:white;box-shadow:0px 4px 4px -2px rgba(0,0,0,0.25);opacity:0.8;color:black;max-width:120px;padding:0.5rem;margin:1rem auto;text-decoration:none;font-weight:400;border-radius:5px}.btn:hover{transition:.3s;color:white;border:1px solid white;background-color:#e02223;font-weight:bold;opacity:1}.google-maps{position:relative;padding-bottom:75%;height:0;overflow:hidden}.google-maps iframe{position:absolute;top:0;left:0;width:100% !important;height:100% !important}address{font-style:normal;font-size:1.2em}.link{text-decoration:none;color:black}.link:hover{color:#e02223}.contact-form{background-color:#071636;color:white;padding:2rem 0}.address p{margin:0.25em 0}#website{display:none}form{width:700px;margin:0 auto}@media (max-width: 769px){form{width:100%;padding:2rem;box-sizing:border-box}}form label{font-weight:300;letter-spacing:2px;text-transform:uppercase;font-size:13px}form input[type="text"],form input[type="email"],form input[type="number"],form select,form textarea{display:block;width:100%;margin:1rem 0;padding:.75rem;color:#e02223;font-weight:bold;font-size:1.4em;box-sizing:border-box}form input[type="submit"]{display:block;text-align:center;border:1px solid white;background-color:white;box-shadow:0px 4px 4px -2px rgba(0,0,0,0.25);opacity:0.8;color:black;max-width:120px;padding:0.5rem;text-decoration:none;font-weight:400;border-radius:5px}form input[type="submit"]:hover{transition:.3s;color:white;border:1px solid white;background-color:#e02223;font-weight:bold;opacity:1}.success p{text-align:center;font-size:1.3em}.sendAgain{color:white;text-align:center;display:block;max-width:170px;margin:0 auto}.header-container{background-color:#071636;position:fixed;top:0;width:100%;z-index:99;box-shadow:0px 4px 4px -2px rgba(0,0,0,0.25)}.header-container:after{content:"";display:table;clear:both}.header-container img{width:25px;margin:5px 10px;float:left;display:block}nav{width:100%}@media (max-width: 576px){nav{float:none;display:none;position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;background-color:rgba(7,22,54,0.92)}nav.open{display:block;opacity:1;height:100vh}}nav ul{margin:0;padding:0}@media (max-width: 576px){nav ul{padding:3rem 0 1rem 0}}nav ul li{float:left;list-style:none}@media (max-width: 576px){nav ul li{float:none}}nav ul li:first-of-type a{border:none}nav ul li:last-of-type a{border-right:1px solid #0c255a}nav ul li.active a{background-color:#e02223}nav ul li a{display:block;text-transform:uppercase;color:white;padding:1rem 1.5rem;text-decoration:none;font-weight:300;letter-spacing:2px;transition:.3s;border-left:1px solid #0c255a;font-size:0.8em}@media (max-width: 769px){nav ul li a{padding:1rem 0.5rem}}@media (max-width: 576px){nav ul li a{text-align:center;font-size:1.2em;font-weight:500;border:none}}nav ul li a:hover{background-color:#0F9CC6;transition:.3s}@media (max-width: 576px){nav ul li a:hover{background-color:#071636;color:#e02223}}.mobile-menu{display:none;background-color:#071636;height:49px}@media (max-width: 576px){.mobile-menu{display:block}}.mobile-menu .toggle-menu{position:absolute;right:1rem;top:0.5rem;display:block;width:30px;cursor:pointer;height:auto}.mobile-menu .toggle-menu span{height:4px;width:100%;margin:5px}.mobile-menu .toggle-menu span:first-of-type{background-color:#e02223}.mobile-menu .toggle-menu span:nth-of-type(2){background-color:#fdd22d}.mobile-menu .toggle-menu span:last-of-type{background-color:white}.close{display:none;position:absolute;right:1rem;top:0.5rem;cursor:pointer}.close:hover{color:#fdd22d}@media (max-width: 576px){.close{display:block}}.main-menu{float:left}@media (max-width: 576px){.main-menu{float:none}}.social{float:right;margin:0;padding:0}@media (max-width: 576px){.social{float:none;margin:0 auto;max-width:107px}}.social li{float:left;list-style:none}.social li a{display:block;padding:0.5rem;color:white;font-size:1.5em;border:none}@media (max-width: 576px){.social li a{font-size:2.5em}}.social li a:last-of-type{border:none}.social li a:hover{color:#fdd22d;background-color:transparent}.content-banner{min-height:360px;position:relative;background-image:url("../img/water-mid.jpg");background-size:cover;transition:0s ease;transform:translate3d(0, 0, 0)}.content-banner h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin:0 auto;color:white;font-size:3em;text-shadow:1px 1px 2px #000}@media (max-width: 769px){.content-banner h2{font-size:2.5em}}.content-banner h2:after{content:"";width:200px;display:block;background-size:contain;height:50px;margin:0.5rem auto;background-image:url("../img/knot.png")}.panel-one{position:relative}.panel-one:after{content:"";display:table;clear:both}.panel-one img{max-width:290px;height:auto;display:block;margin:0 auto}.panel-one .panel-background{min-height:800px;width:100%;background-image:url("../img/become-lifeguard2.jpg");background-size:cover}.panel-one .panel-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}@media (max-width: 576px){.panel-one .panel-content img{width:100%;height:auto}}.panel-one .panel-background{background-size:cover;background-position:center}.panel-one img{margin:2rem auto}@media (max-width: 769px){.panel-one img{max-width:240px}.panel-one h2,.panel-one h3{margin:0;text-align:center;line-height:1.3;display:block}.panel-one h2:before,.panel-one h3:before{content:"";margin:0}}@media (max-width: 576px){.panel-one img{max-width:220px;top:40%;margin:3rem auto}.panel-one h2,.panel-one h3{margin:0;text-align:center;line-height:1.3}.panel-one h3{margin-top:1rem}}.panel-two{position:relative}.panel-two:after{content:"";display:table;clear:both}.panel-two img{max-width:0;height:auto;display:block;margin:0 auto}.panel-two .panel-background{min-height:500px;width:100%;background-image:url("../img/become-lifeguard3.jpg");background-size:cover}.panel-two .panel-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}@media (max-width: 576px){.panel-two .panel-content img{width:100%;height:auto}}.panel-two .panel-background{background-position:center}.panel-three{position:relative}.panel-three:after{content:"";display:table;clear:both}.panel-three img{max-width:350px;height:auto;display:block;margin:0 auto}.panel-three .panel-background{min-height:500px;width:100%;background-image:url("../img/water-bottom-bg.jpg");background-size:cover}.panel-three .panel-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}@media (max-width: 576px){.panel-three .panel-content img{width:100%;height:auto}}.panel-four{position:relative}.panel-four:after{content:"";display:table;clear:both}.panel-four img{max-width:0;height:auto;display:block;margin:0 auto}.panel-four .panel-background{min-height:500px;width:100%;background-image:url("../img/lifeguard.jpg");background-size:cover}.panel-four .panel-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%}@media (max-width: 576px){.panel-four .panel-content img{width:100%;height:auto}}.text-panel{background-color:#071636;color:#fff;padding:1rem 6rem}@media (max-width: 576px){.text-panel{padding:1rem 3rem}}@media (max-width: 769px){.panel-background{background-position:50%}}@media (max-width: 769px){.panel-one .panel-background{background-position:initial}}@media (max-width: 576px){.panel-two .panel-background{background-position:75%}}.fadeUp{opacity:0;transition:1.5s;top:85% !important}.fadeUp.come-in{opacity:1;transition:1.5s;top:50% !important}.grid:after{content:"";display:table;clear:both}.grid .row .col{position:relative;width:50%;overflow:hidden}.grid .row .col:before{content:"";display:block;padding-top:100%}@media (max-width: 576px){.grid .row .col{float:none;min-height:200px}}.grid .row .col-4{width:25%}@media (max-width: 769px){.grid .row .col-4{width:50%}}@media (max-width: 576px){.grid .row .col-4{width:100%}}.grid .row .col-4 .col-inner{position:absolute;top:0;left:0;bottom:0;right:0;transition:.5s}.grid .row .col-4 .col-inner h3{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:white;font-size:3em;text-shadow:1px 1px 2px #000;line-height:1;margin:0}@media (max-width: 769px){.grid .row .col-4 .col-inner h3{font-size:2.5em}}@media (max-width: 576px){.grid .row .col-4 .col-inner h3{margin:0 auto}}.col a:hover .col-inner{transition:.5s;background-color:rgba(224,34,35,0.75)}section:after{content:"";display:table;clear:both}.img{float:left}.img img{width:100%;height:auto;margin:0 auto;display:block}.col{float:left}.even .col{float:right}.col-2{width:50%}@media (max-width: 769px){.col-2{width:100%}}.one{background-image:url("../img/like-our-help.jpg");background-size:cover}.two{background-image:url("../img/first-aid.jpg");background-size:cover}.three{background-image:url("../img/events.jpg");background-size:cover}.four{background-image:url("../img/lifeguard.jpg");background-size:cover}.page-container{padding:1rem}.page-container ul{margin:0;padding:0}.page-container ul li{list-style:none}.page-container h3{font-size:1.8em;font-weight:400}.page-container p{font-weight:400;line-height:1.8;font-size:1em}.page-container.training-courses,.page-container.history,.page-container.water-safety,.page-container.contact{transition:0s ease;transform:translate3d(0, 0, 0);background-image:url("../img/deck.jpg");background-size:100%}.page-container section{margin:1rem auto}.page-container section .text{background-color:white;color:black;padding:1rem;box-sizing:border-box;margin:0 1rem 1rem 1rem;box-shadow:0px 4px 4px -2px rgba(0,0,0,0.4);border:1px solid #ccc}.row .sc-content img{width:100%;height:auto}.footer-container{background-color:#071636;padding:3rem}.footer-container img{margin:1rem auto;display:block;max-width:200px}.footer-container p{text-align:center;color:white;font-weight:300;letter-spacing:2px;text-transform:uppercase;font-size:.7em;margin-top:.5rem;display:block}.ScrollTop{cursor:pointer;max-width:100px;min-height:60px;margin:0 auto}.ScrollTop:hover{color:#fdd22d}.ScrollTop:hover:after{content:"to top";display:block;font-size:.6em;font-weight:300}.ScrollTop .fa{font-size:2em}
