svg.app-tick {
  display: inline-block;
  vertical-align: middle;
  stroke-dasharray: 100;
  stroke-dashoffset: 100;
  animation: tick 1s ease-in-out;
  animation-fill-mode: forwards;
}
@keyframes tick {
from {
    stroke-dashoffset: 100;
}
to {
    stroke-dashoffset: 0;
}
}

.input-error-message {
  display: inline-block;
  padding: 0 0 0 22px;
  font-size: 14px;
  background-image: url(/modules/signup/images/icon_alert-0077fb13.png);
  background-repeat: no-repeat;
  background-size: 15px 12px;
  background-position: 2px center;
  color: #C80315;
}
@media (min-resolution: 1.5dppx) {
.input-error-message {
    background-image: url(/modules/signup/images/icon_alert@2x-c9e74569.png);
    background-size: 15px 12px;
}
}

.tutor-signup-field[data-v-8a656c00] {
  text-align: left;
  box-sizing: border-box;
  margin-top: 10px;
}
.tutor-signup-field[data-v-8a656c00] * {
  box-sizing: border-box;
}
.tutor-signup-field .input-holder[data-v-8a656c00] {
  position: relative;
}
.tutor-signup-field .label[data-v-8a656c00] {
  font-size: 16px;
  font-weight: 600;
  color: #a3c1d6;
  padding: 2px 6px;
}
.tutor-signup-field .label.highlight[data-v-8a656c00] {
  color: #42b2fc;
}
.tutor-signup-field input[data-v-8a656c00] {
  border: 1px solid #a3c1d6;
  padding: 10px 6px;
  background: transparent;
  border-radius: 4px;
  display: block;
  width: 100%;
  font-size: 20px;
  color: #000000;
  text-align: left;
}
.tutor-signup-field input[data-v-8a656c00]:focus {
  outline: none;
  border-color: #42b2fc;
}
.tutor-signup-field input.error[data-v-8a656c00] {
  border-color: #ff0000;
}
.tutor-signup-field input[data-v-8a656c00]::placeholder {
  font-size: 12px;
  color: #a3c1d6;
}
.tutor-signup-field input[data-v-8a656c00]:read-only {
  color: #a3c1d6;
}
.tutor-signup-field .eye-showhide-pass[data-v-8a656c00] {
  width: 31px;
  height: 16px;
  display: inline-block;
  background-image: url(/modules/signup/images/icon_passwordEye_hide-ef9eab07.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-resolution: 1.5dppx) {
.tutor-signup-field .eye-showhide-pass[data-v-8a656c00] {
    background-image: url(/modules/signup/images/icon_passwordEye_hide@2x-262e2092.png);
    background-size: contain;
}
}
.tutor-signup-field .eye-showhide-pass.hidden[data-v-8a656c00] {
  background-image: url(/modules/signup/images/icon_passwordEye-f021a0c6.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.tutor-signup-field .eye-showhide-pass.hidden[data-v-8a656c00] {
    background-image: url(/modules/signup/images/icon_passwordEye@2x-af90f74e.png);
    background-size: contain;
}
}

.tutor-password-field {
  text-align: left;
}
.tutor-password-field .tutor-password-feedback {
  visibility: hidden;
  margin: 4px 6px;
  font-size: 12px;
  color: #8b8b8b;
}
.tutor-password-field .tutor-password-feedback.focused {
  visibility: visible;
}
.tutor-password-field .tutor-password-feedback ul {
  margin: 3px 0;
  padding-inline-start: 8px;
}
.tutor-password-field .tutor-password-feedback ul li {
  position: relative;
  list-style-type: circle;
  list-style-position: inside;
}
.tutor-password-field .tutor-password-feedback ul li .app-tick {
  position: absolute;
  background: white;
  top: -2px;
  left: -4px;
}

.gender-section .gender-description[data-v-16412202] {
  margin: 10px auto 30px;
  font-size: 18px;
  max-width: 500px;
  width: 95%;
}

#signUp .content .formSection .signup-custom-checkbox .row-checkbox {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox {
  position: relative;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox input[type=checkbox] {
  visibility: hidden;
}
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 22px;
  top: -22px;
  transform: translateY(1.1em);
  left: 0;
  background-image: url(/modules/signup/images/checkboxOff_black-e3542007.png);
  background-repeat: no-repeat;
  background-size: 17px 21px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  background-position: bottom left;
}
@media (min-resolution: 1.5dppx) {
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox label {
    background-image: url(/modules/signup/images/checkboxOff_black@2x-fc34fda9.png);
    background-size: 17px 21px;
}
}
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox input[type=checkbox]:checked + label {
  background-image: url(/modules/signup/images/checkboxOn_black-e384967a.png);
  background-size: 17px 21px;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
#signUp .content .formSection .signup-custom-checkbox .row-checkbox .visual-checkbox input[type=checkbox]:checked + label {
    background-image: url(/modules/signup/images/checkboxOn_black@2x-14ba259e.png);
    background-size: 17px 21px;
}
}

#signUp .special-needs-section .yesno-row {
  display: flex;
  justify-content: space-around;
  width: 500px;
  max-width: 90%;
}
#signUp .special-needs-section .yesno-row .blueBtn.inline {
  min-width: min(30%, 150px);
  margin: 10px;
}
#signUp .special-needs-section .accept-nee-terms {
  font-size: 14px;
  padding: 20px 15px;
  text-align: left;
  max-width: 600px;
}
#signUp .special-needs-section .know-more {
  font-weight: bold;
  color: #42b2fc;
  cursor: pointer;
  text-decoration: none;
}
#signUp .special-needs-section .know-more:hover {
  text-decoration: underline;
}

.program-option-container {
  color: #3e3e3e;
  max-width: 550px;
  width: 100%;
}
.program-option-container .program-option {
  display: flex;
  align-items: center;
  border-radius: 10px;
  box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.13);
  border: solid 1px #b9e3ff;
  background-color: #fff;
  cursor: pointer;
}
.program-option-container .program-option .icon-container {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.program-option-container .program-option .icon-container .icon {
  width: 90px;
  height: 76px;
  background-position: center;
}
.program-option-container .program-option .program-info {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  padding: 5px 20px;
}
.program-option-container .program-option .program-info .age {
  font-size: 11px;
  font-weight: 500;
}
.program-option-container .program-option .program-info .program-info-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
}
.program-option-container .program-option .program-info .program-info-header .badge {
  font-size: 14px;
  font-weight: 800;
  text-align: left;
  color: #3e3e3e;
  border-radius: 5px;
  box-shadow: 1px 1.7px 5px 0 rgba(0, 0, 0, 0.13);
  background-color: #ceeafd;
  padding: 1px 8px 1px 5px;
  margin-left: auto;
}
.program-option-container .program-option .program-info .program-title {
  font-size: 20px;
  font-weight: 600;
  margin-top: 3px;
}
.program-option-container .program-option .program-info .program-desc {
  font-size: 15px;
  font-weight: 500;
}
.program-option-container .program-option .program-toggle {
  width: 68px;
  height: 76px;
  border-left: solid 1px #b9e3ff;
  background-color: #f4f9fc;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.program-option-container .program-option .program-toggle .circle,
.program-option-container .program-option .program-toggle .square {
  width: 35px;
  height: 35px;
  box-shadow: inset 0px 4px 7px 0 rgba(220, 240, 239, 0.84);
  background-color: #fff;
  border-radius: 2px;
}
.program-option-container .program-option .program-toggle .circle .inner,
.program-option-container .program-option .program-toggle .square .inner {
  display: none;
}
.program-option-container .program-option .program-toggle .circle {
  border: solid 1px #979797;
  border-radius: 50%;
}
.program-option-container .program-option .program-toggle .circle .inner {
  border-radius: 50%;
  width: 25px;
  height: 25px;
  background-image: linear-gradient(to top, #121212, #2d2d2d);
  box-shadow: inset 0 10px 20px rgba(255, 255, 255, 0.2);
}
.program-option-container .program-option .program-toggle .square {
  border: solid 1px #acc6e2;
}
.program-option-container .program-option .program-toggle .square .inner {
  width: 29px;
  height: 27px;
  background-image: url(/modules/signup/images/icon-black-tick-f425a2dc.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.program-option-container .program-option .program-toggle .square .inner {
    background-image: url(/modules/signup/images/icon-black-tick@2x-a046b6ac.png);
    background-size: contain;
}
}
.program-option-container .program-option.selected .program-toggle .circle,
.program-option-container .program-option.selected .program-toggle .square {
  display: flex;
  justify-content: center;
  align-items: center;
}
.program-option-container .program-option.selected .program-toggle .circle .inner,
.program-option-container .program-option.selected .program-toggle .square .inner {
  display: block;
}
.program-option-container .program-option.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  user-select: none;
}
.program-option-container .program-option.disabled:hover {
  pointer-events: none;
}
.program-option-container .program-option.math .icon-container {
  background-image: radial-gradient(circle at 0 0, #daf0ff, #a8d8f8), linear-gradient(to bottom, #fff, #fff);
}
.program-option-container .program-option.math .icon-container .icon {
  background-image: url(/modules/signup/images/icon-program-math-f36bdcdf.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.program-option-container .program-option.math .icon-container .icon {
    background-image: url(/modules/signup/images/icon-program-math@2x-e49461b7.png);
    background-size: contain;
}
}
.program-option-container .program-option.math .program-info .age {
  color: #30a2ed;
}
@media (hover: hover) {
.program-option-container .program-option.math:hover {
    border: solid 1px #30a2ed;
}
.program-option-container .program-option.math:hover .program-toggle {
    border-left: solid 1px #30a2ed;
}
}
.program-option-container .program-option.math.selected {
  border: solid 1px #42b2fc;
}
.program-option-container .program-option.math.selected .program-toggle {
  background-color: #92d4ff;
}
.program-option-container .program-option.reading .icon-container {
  background-image: radial-gradient(circle at 0 0, #f8f2cd, #ffe477), linear-gradient(to bottom, #fff, #fff);
}
.program-option-container .program-option.reading .icon-container .icon {
  background-image: url(/modules/signup/images/icon-program-reading-4df36041.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.program-option-container .program-option.reading .icon-container .icon {
    background-image: url(/modules/signup/images/icon-program-reading@2x-d846c03c.png);
    background-size: contain;
}
}
.program-option-container .program-option.reading .program-info .age {
  color: #fba62d;
}
@media (hover: hover) {
.program-option-container .program-option.reading:hover {
    border: solid 1px #fba62d;
}
.program-option-container .program-option.reading:hover .program-toggle {
    border-left: solid 1px #fba62d;
}
}
.program-option-container .program-option.reading.selected {
  border: solid 1px #fba62d;
}
.program-option-container .program-option.reading.selected .program-toggle {
  background-color: #ffd986;
  border-left: solid 1px #fba62d;
}
.program-option-container .program-option.coding .icon-container {
  background-image: radial-gradient(circle at 0 0, #9bfffb, #70fffa), linear-gradient(to bottom, #fff, #fff);
}
.program-option-container .program-option.coding .icon-container .icon {
  background-image: url(/modules/signup/images/icon-program-coding-8baa1aac.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.program-option-container .program-option.coding .icon-container .icon {
    background-image: url(/modules/signup/images/icon-program-coding@2x-d32493c7.png);
    background-size: contain;
}
}
.program-option-container .program-option.coding .program-info .age {
  color: #0fbfbf;
}
@media (hover: hover) {
.program-option-container .program-option.coding:hover {
    border: solid 1px #0fbfbf;
}
.program-option-container .program-option.coding:hover .program-toggle {
    border-left: solid 1px #0fbfbf;
}
}
.program-option-container .program-option.coding.selected {
  border: solid 1px #0fbfbf;
}
.program-option-container .program-option.coding.selected .program-toggle {
  border-left: solid 1px #0fbfbf;
  background-color: #3cf1f1;
}
.program-option-container .program-option.thinking .icon-container {
  background-image: radial-gradient(circle at 0 0, #f7f1ff, #e3d0ff), linear-gradient(to bottom, #fff, #fff);
}
.program-option-container .program-option.thinking .icon-container .icon {
  background-image: url(/modules/signup/images/icon-program-thinking-6e70e735.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
.program-option-container .program-option.thinking .icon-container .icon {
    background-image: url(/modules/signup/images/icon-program-thinking@2x-256597dc.png);
    background-size: contain;
}
}
.program-option-container .program-option.thinking .program-info .age {
  color: #9576ea;
}
@media (hover: hover) {
.program-option-container .program-option.thinking:hover {
    border: solid 1px #9576ea;
}
.program-option-container .program-option.thinking:hover .program-toggle {
    border-left: solid 1px #9576ea;
}
}
.program-option-container .program-option.thinking.selected {
  border: solid 1px #9576ea;
}
.program-option-container .program-option.thinking.selected .program-toggle {
  border-left: solid 1px #9576ea;
  background-color: #bea6f5;
}
@media (max-width: 550px) {
.program-option-container .program-option .program-info {
    margin-right: -40px;
}
.program-option-container .program-option .program-info .program-title {
    font-size: 18px;
}
.program-option-container .program-option .program-info .program-desc {
    font-size: 12px;
}
.program-option-container .program-option .program-info .program-info-header .badge {
    margin-left: 10px;
    font-size: 10px;
}
.program-option-container .program-option .program-toggle {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border-bottom: solid 1px #b9e3ff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 10px;
    align-self: flex-start;
}
.program-option-container .program-option .program-toggle .circle,
  .program-option-container .program-option .program-toggle .square {
    width: 28px;
    height: 28px;
}
.program-option-container .program-option .program-toggle .circle .inner {
    width: 16px;
    height: 16px;
}
.program-option-container .program-option.selected.math .program-toggle {
    border-left: solid 1px #42b2fc;
    border-bottom: 1px solid #42b2fc;
}
.program-option-container .program-option.selected.reading .program-toggle {
    border-left: solid 1px #fba62d;
    border-bottom: 1px solid #fba62d;
}
.program-option-container .program-option.selected.coding .program-toggle {
    border-left: solid 1px #0fbfbf;
    border-bottom: 1px solid #0fbfbf;
}
.program-option-container .program-option.selected.thinking .program-toggle {
    border-left: solid 1px #9576ea;
    border-bottom: 1px solid #9576ea;
}
}

#signUp .programs-container {
  display: flex;
  flex-direction: column;
}
#signUp .programs-container .blueBtn.program {
  text-align: left;
}
#signUp .programs-container .blueBtn.program.disabled {
  pointer-events: none;
  opacity: 0.5;
}
@media (hover: hover) {
#signUp .programs-container .blueBtn.program:hover .check {
    border-color: #7ac33d;
}
}
#signUp .programs-container .blueBtn.program .check {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 0 15px 0 15px;
  border-radius: 2px;
  border: solid 1px #42b2fc;
}
#signUp .programs-container .blueBtn.program .check.radio {
  width: 16px;
  height: 16px;
  border-radius: 50%;
}
#signUp .programs-container .blueBtn.program.selected {
  background-image: none;
}
#signUp .programs-container .blueBtn.program.selected .check {
  border-color: white;
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: 15px auto;
}
@media (min-resolution: 1.5dppx) {
#signUp .programs-container .blueBtn.program.selected .check {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: 15px auto;
}
}
#signUp .programs-container .blueBtn.program.selected .check.radio {
  position: relative;
  background-image: none;
}
#signUp .programs-container .blueBtn.program.selected .check.radio::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (hover: hover) {
#signUp .programs-container .blueBtn.program.selected:hover {
    background-color: #f2ffe8 !important;
    color: #7ac33d !important;
}
#signUp .programs-container .blueBtn.program.selected:hover .check {
    border-color: #7ac33d;
    background-color: white;
    background-image: url(/modules/signup/images/green-tick-e62fe2d1.png);
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center center;
}
#signUp .programs-container .blueBtn.program.selected:hover .check.radio {
    background-image: none;
}
#signUp .programs-container .blueBtn.program.selected:hover .check.radio::before {
    background-color: #7ac33d;
}
}
@media (hover: hover) and (min-resolution: 1.5dppx) {
#signUp .programs-container .blueBtn.program.selected:hover .check {
    background-image: url(/modules/signup/images/green-tick@2x-59217ece.png);
    background-size: 15px auto;
}
}
#signUp .programs-container .program-options {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  gap: 10px;
  padding: 20px 10px 20px 10px;
}
#signUp .programs-container .description {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.signup-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  margin: 0 10px;
  font-size: 14px;
}
.signup-footer .footer-link {
  cursor: pointer;
  padding: 10px;
  color: #42b2fc;
}
@media (hover: hover) {
.signup-footer .footer-link:hover {
    text-decoration: underline;
}
}
@media screen and (max-width: 768px) {
.signup-footer {
    width: 100%;
    margin: 0 auto 10px;
    background-color: white;
}
}
@media screen and (max-width: 768px) and (max-height: 750px) {
.signup-footer {
    position: static;
}
}

body {
  margin: 0;
  padding: 0;
  font-family: 'Raleway';
  color: #000000;
  height: 100vh;
  width: 100%;
  background-color: #170707;
  font-size: 24px;
  overflow-x: hidden;
}
.blueLink {
  font-size: 16px;
  color: #42b2fc;
  font-weight: bold;
  cursor: pointer;
}
.blueLink:hover {
  text-decoration: underline;
}
.bottom10 {
  margin-bottom: 10px;
}
.bottom20 {
  margin-bottom: 20px;
}
.hideOnMobile {
  display: block;
}
.showOnMobile,
.showOnMobileInline {
  display: none;
}
.cloudsContainer {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 0;
}
.hand {
  cursor: pointer;
}
.inBlockMiddle {
  vertical-align: middle;
  display: inline-block;
}
.inBlockMiddleDesktop {
  vertical-align: middle;
  display: inline-block;
}
.inBlockTop {
  vertical-align: top;
  display: inline-block;
}
.top5 {
  margin-top: 5px;
}
.top5Switch20 {
  margin-top: 5px;
}
.top10 {
  margin-top: 10px;
}
.top15 {
  margin-top: 15px;
}
.top15Switch20 {
  margin-top: 15px;
}
.top20 {
  margin-top: 20px;
}
.left5 {
  margin-left: 5px;
}
.left15 {
  margin-left: 15px;
}
.bottom60 {
  margin-bottom: 60px;
}
.marginAuto {
  margin: auto;
}
.marginAuto20 {
  margin: 20px auto auto auto;
}
.textCenter {
  text-align: center !important;
}
@media (max-width: 520px) {
  #signUp .genericError {
    width: 95%;
  }
  #signUp .scroller .content {
    width: 98% !important;
  }
  #signUp .scroller .content .formSection.scrollable {
    max-height: calc(100vh - 50px);
    overflow-y: scroll;
  }
  #signUp .scroller .content .formSection .liType {
    width: calc(90% - 15px);
  }
  #signUp .scroller .content .formSection input {
    width: 85%;
  }
  #signUp .scroller .content .formSection input.smaller {
    width: 75%;
  }
  #signUp .scroller .content .formSection input#othersInput {
    margin: 5px 0 0 0;
    font-size: 0.8em;
  }
  #signUp .scroller .content .formSection .genderSelect .genderBox {
    width: 43%;
  }
  #signUp .termsRow p {
    width: 85%;
  }
  #signUp .whiteBtn {
    padding: 2px !important;
  }
  #signUp .whiteBtn.half {
    min-width: 0;
    font-size: 0.45em;
    margin: 2px;
  }
  #signUp .endRegister {
    padding: 5px 20px 5px 5px !important;
  }
  #signUp .registerEndDivider hr {
    width: 150px !important;
  }
}
@media (max-width: 520px) and (max-width: 768px) {
  #signUp .scroller .content .formSection .title .text {
    padding: 0 60px;
  }
}
#signUp {
  background-color: #fff;
  background-size: cover;
  -webkit-transition-duration: 1s;
  /* Safari */
  transition-duration: 1s;
  min-height: calc(100vh - 10px);
  padding-top: 10px;
  max-width: 100vw;
}
#signUp.smartick {
  background-image: linear-gradient(to top, #c8e2fe, #edf7fd);
}
#signUp.smartick .content .logoContent {
  background-image: -webkit-linear-gradient(-15deg, #42b2fc 60%, #ffffff 60%);
}
#signUp.smartick .content .logoContent .logo {
  max-width: 207px;
  max-height: 55px;
  background-image: url(/modules/signup/images/logoSmartick_white-95f6723e.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  #signUp.smartick .content .logoContent .logo {
    background-image: url(/modules/signup/images/logoSmartick_white@2x-2f63ab2e.png);
    background-size: contain;
  }
}
#signUp.chess {
  background-color: #04e1e2;
}
#signUp.chess .content .logoContent {
  background-image: -webkit-linear-gradient(-15deg, #bc784a 60%, #ffffff 60%);
}
#signUp.chess .content .logoContent .logo {
  max-width: 246px;
  max-height: 42px;
  background-image: url(/modules/signup/images/logo-smartick-chess-white-82a2ed37.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  #signUp.chess .content .logoContent .logo {
    background-image: url(/modules/signup/images/logo-smartick-chess-white@2x-c049ec8b.png);
    background-size: contain;
  }
}
#signUp.chess .content .studentConfirmation .panel {
  margin: 150px auto auto auto;
}
#signUp.student {
  background: linear-gradient(to top, #42b2fc, #42b2fc);
}
#signUp.student .content .logoContent {
  background-image: -webkit-linear-gradient(-15deg, #fba62d 60%, #ffffff 60%);
}
#signUp .cloud {
  position: absolute;
  z-index: 0;
}
#signUp .cloud.cloud1 {
  width: 320px;
  height: 130px;
  top: -200px;
}
#signUp .cloud.cloud1.tutor {
  background: url(/modules/signup/images/cloud1_student-8da1b244.png) no-repeat center;
  background-size: contain;
}
#signUp .cloud.cloud1.student {
  background: url(/modules/signup/images/cloud1_student-8da1b244.png) no-repeat center;
  background-size: contain;
}
#signUp .cloud.cloud1.static {
  top: 100px;
  left: 30px;
}
#signUp .cloud.cloud2 {
  width: 300px;
  height: 180px;
  top: -200px;
}
#signUp .cloud.cloud2.tutor {
  background: url(/modules/signup/images/cloud2_student-392d0759.png) no-repeat center;
  background-size: contain;
}
#signUp .cloud.cloud2.student {
  background: url(/modules/signup/images/cloud2_student-392d0759.png) no-repeat center;
  background-size: contain;
}
#signUp .cloud.cloud2.static {
  top: 400px;
  right: 10px;
}
#signUp .scroller {
  overflow-y: hidden;
}
#signUp .content {
  position: relative;
  margin: auto;
  width: 98%;
  max-width: 965px;
  min-width: 768px;
  background-color: #ffffff;
  border-radius: 15px;
  overflow: hidden;
  height: 700px;
  z-index: 1;
  /*@media only screen and (min-width: 710px) {
			max-width: 700px;
		}

		@media only screen and (max-width: 709px) {
			max-width: 500px;
		}*/
}
#signUp .content .alertIcon {
  width: 25px;
  height: 25px;
  background-image: url(/modules/signup/images/icon_alert-0077fb13.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .alertIcon {
    background-image: url(/modules/signup/images/icon_alert@2x-c9e74569.png);
    background-size: contain;
  }
}
#signUp .content .infoIcon-tea {
  width: 20px;
  height: 20px;
  background-image: url(/modules/signup/images/icon-info-grey-82f9f8aa.png);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  margin-left: 5px;
  margin-right: -24px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .infoIcon-tea {
    background-image: url(/modules/signup/images/icon-info-grey@2x-cd19fd08.png);
    background-size: contain;
  }
}
@media (max-width: 500px) {
  #signUp .content .infoIcon-tea {
    transform: translate(-25px, -12px);
  }
}
#signUp .content .infoIcon-tea:hover {
  cursor: pointer;
}
#signUp .content .disable {
  opacity: 0.7;
}
#signUp .content .existsPopUp {
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;
  z-index: 4;
}
#signUp .content .existsPopUp .content {
  background-color: transparent;
  position: absolute;
  margin-top: 10px;
  bottom: 0;
}
#signUp .content .existsPopUp .content .monster {
  width: 330px;
  height: 300px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-image: url(/modules/signup/images/existsMonster-a1aafa71.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .existsPopUp .content .monster {
    background-image: url(/modules/signup/images/existsMonster@2x-e4232427.png);
    background-size: contain;
  }
}
#signUp .content .existsPopUp .content .grandpa {
  width: 298px;
  height: 859px;
  position: absolute;
  left: 0;
  bottom: -455px;
  background-image: url(/modules/signup/images/exists-grandpa-2f57cde5.png);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .existsPopUp .content .grandpa {
    background-image: url(/modules/signup/images/exists-grandpa@2x-5554964f.png);
    background-size: contain;
  }
}
#signUp .content .existsPopUp .content .bubble {
  width: 490px;
  height: 180px;
  background-image: url(/modules/signup/images/textBubble-55932a97.png);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 280px;
  bottom: 150px;
  color: #000000;
  text-align: center;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .existsPopUp .content .bubble {
    background-image: url(/modules/signup/images/textBubble@2x-6663bb7a.png);
    background-size: contain;
  }
}
#signUp .content .existsPopUp .content .bubble a {
  color: inherit;
  text-decoration: none;
}
#signUp .content .existsPopUp .content .bubble .close {
  width: calc(100% - 20px);
  text-align: right;
  margin-top: 3px;
}
#signUp .content .existsPopUp .content .bubble .close .icon {
  background-image: url(/modules/signup/images/icon_close-43d04beb.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 15px;
  height: 15px;
  float: right;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .existsPopUp .content .bubble .close .icon {
    background-image: url(/modules/signup/images/icon_close@2x-16489f6a.png);
    background-size: contain;
  }
}
#signUp .content .existsPopUp .content .bubble .description {
  font-size: 18px;
  margin-top: 5px;
}
#signUp .content .existsPopUp .content .bubble span {
  color: #42b2fc;
  cursor: pointer;
}
#signUp .content .existsPopUp .content .bubble span:hover {
  text-decoration: underline;
}
#signUp .content .existsPopUp .content .bubble .title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
#signUp .content .eye {
  width: 31px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url(/modules/signup/images/icon_passwordEye_hide@2x-262e2092.png) no-repeat center;
  background-size: contain;
  cursor: pointer;
  position: absolute;
  right: 10px;
  top: 23px;
}
#signUp .content .eye.hidden {
  background: url(/modules/signup/images/icon_passwordEye@2x-af90f74e.png) no-repeat center;
  background-size: contain;
}
#signUp .content .eye.student {
  top: 9px;
}
#signUp .content .logoContent {
  width: calc(30% - 10px);
  height: 100%;
  display: inline-block;
  vertical-align: top;
}
#signUp .content .logoContent .lock {
  width: 98%;
  max-width: 171px;
  max-height: 190px;
  height: 100%;
  background-image: url(/modules/signup/images/icon_lock-1c56aa70.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 20px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .lock {
    background-image: url(/modules/signup/images/icon_lock@2x-61068f1c.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .logo {
  width: 98%;
  height: 100%;
  margin: 10px auto auto auto;
}
#signUp .content .logoContent .rocket {
  width: 98%;
  max-height: 360px;
  height: 100%;
  background-image: url(/modules/signup/images/icon_rocket-93b753a8.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 0;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .rocket {
    background-image: url(/modules/signup/images/icon_rocket@2x-992c8289.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .calendar {
  width: 98%;
  max-width: 171px;
  max-height: 190px;
  height: 100%;
  background-image: url(/modules/signup/images/icon_calendar-21d024df.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 20px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .calendar {
    background-image: url(/modules/signup/images/icon_calendar@2x-09d22e4c.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .program {
  width: 98%;
  max-width: 171px;
  max-height: 190px;
  height: 100%;
  background-image: url(/modules/signup/images/icon_program-3db78bfd.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 20px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .program {
    background-image: url(/modules/signup/images/icon_program@2x-5275632d.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .puzzle {
  width: 98%;
  max-width: 171px;
  max-height: 190px;
  height: 100%;
  background-image: url(/modules/signup/images/icon_puzzle-fed60e1d.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 20px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .puzzle {
    background-image: url(/modules/signup/images/icon_puzzle@2x-d31e8a8e.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .tag {
  width: 77%;
  height: 100%;
  background-image: url(/modules/signup/images/icon_tag_mobile-25fb3b45.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 10px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .tag {
    background-image: url(/modules/signup/images/icon_tag_mobile@2x-8ece82b1.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .piece {
  width: 98%;
  max-height: 500px;
  height: 100%;
  background-image: url(/modules/signup/images/icon-piece-912ed725.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 21px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .piece {
    background-image: url(/modules/signup/images/icon-piece@2x-0939ff93.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .chess-tag {
  width: 77%;
  height: 100%;
  background-image: url(/modules/signup/images/icon-chess-tag-c585861d.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin: 40px auto auto 34px;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .logoContent .chess-tag {
    background-image: url(/modules/signup/images/icon-chess-tag@2x-8c96fa76.png);
    background-size: contain;
  }
}
#signUp .content .logoContent .step-note {
  font-size: clamp(18px, 2vw, 21px);
  max-width: clamp(165px, 19vw, 185px);
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  margin-left: 5px;
}
@media (max-width: 768px) {
  #signUp .content .logoContent .step-note {
    display: none;
  }
}
#signUp .content .stepContent {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}
#signUp .content .inputError {
  font-size: 14px;
  color: #ffffff;
  background-color: #ff5a5f;
  margin-top: 3px;
  box-shadow: 0 2px #ff5a5f, 0 -2px #ff5a5f;
}
#signUp .content .inputError.emailExists {
  cursor: pointer;
}
#signUp .content .inputError.emailExists a {
  text-decoration: none;
  color: inherit;
}
#signUp .content .inputError.emailExists a:visited {
  color: inherit;
}
#signUp .content .inputError.emailExists b {
  color: #000000;
  text-decoration: underline;
}
#signUp .content .formSection {
  padding-top: 20px;
  box-sizing: border-box;
  -webkit-transition-duration: 0.5s;
  /* Safari */
  transition-duration: 0.5s;
  text-align: center;
}
#signUp .content .formSection .accountTypeButtonsContainer {
  min-height: 420px;
}
#signUp .content .formSection .divider {
  width: 350px;
  margin: auto;
  font-size: 18px;
  overflow: hidden;
  white-space: nowrap;
}
#signUp .content .formSection .divider .bar {
  display: inline-block;
  vertical-align: middle;
  background-color: #afb8bf;
  height: 1px;
  width: 165px;
}
#signUp .content .formSection.inactive {
  opacity: 0.3;
}
#signUp .content .formSection .title {
  text-align: center;
}
#signUp .content .formSection .title .number {
  display: inline-block;
  vertical-align: top;
  background-image: url(/modules/signup/images/arrow-7c577ca4.png);
  background-repeat: no-repeat;
  background-size: 10px auto;
  background-position: right;
  padding-right: 12px;
  font-size: 1em;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .formSection .title .number {
    background-image: url(/modules/signup/images/arrow@2x-3d976576.png);
    background-size: 10px auto;
  }
}
#signUp .content .formSection .title .number.selected {
  background-image: url(/modules/signup/images/arrow_selected-c1f9e207.png);
  background-repeat: no-repeat;
  background-size: 10px auto;
  color: #f36d21;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .formSection .title .number.selected {
    background-image: url(/modules/signup/images/arrow_selected@2x-4ac9ea8e.png);
    background-size: 10px auto;
  }
}
#signUp .content .formSection .title .text {
  display: inline-block;
  vertical-align: top;
  font-size: 22px;
  font-weight: 600;
  width: 83%;
}
#signUp .content .formSection .title .text.noStudentPassword {
  font-size: 18px;
  font-weight: initial;
}
#signUp .content .formSection .title .description {
  font-size: 0.8em;
  margin-top: 8px;
}
#signUp .content .formSection .liType {
  width: 300px;
  height: 36px;
  margin: 20px auto;
  cursor: pointer;
  font-size: 20px;
  text-align: left;
  border-radius: 8px;
  padding-top: 9px;
  padding-left: 4px;
}
#signUp .content .formSection .liType.liApple {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
#signUp .content .formSection .liType.liEmail {
  background-color: #f6fbff;
  color: #42b2fc;
  border: 1px solid #cbeaff;
}
#signUp .content .formSection .liType.liExist {
  background-color: #fff3e5;
  color: #414040;
}
#signUp .content .formSection .liType.liFacebook {
  background-color: #1877F2;
  color: #ffffff;
}
#signUp .content .formSection .liType.liGoogle {
  color: #ffffff;
  padding: 0;
  height: 45px;
}
#signUp .content .formSection .liType.liGoogle.isMobile {
  background-color: #1a73e8;
  padding-top: 9px;
  padding-left: 4px;
  height: 36px;
}
#signUp .content .formSection .liType img {
  height: 28px;
  width: 28px;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 4px;
}
#signUp .content .formSection .upperFirst {
  text-transform: capitalize;
}
#signUp .content .formSection input:-webkit-autofill,
#signUp .content .formSection input:-webkit-autofill:hover,
#signUp .content .formSection input:-webkit-autofill:focus,
#signUp .content .formSection input:-webkit-autofill:active {
  -webkit-text-fill-color: #000000;
  -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
#signUp .content .formSection input,
#signUp .content .formSection .inputs-width {
  width: 440px;
  box-sizing: border-box;
}
#signUp .content .formSection input {
  background: none !important;
  border: 1px solid #a3c1d6;
  font-size: 20px;
  color: #000000;
  font-family: Raleway;
  margin: 40px 0 0 0;
  border-radius: 0;
  text-align: center;
}
#signUp .content .formSection input.smaller {
  width: 400px;
}
#signUp .content .formSection input::placeholder {
  color: #000000;
}
#signUp .content .formSection input:focus {
  outline: none;
  border-bottom: 1px solid #a3c1d6;
}
#signUp .content .formSection input.special-need-detail {
  margin: 10px 0 0 0;
  border-radius: 5px;
  text-align: left;
  padding: 10px 10px;
}
#signUp .content .formSection input.special-need-detail::placeholder {
  font-size: 17px;
  opacity: 0.3;
}
#signUp .content .formSection .special-need-detail--container {
  align-self: stretch;
}
#signUp .content .formSection .genderSelect {
  margin: auto;
  text-align: center;
}
#signUp .content .formSection .genderSelect .genderBox {
  width: 203px;
  height: 203px;
  background-color: #edf6fc;
  border: 1px solid transparent;
  border-radius: 5px;
  display: inline-block;
  vertical-align: top;
  margin: 20px 5% 5px 5%;
  text-align: center;
  cursor: pointer;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  position: relative;
}
#signUp .content .formSection .genderSelect .genderBox .check {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 10px;
  left: 10px;
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-transition-duration: 1s;
  /* Safari */
  transition-duration: 1s;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .formSection .genderSelect .genderBox .check {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: contain;
  }
}
#signUp .content .formSection .genderSelect .genderBox img {
  height: 120px;
  margin-top: 35px;
}
#signUp .content .formSection .genderSelect .genderBox:hover {
  background-color: #f2ffe8;
  border: 1px solid #7ac43d;
}
#signUp .content .formSection .genderSelect .genderBox:hover .selectContainer .letter {
  background-color: #ffffff;
  color: #000000;
}
#signUp .content .formSection .genderSelect .genderBox.selected {
  background-color: #7ac43d;
}
#signUp .content .formSection .genderSelect .genderBox .selectContainer {
  width: 65px;
  height: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #fff;
  border-radius: 3px;
  margin: auto;
  padding: 5px;
  font-size: 0.66em;
}
#signUp .content .formSection .genderSelect .genderBox .selectContainer .letter {
  height: 18px;
  width: 20px;
  background-color: rgba(255, 255, 255, 0.3);
  color: #ffffff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 3px;
  display: inline-block;
}
#signUp .content .formSection .introContainer {
  height: 54px;
}
#signUp .content .formSection .registerEndDivider {
  font-weight: 100;
  font-size: 16px;
}
#signUp .content .formSection .registerEndDivider hr {
  width: 155px;
}
#signUp .content .formSection .registerAddAnother {
  margin: 25px auto;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
}
#signUp .content .formSection .specialOptions {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  justify-items: stretch;
  border: solid 1px #cbeaff;
  border-radius: 5px;
  background: #f6fbff;
}
#signUp .content .formSection .specialOptions .options {
  height: 155px;
  font-size: 16px;
  overflow-y: auto;
  overflow-x: hidden;
  text-align: left;
  padding: 5px 10px;
}
@media (min-width: 500px) {
  #signUp .content .formSection .specialOptions .options {
    width: 400px;
    font-size: 18px;
  }
}
@media (max-width: 900px) {
  #signUp .content .formSection .specialOptions .options {
    height: 130px;
  }
}
@media (max-height: 700px) and (max-width: 768px) {
  #signUp .content .formSection .specialOptions .options {
    height: 110px;
  }
}
@media (max-height: 600px) and (max-width: 768px) {
  #signUp .content .formSection .specialOptions .options {
    height: 80px;
  }
}
#signUp .content .formSection .specialOptions .options .option {
  margin: 0 0 5px 0;
  display: flex;
}
#signUp .content .formSection .specialOptions .options .option .radioLabel {
  max-width: calc(100% - 30px);
}
#signUp .content .formSection .specialOptions .options .option .specialLabel {
  padding-top: 3px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
#signUp .content .formSection .specialOptions .options .specialRadio {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
#signUp .content .formSection .specialOptions .options .specialRadio input[type=checkbox] {
  visibility: hidden;
}
#signUp .content .formSection .specialOptions .options .specialRadio label {
  cursor: pointer;
  position: absolute;
  width: 14px;
  height: 14px;
  top: 3px;
  left: 3px;
  border: solid 1px #cbeaff;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
}
#signUp .content .formSection .specialOptions .options .specialRadio label:after {
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: 11px auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .formSection .specialOptions .options .specialRadio label:after {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: 11px auto;
  }
}
#signUp .content .formSection .specialOptions .options .specialRadio input[type=checkbox]:checked + label {
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: 11px auto;
  background-position: center;
  background-color: #7ac43d;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .formSection .specialOptions .options .specialRadio input[type=checkbox]:checked + label {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: 11px auto;
  }
}
#signUp .content .formSection .specialOptions .options.inactive input[type=checkbox]:not(:checked),
#signUp .content .formSection .specialOptions .option.inactive input[type=checkbox]:not(:checked) {
  pointer-events: none;
  opacity: 0.3;
}
#signUp .content .formSection .specialOptions .options.inactive input[type=checkbox]:not(:checked) + label,
#signUp .content .formSection .specialOptions .option.inactive input[type=checkbox]:not(:checked) + label {
  pointer-events: none;
  opacity: 0.3;
}
#signUp .content .formSection .specialOptions .options.inactive .specialLabel.unchecked,
#signUp .content .formSection .specialOptions .option.inactive .specialLabel.unchecked {
  opacity: 0.3;
  pointer-events: none;
}
#signUp .content .formSection .specialOptions .selected {
  height: 50px;
  box-sizing: border-box;
  background: #f6fbff;
  border-bottom: solid 1px #cbeaff;
  overflow: hidden;
  font-size: 15px;
  text-align: left;
  padding: 0 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#signUp .content .formSection .specialOptions .selected .selectedItem {
  border: 1px solid #bdbdbd;
  margin: 2px 5px;
  border-radius: 5px;
  flex-shrink: 1;
  min-width: 0;
  display: flex;
}
#signUp .content .formSection .specialOptions .selected .selectedItem .title {
  padding: 6px;
  display: inline-block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  font-size: 12px;
  vertical-align: bottom;
}
#signUp .content .formSection .specialOptions .selected .selectedItem .close {
  display: inline-block;
  font-size: 30px;
  margin: 0px 5px 0px 0px;
  line-height: 20px;
}
#signUp .content .formSection .specialOptions .selected .selectedItem .close:hover {
  cursor: pointer;
}
#signUp .content .formSection .specialOptions .selected .empty {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #bdbdbd;
}
#signUp .content .formSection.columnFlex {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  height: 100%;
}
#signUp .content.newRegister {
  background: url(/modules/signup/images/registerPhoto-49bf1c42.png) no-repeat bottom right #ffffff;
  background-size: contain;
  box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.3);
}
#signUp .content.newRegister .backBtn {
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  background-color: #73cc25;
  cursor: pointer;
  border-radius: 25px;
  align-items: center;
}
#signUp .content.newRegister .backBtn:active {
  background-color: #63b024 !important;
}
#signUp .content.newRegister .backBtn:hover {
  background-color: #8ee046;
}
#signUp .content.newRegister .backBtn .icon {
  width: 15px;
  height: 15px;
  background: url(/modules/signup/images/icon_arrowBack_white-1c00434f.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister.bg2 {
  background: url(/modules/signup/images/registerPhoto2-d02b0bd8.png) no-repeat bottom right #ffffff;
  background-size: contain;
}
#signUp .content.newRegister.bg3 {
  background: url(/modules/signup/images/registerPhoto3-d291abb1.png) no-repeat bottom right #ffffff;
  background-size: contain;
}
#signUp .content.newRegister.bg4 {
  background: url(/modules/signup/images/registerPhoto4-c2dd6c9f.png) no-repeat top #ffffff;
  background-size: contain;
}
#signUp .content.newRegister .conditionsPopUp .closeRow {
  border-color: #42b2fc;
}
#signUp .content.newRegister .conditionsPopUp iframe {
  border-color: #42b2fc;
}
#signUp .content.newRegister .customCheckbox {
  position: relative;
  display: inline-block;
  width: 15px;
  height: 15px;
}
#signUp .content.newRegister .customCheckbox input[type=checkbox] {
  visibility: hidden;
}
#signUp .content.newRegister .customCheckbox label {
  cursor: pointer;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
  border: 0.5px solid #3e3c3d;
  background: #ffffff;
  border-radius: 2px;
}
#signUp .content.newRegister .customCheckbox label.error {
  border-color: #e42b00;
}
#signUp .content.newRegister .customCheckbox label.special {
  border: 0.5px solid #a0a0a0;
}
#signUp .content.newRegister .customCheckbox input[type=checkbox]:checked + label {
  background: url(/modules/signup/images/checkboxCheck-d27e54c4.png) no-repeat center #30a2ed;
  background-size: 13px;
  border-color: transparent;
}
#signUp .content.newRegister .eye {
  right: 3px;
  top: 18px;
}
#signUp .content.newRegister .eye.student {
  top: 18px;
}
#signUp .content.newRegister .greenButton {
  max-width: 260px;
  height: 23px;
  border-radius: 20px;
  padding: 10px 10px;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  border: solid 2px #7ac43d;
  color: #7ac43d;
  text-align: center;
  background: #ffffff;
}
#signUp .content.newRegister .greenButton:active {
  background: #da4c0e;
}
#signUp .content.newRegister .greenButton.big {
  max-width: 260px;
}
#signUp .content.newRegister .greenButton:hover {
  border-radius: 20px;
  background: #7ac43d;
  color: #ffffff;
}
#signUp .content.newRegister .greenButton.inactive {
  border-radius: 20px;
  border: solid 1px #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
}
#signUp .content.newRegister .greenButton.endRegister {
  max-width: 220px;
  margin: 20px auto 0 auto;
}
#signUp .content.newRegister .greenSmallBtn {
  max-width: 90px;
  height: 20px;
  border-radius: 3px;
  padding: 5px 5px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  border: solid 1px #63b024;
  color: #ffffff;
  background: #63b024;
  text-align: center;
  margin: auto;
}
#signUp .content.newRegister .greenSmallBtn:hover {
  background: #ffffff;
  color: #63b024;
}
#signUp .content.newRegister .inputError {
  background: transparent;
  width: auto;
  color: #e42b00;
  font-size: 11px;
}
#signUp .content.newRegister .inputErrorContainer {
  height: 16px;
  width: 100%;
  margin-top: 3px;
}
#signUp .content.newRegister .logo {
  width: 143px;
  height: 36px;
  background: url(/modules/signup/images/logoSmartick_blue-82834791.png) no-repeat center;
  background-size: contain;
  margin: 10px auto 5px 20px;
}
#signUp .content.newRegister .mainTitle {
  text-align: center;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  margin-top: -20px;
}
#signUp .content.newRegister .newInputs input {
  width: 300px;
  height: 40px;
  border-radius: 6px;
  border: solid 0.5px #a7dbfd;
  margin-top: 5px;
  font-size: 16px;
  padding: 0 0 0 5px;
  font-family: Raleway;
}
#signUp .content.newRegister .newInputs input:focus {
  border-color: #42b2fc;
  background-color: #f0f9ff;
  outline: none;
}
#signUp .content.newRegister .newInputs input::placeholder {
  color: rgba(180, 180, 180, 0.8);
  font-family: Raleway;
  font-size: 12px;
}
#signUp .content.newRegister .newInputs input.withError {
  border: solid 0.5px #e42b00;
}
#signUp .content.newRegister .newInputs .inputDesc {
  font-size: 12px;
  color: #8b8b8b;
  margin-top: 3px;
}
#signUp .content.newRegister .newInputs .inputTitle {
  font-size: 14px;
  color: #3e3e3e;
  font-weight: 500;
}
#signUp .content.newRegister .registerContent {
  width: calc(49% - 30px);
  padding-left: 30px;
  display: inline-block;
  vertical-align: top;
}
#signUp .content.newRegister .registerContent .another {
  font-size: 14px;
  color: #8b8b8b;
  font-weight: bold;
  text-decoration: underline;
  cursor: pointer;
}
#signUp .content.newRegister .registerContent .formBox {
  width: 425px;
  height: 377px;
  border: 1px solid #a7dbfd;
  border-radius: 5px;
  margin-top: 5px;
  padding: 5px 10px;
  position: relative;
  overflow: hidden;
  font-size: 14px;
  color: #8b8b8b;
  overflow-y: auto;
  background-color: #ffffff;
}
#signUp .content.newRegister .registerContent .formBox .deleteAnother {
  width: calc(100% + 20px);
  height: 20px;
  padding-top: 5px;
  background: #42b2fc;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  margin: 10px auto -10px -10px;
  font-weight: bold;
}
#signUp .content.newRegister .registerContent .formBox .deleteAnother:hover {
  background: #30a2ed;
}
#signUp .content.newRegister .registerContent .formBox .gender {
  display: inline-block;
  vertical-align: top;
  margin: auto 10px;
  text-align: center;
}
#signUp .content.newRegister .registerContent .formBox input {
  width: 290px;
  margin-top: 5px;
}
#signUp .content.newRegister .registerContent .formBox input.small {
  width: 210px;
}
#signUp .content.newRegister .registerContent .formBox input.smaller {
  width: 185px;
}
#signUp .content.newRegister .registerContent .formBox.noBorderNoBg {
  border: none;
  background-color: transparent;
}
#signUp .content.newRegister .registerContent .formBox.noPrograms {
  height: 320px;
}
#signUp .content.newRegister .registerContent .formBox .program {
  font-size: 13px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  margin-top: 10px;
}
#signUp .content.newRegister .registerContent .formBox .program.big {
  width: 37%;
}
#signUp .content.newRegister .registerContent .formBox .specialBox {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  top: 0;
  left: 0;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer {
  width: 340px;
  height: 260px;
  background: #ffffff;
  border-radius: 5px;
  border: solid 0.5px #b4b4b4;
  box-shadow: 0 0 20px 5px #b4b4b4;
  margin: 30px auto auto auto;
  font-size: 16px;
  color: #8b8b8b;
  position: relative;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer ::-webkit-scrollbar {
  width: 6px;
}
@media (max-width: 360px) {
  #signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer {
    width: 98%;
    font-size: 14px;
  }
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer ::-webkit-scrollbar-track {
  background: #e3e3e3;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer ::-webkit-scrollbar-thumb {
  background: #c0c0c0;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer ::-webkit-scrollbar-thumb:hover {
  background: #b4b4b4;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer .closeBtn {
  font-size: 20px;
  color: #000000;
  position: absolute;
  top: -3px;
  right: 3px;
  font-weight: bold;
  cursor: pointer;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer input {
  font-size: 11px;
  max-width: calc(100% - 40px);
  margin: auto;
  height: 30px;
  border-radius: 2px;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer .option {
  margin: 15px 0;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer .specialScroller {
  height: 130px;
  overflow-y: scroll;
  border-bottom: 1px solid #b4b4b4;
  width: calc(100% - 20px);
  padding: 0 10px;
  margin-top: 15px;
}
#signUp .content.newRegister .registerContent .formBox .specialBox .specialContainer .title {
  font-size: 14px;
  color: #000000;
  text-align: center;
  font-weight: bold;
  margin-top: 10px;
}
#signUp .content.newRegister .registerContent .formBox .halfBlock {
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
}
#signUp .content.newRegister .registerContent .formBox .halfBlock.h1 {
  max-width: 190px;
}
#signUp .content.newRegister .registerContent .formBox .halfBlock.h2 {
  max-width: 220px;
}
#signUp .content.newRegister .registerContent .formContainer {
  max-width: 345px;
  margin: auto;
}
#signUp .content.newRegister .registerContent .successScreen .checkboxInfo {
  max-width: calc(100% - 30px);
}
#signUp .content.newRegister .registerContent .successScreen .checkboxInfo .checkBoxTitle {
  font-size: 16px;
  color: #000000;
  font-weight: bold;
  margin: 10px 0 5px 0;
}
#signUp .content.newRegister .registerContent .successScreen .checkboxInfo .desc {
  font-size: 16px;
  color: #888888;
}
#signUp .content.newRegister .registerContent .successScreen ul {
  padding-left: 20px;
}
#signUp .content.newRegister .rightSide {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  color: #000000;
  margin-top: 67px;
}
#signUp .content.newRegister .rightSide .congrats {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin-top: -45px;
}
#signUp .content.newRegister .rightSide.full {
  width: 100%;
  margin-top: 0;
}
#signUp .content.newRegister .rightSide.m2 {
  margin-top: 42px;
}
#signUp .content.newRegister .rightSide .next {
  font-weight: 500;
  font-size: 20px;
  margin-top: 320px;
}
#signUp .content.newRegister .rightSide .photoContent {
  width: 380px;
  height: 125px;
  position: absolute;
  bottom: 5px;
  right: 5px;
}
#signUp .content.newRegister .rightSide .photoContent .photo {
  width: 100%;
  height: 220px;
  background: url(/modules/signup/images/registerPhoto-49bf1c42.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .photoContent .photo.p2 {
  background: url(/modules/signup/images/registerPhoto2-d02b0bd8.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .photoContent .photo.p3 {
  background: url(/modules/signup/images/registerPhoto3-d291abb1.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .photoContent .photo.p4 {
  background: url(/modules/signup/images/registerPhoto4-c2dd6c9f.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .photoContent .photoText {
  font-size: 14px;
  color: #ffffff;
  margin-top: 5px;
}
#signUp .content.newRegister .rightSide .photoContent .photoTitle {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
}
#signUp .content.newRegister .rightSide .photoContent ul {
  padding-left: 20px;
  margin: 10px 0 0 0;
}
#signUp .content.newRegister .rightSide .sectionContent {
  margin-top: 50px;
}
#signUp .content.newRegister .rightSide .sectionContent .description {
  font-size: 14px;
  font-weight: 500;
  margin-top: 10px;
}
#signUp .content.newRegister .rightSide .sectionContent .description b {
  text-decoration: underline;
  cursor: pointer;
}
#signUp .content.newRegister .rightSide .sectionContent .description.link {
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  color: orange;
  font-size: 16px;
}
#signUp .content.newRegister .rightSide .sectionContent .half {
  width: 35%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
}
#signUp .content.newRegister .rightSide .sectionContent .middle {
  width: 10%;
  display: inline-block;
  vertical-align: top;
}
#signUp .content.newRegister .rightSide .sectionContent .note {
  font-size: 12px;
  color: #888888;
  margin-top: 15px;
}
#signUp .content.newRegister .rightSide .sectionContent .stores {
  text-align: center;
  margin-top: 30px;
}
#signUp .content.newRegister .rightSide .sectionContent .stores .description b {
  text-decoration: none;
  cursor: auto;
}
#signUp .content.newRegister .rightSide .sectionContent .stores .store {
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
#signUp .content.newRegister .rightSide .sectionContent .stores .store.apple {
  width: 90px;
  background: url(/modules/signup/images/appStore-92e36cfb.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .sectionContent .stores .store.google {
  width: 105px;
  background: url(/modules/signup/images/googlePlay-f5f8bda4.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .rightSide .sectionContent .title {
  font-size: 21px;
  font-weight: bold;
}
#signUp .content.newRegister .socials .or {
  font-size: 14px;
  height: 14px;
  color: #d4d4d4;
  width: 315px;
}
#signUp .content.newRegister .socials .or .bar {
  width: 40%;
  height: 1px;
  display: inline-block;
  vertical-align: middle;
  background-color: #d4d4d4;
}
#signUp .content.newRegister .socials .or .text {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  width: 15%;
}
#signUp .content.newRegister .socials .socialType {
  height: 22px;
  cursor: pointer;
  font-size: 14px;
  margin-bottom: 10px;
  padding: 8px;
  max-width: 290px;
  border-radius: 3px;
  font-family: 'Roboto', sans-serif;
  /*google font*/
}
#signUp .content.newRegister .socials .socialType img {
  height: 20px;
  width: 20px;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  border-radius: 4px;
}
#signUp .content.newRegister .socials .socialType.setInline {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 245px;
}
#signUp .content.newRegister .socials .socialType.socialApple {
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}
#signUp .content.newRegister .socials .socialType.socialFacebook {
  background-color: #ffffff;
  color: #1877F2;
  border: 1px solid #1877F2;
}
#signUp .content.newRegister .socials .socialType.socialGoogle {
  background-color: #ffffff;
  color: #3e3e3e;
  border: 1px solid #cae9fe;
}
#signUp .content.newRegister .specialLabel {
  color: #8b8b8b;
  font-size: 12px;
  vertical-align: middle;
}
#signUp .content.newRegister .stepContent {
  width: 100%;
  margin-top: 15px;
}
#signUp .content.newRegister .stepContent.reduceMargin {
  margin-top: 20px;
}
#signUp .content.newRegister .stepIndicator {
  position: relative;
  margin: 5px auto auto auto;
}
#signUp .content.newRegister .stepIndicator .ball {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
#signUp .content.newRegister .stepIndicator .ball .completedTick {
  position: absolute;
  top: 4px;
  right: -14px;
  background: url(/modules/signup/images/icon_stepTick_green-e766c9be.png) no-repeat center;
  background-size: contain;
  width: 15px;
  height: 11px;
}
#signUp .content.newRegister .stepIndicator .ball.lock {
  width: 41px;
  height: 45px;
  background: url(/modules/signup/images/icon_parentAccount-d44272b3.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .ball.lock.active {
  width: 50px;
  height: 45px;
  background: url(/modules/signup/images/icon_parentAccount_completed-ae67fd73.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .ball.student {
  width: 41px;
  height: 45px;
  background: url(/modules/signup/images/icon_studentAccount-d7afd21b.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .ball.student.active {
  background: url(/modules/signup/images/icon_studentAccount_active-92bb1151.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .ball.rocket {
  width: 41px;
  height: 45px;
  background: url(/modules/signup/images/icon_rocketStep-c9f7478b.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .ball.rocket.active {
  background: url(/modules/signup/images/icon_rocketStep_active-3ad0411f.png) no-repeat center;
  background-size: contain;
}
#signUp .content.newRegister .stepIndicator .bar {
  width: 80px;
  height: 3px;
  background-color: #d0f1ff;
  display: inline-block;
  vertical-align: middle;
}
#signUp .content.newRegister .stepIndicator .bar.completed {
  background-color: #7ac43d;
}
#signUp .content.newRegister .stepLabels {
  width: 100%;
  max-width: 400px;
  margin: -10px auto auto auto;
}
#signUp .content.newRegister .stepLabels .label {
  font-size: 13px;
  color: #8b8b8b;
  text-align: center;
  top: 10px;
  font-weight: 500;
  max-width: 150px;
  width: 32%;
  display: inline-block;
  vertical-align: middle;
}
#signUp .content.newRegister .stepLabels .label.active {
  color: #000000;
  font-weight: bold;
}
#signUp .content.newRegister .stepLabels .label.completed {
  color: #474747;
}
#signUp .content.newRegister .stepLabels .label.l1 {
  left: -65px;
}
#signUp .content.newRegister .stepLabels .label.l2 {
  left: 65px;
}
#signUp .content.newRegister .stepLabels .label.l3 {
  right: -65px;
}
#signUp .content.newRegister .stepTitle {
  font-size: 18px;
  color: #010101;
  font-weight: bold;
}
#signUp .content.newRegister .stepTitle span {
  color: #7ac43d;
  font-size: 16px;
}
#signUp .content.newRegister .termsWarning {
  font-size: 12px;
  color: #8b8b8b;
}
#signUp .content.newRegister .termsWarning b {
  cursor: pointer;
  text-decoration: underline;
}
#signUp .content.newRegister .termsWarning p {
  margin: 0;
}
#signUp .content.newRegister .tutorPassword {
  position: relative;
  width: fit-content;
  display: block;
}
#signUp .content .orangeButton {
  max-width: 180px;
  height: 20px;
  border-radius: 12px;
  background-image: linear-gradient(to bottom, #f67f3b, #f36121);
  padding: 10px 10px;
  font-size: 0.66em;
  font-weight: bold;
  cursor: pointer;
  border: solid 1px #f36d21;
  color: #ffffff;
}
#signUp .content .orangeButton.inactive {
  border: solid 1px #ffffff;
  background-color: rgba(255, 255, 255, 0.3);
}
#signUp .content .orangeButton:active {
  background: #da4c0e;
}
#signUp .content .orangeButton:hover {
  border: solid 1px #f69259;
  background: #f69259;
}
#signUp .content .orangeButton.endRegister {
  max-width: 220px;
  margin: 20px auto 0 auto;
}
#signUp .content .registerContent {
  min-height: 520px;
}
@media (max-height: 700px) and (max-width: 768px) {
  #signUp .content .registerContent {
    min-height: 70vh;
  }
}
#signUp .content .registerContent .tutorTitle {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#signUp .content .registerContent .tutorDescription {
  font-size: 0.8em;
  text-align: center;
  margin-top: 10px;
}
#signUp .content .registered {
  font-size: 16px;
  margin: 0;
}
#signUp .content .registered a {
  color: #42b2fc;
  font-weight: bold;
  cursor: pointer;
  text-decoration: none;
}
#signUp .content .registered a:hover {
  text-decoration: underline;
}
#signUp .content .registered a:active {
  text-decoration: none;
  color: #000000;
}
#signUp .content .smallLoader {
  height: 30px;
  width: 30px;
  background: url(/modules/signup/images/loader-ebe80588.gif) no-repeat center;
  background-size: 25px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
#signUp .content .studentConfirmation {
  width: 100%;
  height: 100%;
  background: rgba(3, 3, 3, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}
#signUp .content .studentConfirmation .panel {
  position: relative;
  margin: 200px auto auto auto;
  background: #ffffff;
  border: 1px solid #e5f4ff;
  border-radius: 8px;
  width: 580px;
  height: 290px;
  color: #000000;
  text-align: center;
  box-sizing: border-box;
}
#signUp .content .studentConfirmation .panel .another {
  color: #42b2fc;
  font-size: 17px;
  font-weight: bold;
  cursor: pointer;
  margin-top: 30px;
}
#signUp .content .studentConfirmation .panel .another:hover {
  text-decoration: underline;
}
#signUp .content .studentConfirmation .panel .monster {
  position: absolute;
  height: 150px;
  width: 245px;
  background-image: url(/modules/signup/images/confirmationMonster-79056c9e.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -151px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .studentConfirmation .panel .monster {
    background-image: url(/modules/signup/images/confirmationMonster@2x-57a8f925.png);
    background-size: contain;
  }
}
#signUp .content .studentConfirmation .panel .children {
  position: absolute;
  height: 146px;
  width: 245px;
  background-image: url(/modules/signup/images/confirmation-chess-a1f1b4a3.png);
  background-repeat: no-repeat;
  background-size: contain;
  top: -147px;
  left: 0;
  right: 0;
  margin: auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .studentConfirmation .panel .children {
    background-image: url(/modules/signup/images/confirmation-chess@2x-ccb3d9a2.png);
    background-size: contain;
  }
}
#signUp .content .studentConfirmation .panel .orangeButton {
  margin: 40px auto auto auto;
}
#signUp .content .studentConfirmation .panel .subtitle {
  font-size: 22px;
  font-weight: bold;
  margin-top: 30px;
}
#signUp .content .studentConfirmation .panel .title {
  font-size: 27px;
  font-weight: bold;
  margin-top: 50px;
  padding: 0 10px;
}
#signUp .content .studentPassword {
  position: relative;
  display: inline;
}
#signUp .content .tutorPassword {
  position: relative;
  display: inline;
}
#signUp .content .tutorInputs {
  margin: 15px auto auto auto;
  text-align: center;
  width: 360px;
}
#signUp .content .tutorInputs .tutor-terms-block {
  margin-bottom: 20px;
  text-align: left;
}
#signUp .content .tutorInputs .customCheckbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 25px;
  vertical-align: bottom;
  margin-right: 5px;
  margin-left: 6px;
}
#signUp .content .tutorInputs .customCheckbox input[type=checkbox] {
  visibility: hidden;
}
#signUp .content .tutorInputs .customCheckbox label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 25px;
  top: 0;
  left: 0;
  background-image: url(/modules/signup/images/checkboxOff_black-e3542007.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .tutorInputs .customCheckbox label {
    background-image: url(/modules/signup/images/checkboxOff_black@2x-fc34fda9.png);
    background-size: 20px auto;
  }
}
#signUp .content .tutorInputs .customCheckbox label:after {
  background-image: url(/modules/signup/images/checkboxOn_black-e384967a.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .tutorInputs .customCheckbox label:after {
    background-image: url(/modules/signup/images/checkboxOn_black@2x-14ba259e.png);
    background-size: 20px auto;
  }
}
#signUp .content .tutorInputs .customCheckbox input[type=checkbox]:checked + label {
  background-image: url(/modules/signup/images/checkboxOn_black-e384967a.png);
  background-size: 20px auto;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #signUp .content .tutorInputs .customCheckbox input[type=checkbox]:checked + label {
    background-image: url(/modules/signup/images/checkboxOn_black@2x-14ba259e.png);
    background-size: 20px auto;
  }
}
#signUp .content .tutorInputs .inputsContainer {
  width: 100%;
  margin: auto;
}
#signUp .content .tutorInputs .inputsContainer .type {
  font-size: 20px;
  font-weight: 600;
  color: #42b2fc;
  margin-top: 5px;
}
#signUp .content .tutorInputs label {
  font-size: 12px;
  color: #000000;
}
#signUp .content .tutorInputs label.error {
  color: #ff5a5f;
  font-weight: bold;
}
#signUp .content .tutorInputs label span {
  font-weight: bold;
  color: #42b2fc;
  cursor: pointer;
}
#signUp .content .tutorInputs label span:hover {
  text-decoration: underline;
}
#signUp .content .tutorInputs .orangeButton {
  margin: 5px auto auto auto;
}
#signUp .content .tutorInputs .phone {
  font-size: 14px;
  color: #000000;
  margin-top: 15px;
}
#signUp .content .tutorInputs .phone input {
  width: calc(100% - 20px);
  height: 40px;
  border: solid 1px #b8c1c4;
  border-radius: 6px;
  text-align: center;
  font-size: 18px;
  margin-top: 3px;
  font-family: Raleway;
}
#signUp .content .tutorInputs .phone input.br {
  width: calc(100% - 60px);
  display: inline-block;
  vertical-align: middle;
}
#signUp .content .tutorInputs .phone input.ddd {
  width: 40px;
  display: inline-block;
  vertical-align: middle;
}
#signUp .content .tutorInputs .phone input::placeholder {
  font-size: 15px;
}
#signUp .content .introText {
  font-size: 0.5em;
  margin: 0 0 0 5px;
}
#signUp .exit {
  font-size: 14px;
  color: #ff5a5f;
  font-weight: bold;
  margin-top: 5px;
  cursor: pointer;
}
#signUp .exit:hover {
  text-decoration: underline;
}
#signUp .termsRow {
  margin-bottom: 20px;
}
#signUp .termsRow p {
  font-size: 0.75em;
  font-weight: bold;
  max-width: 450px;
  margin: 5px 0 0 0;
}
#signUp .termsRow p .hl {
  color: #f36d21;
}
#signUp .customCheckbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px;
}
#signUp .customCheckbox input[type=checkbox] {
  visibility: hidden;
}
#signUp .customCheckbox label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-image: url(/modules/signup/images/checkboxOff-27289527.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
}
@media (min-resolution: 1.5dppx) {
  #signUp .customCheckbox label {
    background-image: url(/modules/signup/images/checkboxOff@2x-67d5dfc2.png);
    background-size: 20px auto;
  }
}
#signUp .customCheckbox label:after {
  background-image: url(/modules/signup/images/checkboxOn-eb07ede2.png);
  background-repeat: no-repeat;
  background-size: 20px auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .customCheckbox label:after {
    background-image: url(/modules/signup/images/checkboxOn@2x-0c38957b.png);
    background-size: 20px auto;
  }
}
#signUp .customCheckbox input[type=checkbox]:checked + label {
  background-image: url(/modules/signup/images/checkboxOn-eb07ede2.png);
  background-size: 20px auto;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (min-resolution: 1.5dppx) {
  #signUp .customCheckbox input[type=checkbox]:checked + label {
    background-image: url(/modules/signup/images/checkboxOn@2x-0c38957b.png);
    background-size: 20px auto;
  }
}
#signUp .customRadio {
  position: relative;
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  margin: auto;
}
#signUp .customRadio input[type=radio] {
  visibility: hidden;
  width: auto !important;
  height: auto !important;
}
#signUp .customRadio label {
  cursor: pointer;
  position: absolute;
  width: 17px;
  height: 17px;
  top: 0;
  left: 0;
  border: 1px solid #b4b4b4;
  border-radius: 50px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
}
#signUp .customRadio label.error {
  border-color: #e42b00;
}
#signUp .customRadio input[type=radio]:checked + label {
  background: radial-gradient(farthest-side, #3e3e3e 49%, 50%, transparent 60%, transparent 50%, transparent) center / 25px 25px;
}
#signUp .checkBoxP span {
  cursor: pointer;
}
#signUp .checkBoxP span.terms {
  text-decoration: underline;
}
#signUp .blueBtn {
  min-width: 150px;
  min-height: 25px;
  max-width: 205px;
  border-radius: 3px;
  background-color: #edf6fc;
  border: 1px solid transparent;
  cursor: pointer;
  padding: 10px 5px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  color: #42b2fc;
  margin: 10px auto;
}
#signUp .blueBtn.inline {
  margin: 10px 30px;
  display: inline-block;
}
@media (hover: hover) {
  #signUp .blueBtn:hover {
    background-color: #f2ffe8;
    border: 1px solid #7ac43d;
    color: #7ac43d;
  }
}
#signUp .blueBtn.selected {
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: 13px auto;
  background-position: 15px;
  background-color: #7ac43d !important;
  color: #ffffff !important;
}
@media (min-resolution: 1.5dppx) {
  #signUp .blueBtn.selected {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: 13px auto;
  }
}
#signUp .blueBtn.half {
  width: 42%;
}
#signUp .whiteBtn {
  min-width: 150px;
  min-height: 20px;
  max-width: 300px;
  border-radius: 3px;
  border: solid 1px #ffffff;
  cursor: pointer;
  padding: 5px 15px 5px 5px;
  margin: 5px;
  -webkit-transition-duration: 0.4s;
  /* Safari */
  transition-duration: 0.4s;
  font-size: 0.66em;
}
#signUp .whiteBtn:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
#signUp .whiteBtn.selected {
  background-image: url(/modules/signup/images/btnCheck-bab7ddbd.png);
  background-repeat: no-repeat;
  background-size: 13px auto;
}
@media (min-resolution: 1.5dppx) {
  #signUp .whiteBtn.selected {
    background-image: url(/modules/signup/images/btnCheck@2x-9703134f.png);
    background-size: 13px auto;
  }
}
#signUp .whiteBtn.half {
  width: 42%;
}
#signUp .errorMessage {
  max-width: 350px;
  padding: 5px;
  border-radius: 3px;
  background-color: #c80315;
  color: #ffffff;
  margin-top: 10px;
  font-size: 0.66em;
}
#signUp .errorMessage span {
  cursor: pointer;
  text-decoration: underline;
}
#signUp .genericError {
  width: 420px;
  min-height: 20px;
  padding: 5px;
  border-radius: 3px;
  background-color: #c80315;
  color: #ffffff;
  font-size: 0.66em;
  position: fixed;
  margin: 20px auto auto auto;
  z-index: 2;
}
#signUp .genericError span {
  cursor: pointer;
  text-decoration: underline;
}
#signUp .conditionsPopUp {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  top: 0;
  left: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#signUp .conditionsPopUp .popUpContent {
  max-width: 650px;
  width: calc(100% - 20px);
  max-height: 500px;
  height: calc(100% - 70px);
  position: relative;
  overflow: inherit;
}
#signUp .conditionsPopUp .closeRow {
  position: absolute;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 2px solid orange;
  border-radius: 50px;
  color: #000000;
  top: -15px;
  right: -10px;
  padding: 2px;
  font-weight: bold;
  cursor: pointer;
  font-size: 15px;
}
#signUp .conditionsPopUp iframe {
  width: 100%;
  height: 100%;
  background: #fff;
  border: 2px solid orange;
  border-radius: 13px;
}
#signUp .popUp {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}
#signUp .popUp.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
#signUp .popUp .puContent {
  max-width: 500px;
  width: 98%;
  max-height: 500px;
  height: calc(98vh - 50px);
  margin-top: 5%;
  position: relative;
  overflow: inherit;
  background-color: #ffffff;
  border-radius: 5px;
  border: 1px solid #e5f4ff;
  padding: 5px;
  cursor: default;
}
#signUp .popUp .puContent .btn-close-puContent {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 25px;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
}
#signUp .popUp .puContent.phonePopUp {
  max-height: 400px;
}
#signUp .popUp .puContent.phonePopUp .message {
  max-width: 80%;
  margin: 15px auto;
  font-size: 16px;
}
#signUp .popUp .puContent.phonePopUp .optional {
  font-size: 18px;
  font-weight: bold;
}
#signUp .popUp .puContent.loader {
  margin: 5% auto auto auto;
  width: 100px;
  height: 50px;
}
#signUp .popUp .puContent.loader .loaderIcon {
  width: 20px;
  height: 20px;
  background: url(/modules/signup/images/loaderGray-824b71ed.gif) no-repeat center;
  background-size: contain;
  margin: 15px auto auto auto;
}
#signUp .popUp .puContent.success {
  max-width: 570px;
  width: 95%;
  height: 300px;
  box-shadow: 0 11px 40px 0 rgba(0, 0, 0, 0.3);
  border-radius: 15px;
  margin: 130px auto auto auto;
  text-align: center;
}
#signUp .popUp .puContent.success .greenButton {
  margin: 40px auto auto auto;
}
#signUp .popUp .puContent.success .message {
  color: #010101;
  font-size: 22px;
  font-weight: bold;
  margin-top: 140px;
  position: relative;
  z-index: 1;
}
#signUp .popUp .puContent.success .rocket {
  max-width: 575px;
  height: 300px;
  background: url(/modules/signup/images/rocket-fc752ede.png) no-repeat bottom center;
  background-size: contain;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 120px;
  margin: auto;
  z-index: 0;
}
#signUp .popUp .puContent.info {
  position: relative;
  max-width: 350px;
  max-height: 200px;
  font-size: 15px;
  text-align: left;
  padding: 15px;
  height: auto;
}
.progressSection {
  width: 100%;
  text-align: center;
}
.progressSection .progressContainer {
  width: 100%;
  margin: 5px auto auto auto;
}
.progressSection .progressContainer .percentageText {
  font-size: min(3vw, 18px) !important;
  margin: 0 0 3px 0;
  color: rgba(0, 0, 0, 0.2);
}
.progressSection .progressContainer .percentageBarBg {
  height: 12px;
  background-color: #edf6fc;
  overflow: hidden;
  border-radius: 6px;
  width: 90%;
  max-width: 580px;
  margin: auto;
}
.progressSection .progressContainer .percentageBarBg .percentageBar {
  height: 100%;
  background-color: #7ac43d;
  border-radius: 6px;
}
.navButtons {
  margin-top: 10px;
  margin-left: 10px;
  position: relative;
}
.navButtons .prev {
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 45px;
  background-image: url(/modules/signup/images/btn_navPrev-026061ab.png);
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.25));
}
@media (min-resolution: 1.5dppx) {
  .navButtons .prev {
    background-image: url(/modules/signup/images/btn_navPrev@2x-d43b585e.png);
    background-size: contain;
  }
}
@media screen and (max-width: 768px) {
  .hideOnMobile {
    display: none;
  }
  .inBlockMiddleDesktop {
    display: block;
  }
  .showOnMobile {
    display: block;
  }
  .showOnMobileInline {
    display: inline-block;
    vertical-align: middle;
  }
  #signUp {
    padding-top: 5px;
    padding-bottom: 5px;
    overflow-x: hidden;
  }
  #signUp .blueBtn.noHover:hover {
    background-color: #edf6fc;
    border: 1px solid transparent;
    color: #42b2fc;
  }
  #signUp.smartick .content .logoContent {
    background: #42b2fc;
    background-image: none;
  }
  #signUp.smartick .content .logoContent .logo {
    height: 27px;
    margin: 20px;
  }
  #signUp.chess .content .logoContent {
    background: #bc784a;
    background-image: none;
  }
  #signUp.chess .content .logoContent .logo {
    width: 100%;
    max-width: 200px;
    height: 27px;
    margin: 20px;
  }
  #signUp.chess .content .logoContent .registeredContainer {
    width: 200px;
  }
  #signUp .content {
    width: calc(100% - 10px);
    min-height: calc(100vh - 15px);
    margin: auto;
    min-width: 310px;
    height: auto;
  }
  #signUp .content .existsPopUp .content .bubble {
    width: 250px;
    height: 180px;
    left: 0;
    bottom: auto;
    right: 0;
    top: 90px;
    margin: auto;
    background: url(/modules/signup/images/textBubble_mobile@2x-280f322d.png) no-repeat center;
    background-size: contain;
  }
  #signUp .content .existsPopUp .content .bubble .close {
    width: calc(100% - 13px);
    margin-top: 4px;
  }
  #signUp .content .existsPopUp .content .bubble .description {
    font-size: 14px;
    line-height: 0.5;
  }
  #signUp .content .existsPopUp .content .bubble span {
    display: block;
  }
  #signUp .content .existsPopUp .content .bubble .title {
    font-size: 18px;
  }
  #signUp .content .existsPopUp .content .monster {
    width: 80px;
    height: 160px;
    position: absolute;
    left: 0;
    bottom: auto;
    top: 120px;
    background: url(/modules/signup/images/existsMonster_mobile@2x-50028d75.png) no-repeat center;
    background-size: contain;
  }
  #signUp .content .formSection .accountTypeButtonsContainer {
    min-height: auto;
  }
  #signUp .content .formSection .genderSelect .genderBox {
    width: 143px;
    height: 143px;
    margin: 20px 1% 5px 1%;
  }
  #signUp .content .formSection .genderSelect .genderBox img {
    margin-top: 10px;
  }
  #signUp .content .formSection input,
  #signUp .content .formSection .inputs-width {
    width: calc(100% - 30px);
    max-width: 440px;
  }
  #signUp .content .formSection .title .description {
    margin-bottom: -10px;
  }
  #signUp .content .formSection .title .text {
    font-size: 22px;
  }
  #signUp .content .formSection .veil {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
  }
  #signUp .content .logoContent {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  #signUp .content .logoContent .icon {
    display: none;
  }
  #signUp .content .logoContent .calendar {
    max-width: 121px;
    max-height: 140px;
    margin: 10px auto auto auto;
  }
  #signUp .content .logoContent .lock {
    max-width: 121px;
    max-height: 140px;
    margin: 10px auto auto auto;
  }
  #signUp .content .logoContent .logo {
    width: 102px;
    height: 27px;
    margin: 20px;
  }
  #signUp .content .logoContent .navButtons {
    position: absolute;
    bottom: -10px;
    left: 0;
  }
  #signUp .content .logoContent .program {
    max-width: 121px;
    max-height: 140px;
    margin: 10px auto auto auto;
  }
  #signUp .content .logoContent .puzzle {
    max-width: 121px;
    max-height: 140px;
    margin: 10px auto auto auto;
  }
  #signUp .content .logoContent .registeredContainer {
    width: 130px;
    line-height: 1.6;
    margin: 10px;
  }
  #signUp .content .logoContent .registeredContainer .registered {
    color: #ffffff;
    font-size: 12px;
  }
  #signUp .content .logoContent .registeredContainer .registered a {
    color: #ffffff;
    text-decoration: underline;
  }
  #signUp .content .logoContent .rocket {
    width: 100%;
    height: 100%;
    background: url(/modules/signup/images/icon_rocket_mobile-4132ae46.png) no-repeat 0%;
    background-size: auto 100%;
    margin: auto;
  }
  #signUp .content .logoContent .tag {
    max-width: 171px;
    max-height: 140px;
    margin: 10px auto auto auto;
  }
  #signUp .content.newRegister {
    background: #ffffff !important;
    box-shadow: none;
    width: 100%;
  }
  #signUp .content.newRegister .customCheckbox {
    width: 20px;
    height: 20px;
  }
  #signUp .content.newRegister .customCheckbox label {
    width: 20px;
    height: 20px;
  }
  #signUp .content.newRegister .eye {
    top: 23px;
  }
  #signUp .content.newRegister .eye.student {
    top: 23px;
  }
  #signUp .content.newRegister .greenButton {
    margin: auto;
  }
  #signUp .content.newRegister .logo {
    margin: 10px auto 0 auto;
  }
  #signUp .content.newRegister .newInputs input {
    height: 50px;
    border-width: 2px;
  }
  #signUp .content.newRegister .newInputs input::placeholder {
    font-size: 14px;
  }
  #signUp .content.newRegister .registerContent {
    width: 100%;
    padding: 0;
    display: block;
  }
  #signUp .content.newRegister .registerContent .formBox {
    width: calc(100% - 10px);
    height: auto !important;
    border: none;
    overflow: initial;
    margin: auto;
    padding: 0;
  }
  #signUp .content.newRegister .registerContent .formBox .deleteAnother {
    width: 275px;
    height: 33px;
    padding-top: 17px;
    border-radius: 5px;
    margin: 20px auto auto auto;
  }
  #signUp .content.newRegister .registerContent .formBox .gender {
    margin: 0 20px 0 0;
  }
  #signUp .content.newRegister .registerContent .formBox .halfBlock {
    display: block;
    max-width: inherit;
  }
  #signUp .content.newRegister .registerContent .formBox .halfBlock.h2 {
    margin-top: 20px;
  }
  #signUp .content.newRegister .registerContent .formBox input.small {
    width: 290px;
  }
  #signUp .content.newRegister .registerContent .formBox input.smaller {
    width: 290px;
  }
  #signUp .content.newRegister .registerContent .formBox .program {
    text-align: left;
    width: 100%;
    display: block;
    font-size: 15px;
  }
  #signUp .content.newRegister .registerContent .formBox .program.big {
    width: 100%;
  }
  #signUp .content.newRegister .registerContent .formBox .specialBox {
    position: fixed;
    z-index: 1;
  }
  #signUp .content.newRegister .rightSide {
    width: 100%;
    display: block;
    margin-top: 40px;
  }
  #signUp .content.newRegister .rightSide .photoContent {
    width: 90%;
    height: auto;
    bottom: 5px;
    text-align: center;
  }
  #signUp .content.newRegister .rightSide .photoContent ul {
    list-style-position: inside;
  }
  #signUp .content.newRegister .rightSide .sectionContent {
    margin: 0;
  }
  #signUp .content.newRegister .rightSide .sectionContent .half {
    width: calc(100% - 25px);
    display: block;
    margin: 30px auto auto auto;
  }
  #signUp .content.newRegister .rightSide .sectionContent .middle {
    display: none;
  }
  #signUp .content.newRegister .socials .socialType {
    width: 290px;
  }
  #signUp .content.newRegister .stepContent {
    margin-top: 20px;
  }
  #signUp .content.newRegister .stepLabels {
    display: none;
  }
  #signUp .content .registerContent .tutorTitle {
    font-size: 22px;
  }
  #signUp .content .registerContent .tutorDescription {
    font-size: 20px;
  }
  #signUp .content .stepContent {
    width: 100%;
  }
  #signUp .content .stepContent .progressSection {
    position: fixed;
    bottom: 0px;
    width: calc(100% - 10px);
  }
  #signUp .content .stepContent .progressSection .progressContainer .percentageBarBg {
    width: 100%;
    max-width: 100%;
  }
  #signUp .content .stepContent .progressSection .progressContainer .percentageText {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    color: #83909a;
    font-weight: bold;
    font-size: 12px !important;
  }
  #signUp .content .studentConfirmation {
    position: fixed;
    top: 0;
  }
  #signUp .content .studentConfirmation .panel {
    margin: 120px auto auto auto;
    width: 98%;
    max-width: 520px;
  }
  #signUp .content .studentConfirmation .panel .another {
    font-size: min(4.5vw, 17px);
  }
  #signUp .content .studentConfirmation .panel .monster {
    height: 130px;
    width: 205px;
    top: -129px;
  }
  #signUp .content .studentConfirmation .panel .subtitle {
    font-size: min(5vw, 22px);
  }
  #signUp .content .studentConfirmation .panel .title {
    font-size: min(5.5vw, 27px);
  }
  #signUp .content .tutorInputs {
    max-width: 360px;
    width: calc(100% - 10px);
    padding-bottom: 15px;
  }
  #signUp.test2 {
    background: #ffffff;
  }
  .textCenterOnMobile {
    text-align: center;
  }
  .top5Switch20 {
    margin-top: 20px;
  }
  .top15Switch20 {
    margin-top: 20px;
  }
}
@media screen and (max-width: 599px) {
  #signUp .content.newRegister .registerContent .formContainer {
    max-width: 310px;
  }
  #signUp .content.newRegister .rightSide .photoContent {
    background: url(/modules/signup/images/propsBand_mobile-e8800b5c.png) no-repeat center top;
    background-size: 600px 356px;
    width: 100%;
    height: 200px;
    padding-top: 50px;
    position: relative;
    padding-bottom: 160px;
  }
  #signUp .content.newRegister .rightSide .photoContent .textContainer {
    margin: auto;
    max-width: 435px;
    padding: 0 5px;
  }
  #signUp .content.newRegister .rightSide .photoContent .overlappingBg {
    background: url(/modules/signup/images/registerPhoto_mobile-d4f165db.png) no-repeat center;
    background-size: 600px;
    height: 300px;
    width: 100%;
    position: absolute;
    bottom: 0;
  }
  #signUp .content.newRegister .rightSide .photoContent .overlappingBg.bg2 {
    background: url(/modules/signup/images/registerPhoto2_mobile-c6b1f0eb.png) no-repeat bottom right;
  }
}
@media screen and (min-width: 600px) and (max-width: 768px) {
  #signUp .content.newRegister {
    background: url(/modules/signup/images/registerPhoto_tablet-0e998f55.png) no-repeat center bottom #ffffff !important;
    background-size: 768px;
  }
  #signUp .content.newRegister.bg2 {
    background: url(/modules/signup/images/registerPhoto2_tablet-8ba603b0.png) no-repeat center;
    background-size: 768px;
  }
  #signUp .content.newRegister .rightSide .photoContent {
    background: url(/modules/signup/images/propsBand_tablet-d921012c.png) no-repeat center top;
    background-size: 467px ;
    width: 100%;
    height: 200px;
    padding-top: 32px;
    padding-bottom: 0;
    position: relative;
  }
  #signUp .content.newRegister .rightSide .photoContent .overlappingBg {
    display: none;
  }
  #signUp .content.newRegister .rightSide .photoContent .textContainer {
    margin: auto;
    max-width: 345px;
  }
}
@media screen and (min-width: 769px) and (max-height: 700px) {
  .wrapper {
    margin: 0 auto 0 auto !important;
  }
}
@media screen and (min-width: 769px) and (min-height: 700px) {
  .wrapper {
    margin: calc((100vh - 700px)/2) auto 0 auto !important;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 14/9) {
  .wrapper {
    max-width: 1100px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 15/9) {
  .wrapper {
    width: 1200px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 16/9) {
  .wrapper {
    width: 1250px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 17/9) {
  .wrapper {
    width: 1340px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 18/9) {
  .wrapper {
    width: 1420px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 19/9) {
  .wrapper {
    width: 1500px;
  }
}
@media screen and (min-width: 769px) and (min-aspect-ratio: 20/9) {
  .wrapper {
    width: 1580px;
  }
}