@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 #0080d5;
  background-color: #fff;
  height: 50px;
  padding-right: 18px;
  box-shadow: 0 4px 5px -4px #607D8B; }

button.blue-button {
  border-radius: 5px;
  color: white;
  background-color: #0080d5;
  height: 50px;
  padding-right: 18px;
  box-shadow: 0 4px 5px -4px #607D8B;
  margin-top: 10px;
  width: 100%; }

div.field.field-new-instructor-comment {
  margin-top: 10px;
  margin-bottom: 20px; }
  div.field.field-new-instructor-comment .little-red-triangle,
  div.field.field-new-instructor-comment .msg-error-required {
    margin-top: -157px; }

textarea[name=new-instructor-comment],
textarea[name=schedule-updates] {
  border: 3px solid #0080d5; }

.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 {
  max-width: 655px;
  /*640px;*/
  margin-left: auto;
  margin-right: auto;
  font-size: 18px;
  color: #E5F5FA;
  /*#2492db;*/
  text-align: left;
  padding: 26px 20px;
  /*box-shadow: 1px 1px 11px 0px #e5f5fa;*/
  border-radius: 8px 8px 0 0;
  /*border-radius: 8px;*/
  background: #2493DB;
  /*#e5f5fa;*/ }
  @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: -9vw auto 0px auto; }

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

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

h1.title.first {
  margin-top: 72px; }
  @media (max-width: 992px) {
    h1.title.first {
      margin-top: 14vw; } }

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 {
  font-family: Poppins;
  white-space: normal;
  display: inline-block;
  /*float: left;*/
  text-align: start;
  width: 656px;
  box-sizing: border-box;
  padding: 26px 0px 65px 65px;
  border-radius: 0px 0px 5px 5px;
  /*5px;*/
  background-color: white;
  box-shadow: 0px 5px 27px 0px rgba(0, 0, 1, 0.12);
  /*position: relative;
    z-index: 0;*/ }

form.no-reorder-form-container {
  padding-right: 65px; }

.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: -38px;
  margin-right: -10px;
  margin-left: -75px;
  margin-bottom: 32px; }

.step.active {
  background-color: white;
  color: green; }

.step {
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  margin-top: 12px;
  height: 42px;
  padding: 10px;
  border: 1px solid #e9e9e9;
  border-radius: 10px;
  background-color: #f9f9f9;
  color: #989898;
  font-weight: bold; }

.christmas-theme .xmas-gift-certs-save-12 {
  display: block; }

.christmas-theme input, .christmas-theme button, .christmas-theme select, .christmas-theme textarea {
  border-color: #1daeff; }

.christmas-theme button {
  background: #1daeff; }

.christmas-theme .field .dropdown-toggle {
  border-color: #1edc1e; }

.xmas-gift-certs-save-12 {
  display: none; }

.step-point {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background-color: #f9f9f9;
  border-radius: 10px;
  margin-top: 0px;
  margin-right: 6px;
  margin-left: 3px; }

.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: black;
  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); }

/*
.field-existing-student input {
  display: hidden;
}

.field-existing-student label {
  display: inline-block;
  height: 71px;
  background-color: #fff;
  text-align: center;
  color: #111;
  margin: 0;
  margin-left: 0px;
  border-radius: 5px;
  margin-left: 7px;

  padding: 10px;
  line-height: 24px;
}
*/
#toggle-students-number {
  border: 3px solid #0074D0;
  font-family: BebasNeue;
  font-size: 20px;
  text-transform: uppercase; }

div.field-existing-student {
  margin: 7px; }

label.existing-student {
  height: 71px;
  background-color: #fff;
  text-align: center;
  color: #111;
  margin: 0;
  border-radius: 5px;
  /*margin-left: 7px;*/
  cursor: pointer; }
  label.existing-student input[type=checkbox],
  label.existing-student input[type=radio] {
    display: none; }
  label.existing-student span.existing-student-s {
    text-align: center;
    color: #000;
    border: 3px solid #0074D0;
    background-image: url("https://images.sunsationalswimschool.com/new_reorder/icons/no-symbol.png");
    opacity: 0.5;
    background-size: 61%;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px 5px 5px 5px;
    display: block;
    width: 100%;
    height: 71px;
    /*border-bottom: 15px solid #51c9ff;*/
    /*vertical-align: middle;*/
    padding-top: 12px; }
    label.existing-student span.existing-student-s .fa-check {
      font-size: 14px;
      color: #fff;
      display: inline-block;
      float: right;
      margin-top: 31px;
      position: relative;
      left: -23px;
      display: none; }
    label.existing-student span.existing-student-s span {
      opacity: 0.5; }
    label.existing-student span.existing-student-s span:first-child {
      font-family: BebasNeue;
      font-size: 20px;
      text-transform: uppercase; }
    label.existing-student span.existing-student-s span:last-child {
      font-family: Poppins;
      font-size: 14px; }
  label.existing-student input[type=radio]:checked + span.existing-student-s,
  label.existing-student input[type=checkbox]:checked + span.existing-student-s {
    border: 1px solid #11557c;
    color: #fff;
    background-color: #2492db;
    background-image: none;
    opacity: 1;
    /*border-bottom: 24px solid #0080d5 !important;*/ }
    label.existing-student input[type=radio]:checked + span.existing-student-s .fa-check,
    label.existing-student input[type=checkbox]:checked + span.existing-student-s .fa-check {
      display: inline-block; }
    label.existing-student input[type=radio]:checked + span.existing-student-s span,
    label.existing-student input[type=checkbox]:checked + span.existing-student-s span {
      position: relative;
      opacity: 1;
      /*left: 7px;*/ }
    label.existing-student input[type=radio]:checked + span.existing-student-s i.field-icon,
    label.existing-student input[type=checkbox]:checked + span.existing-student-s i.field-icon {
      display: block; }

.field-remove-student button {
  color: #5a92c1;
  background-color: #e5f5fa !important;
  border: none !important;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400; }

.field-remove-student button {
  box-shadow: none;
  height: 19px;
  margin-top: 4px; }

.field-save-student button {
  display: block;
  border: none !important;
  margin-left: auto;
  margin-right: auto;
  background-color: #d4121a !important;
  border-radius: 10px;
  color: white;
  margin-top: 10px;
  width: 155px;
  padding: 0px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
  box-shadow: none;
  height: 19px; }

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

label.pool-access.pool-access-2lines {
  height: 60px;
  line-height: 24px; }
  label.pool-access.pool-access-2lines div {
    padding-top: 14px; }

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: #2492db;
  border: 1px solid #2492db;
  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;
    span {
      font-family: BebasNeue;
      font-size: 20px;
    }
}*/
p.required::after {
  content: " *"; }

.next-step {
  display: block;
  margin-top: 60px !important;
  border-radius: 30px !important;
  background-color: #0080d5 !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; }

.pool-type-container label:hover, .lesson-length-selection-block label:hover, .kinds-of-packages label:hover {
  cursor: pointer; }

div.announcement-container.has-photo div.announcement-content {
  display: inline-block;
  margin-right: 120px; }

div.announcement-container.has-photo div.instructor-photo-container {
  border-radius: 50%;
  border: 3px solid white;
  margin: 0 auto;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
  right: -235px;
  margin-top: -92px;
  margin-bottom: -8px; }
  div.announcement-container.has-photo div.instructor-photo-container div.instructor-photo {
    border-radius: 50%;
    border: 4px solid #082AA2;
    /*rgb(31,37,73);*/
    overflow: hidden;
    width: 95px;
    min-width: 95px;
    min-height: 95px; }

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

@media screen and (max-width: 993px) {
  /*.main {
    position: relative;
    z-index: 0;
  }*/
  /*  .form-container {
    margin-top: 4vw;
  }*/ }

div.row.existing-students {
  width: 535px; }

@media screen and (max-width: 534px) {
  div.row.existing-students {
    width: 100%;
    padding: 0px;
    margin-left: -6px;
    margin-right: 0px; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  .step.active {
    width: 65px;
    height: 65px; }
  .step {
    font-size: 6.58824px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -5.64706vw; }
  .top-main,
  .main {
    width: 320px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -91.33333px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 84.70588px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 140px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 320px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 12px 0 0 30px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 12px 0 0 30px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 60px !important;
    top: -10px !important;
    left: -20px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    float: left !important;
    height: 11px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 27.27273px !important;
    width: 32px !important;
    height: 32px !important; }
  span.pool-get-recommendation {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 99px !important;
    top: -10px !important;
    left: -24px !important; }
  span.pool-custom-amount-text {
    margin-top: -5px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    height: 11px !important;
    float: left !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 49px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 320px) and (max-width: 360px) {
  .step {
    font-size: 6.58824px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -5.64706vw; }
  .top-main,
  .main {
    width: 320px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -91.33333px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 84.70588px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 140px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 320px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 12px 0 0 30px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 12px 0 0 30px !important;
    width: 18px !important;
    height: 18px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 60px !important;
    top: -10px !important;
    left: -20px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    float: left !important;
    height: 11px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 27.27273px !important;
    width: 32px !important;
    height: 32px !important; }
  span.pool-get-recommendation {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 99px !important;
    top: -10px !important;
    left: -24px !important; }
  span.pool-custom-amount-text {
    margin-top: -5px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    height: 11px !important;
    float: left !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 49px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 360px) and (max-width: 375px) {
  .step {
    font-size: 7.41176px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -6.35294vw; }
  .top-main,
  .main {
    width: 360px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -109px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 95.29412px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 160px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 360px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 13.5px 0 0 33.75px !important;
    width: 20.25px !important;
    height: 20.25px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 13.5px 0 0 33.75px !important;
    width: 20.25px !important;
    height: 20.25px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 13.5px !important;
    height: 13.5px !important;
    padding: 5.625px !important;
    margin: 0px 0 0 67.5px !important;
    top: -11.25px !important;
    left: -22.5px !important; }
  span.pool-custom-amount-icon {
    width: 10.125px !important;
    float: left !important;
    height: 12.375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2.25px !important;
    left: -2.25px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 31.16883px !important;
    width: 32px !important;
    height: 32px !important; }
  span.pool-get-recommendation {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 99px !important;
    top: -10px !important;
    left: -24px !important; }
  span.pool-custom-amount-text {
    margin-top: -5px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    height: 11px !important;
    float: left !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 49px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 375px) and (max-width: 414px) {
  .step {
    font-size: 7.72059px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -6.61765vw; }
  .top-main,
  .main {
    width: 375px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -115.625px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 99.26471px; }
  h1.title {
    margin-left: 20px;
    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: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 375px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 14.0625px 0 0 35.15625px !important;
    width: 21.09375px !important;
    height: 21.09375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 14.0625px 0 0 35.15625px !important;
    width: 21.09375px !important;
    height: 21.09375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 14.0625px !important;
    height: 14.0625px !important;
    padding: 5.85938px !important;
    margin: 0px 0 0 70.3125px !important;
    top: -11.71875px !important;
    left: -23.4375px !important; }
  span.pool-custom-amount-icon {
    width: 10.54688px !important;
    float: left !important;
    height: 12.89062px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2.34375px !important;
    left: -2.34375px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 32.62987px !important;
    width: 32px !important;
    height: 32px !important; }
  span.pool-get-recommendation {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 99px !important;
    top: -10px !important;
    left: -24px !important; }
  span.pool-custom-amount-text {
    margin-top: -5px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    height: 11px !important;
    float: left !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 49px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 414px) and (max-width: 427px) {
  .step {
    font-size: 8.52353px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -7.30588vw; }
  .top-main,
  .main {
    width: 414px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -132.85px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 109.58824px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 187px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 414px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 15.525px 0 0 38.8125px !important;
    width: 23.2875px !important;
    height: 23.2875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 15.525px 0 0 38.8125px !important;
    width: 23.2875px !important;
    height: 23.2875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 15.525px !important;
    height: 15.525px !important;
    padding: 6.46875px !important;
    margin: 0px 0 0 77.625px !important;
    top: -12.9375px !important;
    left: -25.875px !important; }
  span.pool-custom-amount-icon {
    width: 11.64375px !important;
    float: left !important;
    height: 14.23125px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2.5875px !important;
    left: -2.5875px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 36.42857px !important;
    width: 32px !important;
    height: 32px !important; }
  span.pool-get-recommendation {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount {
    margin: 12px 0 0 52px !important;
    width: 28px !important;
    height: 28px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat !important; }
  span.pool-custom-amount-circle {
    width: 12px !important;
    height: 12px !important;
    padding: 5px !important;
    margin: 0px 0 0 99px !important;
    top: -10px !important;
    left: -24px !important; }
  span.pool-custom-amount-text {
    margin-top: -5px !important; }
  span.pool-custom-amount-icon {
    width: 9px !important;
    height: 11px !important;
    float: left !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    top: -2px !important;
    left: -2px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 49px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 427px) and (max-width: 480px) {
  .step {
    font-size: 8.79118px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -7.53529vw; }
  .top-main,
  .main {
    width: 427px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -138.59167px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 113.02941px; }
  h1.title {
    margin-left: 20px;
    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: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 427px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 16.0125px 0 0 40.03125px !important;
    width: 24.01875px !important;
    height: 24.01875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 16.0125px 0 0 40.03125px !important;
    width: 24.01875px !important;
    height: 24.01875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 16.0125px !important;
    height: 16.0125px !important;
    padding: 6.67188px !important;
    margin: 0px 0 0 80.0625px !important;
    top: -13.34375px !important;
    left: -26.6875px !important; }
  span.pool-custom-amount-icon {
    width: 12.00938px !important;
    float: left !important;
    height: 14.67813px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -2.66875px !important;
    left: -2.66875px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 37.69481px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 480px) and (max-width: 496px) {
  .step {
    font-size: 9.88235px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -8.47059vw; }
  .top-main,
  .main {
    width: 480px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -162px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 127.05882px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 220px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 480px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 18px 0 0 45px !important;
    width: 27px !important;
    height: 27px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 18px 0 0 45px !important;
    width: 27px !important;
    height: 27px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 18px !important;
    height: 18px !important;
    padding: 7.5px !important;
    margin: 0px 0 0 90px !important;
    top: -15px !important;
    left: -30px !important; }
  span.pool-custom-amount-icon {
    width: 13.5px !important;
    float: left !important;
    height: 16.5px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3px !important;
    left: -3px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 42.85714px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 496px) and (max-width: 534px) {
  .step {
    font-size: 10.21176px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -8.75294vw; }
  .top-main,
  .main {
    width: 496px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -169.06667px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 131.29412px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 228px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 496px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 18.6px 0 0 46.5px !important;
    width: 27.9px !important;
    height: 27.9px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 18.6px 0 0 46.5px !important;
    width: 27.9px !important;
    height: 27.9px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 18.6px !important;
    height: 18.6px !important;
    padding: 7.75px !important;
    margin: 0px 0 0 93px !important;
    top: -15.5px !important;
    left: -31px !important; }
  span.pool-custom-amount-icon {
    width: 13.95px !important;
    float: left !important;
    height: 17.05px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3.1px !important;
    left: -3.1px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 44.41558px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 534px) and (max-width: 570px) {
  .step {
    font-size: 10.99412px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -9.42353vw; }
  .top-main,
  .main {
    width: 534px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -185.85px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 141.35294px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 247px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 534px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 20.025px 0 0 50.0625px !important;
    width: 30.0375px !important;
    height: 30.0375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 20.025px 0 0 50.0625px !important;
    width: 30.0375px !important;
    height: 30.0375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 20.025px !important;
    height: 20.025px !important;
    padding: 8.34375px !important;
    margin: 0px 0 0 100.125px !important;
    top: -16.6875px !important;
    left: -33.375px !important; }
  span.pool-custom-amount-icon {
    width: 15.01875px !important;
    float: left !important;
    height: 18.35625px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3.3375px !important;
    left: -3.3375px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 48.11688px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 570px) and (max-width: 590px) {
  .step {
    font-size: 11.73529px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.05882vw; }
  .top-main,
  .main {
    width: 570px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -201.75px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 150.88235px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 265px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 570px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 21.375px 0 0 53.4375px !important;
    width: 32.0625px !important;
    height: 32.0625px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 21.375px 0 0 53.4375px !important;
    width: 32.0625px !important;
    height: 32.0625px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 21.375px !important;
    height: 21.375px !important;
    padding: 8.90625px !important;
    margin: 0px 0 0 106.875px !important;
    top: -17.8125px !important;
    left: -35.625px !important; }
  span.pool-custom-amount-icon {
    width: 16.03125px !important;
    float: left !important;
    height: 19.59375px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3.5625px !important;
    left: -3.5625px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 51.62338px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 590px) and (max-width: 600px) {
  .step {
    font-size: 12.14706px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.41176vw; }
  .top-main,
  .main {
    width: 590px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -210.58333px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 156.17647px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 275px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 590px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 22.125px 0 0 55.3125px !important;
    width: 33.1875px !important;
    height: 33.1875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 22.125px 0 0 55.3125px !important;
    width: 33.1875px !important;
    height: 33.1875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 22.125px !important;
    height: 22.125px !important;
    padding: 9.21875px !important;
    margin: 0px 0 0 110.625px !important;
    top: -18.4375px !important;
    left: -36.875px !important; }
  span.pool-custom-amount-icon {
    width: 16.59375px !important;
    float: left !important;
    height: 20.28125px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3.6875px !important;
    left: -3.6875px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 53.57143px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 600px) and (max-width: 640px) {
  .step {
    font-size: 12.35294px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -10.58824vw; }
  .top-main,
  .main {
    width: 600px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -215px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 158.82353px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 280px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 600px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 22.5px 0 0 56.25px !important;
    width: 33.75px !important;
    height: 33.75px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 22.5px 0 0 56.25px !important;
    width: 33.75px !important;
    height: 33.75px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 22.5px !important;
    height: 22.5px !important;
    padding: 9.375px !important;
    margin: 0px 0 0 112.5px !important;
    top: -18.75px !important;
    left: -37.5px !important; }
  span.pool-custom-amount-icon {
    width: 16.875px !important;
    float: left !important;
    height: 20.625px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -3.75px !important;
    left: -3.75px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 54.54545px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 640px) and (max-width: 667px) {
  .step {
    font-size: 13.17647px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -11.29412vw; }
  .top-main,
  .main {
    width: 640px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -232.66667px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 169.41176px; }
  h1.title {
    margin-left: 20px;
    font-size: 30px;
    font-weight: 400;
    text-align: left; }
  label.pool-access {
    display: inline-block;
    width: 300px;
    height: 52px;
    line-height: 40px;
    background-color: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 640px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 24px 0 0 60px !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 24px 0 0 60px !important;
    width: 36px !important;
    height: 36px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 24px !important;
    height: 24px !important;
    padding: 10px !important;
    margin: 0px 0 0 120px !important;
    top: -20px !important;
    left: -40px !important; }
  span.pool-custom-amount-icon {
    width: 18px !important;
    float: left !important;
    height: 22px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -4px !important;
    left: -4px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 58.44156px !important;
    width: 32px !important;
    height: 32px !important; } }

@media screen and (min-width: 667px) and (max-width: 680px) {
  .step {
    font-size: 13.73235px; }
  .contact {
    width: 190px;
    margin-top: 20px; }
  .form-container {
    min-height: auto; }
  .wrapper {
    height: 40vw;
    margin-top: -11.77059vw; }
  .top-main,
  .main {
    width: 667px; }
  div.announcement-container.has-photo div.instructor-photo-container {
    right: -244.59167px; }
  /*.main {
        margin: (-11vw * $min-size / 680px) auto 0px auto;
    }*/
  .logo {
    width: 176.55882px; }
  h1.title {
    margin-left: 20px;
    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: #2492db;
    text-align: center;
    color: #fff;
    margin: 0;
    border-radius: 5px; }
  .form-container {
    width: 667px;
    margin: 0;
    padding: 0 0 65px 0;
    float: none;
    clear: both; }
  form.no-reorder-form-container {
    padding: 0 20px 65px 20px; }
    form.no-reorder-form-container div.action-wrapper {
      width: unset; }
  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; }
  span.pool-get-recommendation {
    margin: 25.0125px 0 0 62.53125px !important;
    width: 37.51875px !important;
    height: 37.51875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount {
    margin: 25.0125px 0 0 62.53125px !important;
    width: 37.51875px !important;
    height: 37.51875px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png) !important;
    background-repeat: no-repeat;
    background-size: cover; }
  span.pool-custom-amount-circle {
    width: 25.0125px !important;
    height: 25.0125px !important;
    padding: 10.42188px !important;
    margin: 0px 0 0 125.0625px !important;
    top: -20.84375px !important;
    left: -41.6875px !important; }
  span.pool-custom-amount-icon {
    width: 18.75938px !important;
    float: left !important;
    height: 22.92813px !important;
    background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    top: -4.16875px !important;
    left: -4.16875px !important; }
  span.pool-email-delivery,
  span.pool-home-delivery {
    margin: 15px 0 0 61.07143px !important;
    width: 32px !important;
    height: 32px !important; } }

#emailSuggestion {
  color: red; }

.no-reorder-message {
  display: block;
  font-family: Poppins;
  color: black;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  margin-top: 18px;
  margin-bottom: 15px; }

.field-existing-student i.field-icon {
  display: none;
  margin: -3px auto;
  float: none;
  padding-top: 20px;
  box-sizing: border-box;
  background-image: url("https://images.sunsationalswimschool.com/new_reorder/icons/icon-delete-sign.png");
  background-size: contain;
  width: 18px;
  height: 18px;
  background-position-y: bottom;
  right: -56px;
  top: -69px; }

.field-gap-warning {
  color: #e5f5fa;
  background-color: #df0100;
  padding: 8px 15px 8px 15px;
  border-radius: 5px; }

.textarea-required-marker {
  display: block;
  position: relative;
  top: 12px;
  height: 0px;
  left: 16px;
  color: #df0100; }

#custom-certificate-amount-block {
  background-color: #fff8a8;
  color: black;
  padding-bottom: 20px; }

#todays-special-block {
  background-color: #ffe54a;
  border: 1px solid yellow;
  border-radius: 5px;
  margin-right: 30px;
  margin-left: 30px;
  padding: 20px; }

div.buy-now-get-certificate-block.discounted-block {
  display: flow-root; }

div.buy-now-get-certificate-block.nondiscounted-block {
  padding-bottom: 0px; }
  div.buy-now-get-certificate-block.nondiscounted-block div.gift-certificate-value-block {
    margin-top: 0px;
    margin-bottom: 20px; }
  div.buy-now-get-certificate-block.nondiscounted-block div.gift-certificate-for-block {
    margin-bottom: 20px; }

div.gift-certificate-for-block label {
  margin-top: 0px; }

#custom-certificate-amount-block.pale-green-background {
  background-color: #ccf7cd; }
  #custom-certificate-amount-block.pale-green-background input {
    border: 3px solid #13dc37; }

div.buy-now-get-certificate-block {
  background-color: #ffe54a;
  border: 1px solid yellow;
  border-radius: 5px;
  margin-right: 30px;
  padding: 20px; }
  div.buy-now-get-certificate-block .strike-through {
    text-decoration: #b59720 line-through solid 2px;
    -webkit-text-decoration-line: line-through;
    -webkit-text-decoration-color: #b59720;
    -webkit-text-decoration: #b59720 line-through solid 2px;
    -moz-osx-text-decoration: #b59720 line-through solid 2px;
    margin-left: 10px; }
  div.buy-now-get-certificate-block div.gift-certificate-for-block {
    display: inline-block; }
  div.buy-now-get-certificate-block div.gift-certificate-value-block {
    display: inline-block;
    width: auto;
    height: auto; }

div.gift-certificate-label-block {
  display: inline-block;
  width: 70%; }

div.gift-certificate-value-block {
  float: right;
  width: 25%;
  background-color: yellow;
  color: #b59720;
  border-radius: 3px;
  font-size: 20px;
  font-weight: bold;
  height: 45px;
  padding: 10px;
  margin-top: 20px; }

div.custom-certificate-amount-block {
  padding-bottom: 20px; }
  div.custom-certificate-amount-block div.custom-amount-field {
    display: inline-block;
    float: none;
    margin-left: 0px; }
  div.custom-certificate-amount-block label {
    color: black;
    padding-left: 30px; }
  div.custom-certificate-amount-block input {
    width: 100%; }

div.gift-certificate-value-block {
  width: 25%; }

span.gray-bucks-sign {
  color: gray;
  font-size: 28px;
  margin-left: 30px;
  margin-right: 5px;
  vertical-align: middle; }

#custom-amount {
  border: 3px solid #ffdf55;
  text-align: right; }

div.package-selection-section {
  margin-bottom: 0px;
  padding-bottom: 0px; }

@media screen and (max-width: 680px) {
  .steps {
    margin-left: -10px; }
  div.custom-certificate-amount-block div.custom-amount-field {
    width: 75%;
    margin-right: 0px; } }

@media screen and (max-width: 480px) {
  div.gift-certificate-label-block {
    width: 100%; }
  div.gift-certificate-value-block {
    width: 100%;
    float: none; }
  span.gray-bucks-sign {
    margin-left: 0px; } }

.field label.text-color-brown-1 {
  color: #616114; }

.field label.text-color-brown-2 {
  color: #424212; }

.hidden,
.hidden2,
.hidden-by-promo,
.hidden-by-learn-to-swim-guaranteed {
  display: none; }

.prediscountSum {
  text-decoration: line-through; }

a.change-zip-button, a.change-zip-button:active, a.change-zip-button:focus, a.change-zip-button:hover {
  color: #084e80;
  cursor: pointer;
  font-style: italic;
  font-size: 80%;
  text-decoration: underline;
  display: block;
  text-align: right; }