@charset "UTF-8";
.desktop-hidden,
.desktop-hidden-2 {
  display: none; }

.mobile-hidden,
.mobile-hidden-2 {
  display: block; }

.sidebar.checkout-page {
  position: relative; }

.checkout-page .checkout-overlay-effect {
  background-color: #f7fff7;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 1;
  opacity: 0.95; }

.info-popup {
  font-style: normal;
  opacity: 0;
  color: inherit;
  background-color: #1a75b5;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04);
  position: absolute;
  overflow: hidden;
  text-align: left;
  color: #FFF;
  width: 250px;
  height: auto;
  z-index: 888;
  display: inline-block;
  border-radius: 6px;
  margin-left: -150px;
  margin-top: -5px; }

.info-popup:hover {
  opacity: 1;
  cursor: select;
  display: block;
  margin: -100px 0 0; }

.info-popup-message {
  padding: 20px; }

.clickable:hover {
  cursor: pointer; }

.nowrap {
  white-space: nowrap; }

.msg-error-required {
  margin-top: -50px;
  border-radius: 0 4px 0 3px;
  display: inline-block;
  float: left;
  position: relative;
  padding: 2px 0 0 5px;
  z-index: 2;
  background-color: #e86468;
  height: 22px;
  font-family: Poppins, sans-serif;
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  text-align: left; }

.little-red-triangle {
  margin-top: -50px;
  width: 0;
  height: 0;
  border-top: 22px solid #e86468;
  border-left: 16px solid transparent;
  border-right: 9px solid transparent;
  border-radius: 1px;
  display: inline-block;
  float: left;
  position: relative;
  z-index: 2; }

.field-size-real-quarter .little-red-triangle {
  left: 7px; }

.field-size-real-quarter .msg-error-required {
  width: 99px;
  left: 22px; }

.field-size-quarter .little-red-triangle {
  left: 7px; }

.field-size-quarter .msg-error-required {
  width: 166px;
  left: 22px; }

.field-size-three-quarters .little-red-triangle {
  left: 120px; }

.field-size-three-quarters .msg-error-required {
  width: 144px;
  left: 136px; }

.field-size-three-quarters .msg-error-required::after {
  /*content: " Field";*/ }

.field-size-full .little-red-triangle {
  left: 359px; }

.field-size-full .msg-error-required {
  width: 144px;
  left: 374px; }

.field-size-full .msg-error-required::after {
  /*content: " Field";*/ }

.field-size-half .little-red-triangle {
  left: 121px; }

.field-size-half .msg-error-required {
  width: 104px;
  left: 136px; }

.msg-error-required-block {
  display: none; }

.invisible-number-of-students {
  display: none; }

.msg-error-block {
  border-radius: 3px;
  border: 1px solid #fc1516;
  background-color: #f8f2f2;
  max-width: 519px;
  margin-top: 30px; }

#you-can-change-answer-for-pool > div.msg-error-block {
  border: 2px solid #126da2;
  background-color: #d4eff4; }

.msg-error-block-icon {
  display: inline-block;
  float: left;
  margin: 0;
  width: 21%;
  padding: 18px; }

.msg-error-block-icon .fas {
  font-size: 24px;
  color: #07f731; }

.msg-error-block-text {
  display: inline-block;
  margin: 20px 20px 0px 20px; }

.msg-error-block-icon + .msg-error-block-text {
  margin: -45px 0 0 0; }

.msg-error-block-text p {
  font-family: Poppins;
  color: #313131;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
  text-align: left;
  margin: 0 0 0 0;
  padding: 0; }

.msg-error-block-icon + .msg-error-block-text p {
  width: 88%;
  float: right; }

.msg-error-block-text p {
  margin-bottom: 16px; }

.msg-error-block-text p i {
  display: inline-block;
  padding-right: 11px;
  color: #777777;
  font-size: 10px; }

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

div.field-size-quarter,
.field-size-quarter input,
.field-size-quarter select,
.field-size-quarter textarea {
  width: 188px; }

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

div.field-size-real-quarter,
.field-size-real-quarter input,
.field-size-real-quarter select,
.field-size-real-quarter textarea {
  width: 121px; }

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

div.field-size-three-quarters,
.field-size-three-quarters input,
.field-size-three-quarters select,
.field-size-three-quarters textarea {
  width: 280px; }

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

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

.field-students-number label input[type=radio]:checked + span i.icon-one-student {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-one-student-active.png); }

.field-students-number label input[type=radio]:checked + span i.icon-two-students {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-two-students-active.png); }

.field-students-number label input[type=radio]:checked + span i.icon-three-students {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-three-students-active.png); }

.field-students-number label input[type=radio]:checked + span i.icon-four-students {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-four-students-active.png); }

.field-students-number label input[type=radio]:checked + span i.icon-five-students {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-five-students-active.png); }

.field-students-number label input[type=radio]:checked + span i.icon-six-students {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-six-students-active.png); }

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

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

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

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

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

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

.field-students-number-p {
  display: block;
  font-family: Poppins;
  color: black;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-top: 18px;
  margin-bottom: 5px; }

.field-more-students-numbers i.field-icon {
  margin: -3px auto;
  float: none;
  display: block;
  padding-top: 20px;
  box-sizing: border-box;
  background-image: url("https://images.sunsationalswimschool.com/new_reorder/icons/addition-button.jpg");
  background-size: contain;
  width: 18px;
  height: 18px;
  background-position-y: bottom; }

.field-students-number label:last-child {
  margin-right: 0px; }

.field-students-number label:nth-child(4) {
  margin-right: 0px; }

.field-students-number label {
  display: inline-block;
  width: 96px;
  height: 71px;
  background-color: #0080d5;
  text-align: center;
  color: #fff;
  margin: 0px 17px 0px 0px;
  border-radius: 5px;
  box-shadow: 0 4px 5px -4px #607D8B;
  border: 2px solid #0080d5; }

.field-students-number label > input[type=radio] {
  display: none; }

.field-students-number label > span {
  width: 100%;
  height: 100%;
  text-align: center;
  color: #000;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  display: inline-block;
  font-size: 14px;
  padding-top: 6px;
  padding-left: 0px;
  box-sizing: border-box;
  box-shadow: 0 4px 5px -4px #607D8B; }

.field-students-number label input[type=radio] + span {
  border-radius: 5px; }

.field-students-number label input[type=radio]:checked + span {
  background: #0080d5;
  border: 1px solid #11557c;
  color: #fff;
  box-shadow: 0px 9px 5px -3px #999999; }

div.field-more-students-numbers {
  margin: 7px; }

.field-more-students-numbers button {
  width: 100%;
  background-color: #f9f9f9;
  height: 71px;
  padding: 0px; }

.field-select {
  font-family: Poppins-Regular, sans-serif;
  font-size: 14px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #7dcaf7;
  background-color: #f9f9f9;
  height: 56px; }

.form-tab .field-size-full div.horizontal-line {
  border-top: 1px solid #e6e6e6;
  height: 0px;
  margin-top: 67px;
  margin-left: -65px;
  margin-bottom: 39px;
  width: 656px; }

.field-add-student-goals button {
  color: #f50004 !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 5px !important;
  height: auto;
  font-family: Poppins-Regular, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding-top: 2px;
  margin-top: -52px !important;
  text-align: left;
  float: left; }

.field input[type=checkbox] {
  font-family: Poppins-Regular, sans-serif;
  font-size: 14px;
  font-weight: 400;
  height: 24px; }

/*Tab 2*/
.form-container textarea {
  padding: 16px; }

.field-new-instructor-comment textarea,
.field-schedule-updates textarea {
  max-width: 518px;
  height: 157px; }

.field-new-instructor-comment textarea {
  padding-top: 34px; }

/*Tab 3*/
h2.title {
  margin: 0 0px 0 0px;
  color: #111111;
  font-family: Poppins-Regular;
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  margin-top: 31px;
  margin-bottom: 0px !important; }

.round-framed {
  border: 1px solid #7dcaf7;
  border-radius: 5px;
  /* padding: 20px 0px 20px 33px;*/
  padding-bottom: 24px; }

.field-header {
  border-radius: 5px 5px 0px 0px;
  border: none;
  color: #fff;
  background: #2492db;
  padding: 20px 26px 20px 33px;
  /*margin: -20px -33px 0px -33px;*/
  /*font-size: 18px;*/
  font-weight: 600;
  width: 100%; }

.parent-guardian .field-header {
  background: #0080d5;
  color: white; }

.field-size-2-quarter {
  margin-right: 24px;
  display: inline-block;
  float: left; }

div.field-size-2-quarter,
.field-size-2-quarter input,
.field-size-2-quarter select {
  width: 159px; }

div.field-size-2-quarter:last-child {
  margin-right: 0px; }

.field-size-2-three-quarters {
  margin-right: 24px;
  display: inline-block;
  float: left; }

div.field-size-2-three-quarters,
.field-size-2-three-quarters input,
.field-size-2-three-quarters select {
  width: 266px; }

div.field-size-2-three-quarters:last-child {
  margin-right: 0px; }

.field-size-2-quarter .little-red-triangle {
  left: 45px; }

.field-size-2-quarter .msg-error-required {
  width: 99px;
  left: 60px; }

.field-size-2-quarter .msg-error-required::after {
  content: ""; }

.field-size-2-three-quarters .little-red-triangle {
  left: 107px; }

.field-size-2-three-quarters .msg-error-required {
  width: 144px;
  left: 122px; }

.field-size-2-three-quarters .msg-error-required::after {
  /*content: " Field";*/ }

.checkbox-presentation {
  font-size: 15px;
  font-weight: 400;
  display: inline-block; }

.field-header .checkbox-presentation {
  color: black;
  background: #2492db;
  border: none; }

.field-header .checkbox-presentation input[type="checkbox"] + span {
  color: black;
  background: #2492db;
  border: none; }

.field-header span span .checkbox-presentation-text {
  color: black;
  background: #2492db; }

.field-header span span:first-of-type {
  background: #fff;
  border-radius: 5px;
  padding: 2px 4px 2px 4px; }

.parent-name {
  display: inline-block;
  font-size: 18px;
  font-family: Poppins;
  width: 200px;
  overflow-wrap: anywhere; }

.parent-guardian-block {
  width: 244px; }

.parent-guardian .checkbox-presentation-text {
  color: #fff; }

.checkbox-presentation-text {
  font-size: 15px;
  font-weight: 400;
  font-family: Poppins; }

label.checkbox-presentation {
  margin: 0px 10px 0px 0px;
  display: inline-block; }

label.checkbox-presentation span span {
  display: inline-block;
  margin-right: 10px; }

label.checkbox-presentation > input[type=checkbox] {
  display: none;
  padding: 0; }

.checkbox-presentation input[type=checkbox] + span {
  display: inline;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background: white;
  width: 22px;
  height: 21px;
  font-size: 11px;
  padding: 0px 3px 3px 4px;
  margin-top: 3px; }

.checkbox-presentation input[type=checkbox] + span i.fa-check {
  display: inline;
  opacity: 0; }

.checkbox-presentation input[type=checkbox]:checked + span i.fa-check {
  display: inline;
  opacity: 1; }

.parent-name-block {
  margin: 0px 24px 20px 33px; }

/*****************************/
.do-not-know-block {
  margin-top: 30px;
  float: none; }

.do-not-know-block label {
  display: inline-block;
  margin: 0;
  white-space: nowrap; }

.do-not-know-block label input {
  display: none; }

.sp1-text {
  display: inline-block;
  float: right;
  font-size: 13px;
  font-family: Poppins;
  font-weight: 400; }

.do-not-know-block input[type=checkbox] + span span.sp1 {
  display: inline-block;
  float: left;
  border-radius: 5px;
  border: 1px solid #dddddd;
  background: white;
  width: 16px;
  height: 15px;
  font-size: 9px;
  padding: 1px 3px 0px 3px;
  margin-top: 0px;
  margin-right: 8px; }

.parent-email-text {
  display: inline-block;
  /*width: 120px;*/
  float: left;
  margin-top: 0px; }

.do-not-know-block i.fa-check {
  display: inline-block;
  opacity: 0; }

.do-not-know-block input[type=checkbox]:checked + span i.fa-check {
  display: inline;
  opacity: 1; }

/****************************/
.checkbox-presentation-small {
  font-size: 13px;
  font-weight: 400;
  display: inline-block;
  margin: -39px 90px 0px -30px; }

label.checkbox-presentation-small {
  margin: 0px 7px 0px 0px;
  display: inline-block; }

label.checkbox-presentation-small > input[type=checkbox] {
  display: none; }

.checkbox-presentation-small input[type=checkbox] + span {
  display: block;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: white;
  width: 16px;
  height: 15px;
  font-size: 9px;
  padding: 1px 2px 2px 3px; }

.sp1-text {
  display: inline-block;
  font-size: 13px; }

.checkbox-presentation-small input[type=checkbox] + span i.fa-check {
  display: inline;
  opacity: 0; }

.checkbox-presentation-small input[type=checkbox]:checked + span i.fa-check {
  display: inline;
  opacity: 1; }

.right {
  float: right; }

.left {
  float: left; }

.margined-frame {
  margin-top: 32px; }

.margined-fram:first-of-type {
  margin-top: 10px; }

.parent-guardian .parent-guardian-invisible {
  left: 0px;
  display: none; }

/*Tab 6*/
span.grayed {
  color: #737373;
  font-size: 12px; }

#pool .field-size-full {
  margin-right: 0; }

.pool-type-container {
  margin-top: 26px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  align-content: space-between; }

.bottom-53 {
  margin-bottom: 53px; }

.pool-type-container div {
  margin: 0 0px 0 0px; }

.pool-type-container div:nth-child(3) {
  margin: 0 0px 0 0px; }

.pool-type-container div:first-child {
  margin: 0 0px 0 0px; }

.pool-type-container div:nth-child(4) {
  margin: 20px 0px 0 0px; }

.pool-type-container div:nth-child(2) {
  margin: 0 20px 0 20px; }

.pool-type-container div:nth-child(6) {
  margin: 20px 0px 0 0px; }

.pool-type-container div:nth-child(5) {
  margin: 20px 20px 0 20px; }

label.pool-type {
  display: inline-block;
  width: 158px;
  height: 109px;
  text-align: center;
  color: #111; }

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

label.pool-type span.pool-type-s {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  background-color: #f9f9f9;
  font-size: 12px;
  text-transform: uppercase;
  font-family: Poppins;
  color: #363636;
  line-height: 15px;
  overflow: hidden; }

label.pool-type span.pool-type-s .pool-type-text {
  display: block;
  margin-top: 15px; }

label.pool-type span.pool-type-s span.pool-get-recommendation {
  display: block;
  margin: 25px 0 0 68px;
  width: 28px;
  height: 29px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-get-recommendation {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png); }

label.pool-type span.pool-type-s span.pool-custom-amount {
  display: block;
  margin: 25px 0 0 68px;
  width: 28px;
  height: 29px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-custom-amount {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png); }

span.pool-custom-amount-circle {
  display: block;
  width: 24px;
  height: 25px;
  padding: 5px;
  margin: 0px 0 0 68px;
  background-color: #f9f9f9;
  border-radius: 50%;
  position: relative;
  top: -18px;
  left: 14px;
  z-index: 10;
  float: left; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-custom-amount-circle {
  background-color: #0080d5; }

span.pool-custom-amount-icon {
  display: block;
  width: 23px;
  height: 23px;
  float: left;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1.png);
  background-repeat: no-repeat;
  position: relative;
  top: -2px;
  left: -2px;
  z-index: 11; }

.pool-custom-amount-text {
  float: left;
  margin-top: -10px !important; }

label.pool-type span.pool-type-s span.pool-email-delivery {
  display: block;
  margin: 25px auto 0;
  width: 100%;
  height: 32px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-email.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 30px; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-email-delivery {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-email.png); }

label.pool-type span.pool-type-s span.pool-home-delivery {
  display: block;
  margin: 25px 0 0 63px;
  width: 32px;
  height: 32px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-home-pool.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-home-delivery {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-home-pool.png); }

label.pool-type input[type=radio]:checked + span.pool-type-s {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #11557c;
  background-color: #0080d5;
  color: #fff; }

label.pool-type span.pool-type-s .pool-distance-text {
  display: block;
  margin-top: 5px; }

label.pool-type span.pool-type-s span.pool-distance-10 {
  display: block;
  margin: 15px 0 0 54px;
  width: 50px;
  height: 50px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-ten-miles.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-distance-10 {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-ten-miles-active.png); }

label.pool-type span.pool-type-s span.pool-distance-15 {
  display: block;
  margin: 15px 0 0 54px;
  width: 50px;
  height: 50px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-fifteen-miles.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-distance-15 {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-fifteen-miles-active.png); }

label.pool-type span.pool-type-s span.pool-distance-20 {
  display: block;
  margin: 15px 0 0 54px;
  width: 50px;
  height: 50px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-twenty-miles.png);
  background-repeat: no-repeat; }

label.pool-type input[type=radio]:checked + span.pool-type-s span.pool-distance-20 {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-twenty-miles-active.png); }

label.pool-type {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px; }

div.pool-type-messages div {
  border-radius: 10px;
  background-color: #0080d5;
  color: white;
  padding: 10px 20px 10px 20px; }

.lesson-type-container {
  margin-top: 26px;
  margin-bottom: 0px;
  display: flex;
  flex-direction: row;
  /*justify-content: space-between;*/
  flex-wrap: wrap;
  align-content: space-between; }

.lesson-type-container div {
  margin: 0 auto 0 auto; }

.lesson-type-container div:nth-child(3) {
  margin: 0 auto 0 auto; }

.lesson-type-container div:first-child {
  margin: 0 auto 0 auto; }

.lesson-type-container div:nth-child(4) {
  margin: 20px 0px 0 0px; }

.lesson-type-container div:nth-child(2) {
  margin: 0 20px 0 20px; }

.lesson-type-container div:nth-child(6) {
  margin: 20px 0px 0 0px; }

.lesson-type-container div:nth-child(5) {
  margin: 20px 20px 0 20px; }

label.lesson-type {
  display: inline-block;
  width: 158px;
  height: 109px;
  text-align: center;
  color: #111;
  cursor: pointer; }

label.lesson-type input[type=radio] {
  display: none; }

label.lesson-type span.lesson-type-s {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  background-color: #f9f9f9;
  font-size: 12px;
  font-family: Poppins;
  color: #363636;
  line-height: 15px; }

label.lesson-type span.lesson-type-s .lesson-type-text {
  display: block;
  margin-top: 15px; }

label.lesson-type span.lesson-type-s span.private-lesson {
  display: block;
  margin: 35px 0 0 69px;
  width: 31px;
  height: 19px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-private-lesson.png);
  background-repeat: no-repeat; }

label.lesson-type input[type=radio]:checked + span.lesson-type-s span.private-lesson {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-private-lesson-active.png); }

label.lesson-type span.lesson-type-s span.semi-private-lesson {
  display: block;
  margin: 35px 0 0 69px;
  width: 31px;
  height: 19px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-semi-private-lesson.png);
  background-repeat: no-repeat; }

label.lesson-type input[type=radio]:checked + span.lesson-type-s span.semi-private-lesson {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-semi-private-lesson-active.png); }

label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
  display: block;
  margin: 25px 0 0 63px;
  width: 31px;
  height: 29px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-baby-and-me-lesson.png);
  background-repeat: no-repeat; }

label.lesson-type input[type=radio]:checked + span.lesson-type-s span.baby-and-me-lesson {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-baby-and-me-lesson-active.png); }

label.lesson-type input[type=radio]:checked + span.lesson-type-s {
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #11557c;
  background-color: #0080d5;
  color: #fff; }

label.lesson-type {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px; }

.field-promo-code-good-for {
  background-color: orange;
  font-family: Poppins;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 15px; }

.pick-3-or-more {
  color: #a5a5a5;
  font-size: 11px; }

.picked-3-or-more {
  font-size: 11px; }

.pick-3-or-more-text {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px; }

.unlocked-learn-to-swim-guaranteed,
.locked-learn-to-swim-guaranteed {
  border-radius: 10px;
  padding: 5px; }

.unlocked-learn-to-swim-guaranteed {
  background-color: #39d367;
  color: white; }

.locked-learn-to-swim-guaranteed {
  background-color: #a5a5a5;
  color: white; }

/*Tab 7*/
.section_7 h1.title {
  margin-top: 0;
  margin-bottom: 20px; }

#complete-registration > h1.title.payment {
  margin: 1em 0 0; }

.safe-block {
  float: right;
  margin-top: -22px;
  margin-right: 73px;
  margin-top: 12px; }

.lock-stamp {
  width: 148px;
  height: 62px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/norton-security-logo.gif);
  background-size: contain;
  display: inline-block;
  margin-bottom: -8px; }

.zero-billed-block {
  font-family: Poppins;
  color: #555555;
  font-size: 14px;
  font-weight: 400;
  margin-top: 14px;
  margin-bottom: 0; }

img.yelp-5-star-rating-logo {
  margin-right: 3%;
  max-width: 27%;
  vertical-align: bottom; }
  @media screen and (max-width: 359px) {
    img.yelp-5-star-rating-logo {
      float: right;
      margin-top: -5px; } }

.secure-card-logos {
  width: 152px;
  height: 32px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/secure-card-logos.png);
  display: inline-block;
  margin-bottom: -8px; }

.accredited-business-logo {
  width: 165px;
  height: 55px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/accredited-business-logo.png);
  display: block;
  background-size: contain;
  margin-top: 10px;
  margin-left: -5px; }

.hundred-percent-safe {
  font-family: Poppins;
  color: #111;
  font-size: 14px;
  font-weight: 900;
  text-align: left;
  margin-left: 4px;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: top;
  padding-top: 23px; }

h3.title {
  font-family: Poppins;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
  margin-top: 31px;
  margin-bottom: 10px !important; }

h3.title2 {
  font-family: Poppins;
  color: #414141;
  font-size: 16px;
  font-weight: 500;
  text-align: left;
  margin-top: 31px;
  margin-bottom: 10px !important; }

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

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

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

.fa-smiley:before {
  content: "\f118"; }

.aquatic-line-field div label {
  margin-top: 15px;
  color: #5a92c1;
  background-color: #e5f5fa !important;
  border: none !important;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400; }

#complete-registration .aquatic-line-field div span {
  color: #111111;
  display: inline-block;
  margin-top: 3px !important;
  padding: 3px 3px 3px 5px; }

.agree-field div {
  font-family: Poppins;
  font-size: 14px;
  padding: 12px;
  background: #e5f5fa; }

#complete-registration .agree-field div span {
  display: block;
  margin-top: 3px !important;
  padding: 3px 3px 3px 5px; }

.block-your-card-will-not-be-billed {
  float: left;
  width: 274px;
  margin: 21px 50px 0 4px; }

.block-your-card-will-not-be-billed div {
  font-family: Poppins;
  color: rgba(17, 17, 17, 0.4);
  font-size: 14px;
  font-weight: 400; }

#cost-breakdown-2 {
  padding-left: 4px; }

.field-open-cost-breakdown {
  float: left;
  /*width: 180px;*/
  margin-top: 21px;
  margin-bottom: 0px; }

#enter-end-date-button,
button.back-to-package-selection,
.bottom_back button,
.field-plus-other-options-weekdays button,
.field-plus-other-options-weekends button,
.field-open-cost-breakdown button,
.field-have-promo-code button,
.field-cancel-promo-code button,
.field-invalid-promo-code > p,
.field-promo-code-valid-for > p,
.field-free-bonus-lessons > p,
.field-save-on-your-lesson-package > p {
  color: #5a92c1;
  background-color: #e5f5fa !important;
  border: none !important;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400; }

.bottom_back button,
.field-plus-other-options-weekdays button,
.field-have-promo-code button {
  box-shadow: none;
  margin-top: 10px; }

.field-plus-other-options-weekends button {
  box-shadow: none; }

button.back-to-package-selection {
  padding: 0px; }

.bottom_back {
  text-align: center; }

.field-invalid-promo-code > p {
  color: #fc1516;
  font-size: 16px;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 20px; }

.field-cancel-promo-code > button {
  color: #fc1516;
  float: left; }

#we-are-glad-you-are-back > p,
#we-are-glad-you-are-back-2 > p,
.field-promo-code-valid-for > p {
  color: #f2ad6d;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px; }

.field-free-bonus-lessons > p {
  color: #f2ad6d;
  float: right;
  margin-top: 20px;
  margin-bottom: 20px; }

.field-save-on-your-lesson-package > p {
  float: right;
  margin-top: 20px;
  margin-bottom: 20px; }

div.field-cancel-promo-code {
  margin-bottom: 0px; }

.field-open-cost-breakdown button {
  height: 20px; }

.strike-through {
  text-decoration: #d0d0d0 line-through solid; }

div.block-order-overview,
div.block-order-overview-small {
  border-radius: 3px;
  border: 1px solid #11557c;
  background-color: #0080d5;
  color: white;
  margin-top: 19px;
  margin-bottom: 0px; }

div.block-order-overview {
  padding: 20px 20px 14px 20px; }

div.block-order-overview-small {
  padding: 8px 20px 0px 20px; }

div.block-total-price {
  font-family: Poppins;
  color: white;
  font-size: 26px;
  font-weight: 600;
  margin: 0px;
  float: left; }

div.block-lesson-pack {
  margin: 0px;
  float: right; }

div.block-you-saved {
  margin-top: 8px;
  margin-bottom: 0px;
  float: right; }

.block-lesson-pack p {
  font-family: Poppins;
  color: white;
  font-size: 15px;
  font-weight: 600;
  text-align: right;
  margin: 0px; }

div.block-cost-breakdown {
  border-radius: 3px;
  margin-top: 19px;
  margin-bottom: 0px;
  padding: 0px; }

div.block-cost-breakdown-price {
  color: #3a3a3a;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  margin: 0px 30px 0px 0px;
  text-align: right;
  float: right; }

div.block-cost-breakdown-lesson-pack {
  margin: 0px;
  float: left; }

.block-cost-breakdown-lesson-pack p:first-child {
  color: #3a3a3a;
  font-family: Poppins;
  font-size: 14px;
  font-weight: 400;
  margin: 0px; }

.block-cost-breakdown-lesson-pack p:nth-child(2) {
  color: #6f6f6f;
  font-family: Poppins;
  font-size: 12px;
  font-weight: 400;
  margin: 0px; }

.block-you-have-referral-discount p,
.block-you-have-referral-free-lessons p {
  color: white;
  font-family: Poppins;
  font-weight: 600; }

.block-you-have-referral-discount p.small,
.block-you-have-referral-free-lessons p.small {
  font-size: 15px;
  margin: 0px; }

.block-you-have-referral-discount p.large,
.block-you-have-referral-free-lessons p.large {
  font-size: 26px;
  margin: 0px; }

.block-final-prices {
  background-color: #ffab00 !important; }

.field-save-on-your-lesson-package button {
  float: right; }

div.field-promo-code {
  margin-bottom: 0px; }

.field-promo-code input {
  padding: 10px 20px 10px 20px;
  margin-right: -75px;
  text-transform: uppercase; }

div.field-promo-code-valid-for,
div.field-free-bonus-lessons,
div.field-save-on-your-lesson-package {
  margin: 0px; }

i.field-checkmark {
  border-radius: 50%;
  /*background-attachment: scroll;*/
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  width: 43px;
  height: 43px;
  margin-top: 6px;
  margin-right: 30px;
  font-size: 20px;
  color: #b0b0b0 !important;
  padding-top: 16px;
  position: relative;
  z-index: 1;
  float: right; }

.field-checkmark + input {
  box-sizing: border-box; }

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

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

.next-step.register-button span {
  margin-left: -75px;
  background-image: none; }

input.register-button {
  background-color: #fc1516 !important; }

/* Tab Continue Page */
.continue-page-image {
  width: 216px;
  height: 206px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/continue-registration.png);
  background-size: auto;
  background-repeat: no-repeat;
  margin-left: 140px;
  margin-top: -19px; }

.continue-title {
  width: 387px;
  margin-top: 33px !important;
  margin-left: 60px !important;
  text-align: center !important; }

.continue-text {
  width: 492px;
  margin-left: 12px;
  margin-top: 69px;
  font-family: Poppins;
  color: #515050;
  font-size: 16px;
  font-weight: 400;
  text-align: center; }

.try-another-zip-button {
  width: 492px;
  margin-top: 100px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  box-shadow: none;
  font-family: Poppins;
  color: #fc1516;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border: none !important;
  padding: none; }

.continue-button {
  margin-left: 12px;
  font-family: Poppins;
  color: #0a32b7;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  border: none !important;
  padding: none; }

div.error-container {
  /*    border: 1px solid #e5f5fa;*/
  /*    background-color: #f8f2f2;
    border-radius: 5px;*/
  padding: 10px;
  margin: 0px -10px 10px -10px;
  width: 540px; }

div.error {
  border: 1px solid #fc1516;
  background-color: #f8f2f2;
  border-radius: 5px;
  padding: 10px;
  margin: 10px -10px 10px -10px; }

div.free-space {
  margin-bottom: 32px; }

.back .fa-chevron-left {
  font-weight: 900;
  font-size: 20px; }

.visible-in-small {
  display: none; }

.back {
  float: left;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: -42px; }

.row.lesson-length-recommended-block {
  display: flex;
  padding: 10px;
  margin: 0px -10px; }

.recommended-lesson-length {
  display: flex;
  flex-direction: row;
  justify-content: flex-start; }

@media screen and (max-width: 420px) {
  .row.lesson-length-recommended-block {
    display: block; } }

.recommended-lesson-length .girl {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/girl.png);
  width: 113px;
  height: 169px;
  display: inline-block;
  margin: 0;
  padding: 0;
  overflow: visible;
  position: relative;
  z-index: 2; }

.recommended-lesson-length .corrected-bubble {
  top: -75px; }

.recommended-lesson-length .bubble {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/box-bubble.png);
  width: 105px;
  height: 83px;
  margin-left: -54px;
  margin-top: 6px;
  padding: 0;
  display: inline-block;
  position: relative;
  z-index: 10;
  overflow: visible;
  text-align: center; }

.recommended-lesson-length .bubble span {
  display: inline-block;
  color: white;
  font-family: Poppins;
  position: relative;
  top: 0px;
  left: 10px; }

.recommended-lesson-length .bubble span b {
  display: inline-block;
  position: relative;
  font-family: Poppins;
  font-size: 51px; }

.recommended-lesson-length .bubble span span {
  display: inline-block;
  position: relative;
  top: -20px;
  left: 0px;
  font-size: 14px;
  font-family: Poppins;
  text-transform: uppercase;
  padding: 0 !important; }

.package-selection-section .col-lg-4,
.package-selection-section .col-xs-3 {
  padding-right: 0 !important;
  padding-left: 5px !important; }

#package-selection .col-lg-8 {
  padding-right: 0 !important;
  padding-left: 34px !important; }

.expert-recommendation-block p {
  white-space: normal;
  /*max-width: 97%;*/
  font-size: 1.4em;
  color: #eb9c01; }

.expert-recommendation-h {
  font-family: Poppins;
  color: #ee9c01;
  font-size: 2em;
  text-align: left;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 800; }

.baby-and-me-lesson-length-block {
  font-family: Poppins;
  color: #606060;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }

#package-selection .container {
  width: 512px;
  padding: 0 !important;
  margin: 0 !important; }

#package-selection .horizontal-line {
  height: 0;
  border-top: 2px solid #e6e6e6;
  width: 522px;
  padding: 0 72px 0 72px;
  margin: 17px 0 10px; }

h2.total-lesson-length {
  font-family: Poppins;
  color: #111111;
  font-size: 18px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  /*white-space: nowrap;*/
  text-align: left;
  margin-bottom: 31px;
  margin-top: 0px; }

.form-container {
  /*width: 656px;
    padding-right: 72px;*/ }

.check-time-lesson-row .check-time {
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
    width: 95px;
    height: 95px;
    margin-left: 50px;*/ }

.check-time-lesson-row .check-time label:first-child {
  margin-left: 0px;
  vertical-align: initial; }

label.check-time-lesson span span {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase; }

.check-time-lesson-row .check-time label input {
  display: none; }

.check-time-lesson-row .more {
  text-align: center;
  padding-top: 40px;
  font-family: Poppins;
  color: #363636;
  font-size: 14px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  position: relative;
  /* top: 30px; */
  /* width: 120px; */
  height: 113px;
  background: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
  background-position: 54% 55%;
  background-repeat: no-repeat;
  background-size: 65px;
  /* background-color: #57bbe4; */
  /* border-radius: 100%; */
  color: white; }

h2.select-package-h-2,
h2.select-package-h {
  font-family: Poppins;
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  margin-top: 22px;
  text-align: center;
  margin-bottom: 30px; }

.check-time-lesson-row .col-lg-3 {
  padding: 0 !important;
  margin: 0 !important; }

label.check-time-lesson {
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
  /*width: 120px;*/
  height: 113px;
  margin-left: 0px;
  text-align: center;
  padding: 0 5px 0 5px;
  font-family: Poppins;
  color: #ffffff;
  font-size: 30px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  /*vertical-align: middle;*/
  line-height: 19px; }

label.check-time-lesson > input[type=radio] {
  display: none; }

label.check-time-lesson > span {
  /*padding-top: 38px;*/
  text-align: center;
  /*color: #fff;*/
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
    background-position: center;
    background-repeat: no-repeat;*/
  /*border: solid 4px #bbb;*/
  /*display: inline-block;*/
  width: 100%;
  /*height: 100%;*/
  /*border-radius: 100%;*/
  box-sizing: border-box; }

@-moz-document url-prefix() {
  label.check-time-lesson > span {
    padding-left: 0px; }
  label.check-time-lesson span span {
    display: inline-block;
    position: relative;
    left: 0px; } }

label.check-time-lesson input[type=radio]:checked + span {
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active.png);
    background-position: center;
    color: #fff;

    padding-top: 38px;

    text-align: center;*/ }

#select-package {
  margin-top: -22px; }

.only-three-options {
  padding-left: 4px !important; }

.only-three-options div.check-time {
  width: 162px;
  margin-left: 5px; }

.check-time-lesson-row {
  width: 540px; }

label.check-time-lesson input[type=radio]:checked + span .select-text {
  display: none; }

label.check-time-lesson input[type=radio]:checked + span .great-choice {
  display: block; }

/*.lesson-length-selection-block {

  label input[type="radio"] + span.any-lesson-time.some-has-been-selected {
    opacity: 0.3;
  }

  label input[type="radio"]:checked + span.any-lesson-time.some-has-been-selected {
    opacity: 1;
  }

  label input[type="radio"] + span.any-lesson-time.some-has-been-selected .select-text {
    color: white;
  }

  i {
    float: left;
    opacity: 0.9;
    margin-right: -36px;
    margin-left: 1px;
    color: #00d758;
    font-size: 46px;
    margin-top: -15px;
  }

  .first-lesson-time,
  .second-lesson-time,
  .third-lesson-time {
    display: block;
    border-radius: 10px;
    border: 2px solid;
    .time {
      font-size: 35px;
      color: white;
      text-align: right;
      width: 100%;
      padding: 23px 14px 6px 0px;
      display: inline-block;
    }
    .text {
      font-size: 16px;
      color: white;
      text-align: center;
      padding: 9px 0px 9px 0px;
      display: inline-block;
    }

    .select-text,
    .great-choice {
      font-size: 16px;
      background-color: white;
      display: inline-block;
      width: 100%;
      border-radius: 0px 0px 10px 10px;
      padding-top: 0.75em;
      height: 2.5em;
    }
    .great-choice {
      display: none;
    }
  }

  .first-lesson-time {
    $color: #eb9c01;
    color: $color;
    border-color: $color;
    background-color: $color;
  }

  .second-lesson-time {
    $color: #1a9fd3;
    color: $color;
    border-color: $color;
    background-color: $color;
  }

  .third-lesson-time {
    overflow: initial;
    $color: #d5262b;
    color: $color;
    border-color: $color;
    background-color: $color;
  }

}
*/
.row.kinds-of-packages {
  margin-left: auto;
  margin-right: auto; }

div.kinds-of-packages {
  padding: 0px; }

.kinds-of-packages > div {
  float: left; }

span.price-per-lesson-length {
  font-size: 130%; }

.kinds-of-packages label input[type=radio] + span.package-content i {
  display: block;
  color: #00d758;
  opacity: 0;
  font-size: 44px; }

.kinds-of-packages label input[type=radio] + span.package-content .select-text {
  display: block;
  text-align: center;
  font-family: Poppins;
  color: black;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  height: 2.5em;
  padding-top: 0.75em;
  width: 150px;
  position: absolute;
  bottom: 0px; }

.kinds-of-packages label input[type=radio] + span.package-content .great-choice {
  display: none;
  background-color: #fff;
  text-align: center;
  font-family: Poppins;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  height: 2.5em;
  padding-top: 0.75em;
  width: 154px;
  position: absolute;
  bottom: 0px;
  margin: -2px; }

.kinds-of-packages label input[type=radio] + span.package-content.some-has-been-selected {
  opacity: 0.3; }
  .kinds-of-packages label input[type=radio] + span.package-content.some-has-been-selected .select-text {
    display: none; }

.kinds-of-packages label input[type=radio]:checked + span.package-content {
  opacity: 1; }
  .kinds-of-packages label input[type=radio]:checked + span.package-content i {
    opacity: 1; }
  .kinds-of-packages label input[type=radio]:checked + span.package-content .select-text {
    display: none; }
  .kinds-of-packages label input[type=radio]:checked + span.package-content .great-choice {
    display: block;
    background-color: #00d758;
    color: #fff;
    border-radius: 0px 0px 3px 3px; }

.kinds-of-packages .col-lg-4 {
  padding: 0 !important;
  width: 163px;
  height: 100%;
  margin-left: 5px; }
  .kinds-of-packages .col-lg-4 label {
    display: block; }
    .kinds-of-packages .col-lg-4 label input {
      display: none; }

.kinds-of-packages .col-lg-4:last-child {
  margin-right: 0px; }

.kinds-of-packages .package-content-border {
  border-radius: 3px 3px 0 0;
  margin-top: -10px;
  height: 333px;
  overflow: hidden; }

.kinds-of-packages label input[type="radio"] + span.package-content span,
.kinds-of-packages label input[type="radio"] + span.package-content {
  color: #ffffff; }
  .kinds-of-packages label input[type="radio"] + span.package-content span span.main-feature,
  .kinds-of-packages label input[type="radio"] + span.package-content span span.hz_line,
  .kinds-of-packages label input[type="radio"] + span.package-content span.main-feature,
  .kinds-of-packages label input[type="radio"] + span.package-content span.hz_line {
    color: #ffffff; }

.kinds-of-packages .a18_lessons input[type="radio"] + span.package-content span,
.kinds-of-packages .a18_lessons input[type="radio"] + span.package-content {
  color: #eb9c01; }
  .kinds-of-packages .a18_lessons input[type="radio"] + span.package-content span span.main-feature,
  .kinds-of-packages .a18_lessons input[type="radio"] + span.package-content span span.hz_line,
  .kinds-of-packages .a18_lessons input[type="radio"] + span.package-content span.main-feature,
  .kinds-of-packages .a18_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #eb9c01; }

.kinds-of-packages .a18_lessons .package-content-border {
  border: 2px solid #eb9c01; }

.kinds-of-packages .a12_lessons input[type="radio"] + span.package-content span,
.kinds-of-packages .a12_lessons input[type="radio"] + span.package-content {
  color: #1a9fd3; }
  .kinds-of-packages .a12_lessons input[type="radio"] + span.package-content span span.main-feature,
  .kinds-of-packages .a12_lessons input[type="radio"] + span.package-content span span.hz_line,
  .kinds-of-packages .a12_lessons input[type="radio"] + span.package-content span.main-feature,
  .kinds-of-packages .a12_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #1a9fd3; }

.kinds-of-packages .a12_lessons .package-content-border {
  border: 2px solid #1a9fd3; }

.kinds-of-packages .a6_lessons input[type="radio"] + span.package-content span,
.kinds-of-packages .a6_lessons input[type="radio"] + span.package-content {
  color: #d5262b; }
  .kinds-of-packages .a6_lessons input[type="radio"] + span.package-content span span.main-feature,
  .kinds-of-packages .a6_lessons input[type="radio"] + span.package-content span span.hz_line,
  .kinds-of-packages .a6_lessons input[type="radio"] + span.package-content span.main-feature,
  .kinds-of-packages .a6_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #d5262b; }

.kinds-of-packages .a6_lessons .package-content-border {
  border: 2px solid #d5262b; }

.row.payment-package-container {
  margin-left: auto;
  margin-right: auto; }

div.payment-package-container {
  padding: 0px;
  margin-top: 30px; }

.payment-package-container label input[type=radio] + span.package-content i {
  display: block;
  color: #00d758;
  opacity: 0;
  font-size: 44px; }

.payment-package-container label input[type=radio] + span.package-content .select-text {
  display: block;
  text-align: center;
  font-family: Poppins;
  color: black;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  height: 2.5em;
  padding-top: 0.75em;
  width: 150px;
  position: absolute;
  bottom: 0px; }

.payment-package-container label input[type=radio] + span.package-content .great-choice {
  display: none;
  background-color: #fff;
  text-align: center;
  font-family: Poppins;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  height: 2.5em;
  padding-top: 0.75em;
  width: 154px;
  position: absolute;
  bottom: 0px;
  margin: -2px; }

.payment-package-container label input[type=radio] + span.package-content.some-has-been-selected {
  opacity: 0.3; }
  .payment-package-container label input[type=radio] + span.package-content.some-has-been-selected .select-text {
    display: none; }

.payment-package-container label input[type=radio]:checked + span.package-content {
  opacity: 1; }
  .payment-package-container label input[type=radio]:checked + span.package-content i {
    opacity: 1; }
  .payment-package-container label input[type=radio]:checked + span.package-content .select-text {
    display: none; }
  .payment-package-container label input[type=radio]:checked + span.package-content .great-choice {
    display: block;
    background-color: #00d758;
    color: #fff;
    border-radius: 0px 0px 3px 3px; }

.payment-package-container .col-lg-4 {
  padding: 0 !important;
  width: 163px;
  height: 100%;
  margin-left: 5px; }
  .payment-package-container .col-lg-4 label {
    display: block; }
    .payment-package-container .col-lg-4 label input {
      display: none; }

.payment-package-container .col-lg-4:last-child {
  /*margin-right: 0px;*/ }

.payment-package-container .package-content-border {
  border-radius: 3px 3px 0 0;
  margin-top: -10px;
  height: 333px;
  overflow: hidden; }

.payment-package-container label input[type="radio"] + span.package-content span,
.payment-package-container label input[type="radio"] + span.package-content {
  color: #ffffff; }
  .payment-package-container label input[type="radio"] + span.package-content span span.main-feature,
  .payment-package-container label input[type="radio"] + span.package-content span span.hz_line,
  .payment-package-container label input[type="radio"] + span.package-content span.main-feature,
  .payment-package-container label input[type="radio"] + span.package-content span.hz_line {
    color: #ffffff; }

.payment-package-container .a18_lessons input[type="radio"] + span.package-content span,
.payment-package-container .a18_lessons input[type="radio"] + span.package-content {
  color: #eb9c01; }
  .payment-package-container .a18_lessons input[type="radio"] + span.package-content span span.main-feature,
  .payment-package-container .a18_lessons input[type="radio"] + span.package-content span.main-feature {
    color: white;
    background-color: #eb9c01; }
  .payment-package-container .a18_lessons input[type="radio"] + span.package-content span span.hz_line,
  .payment-package-container .a18_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #eb9c01; }

.payment-package-container .a18_lessons .package-content-border {
  border: 2px solid #eb9c01; }

.payment-package-container .a12_lessons input[type="radio"] + span.package-content span,
.payment-package-container .a12_lessons input[type="radio"] + span.package-content {
  color: #1a9fd3; }
  .payment-package-container .a12_lessons input[type="radio"] + span.package-content span span.main-feature,
  .payment-package-container .a12_lessons input[type="radio"] + span.package-content span.main-feature {
    color: white;
    background-color: #1a9fd3; }
  .payment-package-container .a12_lessons input[type="radio"] + span.package-content span span.hz_line,
  .payment-package-container .a12_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #1a9fd3; }

.payment-package-container .a12_lessons .package-content-border {
  border: 2px solid #1a9fd3; }

.payment-package-container .a6_lessons input[type="radio"] + span.package-content span,
.payment-package-container .a6_lessons input[type="radio"] + span.package-content {
  color: #d5262b; }
  .payment-package-container .a6_lessons input[type="radio"] + span.package-content span span.main-feature,
  .payment-package-container .a6_lessons input[type="radio"] + span.package-content span.main-feature {
    color: white;
    background-color: #d5262b; }
  .payment-package-container .a6_lessons input[type="radio"] + span.package-content span span.hz_line,
  .payment-package-container .a6_lessons input[type="radio"] + span.package-content span.hz_line {
    background-color: #d5262b; }

.payment-package-container .a6_lessons .package-content-border {
  border: 2px solid #d5262b;
  height: 250px; }
  @media screen and (max-width: 360px) {
    .payment-package-container .a6_lessons .package-content-border {
      height: 175px; } }

.payment-package-container .ax_lessons span.package-content-border {
  height: 100%;
  border: 0; }

.payment-package-container .package-content {
  text-align: center;
  border-radius: 3px 3px 0 0;
  display: block;
  min-height: 365px;
  padding: 0 5px 0 5px;
  margin-top: 10px; }
  .payment-package-container .package-content > span,
  .payment-package-container .package-content span.feature {
    display: block; }

.payment-package-container .main-feature {
  display: block;
  font-family: Poppins;
  color: #000000;
  font-size: 13px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 1em;
  height: 3em; }

.payment-package-container .how_many_lessons {
  font-family: Poppins;
  color: #111111;
  font-size: 32px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 900;
  margin-top: 8px;
  display: block;
  padding: 0;
  line-height: 1; }
  @media screen and (max-width: 459px) {
    .payment-package-container .how_many_lessons {
      font-size: 25px; } }

.payment-package-container .hz_line {
  display: block;
  width: 100%;
  height: 0.5em; }
  .payment-package-container .hz_line .line-element {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    height: 0;
    border-top: 1px solid #fff; }

.payment-package-container .package-content > span.feature {
  height: 3em; }

.payment-package-container span.feature {
  font-family: Poppins;
  color: #606060;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  padding-top: 7px;
  max-width: 128px;
  margin-left: auto;
  margin-right: auto;
  height: 4em; }

.payment-package-container span.learn_to_swim_guarantee_bage {
  font-family: "LeckerliOne-Regular";
  font-weight: 400;
  height: 6em; }

.payment-package-container .learn_to_swim_guarantee_bage div {
  width: 37px;
  height: 22px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/sunsational-logo-sun-only-189x111.png);
  background-size: contain;
  margin-left: auto;
  margin-right: auto; }

.kinds-of-packages .package-content {
  text-align: center;
  border-radius: 3px 3px 0 0;
  display: block;
  height: 365px;
  padding: 0 5px 0 5px;
  margin-top: 10px; }
  .kinds-of-packages .package-content > span,
  .kinds-of-packages .package-content span.feature {
    display: block; }

.kinds-of-packages .main-feature {
  display: block;
  font-family: Poppins;
  color: #000000;
  font-size: 13px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 1em;
  height: 3em; }

.kinds-of-packages .how_many_lessons {
  font-family: Poppins;
  color: #111111;
  font-size: 22px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 900;
  margin-top: 8px;
  display: block;
  padding: 0;
  line-height: 1; }
  @media screen and (max-width: 459px) {
    .kinds-of-packages .how_many_lessons {
      font-size: 25px; } }

.kinds-of-packages .hz_line {
  display: block;
  width: 100%;
  height: 0.5em; }
  .kinds-of-packages .hz_line .line-element {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 88%;
    height: 0;
    border-top: 1px solid #fff; }

.kinds-of-packages .package-content > span.feature {
  height: 3em; }

.kinds-of-packages span.feature {
  font-family: Poppins;
  color: #606060;
  font-size: 13px;
  font-weight: 600;
  line-height: 15px;
  text-align: center;
  padding-top: 7px;
  max-width: 128px;
  margin-left: auto;
  margin-right: auto;
  height: 4em; }

.kinds-of-packages span.learn_to_swim_guarantee_bage {
  font-family: "LeckerliOne-Regular";
  font-weight: 400;
  height: 6em; }

.kinds-of-packages .learn_to_swim_guarantee_bage div {
  width: 37px;
  height: 22px;
  background-image: url(https://images.sunsationalswimschool.com/new_regform/sunsational-logo-sun-only-189x111.png);
  background-size: contain;
  margin-left: auto;
  margin-right: auto; }

.money-back {
  margin-top: 31px !important;
  margin-bottom: 26px;
  font-family: Poppins;
  color: #a5a5a5;
  font-size: 12px;
  font-weight: 400; }

.money-back .fa-lock {
  display: inline-block;
  padding: 5px 4px 4px 4px;
  background-color: #a5a5a5;
  border-radius: 50%;
  color: #fff;
  width: 21px;
  height: 21px;
  font-size: 10px;
  position: relative;
  top: -1px;
  margin-right: 8px; }

.money-back span {
  display: inline-block; }

#cost-breakdown {
  border: 1px solid #d4eff4;
  padding-top: 17px;
  margin-top: 10px;
  border-radius: 4px; }

.cost-per-lesson-h {
  font-family: Poppins;
  color: #3e3e3e;
  font-size: 14px;
  font-weight: 500;
  margin-top: 0; }
  .cost-per-lesson-h span {
    color: #3e3e3e;
    font-size: 14px;
    font-weight: 900; }

.cost-per-lesson-h.row {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0px;
  padding-right: 0px; }

.cost-breakdown-h {
  text-transform: capitalize;
  margin-top: 15px;
  margin-bottom: 10px;
  font-family: Poppins;
  color: #414141;
  font-size: 15px;
  font-weight: 600;
  padding-left: 15px; }

.cost-breakdown .col-lg-6 {
  font-family: Poppins;
  color: #3a3a3a;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
  margin-bottom: 15px; }
  .cost-breakdown .col-lg-6 span {
    font-family: Poppins;
    color: #6f6f6f;
    font-size: 12px;
    font-weight: 400;
    text-transform: none; }

.cost-breakdown .col-lg-6 > span {
  display: block; }

.cost-breakdown.row {
  padding-left: 15px; }

.field-more-student-numbers-mobile,
.field-more-time-opt {
  display: none; }

/******** my5 ****************/
h2.lesson-frequency-h {
  font-family: Poppins;
  color: #111111;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px; }

h2.lesson-frequency-h-blue {
  font-family: Poppins;
  color: #f1f1f1;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0px;
  display: block;
  padding: 26px 20px;
  background: #1edc1e;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px; }

label.frequency-per-week {
  display: inline-block;
  width: 66px;
  height: 52px;
  background-color: #fff;
  text-align: center;
  color: #111;
  margin: 0;
  border-radius: 5px;
  margin-left: 6px; }
  label.frequency-per-week input[type=radio] {
    display: none; }
  label.frequency-per-week span.lesson-frequency-num {
    text-align: center;
    color: #000;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px 5px 0 0;
    display: inline-block;
    width: 100%;
    height: 48px;
    border-bottom: 0px;
    vertical-align: middle;
    padding-top: 14px;
    box-sizing: border-box;
    /*span{
            display:inline-block;
            height: 100%;
            width: 100%;
            border-radius: 5px;
            border-bottom: 5px solid red;
        }*/ }
  label.frequency-per-week input[type=radio]:checked + span.lesson-frequency-num {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }

label.frequency-per-week:first-child {
  margin-left: 0; }

.bottom-red {
  border-bottom: 15px solid red !important; }

.bottom-brown {
  border-bottom: 15px solid #d06835 !important; }

.bottom-brown-green {
  border-bottom: 15px solid #9e9d35 !important; }

.bottom-green-light {
  border-bottom: 15px solid #5fd635 !important; }

.bottom-green {
  border-bottom: 15px solid #39d367 !important; }

.bottom-blue-green {
  border-bottom: 15px solid #2fb5a6 !important; }

.bottom-blue {
  border-bottom: 15px solid #299ccf !important; }

.frequency-per-week-check-container {
  margin-top: 36px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.when-begin-container {
  margin-top: 0px;
  margin-bottom: 21px;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  .when-begin-container div {
    margin: 0 21px 0 0; }
  .when-begin-container div:last-child {
    margin: 0 0px 0 0; }

label.when-begin {
  display: inline-block;
  width: 158px;
  height: 109px;
  text-align: center;
  color: #111; }
  label.when-begin input[type=radio] {
    display: none; }
  label.when-begin span.when-begin-s {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd;
    background-color: #f9f9f9;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Poppins;
    color: #363636;
    line-height: 15px; }
    label.when-begin span.when-begin-s .when-begin-text {
      display: block;
      margin-top: 15px; }
    label.when-begin span.when-begin-s span.begin-asap {
      display: block;
      margin: 25px 0 0 52px;
      width: 46px;
      height: 29px;
      background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1.png);
      background-repeat: no-repeat; }
    label.when-begin span.when-begin-s span.begin-two-weeks {
      display: block;
      margin: 25px 0 0 68px;
      width: 28px;
      height: 29px;
      background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png);
      background-repeat: no-repeat; }
    label.when-begin span.when-begin-s span.begin-date {
      display: block;
      margin: 25px 0 0 68px;
      width: 28px;
      height: 29px;
      background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark.png);
      background-repeat: no-repeat; }
    label.when-begin span.when-begin-s span.begin-date2-circle {
      display: block;
      width: 24px;
      height: 25px;
      padding: 5px;
      margin: 0px 0 0 68px;
      background-color: #fff;
      border-radius: 50%;
      position: relative;
      top: -18px;
      left: 14px;
      z-index: 10;
      float: left; }
    label.when-begin span.when-begin-s span.begin-date2-icon {
      display: block;
      width: 23px;
      height: 23px;
      float: left;
      background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1.png);
      background-repeat: no-repeat;
      position: relative;
      top: -2px;
      left: -2px;
      z-index: 11; }
  label.when-begin input[type=radio]:checked + span.when-begin-s {
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
    label.when-begin input[type=radio]:checked + span.when-begin-s span.begin-date2-circle {
      background-color: #0080d5; }

label.when-begin:last-child {
  margin: 0 0 0 0; }

.specific-date-text {
  float: left;
  margin-left: -35px; }

.days-work-num-container {
  margin-top: 0px;
  margin-bottom: 19px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  background-color: #fff8a8;
  padding: 9px 9px 9px 9px; }

.weekday-text-1 {
  display: none;
  text-transform: uppercase;
  font-family: Poppins;
  color: #111111;
  font-size: 17px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600; }

.weekday-text-3 {
  display: inline-block;
  text-transform: uppercase;
  font-family: Poppins;
  color: #111111;
  font-size: 17px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600; }

/*
*/
#what-days-work-for-you {
  margin-top: 10px; }

label.days-work-num {
  display: inline-block;
  width: 65px;
  height: 71px;
  background-color: #fff;
  text-align: center;
  color: #111;
  margin: 0;
  border-radius: 5px;
  margin-left: 7px; }
  label.days-work-num input[type=checkbox],
  label.days-work-num input[type=radio] {
    display: none; }
  label.days-work-num span.days-work-num-s {
    text-align: center;
    color: #000;
    border: 1px solid #ddd;
    background-color: #fff;
    border-radius: 5px 5px 5px 5px;
    display: inline-block;
    width: 100%;
    height: 71px;
    border-bottom: 15px solid #51c9ff;
    /*vertical-align: middle;*/
    padding-top: 19px; }
    label.days-work-num span.days-work-num-s .fa-check {
      font-size: 14px;
      color: #fff;
      display: inline-block;
      float: right;
      margin-top: 31px;
      position: relative;
      left: -23px;
      display: none; }
  label.days-work-num input[type=radio]:checked + span.days-work-num-s,
  label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
    border-color: #11557c;
    border-bottom: 24px solid #0080d5 !important; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
      display: inline-block; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
      position: relative;
      left: 7px; }

label.days-work-num:first-child {
  margin-left: 0; }

.lesson-available-weekends-h {
  margin-top: 46px !important;
  font-family: Poppins;
  color: #111111;
  font-size: 16px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600; }

.top-5 {
  margin-top: 25px; }

.bottom-12 {
  margin-bottom: 22px; }

#schedule container {
  margin: 0 !important;
  padding: 0 !important; }

.when-begin-container {
  max-width: 518px; }
  .when-begin-container .col-lg-4 {
    width: 152px;
    height: 87px;
    margin: 0 30px 21px 0 !important;
    padding: 0 !important;
    box-sizing: border-box; }
  .when-begin-container .col-lg-4:last-child {
    margin: 0px !important; }

.available-weekdays-container {
  display: block;
  max-width: 518px;
  margin: 0 !important;
  padding: 0 !important; }
  .available-weekdays-container .row {
    display: block;
    margin: 0 !important;
    padding: 0 !important; }
    .available-weekdays-container .row .col-lg-4 {
      width: 152px;
      height: 87px;
      margin: 0 30px 21px 0 !important;
      padding: 0 !important;
      box-sizing: border-box; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        display: block;
        width: 152px;
        height: 87px;
        margin-top: 0 !important; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays input[type=checkbox]:checked + .available-weekdays-s {
          border: 1px solid #11557c;
          background-color: #0080d5; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays input[type=checkbox]:checked + .available-weekdays-s .available-weekdays-num,
          .available-weekdays-container .row .col-lg-4 label.available-weekdays input[type=checkbox]:checked + .available-weekdays-s .available-weekdays-am-pm {
            color: #fff; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays input[type=checkbox] {
          display: none; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s {
          display: block;
          width: 100%;
          height: 100%;
          border: 1px solid #dddddd;
          border-radius: 5px;
          background-color: #f9f9f9; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
            display: block;
            text-transform: uppercase;
            font-family: Poppins;
            color: #111111;
            font-size: 22px;
            /* Приближение из-за подстановки шрифтов */
            font-weight: 900;
            text-align: center;
            margin-top: 10px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
            display: block;
            text-transform: uppercase;
            font-family: Poppins;
            margin-left: 19px;
            margin-top: 2px;
            color: #111111;
            font-size: 14px;
            /* Приближение из-за подстановки шрифтов */
            font-weight: 900;
            text-align: center; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
            display: block;
            position: relative;
            top: -2px;
            text-align: center;
            color: #ddd; }
            .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
              font-size: 13px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start {
            display: inline-block;
            width: 50%;
            height: 100%;
            border-right: 1px solid #ddd; }
            .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
              padding-top: 3px;
              display: inline-block;
              float: right;
              width: 17px;
              height: 17px;
              border-radius: 50%;
              border: 1px solid #ddd;
              background-color: #fff;
              font-family: Poppins;
              color: rgba(124, 124, 124, 0.89);
              font-size: 8px;
              /* Приближение из-за подстановки шрифтов */
              font-weight: 600;
              text-align: center;
              text-transform: uppercase;
              position: relative;
              left: 9px;
              top: -28px; }
            .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .fa-sun,
            .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start fa-moon {
              color: #ddd; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-finish {
            float: right;
            display: inline-block;
            width: 50%;
            height: 100%; }
            .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-finish .available-weekdays-am-pm {
              margin-left: 0px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }

.add-text-toggle {
  margin-top: 19px;
  display: block;
  color: #f50004 !important;
  background-color: #f9f9f9 !important;
  border: 1px solid #e6e6e6 !important;
  border-radius: 5px !important;
  height: 25px !important;
  font-family: Poppins-Regular, sans-serif;
  font-size: 14px;
  font-weight: 600;
  padding-top: 2px;
  text-align: left;
  position: relative;
  z-index: 2; }

.hz-line1 {
  height: 0;
  width: 656px;
  float: left;
  border-top: 2px solid #e6e6e6;
  position: relative;
  left: -65px;
  top: -12px;
  z-index: 0; }

.additional-scheduling-info textarea {
  display: block;
  margin-top: 16px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd !important;
  background-color: #f9f9f9;
  width: 518px;
  height: 161px; }

div.check-time,
.check-time-lesson-row div.more {
  width: 25%; }

.only-three-options div.check-time {
  /*width: 33%;*/ }

.check-time-lesson-row div.more {
  float: left; }

div.more:hover {
  cursor: pointer; }

.switch-to-pool-address-stage,
.switch-to-pool-address-stage:hover {
  cursor: pointer; }

.close-select-address-box,
.close-select-address-box:hover {
  cursor: pointer;
  margin-left: 22px; }

div.select-address-box-columns {
  display: flex; }

div.select-address-box-entered {
  margin-right: 10px; }

div.select-address-box-suggested {
  margin-left: 10px; }

input[type=radio][name=select-address-switch] {
  float: left;
  margin-right: 10px;
  height: 14px; }

.address-terms {
  display: flow-root; }
  .address-terms p {
    margin: 0px; }

@media screen and (max-width: 360px) and (min-width: 320px) {
  .safe-block {
    margin-right: 0px;
    float: left;
    margin-bottom: 20px; } }

@media screen and (max-width: 419px) and (min-width: 375px) {
  .lock-stamp {
    width: 108px;
    height: 45px;
    background-size: cover; }
  .hundred-percent-safe {
    font-size: 13px;
    margin-left: 0; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
  div.error-container {
    width: 300px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 320px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 320px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 320px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 320px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 280px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 1.66667px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 277px; }
  .only-three-options div.check-time {
    width: 90px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 90px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 76px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 80px; }
  .payment-package-container > .col-lg-4 {
    width: 90px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 76px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 80px; }
  .lesson-length-selection-block i {
    font-size: 19.71429px;
    margin-top: -6.42857px;
    margin-right: -15.42857px; }
  .lesson-length-selection-block i {
    font-size: 21px;
    margin-top: -1.75px;
    margin-right: -26.27027px; }
  .lesson-length-selection-block .any-lesson-time .time {
    font-size: 25.54054px; }
  .lesson-length-selection-block .any-lesson-time .select-text,
  .lesson-length-selection-block .any-lesson-time .great-choice {
    font-size: 11.67568px; }
  .kinds-of-packages .main-feature,
  .kinds-of-packages span.feature,
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text,
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    font-size: 9.48649px;
    line-height: 10.94595px; }
  .kinds-of-packages .package-content {
    height: 286.32432px; }
  .kinds-of-packages .package-content-border {
    height: 252.32432px; }
  .how_many_lessons {
    font-size: 18.24324px !important; }
  .payment-package-container .main-feature,
  .payment-package-container span.feature,
  .payment-package-container label input[type="radio"] + span.package-content .select-text,
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    font-size: 9.48649px;
    line-height: 10.94595px; }
  .payment-package-container .package-content {
    height: 286.32432px; }
  .payment-package-container .package-content-border {
    height: 252.32432px; }
  div.field-size-three-quarters {
    width: 280px; }
  .field-size-quarter {
    width: 280px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 280px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 280px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 216px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 136px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 121px; }
  .field-size-three-quarters .msg-error-required {
    left: 136px; }
  .field-size-three-quarters .little-red-triangle {
    left: 121px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 136px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 121px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 71px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 56px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 320px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 280px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 320px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 280px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 280px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 250px; }
  .cost-per-lesson-h {
    max-width: 280px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 280px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 32.98969px;
    height: 29.09091px; }
    label.frequency-per-week span.lesson-frequency-num {
      height: 25.09091px;
      padding-top: 5px; }
  label.when-begin {
    width: 79px;
    height: 60px; }
    label.when-begin span.when-begin-s {
      font-size: 9px;
      line-height: 10px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 12px 0 0 25px;
        width: 26px;
        height: 16px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 12px 0 0 30px;
        width: 16px;
        height: 17px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 12px 0 0 30px;
        width: 28px;
        height: 18px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 12px;
        height: 12px;
        padding: 5px;
        margin: 0px 0 0 60px;
        top: -10px;
        left: -24px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -52px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 9px;
        height: 11px;
        float: left;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        top: -2px;
        left: -2px; }
  .when-begin-container div:first-child {
    margin: 0 13.33333px 0 6.66667px; }
  .when-begin-container div {
    margin: 0 13.33333px 0 0; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 0px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -12.8px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 280px; }
    .when-begin-container .col-lg-4 {
      width: 79px;
      height: 59px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 79px;
        height: 59px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 280px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 79px;
      height: 59px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 79px;
        height: 59px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 13px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 19px;
          margin-top: 2px;
          font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1;
          /*top: -7;*/
          text-align: left;
          padding-left: 15px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 12px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 280px;
    height: 157px; }
  .hz-line1 {
    max-width: 320px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 129px;
    height: 90px;
    text-align: center;
    color: #111; }
  .pool-type-container div:first-child {
    margin: 0 10px 0 0px; }
  .pool-type-container div:nth-child(2) {
    margin: 0 0px 0 10px; }
  .pool-type-container div:nth-child(3) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(4) {
    margin: 20px 0px 0 10px; }
  .pool-type-container div:nth-child(5) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(6) {
    margin: 20px 0px 0 10px; }
  .bottom-53 {
    margin-bottom: 23px; }
  label.pool-type span.pool-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.pool-type span.pool-type-s .pool-type-text {
    display: block;
    margin-top: 8px; }
  label.pool-type span.pool-type-s .pool-distance-text {
    display: block;
    margin-top: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 49px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: 10px 0 0 39px;
    width: 50px;
    height: 50px; }
  label.pool-type {
    margin-left: 0px; }
  label.pool-type input[type=radio]:checked + span.pool-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  label.lesson-type {
    display: inline-block;
    width: 85px;
    height: 70px;
    text-align: center;
    color: #111; }
  .lesson-type-container div:first-child {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(2) {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(3) {
    margin: 0 auto 0 auto; }
  label.lesson-type span.lesson-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    display: block;
    margin-top: 8px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 33.5px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 30.5px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 28.5px; }
  label.lesson-type {
    margin-left: 0px; }
  label.lesson-type input[type=radio]:checked + span.lesson-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 320px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 0px) and (max-width: 320px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 0px) and (max-width: 320px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 320px) and (max-width: 360px) {
  div.error-container {
    width: 300px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 320px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 320px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 320px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 320px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 320px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 280px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 1.66667px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 277px; }
  .only-three-options div.check-time {
    width: 90px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 90px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 76px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 80px; }
  .payment-package-container > .col-lg-4 {
    width: 90px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 76px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 80px; }
  .lesson-length-selection-block i {
    font-size: 19.71429px;
    margin-top: -6.42857px;
    margin-right: -15.42857px; }
  .lesson-length-selection-block i {
    font-size: 21px;
    margin-top: -1.75px;
    margin-right: -26.27027px; }
  .lesson-length-selection-block .any-lesson-time .time {
    font-size: 25.54054px; }
  .lesson-length-selection-block .any-lesson-time .select-text,
  .lesson-length-selection-block .any-lesson-time .great-choice {
    font-size: 11.67568px; }
  .kinds-of-packages .main-feature,
  .kinds-of-packages span.feature,
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text,
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    font-size: 9.48649px;
    line-height: 10.94595px; }
  .kinds-of-packages .package-content {
    height: 286.32432px; }
  .kinds-of-packages .package-content-border {
    height: 252.32432px; }
  .how_many_lessons {
    font-size: 18.24324px !important; }
  .payment-package-container .main-feature,
  .payment-package-container span.feature,
  .payment-package-container label input[type="radio"] + span.package-content .select-text,
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    font-size: 9.48649px;
    line-height: 10.94595px; }
  .payment-package-container .package-content {
    height: 286.32432px; }
  .payment-package-container .package-content-border {
    height: 252.32432px; }
  div.field-size-three-quarters {
    width: 280px; }
  .field-size-quarter {
    width: 280px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 280px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 280px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 216px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 136px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 121px; }
  .field-size-three-quarters .msg-error-required {
    left: 136px; }
  .field-size-three-quarters .little-red-triangle {
    left: 121px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 136px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 121px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 71px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 56px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 320px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 280px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 320px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 280px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 280px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 250px; }
  .cost-per-lesson-h {
    max-width: 280px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 280px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 32.98969px;
    height: 29.09091px; }
    label.frequency-per-week span.lesson-frequency-num {
      height: 25.09091px;
      padding-top: 5px; }
  label.when-begin {
    width: 79px;
    height: 60px; }
    label.when-begin span.when-begin-s {
      font-size: 9px;
      line-height: 10px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 12px 0 0 25px;
        width: 26px;
        height: 16px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 12px 0 0 30px;
        width: 16px;
        height: 17px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 12px 0 0 30px;
        width: 28px;
        height: 18px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 12px;
        height: 12px;
        padding: 5px;
        margin: 0px 0 0 60px;
        top: -10px;
        left: -24px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -52px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 9px;
        height: 11px;
        float: left;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        top: -2px;
        left: -2px; }
  .when-begin-container div:first-child {
    margin: 0 13.33333px 0 6.66667px; }
  .when-begin-container div {
    margin: 0 13.33333px 0 0; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 0px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -12.8px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 280px; }
    .when-begin-container .col-lg-4 {
      width: 79px;
      height: 59px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 79px;
        height: 59px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 280px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 79px;
      height: 59px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 79px;
        height: 59px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 13px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 19px;
          margin-top: 2px;
          font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1;
          /*top: -7;*/
          text-align: left;
          padding-left: 15px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 12px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 9px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 280px;
    height: 157px; }
  .hz-line1 {
    max-width: 320px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 320px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 129px;
    height: 90px;
    text-align: center;
    color: #111; }
  .pool-type-container div:first-child {
    margin: 0 10px 0 0px; }
  .pool-type-container div:nth-child(2) {
    margin: 0 0px 0 10px; }
  .pool-type-container div:nth-child(3) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(4) {
    margin: 20px 0px 0 10px; }
  .pool-type-container div:nth-child(5) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(6) {
    margin: 20px 0px 0 10px; }
  .bottom-53 {
    margin-bottom: 23px; }
  label.pool-type span.pool-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.pool-type span.pool-type-s .pool-type-text {
    display: block;
    margin-top: 8px; }
  label.pool-type span.pool-type-s .pool-distance-text {
    display: block;
    margin-top: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 49px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: 10px 0 0 39px;
    width: 50px;
    height: 50px; }
  label.pool-type {
    margin-left: 0px; }
  label.pool-type input[type=radio]:checked + span.pool-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  label.lesson-type {
    display: inline-block;
    width: 85px;
    height: 70px;
    text-align: center;
    color: #111; }
  .lesson-type-container div:first-child {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(2) {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(3) {
    margin: 0 auto 0 auto; }
  label.lesson-type span.lesson-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    display: block;
    margin-top: 8px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 33.5px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 30.5px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 28.5px; }
  label.lesson-type {
    margin-left: 0px; }
  label.lesson-type input[type=radio]:checked + span.lesson-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 320px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 320px) and (max-width: 360px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 320px) and (max-width: 360px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 360px) and (max-width: 375px) {
  div.error-container {
    width: 340px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 360px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 360px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 360px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 360px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 360px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 320px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 15px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 317px; }
  .only-three-options div.check-time {
    width: 103.33333px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 103.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 89.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 93.33333px; }
  .payment-package-container > .col-lg-4 {
    width: 103.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 89.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 93.33333px; }
  .lesson-length-selection-block i {
    font-size: 22.63492px;
    margin-top: -7.38095px;
    margin-right: -17.71429px; }
  .lesson-length-selection-block i {
    font-size: 21px;
    margin-top: -1.75px;
    margin-right: -30.16216px; }
  .lesson-length-selection-block .any-lesson-time .time {
    font-size: 29.32432px; }
  .lesson-length-selection-block .any-lesson-time .select-text,
  .lesson-length-selection-block .any-lesson-time .great-choice {
    font-size: 13.40541px; }
  .kinds-of-packages .main-feature,
  .kinds-of-packages span.feature,
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text,
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    font-size: 10.89189px;
    line-height: 12.56757px; }
  .kinds-of-packages .package-content {
    height: 316.59459px; }
  .kinds-of-packages .package-content-border {
    height: 282.59459px; }
  .how_many_lessons {
    font-size: 20.94595px !important; }
  .payment-package-container .main-feature,
  .payment-package-container span.feature,
  .payment-package-container label input[type="radio"] + span.package-content .select-text,
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    font-size: 10.89189px;
    line-height: 12.56757px; }
  .payment-package-container .package-content {
    height: 316.59459px; }
  .payment-package-container .package-content-border {
    height: 282.59459px; }
  div.field-size-three-quarters {
    width: 320px; }
  .field-size-quarter {
    width: 320px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 320px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 320px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 256px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 176px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 161px; }
  .field-size-three-quarters .msg-error-required {
    left: 176px; }
  .field-size-three-quarters .little-red-triangle {
    left: 161px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 176px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 161px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 111px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 96px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 360px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 360px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 320px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 360px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 320px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 320px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 290px; }
  .cost-per-lesson-h {
    max-width: 320px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 320px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 360px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 37.1134px;
    height: 32.72727px; }
    label.frequency-per-week span.lesson-frequency-num {
      height: 28.72727px;
      padding-top: 5px; }
  label.when-begin {
    width: 79px;
    height: 60px; }
    label.when-begin span.when-begin-s {
      font-size: 9px;
      line-height: 10px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 12px 0 0 25px;
        width: 26px;
        height: 16px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 12px 0 0 30px;
        width: 16px;
        height: 17px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 12px 0 0 30px;
        width: 28px;
        height: 18px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 12px;
        height: 12px;
        padding: 5px;
        margin: 0px 0 0 60px;
        top: -10px;
        left: -24px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -52px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 9px;
        height: 11px;
        float: left;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        top: -2px;
        left: -2px; }
  .when-begin-container div:first-child {
    margin: 0 26.66667px 0 13.33333px; }
  .when-begin-container div {
    margin: 0 26.66667px 0 0; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 1.55556px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -14.4px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 320px; }
    .when-begin-container .col-lg-4 {
      width: 92.33333px;
      height: 68.78903px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 92.33333px;
        height: 68.78903px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 320px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 92.33333px;
      height: 68.78903px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 92.33333px;
        height: 68.78903px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 15.19409px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 22.20675px;
          margin-top: 2px;
          font-size: 10.51899px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.05926;
          /*top: -7;*/
          text-align: left;
          padding-left: 17.53165px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 10.51899px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 14.02532px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 10.51899px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 320px;
    height: 157px; }
  .hz-line1 {
    max-width: 360px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 360px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 129px;
    height: 90px;
    text-align: center;
    color: #111; }
  .pool-type-container div:first-child {
    margin: 0 10px 0 0px; }
  .pool-type-container div:nth-child(2) {
    margin: 0 0px 0 10px; }
  .pool-type-container div:nth-child(3) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(4) {
    margin: 20px 0px 0 10px; }
  .pool-type-container div:nth-child(5) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(6) {
    margin: 20px 0px 0 10px; }
  .bottom-53 {
    margin-bottom: 23px; }
  label.pool-type span.pool-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.pool-type span.pool-type-s .pool-type-text {
    display: block;
    margin-top: 8px; }
  label.pool-type span.pool-type-s .pool-distance-text {
    display: block;
    margin-top: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 49px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: 10px 0 0 39px;
    width: 50px;
    height: 50px; }
  label.pool-type {
    margin-left: 13.33333px; }
  label.pool-type input[type=radio]:checked + span.pool-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  label.lesson-type {
    display: inline-block;
    width: 85px;
    height: 70px;
    text-align: center;
    color: #111; }
  .lesson-type-container div:first-child {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(2) {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(3) {
    margin: 0 auto 0 auto; }
  label.lesson-type span.lesson-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    display: block;
    margin-top: 8px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 33.5px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 30.5px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 28.5px; }
  label.lesson-type {
    margin-left: 0px; }
  label.lesson-type input[type=radio]:checked + span.lesson-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 360px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 360px) and (max-width: 375px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 360px) and (max-width: 375px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 375px) and (max-width: 414px) {
  div.error-container {
    width: 355px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 375px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 375px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 375px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 375px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 375px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 335px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 20px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 332px; }
  .only-three-options div.check-time {
    width: 108.33333px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 108.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 94.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 98.33333px; }
  .payment-package-container > .col-lg-4 {
    width: 108.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 94.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 98.33333px; }
  .lesson-length-selection-block i {
    font-size: 23.73016px;
    margin-top: -7.7381px;
    margin-right: -18.57143px; }
  .lesson-length-selection-block i {
    font-size: 21px;
    margin-top: -1.75px;
    margin-right: -31.62162px; }
  .lesson-length-selection-block .any-lesson-time .time {
    font-size: 30.74324px; }
  .lesson-length-selection-block .any-lesson-time .select-text,
  .lesson-length-selection-block .any-lesson-time .great-choice {
    font-size: 14.05405px; }
  .kinds-of-packages .main-feature,
  .kinds-of-packages span.feature,
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text,
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    font-size: 11.41892px;
    line-height: 13.17568px; }
  .kinds-of-packages .package-content {
    height: 327.94595px; }
  .kinds-of-packages .package-content-border {
    height: 293.94595px; }
  .how_many_lessons {
    font-size: 21.95946px !important; }
  .payment-package-container .main-feature,
  .payment-package-container span.feature,
  .payment-package-container label input[type="radio"] + span.package-content .select-text,
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    font-size: 11.41892px;
    line-height: 13.17568px; }
  .payment-package-container .package-content {
    height: 327.94595px; }
  .payment-package-container .package-content-border {
    height: 293.94595px; }
  div.field-size-three-quarters {
    width: 335px; }
  .field-size-quarter {
    width: 335px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 335px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 335px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 271px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 191px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 176px; }
  .field-size-three-quarters .msg-error-required {
    left: 191px; }
  .field-size-three-quarters .little-red-triangle {
    left: 176px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 191px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 176px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 126px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 111px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 375px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 375px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 335px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 375px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 335px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 335px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 305px; }
  .cost-per-lesson-h {
    max-width: 335px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 335px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 375px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 38.65979px;
    height: 34.09091px; }
    label.frequency-per-week span.lesson-frequency-num {
      height: 30.09091px;
      padding-top: 5px; }
  label.when-begin {
    width: 79px;
    height: 60px; }
    label.when-begin span.when-begin-s {
      font-size: 9px;
      line-height: 10px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 12px 0 0 25px;
        width: 26px;
        height: 16px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 12px 0 0 30px;
        width: 16px;
        height: 17px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 12px 0 0 30px;
        width: 28px;
        height: 18px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 12px;
        height: 12px;
        padding: 5px;
        margin: 0px 0 0 60px;
        top: -10px;
        left: -24px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -52px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 9px;
        height: 11px;
        float: left;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        top: -2px;
        left: -2px; }
  .when-begin-container div:first-child {
    margin: 0 31.66667px 0 15.83333px; }
  .when-begin-container div {
    margin: 0 31.66667px 0 0; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 2.13889px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -15px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 335px; }
    .when-begin-container .col-lg-4 {
      width: 97.33333px;
      height: 72.45992px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 97.33333px;
        height: 72.45992px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 335px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 97.33333px;
      height: 72.45992px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 97.33333px;
        height: 72.45992px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 16.01688px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 23.40928px;
          margin-top: 2px;
          font-size: 11.08861px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.08148;
          /*top: -7;*/
          text-align: left;
          padding-left: 18.48101px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 11.08861px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 14.78481px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 11.08861px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 335px;
    height: 157px; }
  .hz-line1 {
    max-width: 375px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 375px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 129px;
    height: 90px;
    text-align: center;
    color: #111; }
  .pool-type-container div:first-child {
    margin: 0 10px 0 0px; }
  .pool-type-container div:nth-child(2) {
    margin: 0 0px 0 10px; }
  .pool-type-container div:nth-child(3) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(4) {
    margin: 20px 0px 0 10px; }
  .pool-type-container div:nth-child(5) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(6) {
    margin: 20px 0px 0 10px; }
  .bottom-53 {
    margin-bottom: 23px; }
  label.pool-type span.pool-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.pool-type span.pool-type-s .pool-type-text {
    display: block;
    margin-top: 8px; }
  label.pool-type span.pool-type-s .pool-distance-text {
    display: block;
    margin-top: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 49px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: 10px 0 0 39px;
    width: 50px;
    height: 50px; }
  label.pool-type {
    margin-left: 18.33333px; }
  label.pool-type input[type=radio]:checked + span.pool-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  label.lesson-type {
    display: inline-block;
    width: 85px;
    height: 70px;
    text-align: center;
    color: #111; }
  .lesson-type-container div:first-child {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(2) {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(3) {
    margin: 0 auto 0 auto; }
  label.lesson-type span.lesson-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    display: block;
    margin-top: 8px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 33.5px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 30.5px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 28.5px; }
  label.lesson-type {
    margin-left: 0px; }
  label.lesson-type input[type=radio]:checked + span.lesson-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 375px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 375px) and (max-width: 414px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 375px) and (max-width: 414px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 414px) and (max-width: 427px) {
  div.error-container {
    width: 394px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 414px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 414px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 414px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 414px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 414px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 374px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 33px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 371px; }
  .only-three-options div.check-time {
    width: 121.33333px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 121.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 107.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 111.33333px; }
  .payment-package-container > .col-lg-4 {
    width: 121.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 107.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 111.33333px; }
  .lesson-length-selection-block i {
    font-size: 26.57778px;
    margin-top: -8.66667px;
    margin-right: -20.8px; }
  .lesson-length-selection-block i {
    font-size: 21px;
    margin-top: -1.75px;
    margin-right: -35.41622px; }
  .lesson-length-selection-block .any-lesson-time .time {
    font-size: 34.43243px; }
  .lesson-length-selection-block .any-lesson-time .select-text,
  .lesson-length-selection-block .any-lesson-time .great-choice {
    font-size: 15.74054px; }
  .kinds-of-packages .main-feature,
  .kinds-of-packages span.feature,
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text,
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    font-size: 12.78919px;
    line-height: 14.75676px; }
  .kinds-of-packages .package-content {
    height: 357.45946px; }
  .kinds-of-packages .package-content-border {
    height: 323.45946px; }
  .how_many_lessons {
    font-size: 24.59459px !important; }
  .payment-package-container .main-feature,
  .payment-package-container span.feature,
  .payment-package-container label input[type="radio"] + span.package-content .select-text,
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    font-size: 12.78919px;
    line-height: 14.75676px; }
  .payment-package-container .package-content {
    height: 357.45946px; }
  .payment-package-container .package-content-border {
    height: 323.45946px; }
  div.field-size-three-quarters {
    width: 374px; }
  .field-size-quarter {
    width: 374px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 374px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 374px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 310px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 230px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 215px; }
  .field-size-three-quarters .msg-error-required {
    left: 230px; }
  .field-size-three-quarters .little-red-triangle {
    left: 215px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 230px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 215px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 165px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 150px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 414px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 414px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 374px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 414px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 374px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 374px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 344px; }
  .cost-per-lesson-h {
    max-width: 374px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 374px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 414px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 42.68041px;
    height: 37.63636px; }
    label.frequency-per-week span.lesson-frequency-num {
      height: 33.63636px;
      padding-top: 5px; }
  label.when-begin {
    width: 79px;
    height: 60px; }
    label.when-begin span.when-begin-s {
      font-size: 9px;
      line-height: 10px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 12px 0 0 25px;
        width: 26px;
        height: 16px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 12px 0 0 30px;
        width: 16px;
        height: 17px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 12px 0 0 30px;
        width: 28px;
        height: 18px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 12px;
        height: 12px;
        padding: 5px;
        margin: 0px 0 0 60px;
        top: -10px;
        left: -24px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -52px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 9px;
        height: 11px;
        float: left;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        top: -2px;
        left: -2px; }
  .when-begin-container div:first-child {
    margin: 0 44.66667px 0 22.33333px; }
  .when-begin-container div {
    margin: 0 44.66667px 0 0; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 3.65556px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -16.56px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 374px; }
    .when-begin-container .col-lg-4 {
      width: 110.33333px;
      height: 82.00422px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 110.33333px;
        height: 82.00422px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 374px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 110.33333px;
      height: 82.00422px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 110.33333px;
        height: 82.00422px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 18.15612px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 26.53586px;
          margin-top: 2px;
          font-size: 12.56962px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.13926;
          /*top: -7;*/
          text-align: left;
          padding-left: 20.94937px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 12.56962px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 16.75949px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 12.56962px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 374px;
    height: 157px; }
  .hz-line1 {
    max-width: 414px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 414px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 129px;
    height: 90px;
    text-align: center;
    color: #111; }
  .pool-type-container div:first-child {
    margin: 0 10px 0 0px; }
  .pool-type-container div:nth-child(2) {
    margin: 0 0px 0 10px; }
  .pool-type-container div:nth-child(3) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(4) {
    margin: 20px 0px 0 10px; }
  .pool-type-container div:nth-child(5) {
    margin: 20px 10px 0 0px; }
  .pool-type-container div:nth-child(6) {
    margin: 20px 0px 0 10px; }
  .bottom-53 {
    margin-bottom: 23px; }
  label.pool-type span.pool-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.pool-type span.pool-type-s .pool-type-text {
    display: block;
    margin-top: 8px; }
  label.pool-type span.pool-type-s .pool-distance-text {
    display: block;
    margin-top: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 49px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: 10px 0 0 39px;
    width: 50px;
    height: 50px; }
  label.pool-type {
    margin-left: 31.33333px; }
  label.pool-type input[type=radio]:checked + span.pool-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  label.lesson-type {
    display: inline-block;
    width: 85px;
    height: 70px;
    text-align: center;
    color: #111; }
  .lesson-type-container div:first-child {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(2) {
    margin: 0 auto 0 auto; }
  .lesson-type-container div:nth-child(3) {
    margin: 0 auto 0 auto; }
  label.lesson-type span.lesson-type-s {
    font-size: 10px;
    line-height: 13px; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    display: block;
    margin-top: 8px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 33.5px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 30.5px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 28.5px; }
  label.lesson-type {
    margin-left: 0px; }
  label.lesson-type input[type=radio]:checked + span.lesson-type-s {
    border-color: #11557c;
    background-color: #0080d5;
    color: #fff; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 414px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 414px) and (max-width: 427px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 414px) and (max-width: 427px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 427px) and (max-width: 480px) {
  div.error-container {
    width: 407px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 427px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 427px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 427px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 427px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 427px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 387px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 37.33333px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 384px; }
  .only-three-options div.check-time {
    width: 125.66667px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 125.66667px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 111.66667px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 115.66667px; }
  .payment-package-container > .col-lg-4 {
    width: 125.66667px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 111.66667px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 115.66667px; }
  .lesson-length-selection-block i {
    font-size: 27.52698px;
    margin-top: -8.97619px;
    margin-right: -21.54286px; }
  div.field-size-three-quarters {
    width: 387px; }
  .field-size-quarter {
    width: 387px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 387px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 387px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 323px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 243px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 228px; }
  .field-size-three-quarters .msg-error-required {
    left: 243px; }
  .field-size-three-quarters .little-red-triangle {
    left: 228px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 243px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 228px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 178px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 163px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 427px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 427px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 387px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 427px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 387px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 387px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 357px; }
  .cost-per-lesson-h {
    max-width: 387px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 387px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 427px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 44.02062px;
    height: 38.81818px; }
  .when-begin-container div {
    margin: 0px 0px 0px 0px; }
  label.when-begin {
    width: 105.41563px;
    height: 80.0625px; }
    label.when-begin span.when-begin-s {
      font-size: 12.00938px;
      line-height: 13.34375px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 6.67188px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 16.0125px 0 0 33.35938px;
        width: 34.69375px;
        height: 21.35px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 16.0125px 0 0 40.03125px;
        width: 21.35px;
        height: 22.68438px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 16.0125px 0 0 40.03125px;
        width: 37.3625px;
        height: 24.01875px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 16.0125px;
        height: 16.0125px;
        padding: 6.67188px;
        margin: 0px 0 0 80.0625px;
        top: -13.34375px;
        left: -32.025px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -69.3875px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 12.00938px;
        float: left;
        height: 14.67813px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -2.66875px;
        left: -2.66875px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 4.16111px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -17.08px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 387px; }
    .when-begin-container .col-lg-4 {
      width: 114.66667px;
      height: 85.18565px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 114.66667px;
        height: 85.18565px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 387px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 114.66667px;
      height: 85.18565px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 114.66667px;
        height: 85.18565px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 18.8692px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 27.57806px;
          margin-top: 2px;
          font-size: 13.06329px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.15852;
          /*top: -7;*/
          text-align: left;
          padding-left: 21.77215px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 13.06329px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 17.41772px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 13.06329px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 387px;
    height: 157px; }
  .hz-line1 {
    max-width: 427px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 427px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 99.26299px;
    height: 81.04383px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 7.53896px;
    line-height: 9.4237px; }
  label.pool-type {
    margin-left: -6.5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 35.18182px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 9.4237px; }
  label.lesson-type {
    display: inline-block;
    width: 99.26299px;
    height: 68.4789px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 3.14123px; }
  span.lesson-type-text {
    font-size: 10.05195px;
    line-height: 12.56494px; }
  label.lesson-type {
    margin-left: -6.5px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 40.63149px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 37.63149px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 35.63149px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 427px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 427px) and (max-width: 480px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 427px) and (max-width: 480px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 480px) and (max-width: 496px) {
  div.error-container {
    width: 460px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 480px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 480px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 480px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 480px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 480px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 440px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 55px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 437px; }
  .only-three-options div.check-time {
    width: 143.33333px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 143.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 129.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 133.33333px; }
  .payment-package-container > .col-lg-4 {
    width: 143.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 129.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 133.33333px; }
  .lesson-length-selection-block i {
    font-size: 31.39683px;
    margin-top: -10.2381px;
    margin-right: -24.57143px; }
  div.field-size-three-quarters {
    width: 440px; }
  .field-size-quarter {
    width: 440px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 440px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 440px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 376px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 296px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 281px; }
  .field-size-three-quarters .msg-error-required {
    left: 296px; }
  .field-size-three-quarters .little-red-triangle {
    left: 281px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 296px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 281px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 231px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 216px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 480px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 480px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 440px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 480px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 440px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 440px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 410px; }
  .cost-per-lesson-h {
    max-width: 440px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 440px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 480px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 49.48454px;
    height: 43.63636px; }
  .when-begin-container div {
    margin: 0px 0px 0px 0px; }
  label.when-begin {
    width: 118.5px;
    height: 90px; }
    label.when-begin span.when-begin-s {
      font-size: 13.5px;
      line-height: 15px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 7.5px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 18px 0 0 37.5px;
        width: 39px;
        height: 24px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 18px 0 0 45px;
        width: 24px;
        height: 25.5px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 18px 0 0 45px;
        width: 42px;
        height: 27px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 18px;
        height: 18px;
        padding: 7.5px;
        margin: 0px 0 0 90px;
        top: -15px;
        left: -36px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -78px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 13.5px;
        float: left;
        height: 16.5px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -3px;
        left: -3px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 6.22222px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -19.2px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 440px; }
    .when-begin-container .col-lg-4 {
      width: 132.33333px;
      height: 98.15612px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 132.33333px;
        height: 98.15612px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 440px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 132.33333px;
      height: 98.15612px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 132.33333px;
        height: 98.15612px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 21.77637px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 31.827px;
          margin-top: 2px;
          font-size: 15.07595px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.23704;
          /*top: -7;*/
          text-align: left;
          padding-left: 25.12658px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 15.07595px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 20.10127px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 15.07595px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 440px;
    height: 157px; }
  .hz-line1 {
    max-width: 480px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 480px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 112.85714px;
    height: 92.14286px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 8.57143px;
    line-height: 10.71429px; }
  label.pool-type {
    margin-left: 2.33333px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 40px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 10.71429px; }
  label.lesson-type {
    display: inline-block;
    width: 112.85714px;
    height: 77.85714px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 3.57143px; }
  span.lesson-type-text {
    font-size: 11.42857px;
    line-height: 14.28571px; }
  label.lesson-type {
    margin-left: 2.33333px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 47.42857px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 44.42857px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 42.42857px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 480px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 480px) and (max-width: 496px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 480px) and (max-width: 496px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 496px) and (max-width: 534px) {
  div.error-container {
    width: 476px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 496px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 496px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 496px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 496px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 496px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 456px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 60.33333px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  div.check-time {
    width: 33%; }
  /*label.check-time-lesson > span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-sm.png);
            background-position: center;
        }*/
  /*label.check-time-lesson input[type=radio]:checked + span {
            background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active-sm.png);
            background-position: center;
            @if ($min-size <= 360px) {
              background-size: contain;
            }
        }*/
  .field-more-time-opt button {
    position: relative;
    top: 8px;
    font-family: Poppins; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 453px; }
  .only-three-options div.check-time {
    width: 148.66667px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 148.66667px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 134.66667px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 138.66667px; }
  .payment-package-container > .col-lg-4 {
    width: 148.66667px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 134.66667px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 138.66667px; }
  .lesson-length-selection-block i {
    font-size: 32.56508px;
    margin-top: -10.61905px;
    margin-right: -25.48571px; }
  div.field-size-three-quarters {
    width: 456px; }
  .field-size-quarter {
    width: 456px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 456px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 456px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 392px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 312px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 297px; }
  .field-size-three-quarters .msg-error-required {
    left: 312px; }
  .field-size-three-quarters .little-red-triangle {
    left: 297px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 312px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 297px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 247px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 232px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 496px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 496px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 456px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 496px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 456px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 456px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 426px; }
  .cost-per-lesson-h {
    max-width: 456px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 456px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 496px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 51.13402px;
    height: 45.09091px; }
  .when-begin-container div {
    margin: 0px 0px 0px 0px; }
  label.when-begin {
    width: 122.45px;
    height: 93px; }
    label.when-begin span.when-begin-s {
      font-size: 13.95px;
      line-height: 15.5px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 7.75px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 18.6px 0 0 38.75px;
        width: 40.3px;
        height: 24.8px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 18.6px 0 0 46.5px;
        width: 24.8px;
        height: 26.35px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 18.6px 0 0 46.5px;
        width: 43.4px;
        height: 27.9px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 18.6px;
        height: 18.6px;
        padding: 7.75px;
        margin: 0px 0 0 93px;
        top: -15.5px;
        left: -37.2px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -80.6px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 13.95px;
        float: left;
        height: 17.05px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -3.1px;
        left: -3.1px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 6.84444px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -19.84px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 456px; }
    .when-begin-container .col-lg-4 {
      width: 137.66667px;
      height: 102.07173px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 137.66667px;
        height: 102.07173px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 456px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 137.66667px;
      height: 102.07173px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 137.66667px;
        height: 102.07173px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 22.65401px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 33.1097px;
          margin-top: 2px;
          font-size: 15.68354px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.26074;
          /*top: -7;*/
          text-align: left;
          padding-left: 26.13924px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 15.68354px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 20.91139px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 15.68354px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 456px;
    height: 157px; }
  .hz-line1 {
    max-width: 496px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 496px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 116.96104px;
    height: 95.49351px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 8.88312px;
    line-height: 11.1039px; }
  label.pool-type {
    margin-left: 5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 41.45455px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 11.1039px; }
  label.lesson-type {
    display: inline-block;
    width: 116.96104px;
    height: 80.68831px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 3.7013px; }
  span.lesson-type-text {
    font-size: 11.84416px;
    line-height: 14.80519px; }
  label.lesson-type {
    margin-left: 5px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 49.48052px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 46.48052px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 44.48052px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 496px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 496px) and (max-width: 534px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 496px) and (max-width: 534px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 534px) and (max-width: 570px) {
  div.error-container {
    width: 514px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 534px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 534px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 534px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 534px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  #student-details .field-more-student-numbers-mobile .horizontal-line {
    max-width: 534px;
    margin-left: -20px;
    margin-top: 32px;
    margin-bottom: 30px; }
  .field-more-student-numbers-mobile {
    display: inline-block; }
    .field-more-student-numbers-mobile button {
      position: relative;
      top: 8px;
      font-family: Poppins; }
  div.field-students-number p {
    margin-top: 0; }
  div.field-students-number {
    width: 494px;
    height: auto;
    float: none; }
  .field-students-number label:last-child {
    margin-right: 0px; }
  .field-students-number label:nth-child(4) {
    margin-right: 0px; }
  .field-students-number label {
    display: inline-block;
    width: 85px;
    height: 71px;
    margin: 0px 73px 15px 6px; }
  .field-students-number label span {
    font-size: 12px; }
  #select-package {
    padding-left: 0px;
    padding-right: 0px; }
  #package-selection .container {
    width: 491px; }
  .only-three-options div.check-time {
    width: 161.33333px;
    margin-left: 5px;
    padding-left: 0px !important; }
  .kinds-of-packages > .col-lg-4 {
    width: 161.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .select-text {
    width: 147.33333px; }
  .kinds-of-packages label input[type="radio"] + span.package-content .great-choice {
    width: 151.33333px; }
  .payment-package-container > .col-lg-4 {
    width: 161.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .select-text {
    width: 147.33333px; }
  .payment-package-container label input[type="radio"] + span.package-content .great-choice {
    width: 151.33333px; }
  .lesson-length-selection-block i {
    font-size: 35.33968px;
    margin-top: -11.52381px;
    margin-right: -27.65714px; }
  div.field-size-three-quarters {
    width: 494px; }
  .field-size-quarter {
    width: 494px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 494px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 494px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 430px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 350px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 335px; }
  .field-size-three-quarters .msg-error-required {
    left: 350px; }
  .field-size-three-quarters .little-red-triangle {
    left: 335px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 350px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 335px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 285px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 270px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 534px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 534px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 494px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 534px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 494px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 494px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 464px; }
  .cost-per-lesson-h {
    max-width: 494px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 494px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 534px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 55.05155px;
    height: 48.54545px; }
  .when-begin-container div {
    margin: 0px 0px 0px 0px; }
  label.when-begin {
    width: 131.83125px;
    height: 100.125px; }
    label.when-begin span.when-begin-s {
      font-size: 15.01875px;
      line-height: 16.6875px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 8.34375px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 20.025px 0 0 41.71875px;
        width: 43.3875px;
        height: 26.7px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 20.025px 0 0 50.0625px;
        width: 26.7px;
        height: 28.36875px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 20.025px 0 0 50.0625px;
        width: 46.725px;
        height: 30.0375px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 20.025px;
        height: 20.025px;
        padding: 8.34375px;
        margin: 0px 0 0 100.125px;
        top: -16.6875px;
        left: -40.05px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -86.775px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 15.01875px;
        float: left;
        height: 18.35625px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -3.3375px;
        left: -3.3375px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 8.32222px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -21.36px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 494px; }
    .when-begin-container .col-lg-4 {
      width: 150.33333px;
      height: 111.37131px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 150.33333px;
        height: 111.37131px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 494px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 150.33333px;
      height: 111.37131px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 150.33333px;
        height: 111.37131px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 24.7384px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 36.15612px;
          margin-top: 2px;
          font-size: 17.12658px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.31704;
          /*top: -7;*/
          text-align: left;
          padding-left: 28.5443px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 17.12658px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 22.83544px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 17.12658px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 494px;
    height: 157px; }
  .hz-line1 {
    max-width: 534px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 534px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 126.70779px;
    height: 103.4513px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 9.62338px;
    line-height: 12.02922px; }
  label.pool-type {
    margin-left: 11.33333px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 44.90909px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 12.02922px; }
  label.lesson-type {
    display: inline-block;
    width: 126.70779px;
    height: 87.41234px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 4.00974px; }
  span.lesson-type-text {
    font-size: 12.83117px;
    line-height: 16.03896px; }
  label.lesson-type {
    margin-left: 11.33333px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 54.3539px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 51.3539px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 49.3539px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 534px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 534px) and (max-width: 570px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 534px) and (max-width: 570px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 570px) and (max-width: 590px) {
  div.error-container {
    width: 550px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 570px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 570px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 570px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 570px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  .lesson-length-selection-block i {
    font-size: 37.96825px;
    margin-top: -12.38095px;
    margin-right: -29.71429px; }
  div.field-size-three-quarters {
    width: 530px; }
  .field-size-quarter {
    width: 530px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 530px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 530px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 466px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 386px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 371px; }
  .field-size-three-quarters .msg-error-required {
    left: 386px; }
  .field-size-three-quarters .little-red-triangle {
    left: 371px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 386px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 371px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 321px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 306px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 570px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 570px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 530px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 570px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 530px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 530px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 500px; }
  .cost-per-lesson-h {
    max-width: 530px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 530px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 570px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 58.76289px;
    height: 51.81818px; }
  .when-begin-container div {
    margin: 0px 0px 0px 0px; }
  label.when-begin {
    width: 140.71875px;
    height: 106.875px; }
    label.when-begin span.when-begin-s {
      font-size: 16.03125px;
      line-height: 17.8125px; }
      label.when-begin span.when-begin-s .when-begin-text {
        margin-top: 8.90625px; }
      label.when-begin span.when-begin-s span.begin-asap {
        margin: 21.375px 0 0 44.53125px;
        width: 46.3125px;
        height: 28.5px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-clock1-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-two-weeks {
        margin: 21.375px 0 0 53.4375px;
        width: 28.5px;
        height: 30.28125px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date {
        margin: 21.375px 0 0 53.4375px;
        width: 49.875px;
        height: 32.0625px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/planner-50-dark-sm.png);
        background-repeat: no-repeat;
        background-size: cover; }
      label.when-begin span.when-begin-s span.begin-date2-circle {
        width: 21.375px;
        height: 21.375px;
        padding: 8.90625px;
        margin: 0px 0 0 106.875px;
        top: -17.8125px;
        left: -42.75px; }
      label.when-begin span.when-begin-s span.specific-date-text {
        margin-left: -92.625px; }
      label.when-begin span.when-begin-s span.begin-date2-icon {
        width: 16.03125px;
        float: left;
        height: 19.59375px;
        background-image: url(https://images.sunsationalswimschool.com/new_regform/icons/icon-hand1-sm.png);
        background-repeat: no-repeat;
        background-size: cover;
        top: -3.5625px;
        left: -3.5625px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 9.72222px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -22.8px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 530px; }
    .when-begin-container .col-lg-4 {
      width: 162.33333px;
      height: 120.18143px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 162.33333px;
        height: 120.18143px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 530px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 162.33333px;
      height: 120.18143px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 162.33333px;
        height: 120.18143px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 26.71308px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 39.04219px;
          margin-top: 2px;
          font-size: 18.49367px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.37037;
          /*top: -7;*/
          text-align: left;
          padding-left: 30.82278px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 18.49367px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 24.65823px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 18.49367px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 530px;
    height: 157px; }
  .hz-line1 {
    max-width: 570px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 570px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 135.94156px;
    height: 110.99026px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 10.32468px;
    line-height: 12.90584px; }
  label.pool-type {
    margin-left: 17.33333px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 48.18182px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 12.90584px; }
  label.lesson-type {
    display: inline-block;
    width: 135.94156px;
    height: 93.78247px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 4.30195px; }
  span.lesson-type-text {
    font-size: 13.76623px;
    line-height: 17.20779px; }
  label.lesson-type {
    margin-left: 17.33333px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 58.97078px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 55.97078px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 53.97078px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 570px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 570px) and (max-width: 590px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 570px) and (max-width: 590px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 590px) and (max-width: 600px) {
  div.error-container {
    width: 570px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 590px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 590px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 590px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 590px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  .lesson-length-selection-block i {
    font-size: 39.42857px;
    margin-top: -12.85714px;
    margin-right: -30.85714px; }
  div.field-size-three-quarters {
    width: 550px; }
  .field-size-quarter {
    width: 550px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 550px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 550px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 486px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 406px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 391px; }
  .field-size-three-quarters .msg-error-required {
    left: 406px; }
  .field-size-three-quarters .little-red-triangle {
    left: 391px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 406px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 391px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 341px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 326px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 590px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 590px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 550px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 590px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 550px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 550px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 520px; }
  .cost-per-lesson-h {
    max-width: 550px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 550px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 590px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 60.82474px;
    height: 53.63636px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 10.5px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -23.6px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 550px; }
    .when-begin-container .col-lg-4 {
      width: 169px;
      height: 125.07595px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 169px;
        height: 125.07595px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 550px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 169px;
      height: 125.07595px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 169px;
        height: 125.07595px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 27.81013px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 40.64557px;
          margin-top: 2px;
          font-size: 19.25316px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.4;
          /*top: -7;*/
          text-align: left;
          padding-left: 32.08861px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 19.25316px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 25.67089px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 19.25316px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 550px;
    height: 157px; }
  .hz-line1 {
    max-width: 590px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 590px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 141.07143px;
    height: 115.17857px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 10.71429px;
    line-height: 13.39286px; }
  label.pool-type {
    margin-left: 20.66667px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 50px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 13.39286px; }
  label.lesson-type {
    display: inline-block;
    width: 141.07143px;
    height: 97.32143px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 4.46429px; }
  span.lesson-type-text {
    font-size: 14.28571px;
    line-height: 17.85714px; }
  label.lesson-type {
    margin-left: 20.66667px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 61.53571px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 58.53571px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 56.53571px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 590px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 590px) and (max-width: 600px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 590px) and (max-width: 600px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 600px) and (max-width: 640px) {
  div.error-container {
    width: 580px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 600px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 600px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 600px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 600px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  .lesson-length-selection-block i {
    font-size: 40.15873px;
    margin-top: -13.09524px;
    margin-right: -31.42857px; }
  div.field-size-three-quarters {
    width: 560px; }
  .field-size-quarter {
    width: 560px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 560px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 560px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 496px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 416px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 401px; }
  .field-size-three-quarters .msg-error-required {
    left: 416px; }
  .field-size-three-quarters .little-red-triangle {
    left: 401px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 416px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 401px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 351px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 336px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 600px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 560px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 600px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 560px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 560px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 530px; }
  .cost-per-lesson-h {
    max-width: 560px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 560px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 61.85567px;
    height: 54.54545px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 10.88889px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -24px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 560px; }
    .when-begin-container .col-lg-4 {
      width: 172.33333px;
      height: 127.52321px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 172.33333px;
        height: 127.52321px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 560px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 172.33333px;
      height: 127.52321px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 172.33333px;
        height: 127.52321px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 28.35865px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 41.44726px;
          margin-top: 2px;
          font-size: 19.63291px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.41481;
          /*top: -7;*/
          text-align: left;
          padding-left: 32.72152px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 19.63291px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 26.17722px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 19.63291px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 560px;
    height: 157px; }
  .hz-line1 {
    max-width: 600px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 600px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 143.63636px;
    height: 117.27273px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 10.90909px;
    line-height: 13.63636px; }
  label.pool-type {
    margin-left: 22.33333px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 50.90909px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 13.63636px; }
  label.lesson-type {
    display: inline-block;
    width: 143.63636px;
    height: 99.09091px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 4.54545px; }
  span.lesson-type-text {
    font-size: 14.54545px;
    line-height: 18.18182px; }
  label.lesson-type {
    margin-left: 22.33333px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 62.81818px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 59.81818px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 57.81818px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 600px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 600px) and (max-width: 640px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 600px) and (max-width: 640px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 640px) and (max-width: 667px) {
  div.error-container {
    width: 620px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 640px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 640px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 640px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 640px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  .lesson-length-selection-block i {
    font-size: 43.07937px;
    margin-top: -14.04762px;
    margin-right: -33.71429px; }
  div.field-size-three-quarters {
    width: 600px; }
  .field-size-quarter {
    width: 600px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 600px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 600px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 536px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 456px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 441px; }
  .field-size-three-quarters .msg-error-required {
    left: 456px; }
  .field-size-three-quarters .little-red-triangle {
    left: 441px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 456px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 441px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 391px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 376px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 640px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 640px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 600px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 640px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 600px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 600px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 570px; }
  .cost-per-lesson-h {
    max-width: 600px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 600px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 640px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 65.97938px;
    height: 58.18182px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 12.44444px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -25.6px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 600px; }
    .when-begin-container .col-lg-4 {
      width: 185.66667px;
      height: 137.31224px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 185.66667px;
        height: 137.31224px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 600px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 185.66667px;
      height: 137.31224px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 185.66667px;
        height: 137.31224px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 30.55274px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 44.65401px;
          margin-top: 2px;
          font-size: 21.1519px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.47407;
          /*top: -7;*/
          text-align: left;
          padding-left: 35.25316px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 21.1519px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 28.20253px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 21.1519px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 600px;
    height: 157px; }
  .hz-line1 {
    max-width: 640px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 640px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 153.8961px;
    height: 125.64935px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 11.68831px;
    line-height: 14.61039px; }
  label.pool-type {
    margin-left: 29px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 54.54545px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 14.61039px; }
  label.lesson-type {
    display: inline-block;
    width: 153.8961px;
    height: 106.16883px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 4.87013px; }
  span.lesson-type-text {
    font-size: 15.58442px;
    line-height: 19.48052px; }
  label.lesson-type {
    margin-left: 29px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 67.94805px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 64.94805px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 62.94805px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 640px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 640px) and (max-width: 667px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 640px) and (max-width: 667px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (min-width: 667px) and (max-width: 680px) {
  div.error-container {
    width: 647px; }
  .more {
    display: none; }
  .field-more-time-opt {
    display: inline-block; }
  #contact-details,
  #student-details,
  #parent-details {
    max-width: 667px;
    padding-left: 20px;
    padding-right: 20px; }
    #contact-details .field-size-full,
    #contact-details .field-students-number,
    #contact-details .field-size-half,
    #student-details .field-size-full,
    #student-details .field-students-number,
    #student-details .field-size-half,
    #parent-details .field-size-full,
    #parent-details .field-students-number,
    #parent-details .field-size-half {
      margin-left: 0px; }
  #contact-details h1.title {
    margin-left: 0px; }
  .msg-error-block-text p {
    padding-left: 22px;
    padding-right: 18px; }
  .continue-page-image {
    margin-left: 52px; }
  .continue-title {
    width: 667px;
    margin-top: 33px !important;
    margin-left: 0px !important;
    text-align: center !important;
    padding-left: 20px;
    padding-right: 20px; }
  .continue-text {
    width: 667px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: 0px;
    margin-top: 33px;
    text-align: center; }
  .try-another-zip-button {
    width: 667px;
    margin-top: 33px;
    text-align: center;
    border: none !important;
    padding: none; }
  .continue-button {
    margin-left: 20px;
    margin-right: 20px;
    text-align: center;
    border: none !important;
    padding: none; }
  .lesson-length-selection-block i {
    font-size: 45.05079px;
    margin-top: -14.69048px;
    margin-right: -35.25714px; }
  div.field-size-three-quarters {
    width: 627px; }
  .field-size-quarter {
    width: 627px; }
  /*.stud-num-point {
        width: $min-size - 42px;
    }*/
  .field-size-real-quarter {
    width: 627px; }
  .field-size-three-quarters input,
  .field-size-three-quarters select,
  .field-size-three-quarters textarea {
    width: 100%; }
  div.field-size-quarter,
  .field-size-quarter input,
  .field-size-quarter select,
  .field-size-quarter textarea {
    width: 100%; }
  h2.title {
    width: 627px;
    margin-right: 20px;
    margin-left: 20px;
    margin-top: 0; }
  .field-header {
    padding: 20px 33px 40px 33px; }
  .checkbox-presentation {
    font-size: 10px;
    position: relative;
    left: 0px; }
  .field-size-2-quarter,
  .field-size-2-three-quarters {
    clear: both; }
  .field-size-2-quarter input,
  .field-size-2-three-quarters,
  .field-size-2-three-quarters input {
    width: 563px; }
  .field-size-half .msg-error-required::after,
  .field-size-2-quarter .msg-error-required::after {
    /*content: " Field";*/ }
  .field-size-quarter .msg-error-required {
    left: 483px;
    width: 144px; }
  .field-size-quarter .little-red-triangle {
    left: 468px; }
  .field-size-three-quarters .msg-error-required {
    left: 483px; }
  .field-size-three-quarters .little-red-triangle {
    left: 468px; }
  .field-size-half .msg-error-required,
  .field-size-full .msg-error-required {
    width: 144px;
    left: 483px; }
  .field-size-half .little-red-triangle,
  .field-size-full .little-red-triangle {
    left: 468px; }
  .field-size-2-quarter .msg-error-required,
  .field-size-2-three-quarters .msg-error-required {
    width: 144px;
    left: 418px; }
  .field-size-2-quarter .little-red-triangle,
  .field-size-2-three-quarters .little-red-triangle {
    left: 403px; }
  .back {
    display: block;
    margin-left: 0;
    margin-bottom: 15px; }
  .parent-email-text {
    display: block;
    float: none;
    margin-top: 0px; }
  .do-not-know-block {
    margin-top: -10px;
    margin-left: 0px;
    float: left; }
  label.checkbox-presentation {
    margin-left: 22px; }
  #student-details .field-add-student-goals .horizontal-line {
    max-width: 667px;
    margin-left: -20px; }
  /********************  4  *******************/
  #package-selection {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 667px; }
  .cost-breakdown .col-xs-6 {
    padding-left: 0px !important; }
  .cost-breakdown .col-xs-3 {
    padding-right: 0px !important;
    text-align: right; }
  #package-selection .col-lg-8 {
    padding-right: 0 !important;
    padding-left: 0px !important; }
  .recommended-lesson-length {
    margin-left: 0px; }
  .expert-recommendation-block p {
    white-space: normal;
    max-width: 627px;
    font-size: 1.4em; }
  #package-selection .horizontal-line {
    max-width: 667px;
    margin-left: -20px; }
  .field-more-student-numbers-mobile button,
  .field-more-time-opt button {
    color: #f50004 !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #e6e6e6 !important;
    border-radius: 5px !important;
    height: 25px;
    font-family: Poppins-Regular, sans-serif;
    font-size: 14px;
    font-weight: 600;
    padding-top: 2px;
    text-align: left;
    float: left; }
  .field-more-student-numbers-mobile button {
    margin-top: -50px !important; }
  .field-more-time-opt button {
    margin-top: -32px !important; }
  h2.select-package-h {
    max-width: 627px;
    margin-top: 20px; }
  label.check-time-lesson {
    font-size: 25px; }
  .money-back {
    margin-top: 10px !important;
    max-width: 627px;
    white-space: nowrap; }
    .money-back .fa-lock {
      position: relative; }
    .money-back span {
      white-space: normal;
      display: inline-block;
      margin-left: -5px;
      max-width: 597px; }
  .cost-per-lesson-h {
    max-width: 627px;
    margin-top: 20px; }
  .cost-breakdown-h {
    max-width: 627px;
    margin-top: 30px; }
  #package-selection .field-size-full {
    margin-left: 0; }
  /******************* 5  *****************/
  #schedule {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 667px; }
    #schedule .field-size-full {
      margin-left: 0; }
  label.frequency-per-week {
    width: 68.76289px;
    height: 60.63636px; }
  .days-work-num-container {
    margin-top: 0px;
    margin-bottom: 19px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    border-radius: 5px;
    border-style: solid;
    border-width: 0px;
    border-color: transparent;
    background-color: transparent;
    padding: 9px 0px 9px 0px; }
  label.days-work-num {
    display: inline-block;
    width: 65px;
    height: 65px;
    background-color: #fff;
    text-align: center;
    color: #111;
    margin: 0;
    border-radius: 5px;
    margin-left: 13.49444px; }
    label.days-work-num span.days-work-num-s {
      height: 65px;
      font-size: 13px; }
      label.days-work-num span.days-work-num-s .fa-check {
        font-size: 14px;
        color: #fff;
        display: inline-block;
        float: right;
        margin-top: 26px;
        position: relative;
        left: -26.68px;
        display: none; }
    label.days-work-num input[type=radio]:checked + span.days-work-num-s,
    label.days-work-num input[type=checkbox]:checked + span.days-work-num-s {
      border-color: #11557c;
      border-bottom: 24px solid #0080d5 !important; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s .fa-check,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s .fa-check {
        display: inline-block; }
      label.days-work-num input[type=radio]:checked + span.days-work-num-s span,
      label.days-work-num input[type=checkbox]:checked + span.days-work-num-s span {
        position: relative;
        left: 7px;
        top: -6px; }
  .weekday-text-3 {
    display: none; }
  .weekday-text-1 {
    display: inline-block;
    font-size: 14px; }
  .when-begin-container {
    max-width: 627px; }
    .when-begin-container .col-lg-4 {
      width: 194.66667px;
      height: 143.91983px;
      margin: 0 20px 21px 0 !important; }
      .when-begin-container .col-lg-4 label.when-begin {
        width: 194.66667px;
        height: 143.91983px; }
    .when-begin-container .col-lg-4:last-child {
      margin: 0px !important; }
  .available-weekdays-container {
    max-width: 627px; }
    .available-weekdays-container .row .col-lg-4 {
      width: 194.66667px;
      height: 143.91983px;
      margin: 0 20px 21px 0 !important; }
      .available-weekdays-container .row .col-lg-4 label.available-weekdays {
        width: 194.66667px;
        height: 143.91983px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-num {
          font-size: 32.03376px;
          margin-top: 10px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-am-pm {
          margin-left: 46.81857px;
          margin-top: 2px;
          font-size: 22.17722px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon {
          position: relative;
          line-height: 1.51407;
          /*top: -7;*/
          text-align: left;
          padding-left: 36.96203px; }
          .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .available-weekdays-icon .fas {
            font-size: 22.17722px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-am-pm {
          margin-left: 29.56962px;
          margin-top: 2px;
          margin-right: 20px;
          font-size: 22.17722px; }
        .available-weekdays-container .row .col-lg-4 label.available-weekdays .available-weekdays-s .time-start .available-weekdays-to {
          padding-top: 2px;
          width: 15px;
          height: 15px;
          font-size: 7px;
          position: relative;
          left: 8px;
          top: -18px; }
    .available-weekdays-container .row .col-lg-4:last-child {
      margin: 0px !important; }
  .additional-scheduling-info textarea {
    display: block;
    margin-top: 16px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #dddddd !important;
    background-color: #f9f9f9;
    width: 627px;
    height: 157px; }
  .hz-line1 {
    max-width: 667px;
    left: -20px; }
  /*********** 6 *************/
  #pool {
    padding-left: 20px;
    padding-right: 20px;
    max-width: 667px; }
    #pool .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #pool h2.lesson-frequency-h {
      margin-bottom: -10px; }
  label.pool-type {
    display: inline-block;
    width: 160.82143px;
    height: 131.30357px;
    text-align: center;
    color: #111; }
  span.pool-type-text,
  span.pool-distance-text {
    font-size: 12.21429px;
    line-height: 15.26786px; }
  label.pool-type {
    margin-left: 33.5px; }
  label.pool-type span.pool-type-s span.pool-home-pool,
  label.pool-type span.pool-type-s span.pool-housing-community-pool,
  label.pool-type span.pool-type-s span.pool-hotel-pool,
  label.pool-type span.pool-type-s span.pool-public-pool,
  label.pool-type span.pool-type-s span.pool-members-only-pool,
  label.pool-type span.pool-type-s span.pool-other-pool {
    margin: 15px 0 0 57px;
    width: 30px;
    height: 30px; }
  label.pool-type span.pool-type-s span.pool-distance-10,
  label.pool-type span.pool-type-s span.pool-distance-15,
  label.pool-type span.pool-type-s span.pool-distance-20 {
    margin: auto;
    width: 50px;
    height: 50px; }
  label.pool-type span.pool-type-s .pool-type-text {
    margin-top: 15.26786px; }
  label.lesson-type {
    display: inline-block;
    width: 160.82143px;
    height: 110.94643px;
    text-align: center;
    color: #111; }
  label.lesson-type span.lesson-type-s .lesson-type-text {
    margin-top: 5.08929px; }
  span.lesson-type-text {
    font-size: 16.28571px;
    line-height: 20.35714px; }
  label.lesson-type {
    margin-left: 33.5px; }
  label.lesson-type span.lesson-type-s span.private-lesson,
  label.lesson-type span.lesson-type-s span.semi-private-lesson,
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    width: 30px;
    height: 30px; }
  label.lesson-type span.lesson-type-s span.private-lesson {
    margin: 15px 0 0 71.41071px; }
  label.lesson-type span.lesson-type-s span.semi-private-lesson {
    margin: 15px 0 0 68.41071px; }
  label.lesson-type span.lesson-type-s span.baby-and-me-lesson {
    margin: 15px 0 0 66.41071px; }
  /******* 7 ********************/
  .safe-block {
    margin-right: 0px;
    margin-left: 8px;
    float: left; }
  #complete-registration {
    padding: 0 20px 0 20px;
    max-width: 667px; }
    #complete-registration .field-size-full {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration .field-size-half {
      margin-right: 0;
      margin-left: 0; }
    #complete-registration h2.title {
      margin-left: 0;
      margin-bottom: 20; }
    #complete-registration .agree-field .nowrap {
      white-space: normal; }
    #complete-registration label.checkbox-presentation {
      margin-left: 0; }
      #complete-registration label.checkbox-presentation span {
        margin-top: -5px !important;
        padding: 3px 3px 3px 5px; }
    #complete-registration .payment-package-container span.how_many_lessons {
      /*margin-top: -20px;*/ } }
    @media screen and (min-width: 667px) and (max-width: 680px) and (max-width: 414px) and (min-width: 375px) {
      #complete-registration .payment-package-container span.how_many_lessons {
        margin-top: 0px; } }

@media screen and (min-width: 667px) and (max-width: 680px) {
    #complete-registration .payment-package-container span.feature {
      margin-bottom: -18px; }
  .agree-field div {
    font-family: Poppins;
    font-size: 12px; }
  div.block-cost-breakdown-price {
    margin: 0px 0px 0px 0px; }
  .block-lesson-pack p {
    font-size: 13px; }
  div.block-order-overview-small {
    padding: 20px 20px 14px 20px; } }

@media screen and (max-width: 992px) {
  .desktop-hidden-2 {
    display: block; }
  .mobile-hidden-2 {
    display: none; } }

@media screen and (max-width: 540px) {
  .desktop-hidden {
    display: block; }
  .mobile-hidden {
    display: none; } }

@media screen and (max-width: 540px) {
  .payment-package-container .col-lg-4 {
    float: none; }
  .payment-package-container .package-content {
    /*height: 380px;*/ } }

.payment-package-container p {
  margin: 0;
  text-align: right;
  font-family: Poppins;
  padding: 1px 10px 1px 0; }

.payment-package-container .fa-check-circle {
  color: #00d758; }

.payment-package-container .col-lg-4 {
  background-color: #1a80b9;
  border-radius: 3px;
  padding: 10px !important; }
  @media screen and (min-width: 540px) {
    .payment-package-container .col-lg-4 {
      width: 38%; } }
  @media screen and (max-width: 540px) {
    .payment-package-container .col-lg-4 {
      margin: auto;
      width: 80%; } }

.payment-package-container .col-lg-4 label {
  background-color: white;
  margin-top: 20px;
  border-radius: 3px; }

.payment-package-container .package-content {
  padding: 0px; }

.payment-package-container span.feature {
  max-width: 100%; }

.payment-package-container span.main-feature {
  color: white;
  text-transform: capitalize; }

.payment-package-container .payment-package-title {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  border-bottom: 1px solid white;
  padding: 0px 5px 5px 5px;
  color: white;
  font-weight: bold; }

.payment-package-container .dashed-line {
  width: 100%; }

.payment-package-container .a18_lessons {
  color: #58bae3; }
  .payment-package-container .a18_lessons span {
    color: #58bae3; }
  .payment-package-container .a18_lessons span.main-feature {
    color: white;
    background-color: #58bae3; }
  .payment-package-container .a18_lessons .dashed-line {
    border: 1px dashed #58bae3; }
  .payment-package-container .a18_lessons .strike-through {
    text-decoration: #58bae3 line-through solid; }

.payment-package-container .a12_lessons {
  color: #0080d5; }
  .payment-package-container .a12_lessons span {
    color: #0080d5; }
  .payment-package-container .a12_lessons span.main-feature {
    color: white;
    background-color: #0080d5; }
  .payment-package-container .a12_lessons .dashed-line {
    border: 1px dashed #0080d5; }
  .payment-package-container .a12_lessons .strike-through {
    text-decoration: #0080d5 line-through solid; }

.payment-package-container .a6_lessons {
  color: #eb9c01; }
  .payment-package-container .a6_lessons span {
    color: #eb9c01; }
  .payment-package-container .a6_lessons span.main-feature {
    color: white;
    background-color: #eb9c01; }
  .payment-package-container .a6_lessons .dashed-line {
    border: 1px dashed #eb9c01; }
  .payment-package-container .a6_lessons .strike-through {
    text-decoration: #eb9c01 line-through solid; }

.kinds-of-packages .dashed-line {
  width: 100%; }

.kinds-of-packages .a18_lessons {
  color: #58bae3; }
  .kinds-of-packages .a18_lessons span {
    color: #58bae3; }
  .kinds-of-packages .a18_lessons span.main-feature {
    background-color: #58bae3; }
  .kinds-of-packages .a18_lessons .dashed-line {
    border: 1px dashed #58bae3; }
  .kinds-of-packages .a18_lessons .strike-through {
    text-decoration: #58bae3 line-through solid; }

.kinds-of-packages .a12_lessons {
  color: #0080d5; }
  .kinds-of-packages .a12_lessons span {
    color: #0080d5; }
  .kinds-of-packages .a12_lessons span.main-feature {
    background-color: #0080d5; }
  .kinds-of-packages .a12_lessons .dashed-line {
    border: 1px dashed #0080d5; }
  .kinds-of-packages .a12_lessons .strike-through {
    text-decoration: #0080d5 line-through solid; }

.kinds-of-packages .a6_lessons {
  color: #eb9c01; }
  .kinds-of-packages .a6_lessons span {
    color: #eb9c01; }
  .kinds-of-packages .a6_lessons span.main-feature {
    background-color: #eb9c01; }
  .kinds-of-packages .a6_lessons .dashed-line {
    border: 1px dashed #eb9c01; }
  .kinds-of-packages .a6_lessons .strike-through {
    text-decoration: #eb9c01 line-through solid; }

@media screen and (max-width: 540px) {
  .zero-billed-block {
    clear: left; } }

.zero-billed-block p {
  padding-right: 5%;
  padding-bottom: 20px; }
  @media screen and (min-width: 540px) {
    .zero-billed-block p {
      padding-left: 44%;
      padding-top: 1.2%; } }
  @media screen and (max-width: 540px) {
    .zero-billed-block p {
      padding-left: 0%;
      padding-top: 20px; } }

.zero-billed-block p.yelp-lobby-in-a-checkmark-list {
  padding-left: 0px; }

.zero-billed-block span.title {
  font-size: 150%; }

.zero-billed-block .fa-check-circle {
  color: #00d758; }

.wont-be-billed {
  color: #11467d;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 60px;
  font-size: 14px; }

.field-save-on-your-lesson-package {
  font-size: 16px;
  font-weight: 600;
  margin-top: 10px !important;
  margin-bottom: 10px !important; }
  .field-save-on-your-lesson-package span.save {
    color: #5a92c1;
    font-size: 117%; }
  .field-save-on-your-lesson-package span.total {
    color: #0080d5;
    font-size: 117%; }
  .field-save-on-your-lesson-package .fa-check-circle {
    color: #00d758; }

input.correct-promo-code {
  /*background-color: rgb(232,240,253);*/ }

#promo-code-block {
  margin: 20px 0; }

p.you-saved-block,
p.you-saved-block span,
p.you-saved-block i {
  font-size: 100%; }
  @media screen and (max-width: 370px) {
    p.you-saved-block,
    p.you-saved-block span,
    p.you-saved-block i {
      font-size: 90%; } }

p.total-cost-block,
p.total-cost-block span,
p.total-cost-block i {
  font-size: 117%;
  padding-top: 10px; }
  @media screen and (max-width: 370px) {
    p.total-cost-block,
    p.total-cost-block span,
    p.total-cost-block i {
      padding-top: 0px;
      margin-bottom: 0px; } }

@media screen and (max-width: 420px) {
  .hide-at-420px {
    display: none; } }

.cc_dc_pay,
.apple_pay,
.paypal {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center; }

.cc_dc_pay::after,
.apple_pay::after,
.paypal::after {
  display: block;
  width: 100;
  color: gray;
  padding: 4px 0;
  content: "- Or -";
  margin-top: 18%; }

.cc_dc_pay {
  display: none; }

.apple_pay {
  background-image: url(https://images.sunsationalswimschool.com/regform/apple-pay-logo.png);
  filter: invert(100%);
  -webkit-filter: invert(100%);
  border: 0 !important; }

.paypal {
  background-image: url(https://images.sunsationalswimschool.com/regform/paypal-logo.png);
  display: none; }

.icon-norton-security {
  background-image: url(https://images.sunsationalswimschool.com/new_regform/norton-security-logo.png);
  width: 100px;
  margin-right: 5px;
  height: 35px;
  margin-top: -46px;
  background-attachment: scroll;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  font-size: 20px;
  color: #b0b0b0 !important;
  padding-top: 16px;
  position: relative;
  z-index: 1;
  float: right; }
  @media screen and (max-width: 360px) {
    .icon-norton-security {
      width: 50px;
      margin-right: 12px; } }

select.stud-num,
.field .dropdown-toggle {
  border-color: #0080d5; }

#cc-number,
#cc-exp,
#cc-csc,
#cc-name {
  border-color: #12457d; }

#date-from {
  margin-top: 21px; }

@media screen and (max-width: 420px) {
  #complete-registration > div.payment-package-container > div > label > span > span > span.how_many_lessons {
    margin-top: 11px; } }

#have-you-been-helped-block > label {
  color: #9e9e9e; }

/*have you been helped input*/
#q183_input183 {
  border-color: lightgoldenrodyellow; }

#have-you-been-helped-block-mobile .field label {
  margin: 0 0 10px; }

.pg-email-suggestion {
  color: red; }

.package-selection-section .col-lg-4,
.package-selection-section .col-xs-3 {
  padding-right: 0 !important;
  padding-left: 5px !important; }

#package-selection .col-lg-8 {
  padding-right: 0 !important;
  padding-left: 34px !important; }

.expert-recommendation-block p {
  white-space: normal;
  /*max-width: 97%;*/
  font-size: 1.4em;
  color: #eb9c01; }

.expert-recommendation-h {
  font-family: Poppins;
  color: #ee9c01;
  font-size: 2em;
  text-align: left;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 15px;
  font-weight: 800; }

.baby-and-me-lesson-length-block {
  font-family: Poppins;
  color: #606060;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 15px; }

#package-selection .container {
  width: 512px;
  padding: 0 !important;
  margin: 0 !important; }

#package-selection .horizontal-line {
  height: 0;
  border-top: 2px solid #e6e6e6;
  width: 522px;
  padding: 0 72px 0 72px;
  margin: 17px 0 10px; }

h2.total-lesson-length {
  font-family: Poppins;
  color: #111111;
  font-size: 18px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  /*white-space: nowrap;*/
  text-align: left;
  margin-bottom: 31px;
  margin-top: 0px; }

.form-container {
  /*width: 656px;
    padding-right: 72px;*/ }

.check-time-lesson-row .check-time {
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
    width: 95px;
    height: 95px;
    margin-left: 50px;*/ }

.check-time-lesson-row .check-time label:first-child {
  margin-left: 0px;
  vertical-align: initial; }

label.check-time-lesson span span {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase; }

.check-time-lesson-row .check-time label input {
  display: none; }

.check-time-lesson-row .more {
  text-align: center;
  padding-top: 40px;
  font-family: Poppins;
  color: #363636;
  font-size: 14px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  position: relative;
  /* top: 30px; */
  /* width: 120px; */
  height: 113px;
  background: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
  background-position: 54% 55%;
  background-repeat: no-repeat;
  background-size: 65px;
  /* background-color: #57bbe4; */
  /* border-radius: 100%; */
  color: white; }

h2.select-package-h-2,
h2.select-package-h {
  font-family: Poppins;
  color: #111111;
  font-size: 18px;
  font-weight: 600;
  margin-top: 22px;
  text-align: center;
  margin-bottom: 30px; }

.check-time-lesson-row .col-lg-3 {
  padding: 0 !important;
  margin: 0 !important; }

label.check-time-lesson {
  display: inline-block;
  width: 100%;
  /*height: 100%;*/
  /*width: 120px;*/
  height: 113px;
  margin-left: 0px;
  text-align: center;
  padding: 0 5px 0 5px;
  font-family: Poppins;
  color: #ffffff;
  font-size: 30px;
  /* Приближение из-за подстановки шрифтов */
  font-weight: 600;
  /*vertical-align: middle;*/
  line-height: 19px; }

label.check-time-lesson > input[type=radio] {
  display: none; }

label.check-time-lesson > span {
  /*padding-top: 38px;*/
  text-align: center;
  /*color: #fff;*/
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock.png);
    background-position: center;
    background-repeat: no-repeat;*/
  /*border: solid 4px #bbb;*/
  /*display: inline-block;*/
  width: 100%;
  /*height: 100%;*/
  /*border-radius: 100%;*/
  box-sizing: border-box; }

@-moz-document url-prefix() {
  label.check-time-lesson > span {
    padding-left: 0px; }
  label.check-time-lesson span span {
    display: inline-block;
    position: relative;
    left: 0px; } }

label.check-time-lesson input[type=radio]:checked + span {
  /*background-image: url(https://images.sunsationalswimschool.com/new_regform/clock-active.png);
    background-position: center;
    color: #fff;

    padding-top: 38px;

    text-align: center;*/ }

.lesson-length-selection-block label input[type="radio"] + span.any-lesson-time.some-has-been-selected {
  opacity: 0.3; }

.lesson-length-selection-block label input[type="radio"]:checked + span.any-lesson-time.some-has-been-selected {
  opacity: 1; }

.lesson-length-selection-block label input[type="radio"] + span.any-lesson-time.some-has-been-selected .select-text {
  color: white; }

.lesson-length-selection-block i {
  float: left;
  opacity: 0.9;
  margin-right: -36px;
  margin-left: 1px;
  color: #00d758;
  font-size: 46px;
  margin-top: -15px; }

.lesson-length-selection-block .first-lesson-time,
.lesson-length-selection-block .second-lesson-time,
.lesson-length-selection-block .third-lesson-time {
  display: block;
  border-radius: 10px;
  border: 2px solid; }
  .lesson-length-selection-block .first-lesson-time .time,
  .lesson-length-selection-block .second-lesson-time .time,
  .lesson-length-selection-block .third-lesson-time .time {
    font-size: 35px;
    color: white;
    text-align: right;
    width: 100%;
    padding: 23px 14px 6px 0px;
    display: inline-block; }
  .lesson-length-selection-block .first-lesson-time .text,
  .lesson-length-selection-block .second-lesson-time .text,
  .lesson-length-selection-block .third-lesson-time .text {
    font-size: 16px;
    color: white;
    text-align: center;
    padding: 9px 0px 9px 0px;
    display: inline-block; }
  .lesson-length-selection-block .first-lesson-time .select-text,
  .lesson-length-selection-block .first-lesson-time .great-choice,
  .lesson-length-selection-block .second-lesson-time .select-text,
  .lesson-length-selection-block .second-lesson-time .great-choice,
  .lesson-length-selection-block .third-lesson-time .select-text,
  .lesson-length-selection-block .third-lesson-time .great-choice {
    font-size: 16px;
    background-color: white;
    display: inline-block;
    width: 100%;
    border-radius: 0px 0px 10px 10px;
    padding-top: 0.75em;
    height: 2.5em; }
  .lesson-length-selection-block .first-lesson-time .great-choice,
  .lesson-length-selection-block .second-lesson-time .great-choice,
  .lesson-length-selection-block .third-lesson-time .great-choice {
    display: none; }

.lesson-length-selection-block .first-lesson-time {
  color: #eb9c01;
  border-color: #eb9c01;
  background-color: #eb9c01; }

.lesson-length-selection-block .second-lesson-time {
  color: #1a9fd3;
  border-color: #1a9fd3;
  background-color: #1a9fd3; }

.lesson-length-selection-block .third-lesson-time {
  overflow: initial;
  color: #d5262b;
  border-color: #d5262b;
  background-color: #d5262b; }

hr.bold-hr {
  border-top: 2px solid black;
  margin-right: 30px; }

.autocomplete-suggestions {
  overflow: auto;
  background-color: #fff;
  position: absolute !important;
  z-index: 1000;
  border-radius: 2px;
  border-top: 1px solid #d9d9d9;
  font-family: Arial,sans-serif;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.autocomplete-suggestion {
  cursor: default;
  padding: 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 30px;
  text-align: left;
  border-top: 1px solid #e6e6e6;
  font-size: 11px;
  color: #515151; }
  .autocomplete-suggestion strong {
    font-weight: bold; }

.autocomplete-selected {
  background: #FAFAFA; }

.autocomplete-group {
  padding: 2px 5px; }

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000; }

div.payment-package-certificate-block {
  padding-bottom: 0px; }
  div.payment-package-certificate-block div.gift-certificate-value-block {
    margin-top: 0px;
    margin-bottom: 20px; }
  div.payment-package-certificate-block div.gift-certificate-for-block {
    margin-bottom: 20px; }
  div.payment-package-certificate-block label {
    margin-top: 0px; }

div.payment-package-certificate-block {
  background-color: #efffff;
  border-radius: 5px;
  margin-right: 30px;
  padding: 20px; }
  div.payment-package-certificate-block div.gift-certificate-for-block {
    display: inline-block; }
  div.payment-package-certificate-block div.gift-certificate-value-block {
    font-size: 20px;
    background-color: #27b3fd;
    color: white;
    display: inline-block;
    width: auto;
    height: auto; }

div.payment-order-total-container {
  margin-top: 40px;
  margin-bottom: 30px; }
  div.payment-order-total-container label {
    margin-top: 0px; }
  div.payment-order-total-container .fa-check-circle {
    margin-left: 10px;
    color: #00d758;
    font-size: 30px;
    vertical-align: middle; }
  div.payment-order-total-container .final-total-cost {
    font-size: 20px; }

.you-saved-on-total-cost {
  font-size: 14px;
  color: #fdbb31; }