@font-face {
  font-family: FontAwesome;
  src: url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.eot?v=4.5.0);
  src: url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.eot?) format("embedded-opentype"), url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.woff2?v=4.5.0) format("woff2"), url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.woff?v=4.5.0) format("woff"), url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.ttf?v=4.5.0) format("truetype"), url(https://images.sunsationalswimschool.com/font-awesome/fonts/fontawesome-webfont.svg?v=4.5.0) format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: Poppins;
  src: url(https://images.sunsationalswimschool.com/font/Poppins-Regular.ttf);
  font-display: swap; }

@font-face {
  font-family: Poppins-Regular;
  src: url(https://images.sunsationalswimschool.com/font/Poppins-Regular.ttf);
  font-display: swap; }

@font-face {
  font-family: BebasNeue;
  src: url(https://images.sunsationalswimschool.com/font/BebasNeue.otf);
  font-display: swap; }

.fa {
  display: inline-block;
  /*padding-right: 3px;*/
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 14px;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.fa-phone:before {
  content: "\f095"; }

.fa-phone {
  color: #f50004; }

.fa-warning-triangle:before {
  content: "\f071"; }

.fa-warning-triangle {
  display: inline-block;
  padding-right: 7px; }

html {
  font-size: 14px; }

html,
body {
  margin: 0 auto;
  box-sizing: border-box; }

body,
input,
select,
textarea,
button {
  font-family: Poppins-Regular, sans-serif;
  /*font-size: 18px;*/ }

.form-container input,
.form-container button,
.form-container select,
.form-container textarea {
  border-radius: 5px;
  border: 3px solid #ffdf55;
  background-color: #fff;
  height: 50px;
  padding-right: 18px;
  box-shadow: 0 4px 5px -4px #607D8B; }

.stud-num button {
  font-size: 16px !important;
  text-align: center;
  padding-top: 16px; }

a:focus,
button:focus,
div:focus,
a:active,
button:active,
div:active {
  outline: none !important; }

.sunbeam {
  background: linear-gradient(81deg, transparent 86.3%, #ffe44a 86.3%, #ffcc7c), linear-gradient(72deg, transparent 75.4%, #ffe44a 75.4%, #f6ff56), linear-gradient(63deg, transparent 66.25%, #ffe44a 66.25%, #f6ff56), linear-gradient(54deg, transparent 57.85%, #ffe44a 57.85%, #f6ff56), linear-gradient(45deg, transparent 49.9%, #ffe44a 49.9%, #f6ff56), linear-gradient(36deg, transparent 41.96%, #ffe44a 41.96%, #f6ff56), linear-gradient(27deg, transparent 33.6%, #ffe44a 33.6%, #f6ff56), linear-gradient(18deg, transparent 24.35%, #ffe44a 24.35%, #f6ff56), linear-gradient(9deg, transparent 13.6%, #ffe44a 13.6%, #ffe44a);
  background-color: #ffe64b; }

.announcement-container {
  margin: -65px 0 44px;
  background: #032bb0;
  border-radius: 8px; }

.announcement {
  max-width: 640px;
  margin-left: auto;
  font-size: 16px;
  color: #e5f5fa;
  text-align: left;
  padding: 8px 20px;
  box-shadow: 1px 1px 11px 0px #e5f5fa;
  border-radius: 8px; }
  @media screen and (max-width: 480px) {
    .announcement {
      font-size: 14px; } }

.stud-num-point {
  width: 169px;
  outline: 0;
  font-size: 16px;
  height: 30px; }

.student-age-select {
  font-size: 14px !important;
  max-width: 121px !important;
  outline: 1px solid #ddd; }

.content {
  margin: 0 auto; }

.top-menu {
  font-weight: 700;
  margin: 0 auto;
  width: 75%;
  /*display: flex;
    flex-direction: row;
    justify-content: space-between;*/ }

.logo {
  display: inline-block;
  float: left; }

.contact {
  display: inline-block;
  float: right;
  margin-top: 40px; }

.phone {
  color: #1a75b5; }

@media screen and (min-width: 681px) {
  .phone {
    font-family: BebasNeue; }
  .phone,
  .contact i {
    font-size: 31px; }
  .contact-btn {
    font-size: 24px; } }

.contact-btn {
  background-color: #1a75b5;
  border-radius: 15px;
  width: 170px;
  color: #fff;
  text-transform: uppercase;
  border: none;
  outline: none;
  font-weight: 600; }

.wrapper {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 38.25vw;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/banner.png);
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: -100px; }

.top-main,
.main {
  width: 988px;
  text-align: center;
  white-space: normal; }

.top-main {
  margin: 0px auto 0px auto; }

.main {
  margin: -11vw auto 0px auto; }

.form-title-container {
  margin-top: -103px;
  padding: 100px 0 14vw 0;
  text-align: center; }
  .form-title-container h1 {
    font-size: 46px;
    font-family: BebasNeue; }
  @media screen and (max-width: 450px) {
    .form-title-container {
      padding: 35vw 0 21vw 0; } }
  @media screen and (min-width: 992px) {
    .form-title-container {
      display: none; } }

h1.title {
  text-transform: uppercase;
  margin: 0 0px 0 0px;
  font-family: BebasNeue;
  color: #111111;
  font-size: 30px;
  font-weight: 400;
  text-align: left;
  margin-top: -4px;
  margin-bottom: -9px; }

span.pre-title {
  color: lightgrey;
  font-style: italic;
  padding-right: 15px; }

.sidebar {
  display: inline-block;
  width: 332px;
  box-sizing: border-box;
  padding: 37px 48px;
  border-radius: 5px;
  background-color: #e5f5fa;
  box-shadow: 0px 5px 27px 0px rgba(0, 0, 1, 0.12); }

.sidebar-before {
  float: left;
  margin: 8px -8px 20px 0px; }

.sidebar-after {
  float: none;
  clear: both;
  margin: auto; }

.sidebar-item {
  font-family: Poppins;
  color: #111111;
  font-size: 14px;
  font-weight: 600;
  text-align: left;
  margin-bottom: 40px; }

.sidebar-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  float: left;
  width: 42px;
  height: 42px;
  margin: 0px 32px 0px 0px; }

.icon-money-back-guarantee {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-money-back-guarantee.png); }

.icon-learn-to-swim-guaranteed {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-learn-to-swim-guaranteed.png); }

.icon-satisfaction-guarantee {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-satisfaction-guarantee.png); }

.icon-personalized-swim-lesson-plans {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-personalized-swim-lesson-plans.png); }

.icon-flexible-scheduling {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-flexible-scheduling.png); }

.sidebar .title {
  margin-top: 65px; }

.sidebar-informer {
  width: 261px;
  margin-left: -20px;
  margin-top: 27px; }

.form-container {
  min-height: 885px;
  white-space: normal;
  display: inline-block;
  float: left;
  text-align: start;
  width: 656px;
  box-sizing: border-box;
  padding: 0px 0px 65px 65px;
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 0px 5px 27px 0px rgba(0, 0, 1, 0.12);
  position: relative;
  z-index: 100; }

.form-container .title {
  margin-bottom: 0px; }

.steps {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  min-width: 300px;
  min-height: 70px;
  padding: 0 10px;
  margin-top: -37px;
  margin-right: 65px;
  margin-bottom: 32px; }

.step.active {
  background-color: #ffe54a;
  margin-top: 0px;
  width: 75px;
  height: 75px; }

.step {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid yellow;
  margin-top: 12px;
  background-color: white; }

.step.step-contact-details.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-contact-details-active.png); }

.step.step-contact-details {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-contact-details.png); }

.step.step-student-detail.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-student-detail-active.png); }

.step.step-student-detail {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-student-detail.png); }

.step.step-lesson-pack.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-lesson-pack-active.png); }

.step.step-lesson-pack {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-lesson-pack.png); }

.step.step-schedule.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-schedule-active.png); }

.step.step-schedule {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-schedule.png); }

.step.step-pool.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-pool-active.png); }

.step.step-pool {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-pool.png); }

.step.step-complete.active {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-complete-active.png); }

.step.step-complete {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-complete.png); }

.clearfix {
  clear: both; }

.form-tab {
  display: none; }

.form-tab.visible {
  display: block; }

.field-size-half {
  margin-right: 36px;
  display: inline-block;
  float: left; }

div.field-size-half,
.field-size-half > div,
.field-size-half input,
.field-size-half select,
.field-size-half textarea {
  width: 240px; }

input:focus,
select:focus,
textarea:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }

.field-size-full {
  margin-right: 36px;
  display: inline-block; }

div.field-size-full,
.field-size-full input,
.field-size-full select,
.field-size-full textarea {
  width: 518px; }

/*
.form-fields form {
    width: 100%;
}*/
.form-container .field {
  margin-bottom: 0px; }

.field label,
.field p {
  display: block;
  font-family: Poppins;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-top: 18px;
  margin-bottom: 5px; }

.required > label::after {
  content: " *"; }

i.field-icon {
  background-attachment: scroll;
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  width: 50px;
  height: 50px;
  margin-right: -50px;
  font-size: 20px;
  color: #b0b0b0 !important;
  padding-top: 16px;
  position: relative;
  z-index: 1;
  float: left; }

.field-icon + input {
  padding-left: 50px;
  box-sizing: border-box;
  font-family: Poppins; }

.icon-name {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-name.png); }

.icon-email {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-email.png); }

.icon-mobile {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-mobile.png); }

.icon-location {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-location.png); }

label.pool-access {
  display: inline-block;
  width: 259px;
  height: 52px;
  line-height: 40px;
  background-color: #126da2;
  text-align: center;
  color: #fff;
  margin: 0;
  border-radius: 5px;
  box-shadow: 0 4px 5px -4px #607D8B;
  /*border: 1px solid #11557c;*/ }

label.pool-access > input[type=radio] {
  display: none; }

label.pool-access > span {
  text-align: center;
  color: #000;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  /*border: solid 4px #bbb;*/
  display: inline-block;
  width: 100%;
  height: 100%;
  /*border-radius: 100%;*/
  vertical-align: middle;
  padding-top: 6px;
  box-sizing: border-box; }

label.pool-access input[type=radio]:checked + span {
  background: #126da2;
  border: 1px solid #11557c;
  color: #fff; }

label.pool-access:not(:first-child) input[type=radio] + span {
  border-radius: 5px 0px 0px 5px; }

label.pool-access:last-child input[type=radio] + span {
  border-radius: 0px 5px 5px 0px; }

label.pool-access:last-child {
  float: right; }

label.pool-access:first-child {
  float: left; }

label.pool-access span .fa-window-close {
  /*color:#111;*/ }

label.pool-access span span {
  display: inline-block;
  /*padding-left: 15px;*/ }

p.required::after {
  content: " *"; }

.next-step {
  display: block;
  margin-top: 60px !important;
  border-radius: 30px !important;
  background-color: #fc1516 !important;
  width: 520px;
  height: 67px;
  border: none !important;
  outline: none !important;
  color: #fff !important;
  font-family: BebasNeue;
  font-size: 26px;
  font-weight: 400; }

.next-step.spinner2 {
  background-image: url(https://images.sunsationalswimschool.com/pricing/spin.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: 130px; }

.next-step span {
  display: inline-block;
  padding-top: 5px; }

.next-step span:last-child {
  display: inline-block;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-right-arrow.png);
  background-repeat: no-repeat;
  width: 27px;
  height: 18px;
  padding: 0px;
  position: relative;
  left: 25px; }

.sidebar-after {
  display: none; }

label:hover {
  cursor: pointer; }

@media screen and (max-width: 1020px) {
  .top-main,
  .main {
    width: 656px; }
  .sidebar-before {
    display: none; }
  .sidebar-after {
    display: block;
    width: 93%; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  .step.active {
    width: 65px;
    height: 65px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -5.64706vw; }
  .top-main,
  .main {
    width: 320px; }
  .main {
    margin: -5.17647vw auto 0px auto; }
  .logo {
    width: 84.70588px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 140px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 320px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 280px; }
  .sidebar {
    width: 320px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 280px; }
  .next-step {
    width: 280px; }
  .next-step.spinner2 {
    background-position-x: 10px; } }

@media screen and (min-width: 320px) and (max-width: 360px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -5.64706vw; }
  .top-main,
  .main {
    width: 320px; }
  .main {
    margin: -5.17647vw auto 0px auto; }
  .logo {
    width: 84.70588px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 140px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 320px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 280px; }
  .sidebar {
    width: 320px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 280px; }
  .next-step {
    width: 280px; }
  .next-step.spinner2 {
    background-position-x: 10px; } }

@media screen and (min-width: 360px) and (max-width: 375px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -6.35294vw; }
  .top-main,
  .main {
    width: 360px; }
  .main {
    margin: -5.82353vw auto 0px auto; }
  .logo {
    width: 95.29412px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 160px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 360px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 320px; }
  .sidebar {
    width: 360px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 320px; }
  .next-step {
    width: 320px; }
  .next-step.spinner2 {
    background-position-x: 30px; } }

@media screen and (min-width: 375px) and (max-width: 414px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -6.61765vw; }
  .top-main,
  .main {
    width: 375px; }
  .main {
    margin: -6.06618vw auto 0px auto; }
  .logo {
    width: 99.26471px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 167.5px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 375px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 335px; }
  .sidebar {
    width: 375px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 335px; }
  .next-step {
    width: 335px; }
  .next-step.spinner2 {
    background-position-x: 37.5px; } }

@media screen and (min-width: 414px) and (max-width: 427px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -7.30588vw; }
  .top-main,
  .main {
    width: 414px; }
  .main {
    margin: -6.69706vw auto 0px auto; }
  .logo {
    width: 109.58824px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 187px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 414px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 374px; }
  .sidebar {
    width: 414px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 374px; }
  .next-step {
    width: 374px; }
  .next-step.spinner2 {
    background-position-x: 57px; } }

@media screen and (min-width: 427px) and (max-width: 480px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -7.53529vw; }
  .top-main,
  .main {
    width: 427px; }
  .main {
    margin: -6.90735vw auto 0px auto; }
  .logo {
    width: 113.02941px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 193.5px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 427px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 387px; }
  .sidebar {
    width: 427px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 387px; }
  .next-step {
    width: 387px; }
  .next-step.spinner2 {
    background-position-x: 63.5px; } }

@media screen and (min-width: 480px) and (max-width: 496px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -8.47059vw; }
  .top-main,
  .main {
    width: 480px; }
  .main {
    margin: -7.76471vw auto 0px auto; }
  .logo {
    width: 127.05882px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 220px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 480px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 440px; }
  .sidebar {
    width: 480px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 440px; }
  .next-step {
    width: 440px; }
  .next-step.spinner2 {
    background-position-x: 90px; } }

@media screen and (min-width: 496px) and (max-width: 534px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -8.75294vw; }
  .top-main,
  .main {
    width: 496px; }
  .main {
    margin: -8.02353vw auto 0px auto; }
  .logo {
    width: 131.29412px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 228px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 496px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 456px; }
  .sidebar {
    width: 496px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 456px; }
  .next-step {
    width: 456px; }
  .next-step.spinner2 {
    background-position-x: 98px; } }

@media screen and (min-width: 534px) and (max-width: 570px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -9.42353vw; }
  .top-main,
  .main {
    width: 534px; }
  .main {
    margin: -8.63824vw auto 0px auto; }
  .logo {
    width: 141.35294px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 247px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 534px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 494px; }
  .sidebar {
    width: 534px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 494px; }
  .next-step {
    width: 494px; }
  .next-step.spinner2 {
    background-position-x: 117px; } }

@media screen and (min-width: 570px) and (max-width: 590px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.05882vw; }
  .top-main,
  .main {
    width: 570px; }
  .main {
    margin: -9.22059vw auto 0px auto; }
  .logo {
    width: 150.88235px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 265px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 570px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 530px; }
  .sidebar {
    width: 570px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 530px; }
  .next-step {
    width: 530px; }
  .next-step.spinner2 {
    background-position-x: 135px; } }

@media screen and (min-width: 590px) and (max-width: 600px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.41176vw; }
  .top-main,
  .main {
    width: 590px; }
  .main {
    margin: -9.54412vw auto 0px auto; }
  .logo {
    width: 156.17647px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 275px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 590px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 550px; }
  .sidebar {
    width: 590px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 550px; }
  .next-step {
    width: 550px; }
  .next-step.spinner2 {
    background-position-x: 145px; } }

@media screen and (min-width: 600px) and (max-width: 640px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.58824vw; }
  .top-main,
  .main {
    width: 600px; }
  .main {
    margin: -9.70588vw auto 0px auto; }
  .logo {
    width: 158.82353px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 280px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 600px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 560px; }
  .sidebar {
    width: 600px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 560px; }
  .next-step {
    width: 560px; }
  .next-step.spinner2 {
    background-position-x: 150px; } }

@media screen and (min-width: 640px) and (max-width: 667px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -11.29412vw; }
  .top-main,
  .main {
    width: 640px; }
  .main {
    margin: -10.35294vw auto 0px auto; }
  .logo {
    width: 169.41176px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 300px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 640px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 600px; }
  .sidebar {
    width: 640px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 600px; }
  .next-step {
    width: 600px; }
  .next-step.spinner2 {
    background-position-x: 170px; } }

@media screen and (min-width: 667px) and (max-width: 680px) {
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -11.77059vw; }
  .top-main,
  .main {
    width: 667px; }
  .main {
    margin: -10.78971vw auto 0px auto; }
  .logo {
    width: 176.55882px; }
  h1.title {
    text-transform: uppercase;
    margin-left: 20px;
    font-family: BebasNeue;
    color: #111111;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 313.5px;
    height: 52px;
    line-height: 40px;
    background-color: #126da2;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 667px;
    margin: 0;
    padding: 0 0 0 0;
    float: none;
    clear: both; }
  div.field-size-half,
  .field-size-half > div,
  .field-size-half input,
  .field-size-half select,
  .field-size-half textarea {
    width: 627px; }
  .sidebar {
    width: 667px; }
  .top-menu {
    font-weight: 700;
    margin: 0;
    width: 75%; }
  .field-size-full {
    margin-left: 20px;
    display: inline-block; }
  .field-size-half {
    margin-left: 20px; }
  #date-from,
  #date-until {
    margin-left: 0px; }
  div.field-size-full,
  .field-size-full input,
  .field-size-full select,
  .field-size-full textarea {
    width: 627px; }
  .next-step {
    width: 627px; }
  .next-step.spinner2 {
    background-position-x: 183.5px; } }

#emailSuggestion {
  color: red; }

#postal-code {
  height: 56px; }

div.enter-parent-details-block {
  margin-top: 31px; }

div.featured-image {
  margin-top: 31px;
  margin-left: 31px; }

.transition-text p {
  color: #007FD2;
  text-align: center;
  line-height: 1;
  font-family: Poppins;
  font-weight: 400;
  font-size: 28px; }

div.transition-page-image {
  margin-top: 50px;
  text-align: center; }