/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article, aside, figure, footer, header, nav, section, details, summary {
  display: block;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {
  max-width: 100%;
}

/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll;
}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

th {
  font-weight: bold;
  vertical-align: bottom;
}

td {
  font-weight: normal;
  vertical-align: top;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

pre {
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

input[type="radio"] {
  vertical-align: text-bottom;
}

input[type="checkbox"] {
  vertical-align: bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

select, input, textarea {
  font: 99% sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

small {
  font-size: 85%;
}

strong {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* standardize any monospaced elements */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer;
}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {
  margin: 0;
  outline: none;
}

/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible;
}

/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/* prevent BG image flicker upon hover 
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clear {
  zoom: 1;
  clear: both;
}

@font-face {
  font-family: 'skater_girls_rockregular';
  src: url("../fonts/skater_girls_rock-webfont.woff2") format("woff2"), url("../fonts/skater_girls_rock-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded-Light';
  src: url("../fonts/GothamRounded-Light.eot");
  src: url("../fonts/GothamRounded-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRounded-Light.woff") format("woff"), url("../fonts/GothamRounded-Light.ttf") format("truetype"), url("../fonts/GothamRounded-Light.svg#GothamRounded-Light") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded-Book';
  src: url("../fonts/GothamRounded-Book.eot");
  src: url("../fonts/GothamRounded-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRounded-Book.woff") format("woff"), url("../fonts/GothamRounded-Book.ttf") format("truetype"), url("../fonts/GothamRounded-Book.svg#GothamRounded-Book") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded-Medium';
  src: url("../fonts/GothamRounded-Medium.eot");
  src: url("../fonts/GothamRounded-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRounded-Medium.woff") format("woff"), url("../fonts/GothamRounded-Medium.ttf") format("truetype"), url("../fonts/GothamRounded-Medium.svg#GothamRounded-Medium") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamRounded-Bold';
  src: url("../fonts/GothamRounded-Bold.eot");
  src: url("../fonts/GothamRounded-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/GothamRounded-Bold.woff") format("woff"), url("../fonts/GothamRounded-Bold.ttf") format("truetype"), url("../fonts/GothamRounded-Bold.svg#GothamRounded-Bold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icomoon.eot?yidkn");
  src: url("../fonts/icomoon.eot?yidkn#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?yidkn") format("truetype"), url("../fonts/icomoon.woff?yidkn") format("woff"), url("../fonts/icomoon.svg?yidkn#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-down-arrow:before {
  content: "\E900";
}

.icon-tick:before {
  content: "\E901";
}

.icon-virus:before {
  content: "\E902";
}

html {
  height: 100%;
}

body {
  height: 100%;
  font: 62.5% "GothamRounded-Book", sans-serif;
  min-width: 1200px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #fff;
}

.wrapmeup {
  width: 1140px;
  margin: 0 auto;
}

h2 {
  font: 4rem "skater_girls_rockregular", sans-serif;
  text-align: center;
  color: #fff;
}

h2 span {
  color: #e9da4d;
}

p {
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
}

.ghost-btn {
  width: 250px;
  height: 50px;
  border-radius: 4px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  display: block;
  margin: 0 auto;
  font: 1rem "GothamRounded-Book", sans-serif;
}

.border-alert {
  border: 1px solid #ff0000 !important;
}

.register-alert {
  border: 1px solid #f1c809 !important;
}

.show-mobile-nav {
  left: 0%;
}

.hide-mobile-nav {
  left: -100%;
}

header {
  background: url("../images/main-image.jpg") center center no-repeat;
  height: 100%;
  background-size: cover;
  position: relative;
  padding-top: 50px;
  background-attachment: fixed;
}

header img {
  height: 400px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -225px;
}

.mobile-nav {
  width: 40px;
  display: none;
}

.mobile-nav .white-line {
  width: 100%;
  height: 5px;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 5px;
}

.mobile-nav .white-line:last-of-type {
  margin-bottom: 0;
}

nav {
  background: rgba(250, 250, 250, 0.8);
  border-radius: 20px;
  width: 800px;
  margin: 0 auto;
}

nav ul {
  width: 800px !important;
}

nav ul li {
  float: left;
  text-align: center;
  color: #08718f;
  width: 20%;
  font: 0.9rem "GothamRounded-Medium", sans-serif;
  cursor: pointer;
  padding: 12px 0;
  border-right: 1px solid rgba(8, 113, 143, 0.2);
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

nav ul li:hover {
  background: #fff;
}

nav ul li a {
  color: #08718f;
  width: 100%;
  display: block;
  padding: 12px 0;
}

nav ul li:first-of-type {
  border-radius: 20px 0 0 20px;
}

nav ul li:nth-of-type(4) {
  padding: 0;
}

nav ul li:last-of-type {
  border-radius: 0 20px 20px 0;
  border-right: none;
}

nav:after {
  content: "";
  display: table;
  clear: both;
}

.register-online {
  background: #08718f;
  padding: 80px 0;
  -webkit-transition: 1s;
  transition: 1s;
}

.register-online .register-buttons {
  width: 600px;
  margin: 20px auto;
}

.register-online .register-buttons button {
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  background: #fff;
  color: #08718f;
  float: left;
}

.register-online .register-buttons button:hover {
  background: #fff;
  color: #08718f;
}

.register-online .register-buttons a {
  float: right;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
  width: 320px;
  padding: 14px;
  text-align: center;
  font: 1rem "GothamRounded-Book", sans-serif;
}

.register-online .register-buttons:after {
  content: "";
  display: table;
  clear: both;
}

.register-online form {
  margin-top: 60px;
  -webkit-transition: 1s ease-in;
  transition: 1s ease-in;
}

.register-online form p {
  margin-bottom: 50px;
  text-align: justify;
}

.register-online form p span {
  color: #e9da4d;
}

.register-online form label {
  margin-bottom: 20px;
  display: block;
  color: #fff;
  font-size: 0.9rem;
}

.register-online form label span {
  color: #e9da4d;
  font-weight: bolder;
}

.register-online form label ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #fff;
}

.register-online form label ::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
}

.register-online form label :-ms-input-placeholder {
  /* IE 10+ */
  color: #fff;
}

.register-online form label :-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
}

.register-online form label input {
  display: block;
  width: 60%;
  height: 50px;
  border: none;
  border-radius: 4px;
  background: rgba(250, 250, 250, 0.4);
  margin-top: 4px;
  color: #fff;
  padding: 0 12px;
}

.register-online form label a {
  text-decoration: underline;
  color: #fff;
}

.register-online form label a:hover {
  text-shadow: 0px 0px 2px #fff;
}

.register-online form .check-box input {
  display: none;
}

.register-online form .check-box span {
  display: block;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  font-size: 2.5rem;
  text-align: center;
  line-height: 35px;
  margin-top: 8px;
}

.register-online form .check-box input[type="checkbox"]:checked + span {
  background: #08718f;
}

.register-online form button {
  width: 200px;
  height: 50px;
  border-radius: 4px;
  background: none;
  border: 1px solid #fff;
  color: #fff;
  font-size: 0.9rem;
  float: left;
  margin-right: 12px;
  margin-top: 50px;
}

.register-online form .error-message {
  font-size: 0.9rem;
  color: #f1c809;
  margin-top: 69px;
  float: left;
}

.register-online form .loader {
  width: 30px;
  margin-top: 60px;
}

.register-online:after {
  content: "";
  display: table;
  clear: both;
}

.register-success-backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
}

.register-success-modal {
  position: fixed;
  z-index: 6;
  background: #fff;
  width: 420px;
  height: 400px;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -210px;
}

.register-success-modal h2 {
  background: #08718f;
  font-size: 2.5rem;
  padding: 6px 0;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.register-success-modal h2 span {
  color: #e9da4d;
}

.register-success-modal p {
  width: 90%;
  margin: 0 auto;
  color: #777;
  font-size: 1rem;
}

.register-success-modal button {
  display: block;
  width: 200px;
  border-radius: 4px;
  background: #08718f;
  color: #fff;
  border: none;
  margin: 0 auto;
  margin-top: 35px;
  height: 50px;
  font: 0.8rem "GothamRounded-Medium", sans-serif;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.register-success-modal button:hover {
  background: none;
  border: 1px solid #08718f;
  color: #08718f;
}

.about-trish {
  padding: 80px 0;
  background: #f1f1f1;
}

.about-trish img {
  width: 280px;
  float: left;
}

.about-trish .about-trish-content {
  float: right;
  width: 800px;
}

.about-trish .about-trish-content h2 {
  text-align: left;
  color: #08718f;
}

.about-trish .about-trish-content .yellow-line {
  float: left;
  width: 100px;
  border-bottom: 4px solid #e9da4d;
  margin-top: 20px;
  margin-bottom: 20px;
}

.about-trish .about-trish-content p {
  text-align: left;
  font-size: 1.1rem;
  color: #777;
}

.about-trish:after {
  content: "";
  display: table;
  clear: both;
}

.baby-lessons {
  background: #08718f;
  padding: 80px 0 280px 0;
  position: relative;
}

.baby-lessons h2 {
  margin-bottom: 20px;
}

.baby-lessons h2 span {
  color: #e9da4d;
}

.baby-lessons img {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.adult-lessons {
  background: #fff;
  padding: 80px 0;
}

.adult-lessons h2 {
  color: #08718f;
  margin-bottom: 20px;
}

.adult-lessons p {
  color: #999;
}

.testimonials {
  background: #08718f;
  padding: 80px 0;
}

.testimonials h2 {
  margin-bottom: 50px;
  color: #e9da4d;
}

.testimonials .wrapmeup {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.testimonials .wrapmeup dl:first-of-type {
  width: 100%;
  height: 360px;
  border: none;
  border-left: 4px solid #e9da4d;
  background: rgba(250, 250, 250, 0.2);
}

.testimonials .wrapmeup dl:first-of-type dt {
  background: rgba(250, 250, 250, 0.2);
  color: #fff;
}

.testimonials .wrapmeup dl:first-of-type dd {
  width: 98%;
}

.testimonials .wrapmeup dl:first-of-type img {
  width: 160px;
  display: block;
  margin: 0 auto;
  margin-top: 40px;
}

.testimonials .wrapmeup dl {
  border: 1px solid #fff;
  width: 48%;
  height: 300px;
  border-radius: 8px;
}

.testimonials .wrapmeup dl dt {
  background: #fff;
  color: #08718f;
  padding: 12px;
  font-size: 1.4rem;
  margin-bottom: 12px;
  border-radius: 7px 7px 0 0;
}

.testimonials .wrapmeup dl dd {
  width: 95%;
  margin: 0 auto;
  color: #fff;
  font: 1rem "GothamRounded-Light", sans-serif;
}

.testimonials .wrapmeup dl:nth-of-type(4),
.testimonials .wrapmeup dl:nth-of-type(5) {
  height: 200px;
}

.testimonials:after {
  content: "";
  display: table;
  clear: both;
}

.about-us {
  padding: 80px 0 0 0;
}

.about-us h2 {
  color: #08718f;
}

.about-us .cyan-line {
  border-bottom: 4px solid #08718f;
  width: 100px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 40px;
}

.about-us p {
  color: #777;
  margin-bottom: 50px;
}

.about-us p span {
  color: #08718f;
  font-family: "GothamRounded-Medium", sans-serif;
}

.about-us img {
  float: left;
  margin-right: 45px;
  margin-bottom: 44px;
}

.about-us img:nth-of-type(4n) {
  float: right;
  margin-right: 0;
}

.about-us .reef-image {
  margin-bottom: 0;
}

.backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  z-index: 5;
}

.contact-us-form {
  position: fixed;
  width: 420px;
  height: 400px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin: -200px 0 0 -210px;
  z-index: 6;
}

.contact-us-form h4 {
  background: #08718f;
  color: #fff;
  font-size: 1.2rem;
  padding: 16px 16px 16px 20px;
  width: 100%;
  position: relative;
}

.contact-us-form h4 span {
  cursor: pointer;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  position: absolute;
  top: 13px;
  right: 13px;
}

.contact-us-form h4 span:hover {
  background: rgba(250, 250, 250, 0.2);
}

.contact-us-form form {
  width: 95%;
  margin: 10px auto;
}

.contact-us-form form input {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 0 12px;
  color: #999;
  font-size: 0.8rem;
  margin-bottom: 8px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.contact-us-form form input:focus {
  border: 1px solid #08718f;
}

.contact-us-form form textarea {
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  padding: 12px;
  font-size: 0.8rem;
  resize: none;
  width: 100%;
  height: 120px;
  color: #999;
  margin-bottom: 8px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}

.contact-us-form form textarea:focus {
  border: 1px solid #08718f;
}

.contact-us-form form button {
  height: 40px;
  border-radius: 4px;
  border: none;
  background: #08718f;
  color: #fff;
  width: 120px;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  font-size: 0.8rem;
  float: left;
  margin-right: 12px;
}

.contact-us-form form button:hover {
  background: #075e77;
}

.contact-us-form form .error-message {
  color: #ff0000;
  font-size: 0.8rem;
  margin-top: 13px;
}

.contact-us-form form .loader {
  width: 25px;
  float: left;
  margin-top: 7px !important;
  margin-right: 0;
  position: relative;
}

.success-message {
  position: fixed;
  width: 500px;
  height: 200px;
  border-radius: 5px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -250px;
  z-index: 6;
  padding: 10px;
}

.success-message h3 {
  font-size: 1.2rem;
  color: #08718f;
  border-bottom: 1px solid #e3e3e3;
  padding-bottom: 6px;
  margin-bottom: 16px;
}

.success-message p {
  color: #777;
  text-align: left;
  font-size: 0.9rem;
}

.success-message button {
  width: 50px;
  height: 30px;
  border-radius: 4px;
  background: #08718f;
  border: none;
  color: #fff;
  margin-top: 12px;
}

.pricing-modal {
  position: fixed;
  width: 300px;
  height: 200px;
  background: #fff;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -150px;
  z-index: 6;
}

.pricing-modal h4 {
  background: #08718f;
  color: #fff;
  font-size: 1.2rem;
  padding: 16px 16px 16px 20px;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}

.pricing-modal h4 span {
  cursor: pointer;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 33px;
  position: absolute;
  top: 13px;
  right: 13px;
}

.pricing-modal h4 span:hover {
  background: rgba(250, 250, 250, 0.2);
}

.pricing-modal p {
  color: #777;
  width: 90%;
  margin: 0 auto;
}

.pricing-modal p a {
  color: #08718f;
}

h1 {
  background: #08718f;
  padding: 16px 0;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  margin-bottom: 50px;
}

.terms-p {
  color: #777;
  text-align: left;
  font-size: 1rem;
}

dl {
  margin-top: 25px;
  font-size: 1rem;
  color: #777;
}

dl dt {
  font-family: "GothamRounded-Medium", sans-serif;
}

dl dd span {
  font-family: "GothamRounded-Medium", sans-serif;
}

dl dd .underline {
  text-decoration: underline;
}

.terms-ul {
  margin-top: 40px;
  margin-bottom: 100px;
}

.terms-ul li {
  font-size: 1rem;
  color: #777;
  padding: 4px 0;
  list-style: circle;
}

.terms-ul li:first-of-type {
  color: #555;
  font-family: "GothamRounded-Medium", sans-serif;
  list-style: none;
}

@media screen and (max-width: 540px) {
  body {
    width: 100%;
    min-width: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.8em;
    height: 100%;
  }
  .wrapmeup {
    width: 90%;
    margin: 0 auto;
  }
  header {
    padding-top: 20px;
    background-attachment: fixed;
    background: url("../images/mobile-main-image.jpg") center center no-repeat;
    background-size: cover;
  }
  header img {
    height: 250px;
    margin: -125px 0 0 -140px;
  }
  nav {
    width: 100% !important;
    position: relative;
    z-index: 10;
    margin-top: 20px;
    border-radius: 0px;
    background: #08718f;
    -webkit-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
    left: -100%;
  }
  nav ul {
    width: 100% !important;
  }
  nav ul li {
    float: none;
    width: 100%;
    border-right: none;
    padding: 24px 0;
    color: #fff;
    border-bottom: 1px solid rgba(250, 250, 250, 0.2);
  }
  nav ul li:hover {
    background: none;
  }
  nav ul a {
    padding: 24px 0 !important;
    color: #fff !important;
  }
  nav ul li:first-of-type {
    border-radius: 0px;
  }
  nav ul li:last-of-type {
    border-bottom: none;
  }
  .mobile-nav {
    display: block;
    margin-left: 20px;
  }
  .register-online .register-buttons {
    width: 100%;
  }
  .register-online .register-buttons button {
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }
  .register-online .register-buttons a {
    float: none;
    width: 100%;
    display: block;
  }
  .register-online form {
    width: 100%;
  }
  .register-online form p {
    text-align: left;
  }
  .register-online form label {
    width: 100%;
  }
  .register-online form label input {
    width: 100%;
  }
  .register-online form button {
    width: 100%;
    margin-top: 20px;
    float: none;
  }
  .register-online form .error-message {
    margin-top: 12px;
    float: none;
    text-align: center;
  }
  .register-online form .loader {
    margin-top: 12px;
    float: none;
    display: block;
    margin: 0 auto;
  }
  .baby-lessons {
    padding: 80px 0 160px 0;
  }
  .register-success-modal {
    width: 300px;
    margin: -200px 0 0 -150px;
  }
  .register-success-modal h2 {
    font-size: 1.8rem;
  }
  .register-success-modal p {
    font-size: 0.9rem;
  }
  .testimonials {
    padding: 40px 0;
  }
  .testimonials dl:first-of-type dd {
    width: 95% !important;
  }
  .testimonials dl:first-of-type img {
    margin-bottom: 20px !important;
  }
  .testimonials dl {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    width: 100% !important;
    margin-bottom: 40px;
    height: auto !important;
  }
  .testimonials dl dd {
    margin-bottom: 12px;
  }
  .about-trish img {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .about-trish .about-trish-content {
    float: none;
    width: 100%;
  }
  .about-trish .about-trish-content h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .about-trish .about-trish-content .yellow-line {
    float: none;
    margin: 0 auto;
  }
  .about-trish .about-trish-content p {
    text-align: center;
    margin-top: 12px;
  }
  .about-us img {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .about-us img:nth-of-type(4n) {
    float: none;
    margin-right: 0;
  }
  .contact-us-form {
    width: 300px;
    margin: -200px 0 0 -150px;
  }
  .success-message {
    width: 300px;
    height: 250px;
    margin: -125px 0 0 -150px;
  }
  .terms-of-use {
    padding-bottom: 50px !important;
  }
  .terms-ul li {
    padding: 12px 0;
  }
}