.form-field-select {
  width:100%;
  position:relative;
  display:flex;
  flex-direction:column
}

.form-field-select .arrow {
  display:block;
  position:absolute;
  margin-top:-3px;
  top:50%;
  right:15px;
  width:10px;
  height:6px;
  transition:all .3s ease;
  color:currentColor;
  line-height:.4
}

.form-field-select .arrow svg {
  display:block
}

.form-field-select .select-outer {
  position:relative;
  min-height:46px
}

.form-field-select .atom-custom-select {
  display:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.form-field-select .dropdown-container {
  min-height:46px
}

.form-field-select .dropdown-select {
  cursor:pointer;
  display:flex;
  position:relative;
  border:1px solid transparent;
  width:100%;
  min-height:46px;
  font-size:15px;
  line-height:1.466;
  font-weight:400;
  padding:0 40px 0 15px;
  border-radius:4px;
  background-color:#fff;
  color:#1b1b1c;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  transition:all .3s ease
}

.form-field-select .dropdown-select .selected {
  display:inline-flex;
  align-items:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding-right:20px
}

.is-pointer .form-field-select .dropdown-select:hover .arrow {
  opacity:1
}

.select-container-in-body {
  position:absolute;
  top:0;
  left:0;
  visibility:hidden;
  color:#1b1b1c;
  z-index:2499
}

.select-container-in-body.rise {
  z-index:100000
}

.select-container-in-body .overlay {
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto
}

.select-container-in-body .dropdown-select-ul {
  position:absolute;
  width:100%;
  background-color:#fff;
  border-radius:4px;
  top:0;
  padding:0;
  max-height:234px;
  overflow-y:auto;
  opacity:0;
  list-style:none;
  transition-delay:.1s;
  transition:opacity .18s cubic-bezier(.21,.67,.58,1),transform .3s cubic-bezier(.21,.67,.58,1);
  box-shadow:0 3px 10px rgba(0,0,0,.08);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.select-container-in-body .dropdown-select-ul.sharp {
  border-radius:0
}

.select-container-in-body .dropdown-select-ul .option-e {
  cursor:pointer;
  display:flex;
  align-items:center;
  list-style:none;
  padding-left:15px;
  width:calc(100% - 15px);
  border:0;
  min-height:46px;
  line-height:1.466;
  font-size:15px;
  font-weight:400;
  box-sizing:content-box;
  position:relative
}

.select-container-in-body .dropdown-select-ul .option-e:before {
  content:"";
  height:1px;
  width:calc(100% - 30px);
  display:block;
  margin:0 15px;
  position:absolute;
  background:#f4f4f4;
  bottom:0;
  left:0
}

.select-container-in-body .dropdown-select-ul .option-e:last-of-type:before {
  content:none
}

.select-container-in-body .dropdown-select-ul .option-e.selected {
  color:rgba(27,27,28,.49)
}

.is-pointer .select-container-in-body .dropdown-select-ul .option-e:hover {
  background-color:#f4f4f4
}

.is-pointer .select-container-in-body .dropdown-select-ul .option-e:hover .option-e:before {
  background:#f4f4f4
}

.select-container-in-body .dropdown-select-ul::-webkit-scrollbar {
  width:3px;
  height:90%
}

.select-container-in-body .dropdown-select-ul::-webkit-scrollbar-track {
  background:0
}

.select-container-in-body .dropdown-select-ul::-webkit-scrollbar-thumb {
  background-color:rgba(0,0,0,.2);
  border-radius:3px
}

.select-container-in-body.active {
  visibility:visible
}

.select-container-in-body.active .dropdown-select-ul {
  opacity:1;
  transform:translateZ(0)
}

.select-container-in-body.size--large .option-e {
  min-height:56px;
  line-height:1.334;
  font-size:16px;
  display:flex;
  align-items:center
}

body.adaptive-mobile .form-fields .form-field-select .dropdown-container,body.adaptive-mobile .form-fields .form-field-select .select-outer,body.adaptive-mobile .quiz-fields .form-field-select .dropdown-container,body.adaptive-mobile .quiz-fields .form-field-select .select-outer {
  min-height:46px
}

body.adaptive-mobile .form-fields .form-field-select .dropdown-select,body.adaptive-mobile .quiz-fields .form-field-select .dropdown-select {
  font-size:16px;
  min-height:46px
}

body.adaptive-mobile .form-fields .form-field-select .atom-custom-select,body.adaptive-mobile .quiz-fields .form-field-select .atom-custom-select {
  text-size-adjust:120%;
  -webkit-text-size-adjust:120%;
  -webkit-appearance:none;
  font-size:16px;
  display:block;
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  z-index:1;
  opacity:0
}

.component-form {
  display:flex;
  flex-flow:column;
  width:100%;
  font-size:15px
}

.component-form .form-fields-advanced,.component-form .form-info {
  grid-area:none
}

.component-form .form-fields {
  order:0
}

.component-form .form-submit,.component-form .policy-data-warning {
  order:20
}

.component-form .captcha-global-error {
  order:21
}

.component-form .policy-data-warning--checkbox {
  order:1;
  margin-top:30px
}

.component-form .form-submit {
  position:relative;
  margin-top:20px;
  text-align:left
}

.component-form .form-field-submit[disabled] {
  pointer-events:none;
  opacity:.65
}

.component-form .form-field-submit .btn-text {
  opacity:1;
  transition:opacity .3s ease
}

.component-form.submitting .form-field-submit .btn-text,.component-form.submitting .form-field-submit .component-icon {
  opacity:0
}

.component-form.submitting .submitting-status {
  display:block;
  opacity:1;
  visibility:visible
}

.component-form.submitting .submitting-status svg {
  transform:scale(1)
}

.component-form.success .form-field-submit .btn-text,.component-form.success .form-field-submit .component-icon {
  opacity:0
}

.component-form.success .success-icon {
  transition:opacity .45s,visibility .45s,transform .3s cubic-bezier(.25,1,.1,3);
  opacity:1;
  visibility:visible;
  transform:translate3d(-50%,-50%,0) scale(1)
}

body.adaptive-desktop .component-form {
  max-width:450px
}

body.adaptive-desktop .component-form.inline {
  max-width:950px;
  display:grid;
  grid-template-columns:1fr fit-content(30%)
}

body.adaptive-desktop .component-form.inline.fields-count-1 {
  max-width:550px
}

body.adaptive-desktop .component-form.inline.fields-count-2 {
  max-width:750px
}

body.adaptive-desktop .component-form.inline.fields-count-3 {
  max-width:950px
}

body.adaptive-desktop .component-form.inline.fields-count-4 {
  max-width:unset
}

body.adaptive-desktop .component-form.inline .form-fields,body.adaptive-desktop .component-form.inline .form-submit {
  grid-row-start:1;
  transition:padding .3s ease
}

body.adaptive-desktop .component-form.inline .form-fields.has-error,body.adaptive-desktop .component-form.inline .form-fields.has-error~.form-submit {
  padding-bottom:22px
}

body.adaptive-desktop .component-form.inline .form-fields {
  display:inline-flex;
  flex-flow:row nowrap;
  align-items:flex-end;
  width:100%
}

body.adaptive-desktop .component-form.inline .form-fields .error {
  position:absolute;
  top:100%;
  left:0;
  height:20px;
  line-height:16px
}

body.adaptive-desktop .component-form.inline .form-fields .form-field[data-type=checkbox] {
  padding-right:20px
}

body.adaptive-desktop .component-form.inline .form-fields .form-field+.form-field[data-type=checkbox] {
  padding-left:10px
}

body.adaptive-desktop .component-form.inline .form-field {
  flex-grow:1;
  flex-basis:100%;
  padding:0 10px 0 0;
  margin:0;
  display:flex;
  align-items:flex-end
}

body.adaptive-desktop .component-form.inline .form-field[data-type=checkbox] {
  flex-grow:0;
  flex-basis:auto
}

body.adaptive-desktop .component-form.inline .form-field-checkbox-item {
  max-width:100%;
  height:46px;
  display:inline-flex;
  align-items:center
}

body.adaptive-desktop .component-form.inline .form-field-checkbox-item__name {
  white-space:nowrap;
  text-overflow:ellipsis;
  overflow:hidden;
  max-width:270px
}

body.adaptive-desktop .component-form.inline .form-submit {
  position:relative;
  margin:0;
  display:flex;
  align-items:flex-end
}

body.adaptive-desktop .component-form.inline .form-submit .btn-content {
  width:100%
}

body.adaptive-desktop .component-form.inline .btn-text {
  display:block;
  white-space:nowrap;
  overflow:hidden;
  word-wrap:break-word;
  text-overflow:ellipsis
}

body.adaptive-desktop .component-form.inline.style-underlined {
  padding-top:4px
}

body.adaptive-desktop .component-form.inline.style-underlined .form-field {
  padding:0 15px 0 0
}

body.adaptive-desktop .component-form.inline .captcha-global-error {
  grid-column:1/-1
}

body.adaptive-desktop .component-form.inline .policy-data-warning {
  margin-top:10px;
  text-align:inherit;
  grid-column:1/-1
}

body.adaptive-desktop .component-form.inline .policy-data-warning+.policy-data-warning {
  margin-top:10px
}

.component-form .component-button.submitting .btn-text,.component-form .component-button.submitting .component-icon,.component-quiz .component-button.submitting .btn-text,.component-quiz .component-button.submitting .component-icon {
  opacity:0
}

.component-form .component-button.submitting .submitting-status,.component-quiz .component-button.submitting .submitting-status {
  display:block;
  opacity:1;
  visibility:visible
}

.component-form .component-button.submitting .submitting-status svg,.component-quiz .component-button.submitting .submitting-status svg {
  transform:scale(1)
}

.component-form .component-button.success .btn-text,.component-form .component-button.success .component-icon,.component-quiz .component-button.success .btn-text,.component-quiz .component-button.success .component-icon {
  opacity:0
}

.component-form .component-button.success .success-icon,.component-quiz .component-button.success .success-icon {
  transition:opacity .45s,visibility .45s,transform .3s cubic-bezier(.25,1,.1,3);
  opacity:1;
  visibility:visible;
  transform:translate3d(-50%,-50%,0) scale(1)
}

.form-field-delivery-item {
  display:block;
  position:relative;
  width:100%;
  border:1px solid transparent;
  min-height:46px;
  font-size:15px;
  line-height:1.466;
  font-weight:400;
  padding:12px 15px;
  word-break:keep-all;
  margin-bottom:10px;
  cursor:pointer
}

.is-pointer .form-field-delivery-item:hover .form-field-delivery-item__box {
  opacity:.57
}

.form-field-delivery-item:last-child {
  margin-bottom:0
}

.form-field-delivery-item__box {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
  border-radius:4px;
  border:1px solid currentColor;
  opacity:.15;
  pointer-events:none;
  transition:opacity .3s ease
}

.form-field-delivery-item__title {
  font-weight:400;
  padding-right:20px
}

.form-field-delivery-item__title .delimiter,.form-field-delivery-item__title .item-price {
  font-weight:400;
  opacity:.7
}

.form-field-delivery-item__title .delimiter {
  margin:0 1ex
}

.form-field-delivery-item__desc {
  font-size:13px;
  line-height:16px;
  margin-top:8px;
  opacity:.5;
  white-space:pre-wrap
}

.form-field-delivery-item__min-total {
  display:flex;
  align-items:center;
  justify-items:center;
  font-size:13px;
  line-height:14px;
  margin-top:10px;
  opacity:.5
}

.form-field-delivery-item__min-total span {
  margin-left:5px
}

.form-field-delivery-item__input {
  display:none
}

.form-field-delivery-item__input:checked~.form-field-delivery-item__box {
  border-width:2px;
  opacity:1!important
}

.form-field-delivery-item__input:checked~.form-field-delivery-item__arrow {
  opacity:1!important;
  visibility:visible
}

.form-field-delivery-item__input:checked~.form-field-delivery-item__title {
  font-weight:500
}

.form-field-delivery-item__arrow {
  position:absolute;
  top:15px;
  right:15px;
  width:16px;
  height:16px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  z-index:0;
  transition:all .3s ease
}

.form-field-delivery-fields {
  padding:20px 0 0;
  display:none
}

.form-field-delivery-fields--active {
  display:block
}

.form-field-delivery-wrap .form-field-delivery-item--blocked {
  cursor:default;
  background:rgba(34,17,34,.02)
}

.form-field-delivery-wrap .form-field-delivery-item--blocked .form-field-delivery-item__input:checked~.form-field-delivery-item__box {
  border-width:2px;
  opacity:.4
}

.form-field-delivery-wrap .form-field-delivery-item--blocked .form-field-delivery-item__input:checked~.form-field-delivery-item__arrow {
  opacity:.4;
  visibility:visible
}

.form-field-delivery-wrap .form-field-delivery-item--only {
  cursor:default;
  background:rgba(34,17,34,.02)
}

.form-field-delivery-wrap .form-field-delivery-item--only .form-field-delivery-item__box {
  opacity:.57!important
}

.form-field-delivery-wrap .form-field-delivery-item--only .form-field-delivery-item__arrow {
  display:none
}

.form-field-title {
  font-size:15px;
  line-height:1.375;
  padding-bottom:10px;
  font-weight:500;
  text-align:left;
  order:-2
}

.form-field-desc {
  font-size:12px;
  padding-bottom:10px;
  opacity:.5;
  line-height:1.333;
  order:-1
}

.form-field-desc+.form-field-title {
  padding-bottom:5px
}

.form-field {
  text-align:left
}

.form-field[data-type=hidden] {
  display:none!important
}

.form-field[data-type=checkbox]+[data-type=checkbox] {
  margin-top:-10px
}

.form-field.active .dropdown-select:after {
  z-index:21;
  opacity:0
}

.form-field-radio {
  display:flex;
  flex-direction:column
}

.form-field-radio .form-field-title {
  display:block
}

.form-field-radio-item {
  display:flex;
  position:relative;
  margin-bottom:10px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.form-field-radio-item:last-child {
  margin-bottom:0
}

.form-field-radio-item .form-field-radio-item__text {
  text-align:left;
  line-height:22px
}

.is-pointer .form-field-radio-item:hover .form-field-radio-item__check {
  opacity:1
}

.form-field-radio-item__check {
  flex-shrink:0;
  opacity:.5;
  position:relative;
  width:22px;
  height:22px;
  transition:opacity .3s ease
}

.form-field-radio-item__check,.form-field-radio-item__check:before {
  display:block;
  border-radius:50%;
  border:2px solid currentColor;
  box-sizing:border-box;
  margin-right:10px
}

.form-field-radio-item__check:before {
  content:"";
  opacity:0;
  position:absolute;
  width:8px;
  height:8px;
  left:5px;
  top:5px;
  transition:all .3s ease
}

.form-field-radio-item__input {
  opacity:0;
  position:absolute;
  pointer-events:none
}

.form-field-radio-item__input:checked+.form-field-radio-item__check,.form-field-radio-item__input:checked+.form-field-radio-item__check:before {
  opacity:1
}

.form-field-range {
  display:flex;
  flex-flow:column-reverse;
  flex-grow:1
}

.form-field-range .form-field-desc,.form-field-range .form-field-title {
  order:0
}

.form-field-range .range-outer {
  display:flex;
  align-items:center;
  position:relative;
  padding:0 12px;
  height:24px;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer
}

.form-field-range .range-outer:not(.animated) .range-value {
  transition:none!important
}

.form-field-range .range-outer .range-value {
  transition:width .25s cubic-bezier(.64,.13,.43,.99),margin .25s cubic-bezier(.64,.13,.43,.99)
}

.form-field-range .range-outer.active-animation .range-value {
  transition:width .1s ease,margin .1s ease
}

.form-field-range .range-outer.active-animation.animation-speed-10 .range-value {
  transition-duration:.3s
}

.form-field-range .range-outer.active-animation.animation-speed-9 .range-value {
  transition-duration:.26s
}

.form-field-range .range-outer.active-animation.animation-speed-8 .range-value {
  transition-duration:.24s
}

.form-field-range .range-outer.active-animation.animation-speed-7 .range-value {
  transition-duration:.2s
}

.form-field-range .range-outer.active-animation.animation-speed-6 .range-value {
  transition-duration:.18s
}

.form-field-range .range-outer.active-animation.animation-speed-5 .range-value {
  transition-duration:.16s
}

.form-field-range .range-outer.active-animation.animation-speed-4 .range-value {
  transition-duration:.14s
}

.form-field-range .range-outer.active-animation.animation-speed-3 .range-value {
  transition-duration:.12s
}

.form-field-range .range-outer.active-animation.animation-speed-2 .range-value {
  transition-duration:.1s
}

.form-field-range .range-legend {
  display:flex;
  justify-content:space-between;
  margin:6px 0 0;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  font-size:12px;
  font-weight:500
}

.form-field-range .range-legend .range-legend-inner {
  display:flex;
  flex-grow:1;
  justify-content:space-between
}

.form-field-range .range-legend .legend-point {
  cursor:pointer;
  min-width:calc(12px * 2);
  text-align:center
}

.form-field-range .range-legend.complex {
  padding:0 12px
}

.form-field-range .range-legend.complex .legend-point {
  flex-grow:1;
  position:relative;
  text-align:center;
  flex-basis:100%;
  min-width:9.09%
}

.form-field-range .range-legend.complex[data-count="10"] .range-legend-inner {
  margin:0 -5%
}

.form-field-range .range-legend.complex[data-count="9"] .range-legend-inner {
  margin:0 -5.55555556%
}

.form-field-range .range-legend.complex[data-count="8"] .range-legend-inner {
  margin:0 -6.25%
}

.form-field-range .range-legend.complex[data-count="7"] .range-legend-inner {
  margin:0 -7.14285714%
}

.form-field-range .range-legend.complex[data-count="6"] .range-legend-inner {
  margin:0 -8.33333333%
}

.form-field-range .range-legend.complex[data-count="5"] .range-legend-inner {
  margin:0 -10%
}

.form-field-range .range-legend.complex[data-count="4"] .range-legend-inner {
  margin:0 -12.5%
}

.form-field-range .range-legend.complex[data-count="3"] .range-legend-inner {
  margin:0 -16.66666667%
}

.form-field-range .range-legend.limits .legend-point {
  min-width:calc(12px * 2);
  text-align:center
}

.form-field-range input {
  opacity:0;
  width:0;
  height:0;
  pointer-events:none
}

.form-field-range .range-area {
  width:100%;
  height:2px;
  position:relative;
  flex-grow:1;
  flex-shrink:0;
  z-index:1
}

.form-field-range .range-area:before {
  content:"";
  position:absolute;
  display:block;
  left:-12px;
  right:-12px;
  height:100%;
  top:0;
  background-color:currentColor;
  opacity:.2
}

.form-field-range .range-value {
  height:100%;
  position:absolute;
  top:0;
  left:0;
  width:0
}

.form-field-range .range-value:before {
  content:"";
  display:block;
  position:absolute;
  background-color:currentColor;
  height:100%;
  width:100%;
  top:0;
  left:-11px
}

.form-field-range .range-runner {
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  width:22px;
  height:22px;
  transform:translate(-50%,-50%);
  margin-top:1px;
  background-color:currentColor;
  border-radius:50%;
  cursor:pointer;
  transition:width .3s ease,height .3s ease
}

.form-field-range .range-runner .runner-tip {
  display:flex;
  position:absolute;
  pointer-events:none;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:500;
  white-space:nowrap;
  color:#fff;
  padding:0 8px;
  height:24px;
  top:-20px;
  background-color:#1b1b1c;
  opacity:0;
  border-radius:3px;
  transition:top .3s ease,opacity .3s ease
}

.form-field-range .range-runner .runner-tip .prefix {
  margin-right:5px;
  opacity:.65
}

.form-field-range .range-runner .runner-tip .suffix {
  margin-left:5px;
  opacity:.65
}

.form-field-range .range-runner.upper-runner {
  z-index:1
}

.form-field-range .range-runner.active .runner-tip,.is-pointer .form-field-range .range-runner:hover .runner-tip {
  opacity:1;
  top:-30px
}

.form-field-range .range-runner-right {
  right:0;
  transform:translate(50%,-50%)
}

.form-field-checkbox-item {
  display:flex;
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.form-field-checkbox-item .error {
  display:none
}

.is-pointer .form-field-checkbox-item:hover .form-field-checkbox-item__box {
  opacity:1
}

.form-field-checkbox-item__name {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  line-height:22px;
  text-align:left
}

.form-field-checkbox-item__box {
  flex-shrink:0;
  display:block;
  position:relative;
  opacity:.5;
  width:22px;
  height:22px;
  border-radius:4px;
  border:2px solid currentColor;
  box-sizing:border-box;
  margin-right:10px;
  transition:opacity .3s ease
}

.form-field-checkbox-item__box i {
  width:100%;
  height:100%;
  opacity:0;
  position:absolute;
  overflow:hidden;
  left:0;
  top:0
}

.form-field-checkbox-item__box i:before {
  content:"";
  display:block;
  position:absolute;
  height:6px;
  width:12px;
  top:5px;
  left:3px;
  transform:rotate(-45deg);
  border:2px solid currentColor;
  border-top:0;
  border-right:0;
  box-sizing:border-box;
  transition:all .05s
}

.form-field-checkbox-item__input {
  opacity:0;
  pointer-events:none;
  position:absolute
}

.form-field-checkbox-item__input:checked+.form-field-checkbox-item__box {
  opacity:1
}

.form-field-checkbox-item__input:checked+.form-field-checkbox-item__box i {
  opacity:1;
  width:100%;
  animation:checkAppearance .3s
}

.form-field-checkbox-item__input:focus+.form-field-checkbox-item__box {
  opacity:1
}

.form-field-text {
  position:relative;
  width:100%;
  text-align:left
}

.form-field-text__wrap {
  display:flex;
  flex-direction:column;
  position:relative;
  width:100%
}

.form-field-text__input {
  display:block;
  width:100%;
  border:1px solid transparent;
  min-height:46px;
  line-height:1.466;
  font-family:inherit;
  font-size:15px;
  font-weight:400;
  padding:12px 25px 11px 15px;
  word-break:keep-all;
  border-radius:4px;
  transition:all .3s ease;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.form-field-date__input {
  padding-right:40px
}

.form-field-text__textarea {
  resize:none;
  min-height:46px;
  max-height:250px;
  overflow:hidden;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

.form-field-text__textarea.scrollable {
  overflow:auto
}

.form-field-text__textarea::-webkit-scrollbar {
  width:3px;
  height:90%
}

.form-field-text__textarea::-webkit-scrollbar-track {
  background:0
}

.form-field-text__textarea::-webkit-scrollbar-thumb {
  background-color:rgba(0,0,0,.2);
  border-radius:3px
}

.f-calendar__input-overlay {
  position:absolute;
  height:46px;
  bottom:0;
  width:100%;
  cursor:text;
  z-index:3
}

.form-field-date__icon {
  position:absolute;
  right:15px;
  bottom:16px;
  width:16px;
  height:16px;
  cursor:pointer;
  opacity:.4;
  z-index:2;
  transition:opacity .3s ease
}

.form-field-date__icon.focus,.form-field-date__icon:hover {
  opacity:.6
}

.form-field-file {
  display:flex;
  flex-direction:column
}

.form-field-file .file-input-outer {
  position:relative;
  padding-top:0;
  transition:padding .3s ease
}

.form-field-file .file-input-outer.active {
  padding-top:32px
}

.form-field-file .file-input-outer.active .file-list {
  opacity:1;
  visibility:visible;
  height:auto
}

.form-field-file .file-list {
  width:100%;
  position:absolute;
  top:0;
  opacity:0;
  visibility:hidden;
  height:0;
  transition:all .3s ease
}

.form-field-file .file-item .icon {
  opacity:.5;
  transition:opacity .3s ease
}

.is-pointer .form-field-file .file-item:hover .icon {
  opacity:.8
}

.form-field-file .file-item--title {
  max-width:calc(100% - 85px);
  overflow:hidden;
  white-space:nowrap;
  word-wrap:break-word;
  text-overflow:ellipsis
}

.form-field-file .clear-files {
  margin-left:10px;
  opacity:.4;
  white-space:nowrap;
  transition:opacity .3s ease;
  font-size:12px;
  border-bottom:1px solid currentColor;
  line-height:1.333;
  display:flex;
  align-items:center
}

.is-pointer .form-field-file .clear-files:hover {
  opacity:.8
}

.form-field-file .file-input,.form-field-file .file-item {
  display:flex;
  cursor:pointer;
  color:currentColor;
  font-size:15px;
  line-height:22px;
  align-items:center
}

.form-field-file .file-input .icon,.form-field-file .file-item .icon {
  display:inline-block;
  max-height:22px;
  height:22px;
  margin-right:10px;
  width:22px;
  text-align:center
}

.form-field-file .file-input .icon svg,.form-field-file .file-item .icon svg {
  height:100%
}

.form-field-file .file-input--original,.form-field-file .file-item--original {
  opacity:0;
  pointer-events:none;
  position:absolute
}

.form-field-file .file-input {
  min-height:22px;
  transition:opacity .3s ease;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.form-field-file .file-input:hover {
  opacity:.5
}

.form-field-file .error {
  display:none
}

.form-fields {
  justify-content:inherit
}

.form-fields .error {
  position:relative;
  width:100%;
  font-size:10px;
  line-height:15px;
  height:0;
  font-weight:500;
  color:#ff714d;
  pointer-events:none;
  opacity:0;
  visibility:hidden;
  transition:all .3s cubic-bezier(.21,.67,.58,1)
}

.form-fields .border,.form-fields .error-text {
  display:none
}

.form-fields .is_error.animate {
  animation:shake .5s ease 1 both .2s
}

.form-fields .is_error .error {
  height:15px;
  padding-top:3px;
  pointer-events:all;
  opacity:1;
  visibility:visible
}

.form-fields .is_error .error-text {
  display:block
}

.form-fields .is_error .file-input .icon {
  opacity:1;
  color:#ff714d
}

.form-fields .is_error .form-field-checkbox-item__box {
  opacity:1;
  border-color:#ff714d
}

.form-fields .form-field-submit {
  position:relative
}

.form-fields .form-field-submit .g-recaptcha {
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin:auto;
  pointer-events:all
}

.form-fields .form-field {
  padding:0 0 20px
}

.form-fields .form-field:last-child {
  padding-bottom:0!important
}

.form-fields.all-fields-empty:not(.has-error) {
  animation:shake .5s ease 1 both .2s
}

.style-filled .form-field-date__icon,.style-filled .form-field-text__input,.style-filled .form-field-text__textarea {
  color:#1b1b1c
}

.style-transparent .dropdown-select,.style-transparent .form-field-text__input {
  color:currentColor
}

.style-transparent .form-field-select .arrow {
  opacity:.5
}

.style-underlined.inline .form-field-select .form-field-desc {
  display:none
}

.style-underlined .form-fields .error {
  position:absolute;
  top:100%;
  left:0
}

.style-underlined .form-fields .form-field.is_error .border {
  color:#ff714d
}

.style-underlined .form-fields .form-field[data-type=email],.style-underlined .form-fields .form-field[data-type=name],.style-underlined .form-fields .form-field[data-type=phone],.style-underlined .form-fields .form-field[data-type=text],.style-underlined .form-fields .form-field[data-type=textarea],.style-underlined .form-fields .form-field[data-type^=date] {
  padding-top:10px;
  padding-bottom:30px
}

.style-underlined .form-fields .form-field[data-type=email] .form-field-text__input,.style-underlined .form-fields .form-field[data-type=name] .form-field-text__input,.style-underlined .form-fields .form-field[data-type=phone] .form-field-text__input,.style-underlined .form-fields .form-field[data-type=text] .form-field-text__input,.style-underlined .form-fields .form-field[data-type=textarea] .form-field-text__input,.style-underlined .form-fields .form-field[data-type^=date] .form-field-text__input {
  border:0
}

.style-underlined .form-fields .form-field[data-type=checkbox],.style-underlined .form-fields .form-field[data-type=file],.style-underlined .form-fields .form-field[data-type=radio] {
  padding-bottom:20px
}

.style-underlined .form-fields .form-field-title {
  font-size:14px
}

.style-underlined .form-fields .form-field-text .form-field-title {
  position:absolute;
  font-size:16px;
  line-height:20px;
  bottom:12px;
  padding:0;
  pointer-events:none;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width:100%;
  transition:all .3s ease;
  will-change:transform
}

.style-underlined .form-fields .form-field-text .form-field-desc {
  display:none
}

.style-underlined .form-fields .form-field-text .border {
  display:block;
  position:absolute;
  width:100%;
  bottom:0;
  left:0;
  margin:0;
  border:0;
  height:1px;
  opacity:.5;
  color:inherit;
  background:currentColor;
  transition:opacity .3s ease;
  will-change:transform
}

.style-underlined .form-fields .form-field-text__input {
  border-radius:0;
  background-color:transparent;
  color:currentColor;
  padding-left:0;
  padding-right:0;
  opacity:.5
}

.style-underlined .form-fields .form-field-text__input.focus,.style-underlined .form-fields .form-field-text__input:focus,.style-underlined .form-fields .form-field-text__input:valid,.style-underlined .form-fields .form-field-text__input[value]:not([value=""]) {
  box-shadow:none;
  opacity:1
}

.style-underlined .form-fields .form-field-text__input.focus~.form-field-title,.style-underlined .form-fields .form-field-text__input:focus~.form-field-title,.style-underlined .form-fields .form-field-text__input:valid~.form-field-title,.style-underlined .form-fields .form-field-text__input[value]:not([value=""])~.form-field-title {
  bottom:100%;
  font-size:14px;
  line-height:16px;
  height:1rem;
  opacity:.5
}

.style-underlined .form-fields .form-field-text__input.focus+.border,.style-underlined .form-fields .form-field-text__input:focus+.border,.style-underlined .form-fields .form-field-text__input:valid+.border,.style-underlined .form-fields .form-field-text__input[value]:not([value=""])+.border {
  opacity:1
}

.style-underlined .form-fields .form-field-text__textarea {
  max-height:250px;
  padding:0 0 12px;
  min-height:34px;
  margin-top:12px
}

.style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar {
  width:3px;
  height:90%
}

.style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar-track {
  background:0
}

.style-underlined .form-fields .form-field-text__textarea::-webkit-scrollbar-thumb {
  background-color:currentColor;
  border-radius:3px;
  opacity:.2
}

.style-underlined .form-fields .form-field-date .form-field-title {
  padding-right:20px
}

.style-underlined .form-fields .form-field-date__icon {
  right:1px
}

.style-underlined .form-fields .form-field-date__input {
  padding-right:20px
}

.style-underlined .form-fields .form-field-select {
  margin-top:0
}

.style-underlined .form-fields .form-field-select .form-field-title {
  font-size:14px;
  line-height:16px;
  padding-bottom:0
}

.style-underlined .form-fields .form-field-select .form-field-desc {
  padding-bottom:0
}

.style-underlined .form-fields .form-field-select .form-field-desc+.form-field-title {
  padding-bottom:5px
}

.style-underlined .form-fields .form-field-select .arrow {
  right:10px
}

.style-underlined .form-fields .dropdown-select {
  background-color:transparent;
  border-radius:0;
  color:currentColor;
  padding-left:0;
  padding-right:0
}

.style-underlined .form-fields .dropdown-select:after {
  content:"";
  position:absolute;
  z-index:0;
  width:100%;
  bottom:0;
  left:0;
  border-bottom:1px solid currentColor;
  opacity:1;
  transition:all .3s ease
}

.style-underlined .form-fields .dropdown-select:focus {
  box-shadow:none
}

.style-underlined .form-fields .dropdown-select:focus:after {
  opacity:.5
}

.style-underlined .form-fields .form-field-captcha .error {
  position:relative;
  top:0
}

[data-contrast=dark] .style-filled .dropdown-select,[data-contrast] [data-contrast=dark] .style-filled .dropdown-select {
  padding:12px 14px 11px
}

[data-contrast=dark] .style-filled .dropdown-select,[data-contrast=dark] .style-filled .form-field-text__input,[data-contrast] [data-contrast=dark] .style-filled .dropdown-select,[data-contrast] [data-contrast=dark] .style-filled .form-field-text__input {
  border:1px solid rgba(27,27,28,.15);
  transition:all .3s cubic-bezier(.21,.67,.58,1)
}

[data-contrast=dark] .style-filled .dropdown-select:focus,[data-contrast=dark] .style-filled .dropdown-select:hover,[data-contrast=dark] .style-filled .form-field-text__input:focus,[data-contrast=dark] .style-filled .form-field-text__input:hover,[data-contrast] [data-contrast=dark] .style-filled .dropdown-select:focus,[data-contrast] [data-contrast=dark] .style-filled .dropdown-select:hover,[data-contrast] [data-contrast=dark] .style-filled .form-field-text__input:focus,[data-contrast] [data-contrast=dark] .style-filled .form-field-text__input:hover {
  border:1px solid rgba(27,27,28,.3)
}

[data-contrast=dark] .style-transparent .dropdown-select,[data-contrast=dark] .style-transparent .form-field-text__input,[data-contrast] [data-contrast=dark] .style-transparent .dropdown-select,[data-contrast] [data-contrast=dark] .style-transparent .form-field-text__input {
  background-color:rgba(27,27,28,.1)
}

[data-contrast=dark] .style-transparent .dropdown-select:focus,[data-contrast=dark] .style-transparent .form-field-text__input:focus,[data-contrast] [data-contrast=dark] .style-transparent .dropdown-select:focus,[data-contrast] [data-contrast=dark] .style-transparent .form-field-text__input:focus {
  background-color:rgba(27,27,28,.15)
}

[data-contrast=light] .style-transparent .dropdown-select,[data-contrast=light] .style-transparent .form-field-text__input,[data-contrast] [data-contrast=light] .style-transparent .dropdown-select,[data-contrast] [data-contrast=light] .style-transparent .form-field-text__input {
  background-color:hsla(0,0%,100%,.2)
}

[data-contrast=light] .style-transparent .dropdown-select:focus,[data-contrast=light] .style-transparent .form-field-text__input:focus,[data-contrast] [data-contrast=light] .style-transparent .dropdown-select:focus,[data-contrast] [data-contrast=light] .style-transparent .form-field-text__input:focus {
  background-color:hsla(0,0%,100%,.3)
}

.form-field__wrap {
  display:flex;
  align-items:flex-start;
  width:100%;
  position:relative
}

.promocode-link_text {
  margin-top:calc(var(--columnGap) * 2)
}

.promocode-link {
  display:flex;
  align-items:center;
  padding:10px 0;
  margin-top:5px;
  color:currentColor;
  opacity:.5;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:pointer;
  transition:opacity .2s ease
}

.promocode-link span {
  margin-left:6px
}

.promocode-link:hover {
  opacity:1
}

.promocode-link.hide {
  display:none
}

.applied-promocode-block {
  display:block;
  border-radius:4px;
  position:relative;
  padding:15px;
  margin-top:20px;
  animation:fadeIn .2s ease 1 both .25s
}

.applied-promocode-block:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:currentColor;
  opacity:.05;
  border-radius:4px;
  z-index:-1
}

.applied-promocode-block__remove {
  display:flex;
  align-items:center;
  justify-content:center;
  width:30px;
  height:30px;
  margin:10px;
  position:absolute;
  top:0;
  right:0;
  opacity:.25;
  cursor:pointer;
  transition:opacity .18s;
  z-index:10
}

.is-pointer .applied-promocode-block__remove:hover {
  opacity:.65
}

.applied-promocode-block__title {
  display:flex;
  align-items:center;
  font-size:15px
}

.applied-promocode-block__title span {
  margin-left:10px
}

.applied-promocode-block__text {
  font-size:13px;
  color:#888;
  margin-top:10px
}

.applied-promocode-block .error {
  position:absolute;
  left:0;
  bottom:calc(-1em - 5px);
  font-size:12px;
  color:#fc4d53
}

.applied-promocode-block.is_error {
  margin-bottom:1em
}

.applied-promocode-block.is_error .applied-promocode-block__text,.applied-promocode-block.is_error .applied-promocode-block__title {
  opacity:.5
}

button.promocode-button {
  --buttonColor:currentColor!important;
  height:46px;
  min-width:-moz-max-content;
  min-width:max-content;
  margin:50px 0 0 10px
}

button.promocode-button:before {
  border-color:var(--buttonColor,currentColor)!important;
  transition:opacity .3s cubic-bezier(.21,.67,.58,1);
  opacity:.2
}

button.promocode-button.hover:before {
  background:none!important;
  opacity:.4
}

button.promocode-button.hover .btn-content {
  color:var(--buttonColor,currentColor)
}

[data-contrast=light] .promocode-button:before {
  opacity:.4
}

[data-contrast=light] .promocode-button:hover:before {
  opacity:.6
}

.form-field[data-type=promocode] .border {
  display:none
}

.form-field[data-type=promocode] .form-field-text__wrap {
  display:flex;
  flex-direction:column;
  width:100%
}

.form-field[data-type=promocode] .form-field-text__input {
  position:relative;
  z-index:1;
  font:inherit;
  font-size:1rem;
  line-height:1.429;
  display:block;
  width:100%;
  height:46px;
  padding:13px 16px;
  background:#fff;
  border-radius:4px;
  -webkit-appearance:none;
  border:1px solid rgba(27,27,28,.2)
}

.form-field[data-type=promocode] .form-field-text {
  position:relative;
  margin-top:20px
}

.form-field[data-type=promocode] .form-field-text[data-style=style-underlined] {
  padding-top:25px
}

.form-field[data-type=promocode] .form-field-text input {
  text-transform:uppercase
}

.form-field[data-type=promocode] .error {
  position:absolute;
  bottom:0;
  color:#ff714d;
  opacity:0;
  visibility:hidden;
  padding-top:6px;
  font-size:12px;
  transition:all .3s cubic-bezier(.21,.67,.58,1)
}

.form-field[data-type=promocode] .is_error input {
  border-color:#ff714d!important
}

.form-field[data-type=promocode] .is_error .error {
  opacity:1;
  visibility:visible
}

.form-field[data-type=promocode] .applied-promocode-block .error {
  bottom:-1.4em
}

.form-field[data-type=promocode] .apply-button[disabled] {
  pointer-events:none;
  opacity:.6
}

.form-field[data-type=promocode] .form-field-text[data-style=style-transparent] .form-field-text__input,.form-field[data-type=promocode] .form-field-text[data-style=style-underlined] .form-field-text__input {
  border:none
}

.form-field[data-type=promocode][data-show-promocode-link="0"] .form-field-text[data-style=style-underlined] {
  padding-top:15px
}

.form-field[data-type=promocode][data-show-promocode-link="0"] .form-field-text[data-style=style-underlined]~.promocode-button {
  margin-top:35px
}

.form-field[data-type=promocode] .form-field-text[data-style=style-underlined] input[disabled] {
  opacity:.8
}

.form-field[data-type=promocode] .form-field-text[data-style=style-underlined] input[disabled]~.form-field-title {
  bottom:100%;
  font-size:14px;
  line-height:16px;
  height:1rem;
  opacity:.5
}

.form-field[data-type=promocode] .form-field-text[data-style=style-underlined]~.promocode-button {
  margin-top:45px
}

.form-field[data-type=promocode] .hide-promocode-field {
  position:absolute;
  width:20px;
  height:20px;
  top:20px;
  right:0;
  margin-top:-5px;
  cursor:pointer;
  opacity:.35;
  z-index:2;
  transition:opacity .3s cubic-bezier(.21,.67,.58,1)
}

.form-field[data-type=promocode] .hide-promocode-field svg {
  padding:5px
}

.form-field[data-type=promocode] .hide-promocode-field:hover {
  opacity:1
}

.form-field[data-type=promocode] .promocode-field {
  padding-bottom:17px
}

.form-field[data-type=promocode] .promocode-field.hide {
  display:none
}

.form-field[data-type=promocode] .promocode-field[data-status=loading] .apply-button {
  pointer-events:none
}

.form-field[data-type=promocode] .promocode-field[data-status=loading] .apply-button .btn-text,.form-field[data-type=promocode] .promocode-field[data-status=loading] .apply-button .component-icon {
  opacity:0
}

.form-field[data-type=promocode] .promocode-field[data-status=loading] .apply-button .submitting-status {
  display:block;
  opacity:1;
  visibility:visible
}

.form-field[data-type=promocode] .promocode-field[data-status=loading] .apply-button .submitting-status svg {
  transform:scale(1)
}

.form-field[data-type=promocode] .promocode-field[data-status=applied] .apply-button {
  pointer-events:none
}

.form-field[data-type=promocode] .promocode-field[data-status=applied] .apply-button:before {
  opacity:1;
  background:#56b157!important;
  border:none
}

.form-field[data-type=promocode] .promocode-field[data-status=applied] .apply-button .btn-text,.form-field[data-type=promocode] .promocode-field[data-status=applied] .apply-button .component-icon {
  opacity:0
}

.form-field[data-type=promocode] .promocode-field[data-status=applied] .apply-button .success-icon {
  transition:opacity .45s,visibility .45s,transform .3s cubic-bezier(.25,1,.1,3);
  opacity:1;
  visibility:visible;
  transform:translate3d(-50%,-50%,0) scale(1);
  color:#fff
}

body.adaptive-mobile .form-field__wrap {
  flex-direction:column
}

body.adaptive-mobile .form-field[data-type=promocode] .promocode-button {
  margin:15px 0 0;
  max-width:none;
  width:100%
}

body.adaptive-mobile .form-field[data-type=promocode] .promocode-field .error {
  position:static;
  transition:none;
  height:0
}

body.adaptive-mobile .form-field[data-type=promocode] .promocode-field.is_error .error {
  height:100%
}

body.adaptive-mobile .component-form.inline .form-submit {
  padding-top:0
}

body.adaptive-mobile.is-ios .form-fields .form-field-text__input,body.adaptive-mobile.is-ios .quiz-fields .form-field-text__input {
  -webkit-text-size-adjust:120%;
  text-size-adjust:120%;
  line-height:1
}

body.adaptive-mobile .form-fields .form-field-text__input,body.adaptive-mobile .quiz-fields .form-field-text__input {
  font-size:16px;
  min-height:46px;
  line-height:1.2
}