/*---------------------------------------------------
    LESS Elements 0.9
  ---------------------------------------------------
    A set of useful LESS mixins
    More info at: http://lesselements.com
  ---------------------------------------------------*/
.rich[contenteditable="true"] {
  -webkit-user-modify: read-only;
  -moz-user-modify: read-only;
  user-modify: read-only;
}
/* Colors */
/* Фильтры для svg иконок https://codepen.io/sosuke/pen/Pjoqqp */
/* Breakpoints */
/* Base heading style */
/* Base button style */
/* old colors */
/* Fonts */
/* variables */
/* filters https://codepen.io/sosuke/pen/Pjoqqp */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes button-loading {
  0% {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
  }
  50% {
    background-color: #717171;
    border-color: #717171;
  }
  100% {
    background-color: #F2F2F2;
    border-color: #F2F2F2;
  }
}
.c-row {
  position: relative;
}
.c-row input {
  height: 44px;
}
.c-row input,
.c-row textarea {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 16px;
  font-family: "Ubuntu", "Arial", "Helvetica Neue", sans-serif;
  line-height: 21px;
  padding: 12px 15px;
  color: #000;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  transition: all 0.35s;
  resize: none;
}
.c-row input:focus,
.c-row textarea:focus,
.c-row input:hover,
.c-row textarea:hover {
  border: 1px solid #000;
}
.c-row input:-webkit-autofill,
.c-row textarea:-webkit-autofill,
.c-row input:-webkit-autofill:hover,
.c-row textarea:-webkit-autofill:hover,
.c-row input:-webkit-autofill:focus,
.c-row textarea:-webkit-autofill:focus,
.c-row input:-webkit-autofill:active,
.c-row textarea:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
.c-row input::placeholder,
.c-row textarea::placeholder {
  color: #9D9D9D;
}
.c-row.has-content,
.c-row.active {
  border-color: #000;
}
.c-row.error input {
  border: 1px solid #DE0D00;
}
.c-row.error .c-status {
  background-repeat: no-repeat;
  background-image: url('/skin/frontend/lite/masterclub/icons/Dismiss_Circle_24_Filled.svg');
  background-position: center;
  filter: invert(12%) sepia(100%) saturate(5416%) hue-rotate(5deg) brightness(91%) contrast(105%);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  transform: translateY(-50%);
  right: 12px;
  z-index: 1;
}
.c-row.error .input-status {
  display: none;
}
.c-row.error .error,
.c-row.error .check-failed {
  color: #DE0D00;
  font-size: 12px;
  line-height: 16px;
}
.c-row.valid .error {
  display: none;
}
.c-row .fl {
  display: none;
}
.c-row > label {
  display: inline-block;
  color: #9D9D9D;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  position: relative;
  top: -5px;
}
.c-row > label span {
  color: #EF7D05;
}
.c-row .input-status {
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
}
.c-row .input-status .error {
  color: #DE0D00;
}
.c-row .input-status .success {
  color: #2EBA30;
}
.c-row label.error {
  display: block;
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #DE0D00;
}
.c-input,
.c-textarea {
  position: relative;
}
.c-input input,
.c-textarea input {
  height: 44px;
}
.c-input input,
.c-textarea input,
.c-input textarea,
.c-textarea textarea {
  position: relative;
  display: block;
  font-weight: 400;
  font-size: 16px;
  font-family: "Ubuntu", "Arial", "Helvetica Neue", sans-serif;
  line-height: 21px;
  padding: 12px 15px;
  color: #000;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #C1C1C1;
  border-radius: 4px;
  transition: all 0.35s;
  resize: none;
}
.c-input input:focus,
.c-textarea input:focus,
.c-input textarea:focus,
.c-textarea textarea:focus,
.c-input input:hover,
.c-textarea input:hover,
.c-input textarea:hover,
.c-textarea textarea:hover {
  border: 1px solid #000;
}
.c-input input:-webkit-autofill,
.c-textarea input:-webkit-autofill,
.c-input textarea:-webkit-autofill,
.c-textarea textarea:-webkit-autofill,
.c-input input:-webkit-autofill:hover,
.c-textarea input:-webkit-autofill:hover,
.c-input textarea:-webkit-autofill:hover,
.c-textarea textarea:-webkit-autofill:hover,
.c-input input:-webkit-autofill:focus,
.c-textarea input:-webkit-autofill:focus,
.c-input textarea:-webkit-autofill:focus,
.c-textarea textarea:-webkit-autofill:focus,
.c-input input:-webkit-autofill:active,
.c-textarea input:-webkit-autofill:active,
.c-input textarea:-webkit-autofill:active,
.c-textarea textarea:-webkit-autofill:active {
  box-shadow: 0 0 0 30px white inset !important;
}
.c-input input::placeholder,
.c-textarea input::placeholder,
.c-input textarea::placeholder,
.c-textarea textarea::placeholder {
  color: #9D9D9D;
}
.c-input.has-content,
.c-textarea.has-content,
.c-input.active,
.c-textarea.active {
  border-color: #000;
}
.c-input.error input,
.c-textarea.error input {
  border: 1px solid #DE0D00;
}
.c-input.error .c-status,
.c-textarea.error .c-status {
  background-repeat: no-repeat;
  background-image: url('/skin/frontend/lite/masterclub/icons/Dismiss_Circle_24_Filled.svg');
  background-position: center;
  filter: invert(12%) sepia(100%) saturate(5416%) hue-rotate(5deg) brightness(91%) contrast(105%);
  width: 20px;
  height: 20px;
  position: absolute;
  top: 24px;
  transform: translateY(-50%);
  right: 12px;
  z-index: 1;
}
.c-input.error .input-status,
.c-textarea.error .input-status {
  display: none;
}
.c-input.error .error,
.c-textarea.error .error,
.c-input.error .check-failed,
.c-textarea.error .check-failed {
  color: #DE0D00;
  font-size: 12px;
  line-height: 16px;
}
.c-input.valid .error,
.c-textarea.valid .error {
  display: none;
}
.c-checkbox input {
  position: absolute;
  opacity: 0;
  width: 0;
}
.c-checkbox label {
  display: block;
  position: relative;
  padding: 2px 2px 2px 30px;
  font-size: 14px;
  line-height: 130%;
  color: #000;
  cursor: pointer;
}
.c-checkbox label .count {
  color: #000;
}
.c-checkbox label::before,
.c-checkbox label::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 4px;
  width: 18px;
  height: 18px;
  transition: all 0.35s;
  transform: translateY(-50%);
  border-radius: 4px;
  box-sizing: border-box;
}
.c-checkbox label::before {
  z-index: 1;
  border-width: 2px;
  border-style: solid;
  border-color: #C1C1C1;
  background-color: #fff;
}
.c-checkbox label::after {
  z-index: 2;
  background-repeat: no-repeat;
  background-image: url('/skin/frontend/lite/masterclub/icons/icon-check.svg');
  background-position: center;
  background-size: 0 auto;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(73deg) brightness(100%) contrast(103%);
  transform-origin: center;
}
.c-checkbox input:checked + label::before {
  border-color: #EF7D05;
  background-color: #EF7D05;
}
.c-checkbox input:checked + label::after {
  background-size: 12px auto;
  transition-delay: 0.1s;
}
.c-radio input {
  position: absolute;
  opacity: 0;
  width: 0;
}
.c-radio input:focus + label:before {
  border-color: #C1C1C1;
}
.c-radio input:checked + label:before {
  border: 6px solid #EF7D05;
}
.c-radio label {
  position: relative;
  font-size: 16px;
  line-height: 140%;
  color: #000;
  padding: 0 0 0 26px;
  cursor: pointer;
}
.c-radio label:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 2px solid #C1C1C1;
  border-radius: 50%;
  box-sizing: border-box;
}
.c-radio label:focus::before,
.c-radio label:hover::before {
  transition: all 0.35s;
  border-color: #000;
}
.c-switch__item {
  width: 37px;
  height: 20px;
  position: relative;
  display: inline-block;
}
.c-switch__round {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #A0A0A0;
  border-radius: 40px;
  transition: all 0.35s;
  border: 2px solid #A0A0A0;
}
.c-switch__round::before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 1px;
  background-color: #FFFFFF;
  transition: all 0.35s;
  border-radius: 50%;
}
.c-switch__text {
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  margin-left: 14px;
}
.c-switch__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-switch__label:hover {
  cursor: pointer;
}
.c-switch__label.active .c-switch__round {
  background-color: #EF7D05;
  border-color: #EF7D05;
}
.c-switch__label.active .c-switch__round::before {
  background-color: #FFFFFF;
  right: 2px;
  left: unset;
}
#gender-row .controls {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}