.wrapper {
  background: #F2F5FA;
  box-sizing: border-box;
  padding: 40px 0;
  font-family: "Montserrat", sans-serif;
  overflow: hidden;
  position: relative;
}

.elem1 {
  position: absolute;
  left: 84px;
  top: -224px;
  width: 359.21px;
  height: 359.21px;
  background: #D140F9;
  opacity: 0.1;
  filter: blur(66.7445px);
}

.elem2 {
  position: absolute;
  width: 359.21px;
  height: 359.21px;
  left: -218.44px;
  bottom: 134.1px;
  background: #FC352F;
  opacity: 0.08;
  filter: blur(66.7445px);
}

.elem3 {
  position: absolute;
  width: 385.9px;
  height: 385.9px;
  left: -1.21px;
  bottom: -166.86px;
  background: #7DCF22;
  opacity: 0.08;
  filter: blur(66.7445px);
}

.elem4 {
  position: absolute;
  bottom: 0;
  left: 0;
  line-height: 0;
  max-width: 360px;
}

.wrapper__inner {
  position: relative;
  z-index: 2;
}

.cd-field,
.cd-input__field,
.mg-form-phone-select-custom-input,
.cd-textarea__field {
  font-family: "Montserrat", sans-serif;
}

/* img {
    max-width: 100%;
  } */
.form-title {
  font-weight: 500;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  color: #000000;
  margin-bottom: 8px;
}

.form-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #000000;
  margin-bottom: 24px;
}

label.cd-field {
  position: relative;
}


.cd-input__field {
  height: 65px !important;
  padding: 20px 30px 0px !important;
}


.cd-input__field,
.mg-form-phone-select-custom-input {
  border: 2px solid transparent;
  padding: 24px 54px 10px 14px;
  height: auto;
  background: #FFFFFF;
  border-radius: 12px;
  font-weight: 500;
  font-size: 13px;
  line-height: 18px;
  transition: 0.3s ease;
}

.cd-input__field:hover,
.mg-form-phone-select-custom-input:hover {
  border: 2px solid #40B02F;
}

.cd-input__field:hover~.cd-field__text~.cd-field__icon svg circle,
.mg-form-phone-select-custom-input:hover~.cd-field__text~.cd-field__icon svg circle {
  fill: #40B02F !important;
}

.cd-input__field:hover~.cd-field__text~.cd-field__icon svg ellipse,
.mg-form-phone-select-custom-input:hover~.cd-field__text~.cd-field__icon svg ellipse {
  fill: #40B02F !important;
}

.cd-input__field:hover~.cd-field__text~.cd-field__icon svg path,
.mg-form-phone-select-custom-input:hover~.cd-field__text~.cd-field__icon svg path {
  fill: #40B02F !important;
}

.cd-input__field:focus,
.mg-form-phone-select-custom-input:focus {
  border: 2px solid #40B02F;
  background: #FFFFFF;
}

.cd-input__field:focus~.cd-field__text,
.mg-form-phone-select-custom-input:focus~.cd-field__text {
  font-size: 10px;
  line-height: 12px;
  top: 12px;
}

.cd-input__field:focus~.cd-field__text~.cd-field__icon svg circle,
.mg-form-phone-select-custom-input:focus~.cd-field__text~.cd-field__icon svg circle {
  fill: #40B02F !important;
}

.cd-input__field:focus~.cd-field__text~.cd-field__icon svg ellipse,
.mg-form-phone-select-custom-input:focus~.cd-field__text~.cd-field__icon svg ellipse {
  fill: #40B02F !important;
}

.cd-input__field:focus~.cd-field__text~.cd-field__icon svg path,
.mg-form-phone-select-custom-input:focus~.cd-field__text~.cd-field__icon svg path {
  fill: #40B02F !important;
}

.cd-field__text {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #919191;
  position: absolute;
  top: 19px;
  left: 16px;
  right: 56px;
  pointer-events: none;
}

.cd-field__error {
  position: absolute;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #FF3638;
  padding: 0;
}

.cd-field__label~.cd-field__error {
  margin-left: 0;
}

.cd-textarea__field {
  border: 2px solid transparent;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  letter-spacing: -0.2px;
  color: #000;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 24px 14px 14px;
  transition: 0.3s ease;
}

.cd-textarea__field:focus {
  border: 2px solid #40B02F;
  background: #FFFFFF;
  color: #000;
}

.cd-textarea__field:focus~.cd-field__text {
  font-size: 10px;
  line-height: 12px;
  top: 12px;
}

.cd-textarea__field:hover {
  border: 2px solid #40B02F;
}

.cd-field__icon {
  display: block;
  line-height: 0;
  position: absolute;
  top: 16px;
  right: 16px;
}

.cd-field__label {
  padding-left: 0;
}

.cd-field._required .cd-field__label:before {
  display: none;
}

.cd-input._error .cd-input__field,
.cd-input._error .mg-form-phone-select-custom-input {
  border-color: #FF3638;
  background-color: #fff;
  color: #FF3638;
  box-shadow: 0px 6px 8px rgba(255, 54, 56, 0.14);
}

.cd-input._error .cd-field__icon svg path {
  fill: #FF3638 !important;
}

.cd-input._error .cd-field__icon svg circle {
  fill: #FF3638 !important;
}

.cd-input._error .cd-field__icon svg ellipse {
  fill: #FF3638 !important;
}

.cd-input._error .cd-field__label {
  opacity: 0;
}

.cd-input._error .cd-input__field:focus {
  box-shadow: unset;
  border-color: #FF3638;
  background-color: #fff;
  color: #000;
}

label.havchar .js-keyup~.cd-field__text {
  font-size: 10px;
  line-height: 12px;
  top: 12px;
}

.mp-form__send {
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-start;
}

.mp-form__control {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin-bottom: 24px;
  transition: height 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  will-change: height;
  height: 40px;
}

.mp-form__control._active {
  height: 0;
  margin-bottom: 0;
  overflow: hidden;
  opacity: 0;
}

.mp-form__control:hover .mp-form__slide {
  border: 2px solid #21A038;
  box-shadow: 0px 6px 8px rgba(64, 176, 47, 0.14);
}

.mp-form__control:active .mp-form__slide {
  border: 2px solid #21A038;
  box-shadow: unset;
}

.mp-form__slide {
  box-sizing: border-box;
  padding: 0;
  border: none;
  width: 40px;
  height: 40px;
  background: #FFFFFF;
  border-radius: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  cursor: pointer;
}

.mp-form__comment {
  height: 0;
  margin: 0;
  transition: height 0.5s ease-out;
  will-change: height;
  overflow: hidden;
}

.mp-form__comment._active {
  height: 116px;
  margin-bottom: 16px;
}

.mp-form__send .cd-btn {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  background: linear-gradient(180deg, #88D61A 0%, #21A038 100%), #21A038;
  box-shadow: 0px 8px 24px rgba(33, 160, 56, 0.46), inset 0px 0px 12px rgba(255, 255, 255, 0.56);
  border-radius: 76px;
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
  margin-bottom: 16px;
  transition: 0.3s ease;
}

.mp-form__send .cd-btn:hover {
  background: linear-gradient(180deg, #FFC43F 0%, #FF4541 100%), #21A038;
  box-shadow: 0px 8px 24px rgba(255, 69, 65, 0.46), inset 0px 0px 12px rgba(255, 255, 255, 0.56);
}

.mp-form__send .cd-btn:active {
  background: linear-gradient(360deg, #FFC43F 0%, #FF4541 100%), #21A038;
  box-shadow: inset 0px 0px 12px rgba(255, 255, 255, 0.56);
}

.mp-form__link {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: -0.2px;
  color: #000000;
}

.cd-checkbox__text {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #000000;
  margin-left: 16px;
}

.cd-checkbox__text a {
  color: #3D63F3;
}

.cd-checkbox__pseudo-wr {
  width: 24px;
  height: 24px;
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), rgba(33, 160, 56, 0.08);
  border-radius: 7.2px;
  box-sizing: border-box;
  padding: 0;
  flex: 0 0 24px;
}

.cd-checkbox__pseudo {
  border: 2px solid transparent;
}

.mp-form__checkbox:hover .cd-checkbox__pseudo {
  border: 2px solid #21A038;
}

.cd-checkbox input[type=checkbox]:checked~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
  background-color: #FFFFFF;
  border-color: #21A038;
}

.form-wrap {
  max-width: 380px;
  margin: 0 auto 40px;
}

.image-wrap {
  box-sizing: border-box;
  text-align: center;
  padding: 0 24px 0;
  border-radius: 16px;
  max-width: 430px;
  margin: 0 auto;
}

.image-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 28px;
  text-align: center;
  color: #000;
  margin-bottom: 8px;
}

.image-desc {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #333;
  margin-bottom: 24px;
}

.image {
  line-height: 0;
}

@media (min-width: 640px) {
  .elem1 {
    width: 592px;
    height: 592px;
    left: auto;
    right: 70px;
    top: -370px;
    background: #D140F9;
    opacity: 0.1;
    filter: blur(110px);
  }

  .elem2 {
    width: 592px;
    height: 592px;
    left: -360px;
    bottom: 221px;
    background: #FC352F;
    opacity: 0.08;
    filter: blur(110px);
  }

  .elem3 {
    width: 636px;
    height: 636px;
    left: -2px;
    bottom: -275px;
    background: #7DCF22;
    opacity: 0.08;
    filter: blur(110px);
  }

  .elem4 {
    max-width: 100%;
  }

  .wrapper {
    padding: 64px 0;
  }

  .form-wrap {
    max-width: 100%;
    margin: 0 0 24px;
  }

  .form-title {
    font-size: 32px;
    line-height: 40px;
  }

  .form-desc {
    font-size: 16px;
    line-height: 24px;
  }

  .cd-input__field,
  .mg-form-phone-select-custom-input {
    padding: 28px 62px 8px 22px;
    font-size: 16px;
    line-height: 24px;
  }

  .cd-textarea__field {
    padding: 28px 22px 8px 22px;
  }

  .cd-field__icon {
    top: 20px;
    right: 24px;
  }

  .cd-field__text {
    font-size: 16px;
    line-height: 24px;
    left: 24px;
    top: 20px;
  }

  .cd-input__field:focus~.cd-field__text {
    font-size: 13px;
    line-height: 16px;
    top: 10px;
  }

  .cd-textarea__field:focus~.cd-field__text {
    font-size: 13px;
    line-height: 16px;
    top: 10px;
  }

  label.havchar .js-keyup~.cd-field__text {
    font-size: 13px;
    line-height: 16px;
    top: 10px;
  }

  .cd-field__error {
    font-size: 16px;
    line-height: 24px;
  }

  .mp-form__send {
    flex-direction: row;
    align-items: center;
    margin-top: 8px;
    margin-bottom: 24px;
  }

  .mp-form__send .cd-btn {
    max-width: 336px;
    margin-right: 32px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 40px;
  }

  .mp-form__link {
    font-size: 16px;
    line-height: 22px;
    max-width: 120px;
  }

  .mp-form__control {
    margin-bottom: 0;
  }

  .mp-form__comment._active {
    margin-bottom: 24px;
  }

  .mp-form__comment._active,
  .cd-textarea__field {
    height: 128px;
  }

  .cd-checkbox__text {
    font-size: 14px;
    line-height: 20px;
  }

  .image-wrap {
    max-width: 100%;
    margin: 0;
    position: relative;
    padding: 0 32px 60px;
  }

  .image-title {
    text-align: left;
    font-size: 22px;
    line-height: 32px;
  }

  .image-desc {
    margin-bottom: 0;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    max-width: 413px;
  }

  .image {
    position: absolute;
    right: -3%;
    bottom: 0;
    width: 31%;
    max-width: 220px;
  }
}

@media (min-width: 690px) {
  .image {
    right: 4%;
  }
}

@media (min-width: 1200px) {
  .elem1 {
    width: 592px;
    height: 592px;
    right: 70px;
    top: -370px;
    background: #D140F9;
    opacity: 0.1;
    filter: blur(110px);
  }

  .elem2 {
    width: 592px;
    height: 592px;
    left: -360px;
    bottom: 221px;
    background: #FC352F;
    opacity: 0.08;
    filter: blur(110px);
  }

  .elem3 {
    width: 636px;
    height: 636px;
    left: -2px;
    bottom: -275px;
    background: #7DCF22;
    opacity: 0.08;
    filter: blur(110px);
  }

  .wrapper {
    padding: 80px 0;
  }

  .wrapper__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .form-wrap {
    margin-bottom: 0;
    max-width: 488px;
    margin-right: 32px;
  }

  .image-wrap {
    width: 100%;
    max-width: 512px;
    border-radius: 32px;
    padding: 0 32px;
  }

  .image-title {
    font-size: 24px;
    line-height: 32px;
    text-align: center;
  }

  .image-desc {
    text-align: center;
    margin-bottom: 40px;
    font-size: 19px;
    line-height: 28px;
    max-width: 100%;
  }

  .image {
    position: static;
    width: auto;
    max-width: unset;
    margin-left: -32px;
    margin-right: -32px;
  }

  .cd-input:not(._error) .cd-input__field:not(:disabled):hover {
    border-color: #40b02f;
  }

  .cd-textarea:not(._error):hover .cd-textarea__field:not(:disabled) {
    border-color: #40b02f;
  }

  .mp-form__send .cd-btn {
    max-width: 232px;
  }

  .form-title {
    text-align: left;
    font-size: 32px;
    line-height: 40px;
  }

  .form-desc {
    text-align: left;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 32px;
  }

  .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__text,
  .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__text {
    color: #000;
  }

  .cd-checkbox__label:focus input[type=checkbox]:checked:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox__label:hover input[type=checkbox]:checked:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    background-color: #fff;
    border-color: #21a038;
    box-shadow: unset;
  }

  .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    box-shadow: unset;
    border-color: #21a038;
  }
}

@media (min-width: 1440px) {
  .elem1 {
    width: 592px;
    height: 592px;
    right: 70px;
    top: -370px;
    background: #D140F9;
    opacity: 0.1;
    filter: blur(110px);
  }

  .elem2 {
    width: 592px;
    height: 592px;
    left: -360px;
    top: -22px;
    bottom: auto;
    background: #FC352F;
    opacity: 0.08;
    filter: blur(110px);
  }

  .elem3 {
    width: 636px;
    height: 636px;
    left: -2px;
    top: 430px;
    bottom: auto;
    background: #7DCF22;
    opacity: 0.08;
    filter: blur(110px);
  }

  .form-wrap {
    max-width: 496px;
  }

  .image-wrap {
    max-width: 430px;
  }
}

.mg-form-phone-select {
  display: none;
}

[name="custom_phone_input"]::placeholder {
  opacity: 0;
}

.on-focus .mg-form-phone-select,
.havchar .mg-form-phone-select {
  display: block;
}

.on-focus .mg-form-phone-select br,
.havchar .mg-form-phone-select br {
  display: none;
}

.on-focus [name="custom_phone_input"]::placeholder,
.havchar [name="custom_phone_input"]::placeholder {
  opacity: 1;
}

.on-focus .mg-form-phone-select,
.havchar .mg-form-phone-select {
  top: 27px;
}

@media (min-width: 640px) {

  .on-focus .mg-form-phone-select,
  .havchar .mg-form-phone-select {
    top: 34px;
  }
}


button.cd-btn.disabled,
button.btn.disabled,
button.disabled[type=submit],
input.formsteps__btn.disabled[type=submit],
input.disabled[type=submit] {
  color: #dfdfdf !important;
  background: #fafaf9 !important;
  box-shadow: 0 6px 4px -4px rgba(176, 176, 176, 0.27), inset 0 0 0 2px #dfdfdf !important;
  border: none !important;
  cursor: wait;
  pointer-events: none !important;
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
html {
  font-family: sans-serif;
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body {
  margin: 0
}

article,
aside,
footer,
header,
nav,
section {
  display: block
}

h1 {
  font-size: 2em;
  margin: .67em 0
}

figcaption,
figure {
  display: block
}

figure {
  margin: 1em 40px
}

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible
}

main {
  display: block
}

pre {
  font-family: monospace, monospace;
  font-size: 1em
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
  outline-width: 0
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

b,
strong {
  font-weight: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

dfn {
  font-style: italic
}

mark {
  background-color: #ff0;
  color: #000
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

audio,
video {
  display: inline-block
}

audio:not([controls]) {
  display: none;
  height: 0
}

/* img {
    border-style: none
} */

svg:not(:root) {
  overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

[type=reset],
[type=submit],
button,
html [type=button] {
  -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText
}

input {
  overflow: visible
}

[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  padding: 0;
  color: inherit;
  white-space: normal
}

progress {
  display: inline-block;
  vertical-align: baseline
}

textarea {
  overflow: auto
}

details {
  display: block
}

summary {
  display: list-item
}

menu {
  display: block
}

canvas {
  display: inline-block
}

template {
  display: none
}

[hidden] {
  display: none
}

@font-face {
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  font-family: "Fira Sans";
  font-display: swap;
  src: url(/g/fonts/fira_sans/fira_sans-l.eot);
  src: url(/g/fonts/fira_sans/fira_sans-l.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-l.woff) format("woff"), url(/g/fonts/fira_sans/fira_sans-l.ttf) format("truetype"), url("/g/fonts/fira_sans/fira_sans-l.svg#Fira Sans") format("svg")
}

@font-face {
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  font-family: "Fira Sans";
  font-display: swap;
  src: url(/g/fonts/fira_sans/fira_sans-r.eot);
  src: url(/g/fonts/fira_sans/fira_sans-r.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-r.woff) format("woff"), url(/g/fonts/fira_sans/fira_sans-r.ttf) format("truetype"), url("/g/fonts/fira_sans/fira_sans-r.svg#Fira Sans") format("svg")
}

@font-face {
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  font-family: "Fira Sans";
  font-display: swap;
  src: url(/g/fonts/fira_sans/fira_sans-m.eot);
  src: url(/g/fonts/fira_sans/fira_sans-m.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-m.woff) format("woff"), url(/g/fonts/fira_sans/fira_sans-m.ttf) format("truetype"), url("/g/fonts/fira_sans/fira_sans-m.svg#Fira Sans") format("svg")
}

@font-face {
  font-weight: 700;
  font-style: normal;
  font-family: "Fira Sans";
  font-display: swap;
  src: url(/g/fonts/fira_sans/fira_sans-b.eot);
  src: url(/g/fonts/fira_sans/fira_sans-b.eot?#iefix) format("embedded-opentype"), url(/g/fonts/fira_sans/fira_sans-b.woff) format("woff"), url(/g/fonts/fira_sans/fira_sans-b.ttf) format("truetype"), url("/g/fonts/fira_sans/fira_sans-b.svg#Fira Sans") format("svg")
}

.cd-hidden {
  display: none
}

.cd-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  outline: 0;
  text-decoration: none;
  color: #fff;
  font-family: 'Fira Sans', sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -.19px;
  padding: 8px 24px;
  border: none;
  -webkit-box-shadow: 0 6px 4px -4px #acd6a2, inset 0 0 0 2px #10a03b;
  box-shadow: 0 6px 4px -4px #acd6a2, inset 0 0 0 2px #10a03b;
  border-radius: 24px;
  background-color: #1eb34b;
  -webkit-transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out;
  transition: box-shadow .2s ease-in-out, background-color .2s ease-in-out, -webkit-box-shadow .2s ease-in-out;
  cursor: pointer;
  -webkit-appearance: none
}

@media all and (min-width: 960px) {
  .cd-btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: -.2px;
    padding: 12px 32px
  }
}

@media all and (min-width: 1200px) {
  .cd-btn:hover {
    -webkit-box-shadow: 0 5px 3px -3px #acd6a2, inset 0 0 0 2px #3cae5e;
    box-shadow: 0 5px 3px -3px #acd6a2, inset 0 0 0 2px #3cae5e;
    background-color: #51c568
  }

  .cd-btn:active {
    background-color: #37a458;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

@media all and (min-width: 1380px) {
  .cd-btn {
    padding: 12px 40px
  }
}

.cd-btn._disabled,
.cd-btn[disabled=true] {
  background-color: #d2d2d2;
  cursor: default;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-btn._disabled svg,
.cd-btn[disabled=true] svg {
  opacity: .5
}

.cd-btn._iconed {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px
}

.cd-btn._iconed svg {
  width: 26px;
  height: 26px;
  margin-right: 8px;
  fill: #fefefe
}

@media all and (min-width: 960px) {
  .cd-btn._iconed svg {
    width: 32px;
    height: 32px
  }
}

.cd-btn._secondary {
  -webkit-box-shadow: 0 6px 4px -4px rgba(176, 176, 176, .27), inset 0 0 0 2px #dfdfdf;
  box-shadow: 0 6px 4px -4px rgba(176, 176, 176, .27), inset 0 0 0 2px #dfdfdf;
  background-color: #fafaf9;
  color: #0169d9;
  font-weight: 500
}

@media all and (min-width: 1200px) {
  .cd-btn._secondary:hover {
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 166, 233, .27), inset 0 0 0 2px #a3c0ea;
    box-shadow: 0 6px 4px -4px rgba(130, 166, 233, .27), inset 0 0 0 2px #a3c0ea;
    background-color: #d9e4f5
  }

  .cd-btn._secondary:active {
    background-color: #a4bfe9;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

.cd-btn._secondary._disabled,
.cd-btn._secondary[disabled=true] {
  -webkit-box-shadow: 0 5px 3px -3px rgba(176, 176, 176, .27), inset 0 0 0 2px #dfdfdf;
  box-shadow: 0 5px 3px -3px rgba(176, 176, 176, .27), inset 0 0 0 2px #dfdfdf;
  background-color: #fafaf9;
  cursor: default;
  color: #8a8a8a
}

.cd-btn._secondary._disabled svg,
.cd-btn._secondary[disabled=true] svg {
  opacity: .5
}

.cd-btn._secondary svg {
  fill: #333
}

.cd-btn._no-text {
  padding: 8px;
  border-radius: 50%
}

.cd-btn._no-text svg {
  margin: 0
}

.cd-btn._small {
  padding: 4px 24px
}

@media all and (min-width: 960px) {
  .cd-btn._small {
    padding: 8px 24px;
    font-size: 15px;
    font-weight: 500
  }
}

@media all and (min-width: 1380px) {
  .cd-btn._small {
    padding: 8px 32px;
    font-size: 15px;
    font-weight: 500
  }
}

.cd-btn._small._iconed {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 16px
}

@media all and (min-width: 960px) {
  .cd-btn._small._iconed {
    padding-top: 8px;
    padding-bottom: 8px
  }
}

.cd-btn._small._iconed svg {
  width: 24px;
  height: 24px
}

@media all and (min-width: 960px) {
  .cd-btn._small._iconed svg {
    width: 26px;
    height: 26px
  }
}

@media all and (min-width: 1380px) {
  .cd-btn._small._iconed svg {
    width: 26px;
    height: 26px
  }
}

.cd-btn._small._no-text {
  padding: 4px
}

@media all and (min-width: 960px) {
  .cd-btn._small._no-text {
    padding: 8px
  }
}

.cd-btn._large {
  padding: 12px 23px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: -.2px
}

@media all and (min-width: 960px) {
  .cd-btn._large {
    padding: 16px 40px;
    border-radius: 28px;
    font-size: 20px
  }
}

@media all and (min-width: 1380px) {
  .cd-btn._large {
    padding: 16px 46px;
    font-size: 20px
  }
}

.cd-btn._large._iconed {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px
}

.cd-btn._large._iconed svg {
  width: 32px;
  height: 32px
}

@media all and (min-width: 960px) {
  .cd-btn._large._iconed svg {
    width: 40px;
    height: 40px
  }
}

@media all and (min-width: 1380px) {
  .cd-btn._large._iconed svg {
    width: 40px;
    height: 40px
  }
}

.cd-btn._large._no-text {
  padding: 8px
}

.cd-checkbox__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  font-size: 0;
  outline: 0
}

.cd-checkbox__wrapper._column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.cd-checkbox__pseudo-wr {
  display: inline-block;
  vertical-align: middle;
  width: 26px;
  height: 26px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 2px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px
}

.cd-checkbox__pseudo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  border: 2px solid #dfdfdf;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  -webkit-transition: background .2s ease-out, border .2s ease-out;
  transition: background .2s ease-out, border .2s ease-out
}

.cd-checkbox__text {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px
}

.cd-checkbox__check {
  position: absolute;
  top: 2px;
  left: 2px;
  stroke: #fff;
  stroke-dasharray: 19px;
  stroke-dashoffset: 19px;
  -webkit-transition: .2s ease-out;
  transition: .2s ease-out
}

.cd-checkbox__indeterminate {
  stroke: #fff;
  display: none;
  position: absolute;
  top: 2px;
  left: 2px
}

.cd-checkbox input[type=checkbox] {
  display: none
}

.cd-checkbox input[type=checkbox]:checked~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
  background-color: #0069d9;
  border-color: #0069d9
}

.cd-checkbox input[type=checkbox]:checked~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo .cd-checkbox__check {
  stroke-dashoffset: 38px
}

.cd-checkbox input[type=checkbox]:indeterminate~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
  border-color: #0069d9;
  background-color: #0069d9;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-checkbox input[type=checkbox]:indeterminate~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo .cd-checkbox__check {
  display: none
}

.cd-checkbox input[type=checkbox]:indeterminate~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo .cd-checkbox__indeterminate {
  display: block
}

.cd-checkbox input[type=checkbox]:indeterminate~.cd-checkbox__text {
  color: #333
}

.cd-checkbox input[type=checkbox]:disabled~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
  border-color: #ddd;
  background-color: #f4f4f4;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-checkbox input[type=checkbox]:disabled~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo .cd-checkbox__indeterminate {
  stroke: #0069d9
}

.cd-checkbox input[type=checkbox]:disabled~.cd-checkbox__text {
  color: #b4b4b4
}

.cd-checkbox input[type=checkbox]:disabled:checked~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
  border-color: #ddd;
  background-color: #f4f4f4;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-checkbox input[type=checkbox]:disabled:checked~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo .cd-checkbox__check {
  stroke: #0069d9
}

.cd-checkbox input[type=checkbox]:disabled:checked~.cd-checkbox__text {
  color: #333
}

.cd-checkbox._error .cd-checkbox__pseudo {
  border-color: #ed8f8f
}

@media all and (min-width: 1200px) {

  .cd-checkbox._error .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox._error .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    border-color: #ed8f8f;
    -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
    box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27)
  }

  .cd-checkbox._error .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__text,
  .cd-checkbox._error .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__text {
    color: #dd4434
  }
}

.cd-checkbox._large .cd-checkbox__text {
  font-size: 17px
}

.cd-checkbox._small .cd-checkbox__text {
  font-size: 14px
}

@media all and (min-width: 1200px) {

  .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
    background-color: #f2f7ff;
    border-color: #a3c0ea
  }

  .cd-checkbox__label:focus input[type=checkbox]:not(:disabled)~.cd-checkbox__text,
  .cd-checkbox__label:hover input[type=checkbox]:not(:disabled)~.cd-checkbox__text {
    color: #0169d9
  }

  .cd-checkbox__label:focus input[type=checkbox]:indeterminate~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox__label:hover input[type=checkbox]:indeterminate~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5);
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5);
    border-color: #0068d9;
    background-color: #2485ee
  }

  .cd-checkbox__label:focus input[type=checkbox]:checked:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo,
  .cd-checkbox__label:hover input[type=checkbox]:checked:not(:disabled)~.cd-checkbox__pseudo-wr .cd-checkbox__pseudo {
    border-color: #0068d9;
    background-color: #2485ee;
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5);
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5)
  }
}

.cd-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 16px;
  font-family: "Fira Sans", sans-serif
}

.cd-field__text {
  color: #333;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.cd-field__label {
  padding-left: 8px
}

.cd-field__label+.cd-field__error {
  margin-left: 7px
}

.cd-field__error {
  display: none;
  color: #dd4434;
  font-size: 13px;
  font-weight: 400;
  line-height: 24px;
  padding-left: 8px
}

.cd-field._large .cd-field__text {
  font-size: 15px
}

.cd-field._large .cd-field__error {
  font-size: 14px
}

.cd-field._small .cd-field__text {
  font-size: 13px
}

.cd-field._small .cd-field__error {
  font-size: 12px
}

.cd-field._required .cd-field__label {
  position: relative
}

.cd-field._required .cd-field__label:before {
  content: '*';
  color: #e7433a;
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  position: absolute;
  left: 0;
  top: 3px
}

.cd-field._error .cd-field__error {
  display: block
}

.cd-upload .progressContainer {
  position: relative;
  margin: 0 16px 16px;
  padding-right: 50px
}

.cd-upload .progressName {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -.2px
}

.cd-upload .progressBarStatus {
  color: #a4a4a4;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -.19px
}

.cd-upload .progressCancel {
  display: block;
  position: absolute;
  right: 0;
  top: 2px;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMjEyMTIxIiBkPSJNOC43NSA1Ljc1VjQuNWMwLS45NjYuNzg0LTEuNzUgMS43NS0xLjc1aDVjLjk2NiAwIDEuNzUuNzg0IDEuNzUgMS43NXYxLjI1aDYuMjVhLjc1Ljc1IDAgMCAxIDAgMS41aC0yMWEuNzUuNzUgMCAwIDEgMC0xLjVoNi4yNXptMS41IDBoNS41VjQuNWEuMjUuMjUgMCAwIDAtLjI1LS4yNWgtNWEuMjUuMjUgMCAwIDAtLjI1LjI1djEuMjV6bTUuNTAxIDMuNzAzYS43NTEuNzUxIDAgMCAxIDEuNDk4LjA5NGwtLjUgOGEuNzUxLjc1MSAwIDAgMS0xLjQ5OC0uMDk0bC41LTh6TTEyLjI1IDkuNWEuNzUuNzUgMCAwIDEgMS41IDB2OGEuNzUuNzUgMCAwIDEtMS41IDB2LTh6bS0xLjUwMSA3Ljk1M2EuNzUxLjc1MSAwIDAgMS0xLjQ5OC4wOTRsLS41LThhLjc1MS43NTEgMCAwIDEgMS40OTgtLjA5NGwuNSA4em05LjAxLTguMDdhLjc1Ljc1IDAgMSAxIDEuNDgyLjIzNGwtMS43MjkgMTAuOTkyYy0uMTk4IDEuNDY4LTEuNTMzIDIuNjQxLTMuMDA0IDIuNjQxSDkuNDkyYy0xLjQ3MiAwLTIuODEyLTEuMTQ5LTMuMDM2LTIuNjA2TDQuNzU5IDkuNjE0YS43NS43NSAwIDAgMSAxLjQ4Mi0uMjI4bDEuNjk3IDExLjAzYy4xMTIuNzI1LjgyMiAxLjMzNCAxLjU1NCAxLjMzNGg3LjAxNmMuNzE4IDAgMS40Mi0uNjE2IDEuNTItMS4zNThsMS43MzEtMTEuMDA5eiIvPjwvc3ZnPg==) 50% 50%/20px auto no-repeat;
  width: 32px;
  height: 32px;
  -webkit-box-shadow: 0 2px 3px rgba(176, 176, 176, .27);
  box-shadow: 0 2px 3px rgba(176, 176, 176, .27);
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #fafaf9
}

.cd-upload .upload-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cd-upload .upload-button input[type=button] {
  margin-right: 25px;
  color: #0169d9;
  font-size: 15px;
  font-family: "Fira Sans";
  font-display: swap;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -.2px;
  cursor: pointer;
  display: block;
  border-radius: 100px;
  border: 2px solid #dfdfdf;
  background-color: #fbfbfa;
  padding: 3px 16px 3px 34px;
  position: relative;
  outline: 0;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMjEyMTIxIiBkPSJNMjEuNDU3IDUuNDg3YS43NjguNzY4IDAgMCAwLS4xMDgtLjE2M2wtLjEzLS4xM2EuNzcuNzcgMCAwIDAtLjE2MS0uMTExIDQuNzQ3IDQuNzQ3IDAgMCAwLTYuNDM2LjE4OGwtLjIuMTk3YS43NS43NSAwIDAgMCAxLjA1MiAxLjA3bC4yLS4xOTdhMy4yNTcgMy4yNTcgMCAwIDEgNC41MzYtLjAyMiAzLjI3NSAzLjI3NSAwIDAgMS0uMDYgNC41NDRsLTkuMzU4IDkuMzU3YTMuMjE2IDMuMjE2IDAgMCAxLTQuNTAxLjAzMyAzLjI0NSAzLjI0NSAwIDAgMSAuMDc5LTQuNTI0bDUuNzk4LTUuNzI0YTEuMjYzIDEuMjYzIDAgMCAxIDEuNzc1LjAwN2wuMTc1LjE3NWExLjIyNSAxLjIyNSAwIDAgMS0uMDA3IDEuNzQybC01LjE0IDUuMDM3YS43NS43NSAwIDAgMCAxLjA1IDEuMDcxbDUuMTQtNS4wMzZhMi43MjUgMi43MjUgMCAwIDAgLjAxOC0zLjg3NGwtLjE3Ni0uMTc2YTIuNzYzIDIuNzYzIDAgMCAwLTMuODktLjAxM2wtNS43OTcgNS43MjRhNC43MzQgNC43MzQgMCAwIDAtLjI3MiA2LjQyMy43Ny43NyAwIDAgMCAuMTA5LjE2NGwuMTI5LjEzYS43NzEuNzcxIDAgMCAwIC4xNjMuMTExIDQuNzA0IDQuNzA0IDAgMCAwIDYuNDA4LS4yMWw5LjM1Ny05LjM1N2E0Ljc2NSA0Ljc2NSAwIDAgMCAuMjQ3LTYuNDM2eiIvPjwvc3ZnPg==) 10px 50%/18px 18px no-repeat;
  -webkit-box-shadow: 0 2px 3px rgba(176, 176, 176, .27);
  box-shadow: 0 2px 3px rgba(176, 176, 176, .27);
  color: #0169d9
}

.cd-upload .upload-count {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: -.2px;
  font-family: "Fira Sans"
}

@media all and (min-width: 1200px) {

  .cd-upload .progressCancel:focus,
  .cd-upload .progressCancel:hover,
  .cd-upload .upload-button input[type=button]:focus,
  .cd-upload .upload-button input[type=button]:hover {
    -webkit-box-shadow: 0 2px 3px rgba(130, 165, 233, .27);
    box-shadow: 0 2px 3px rgba(130, 165, 233, .27);
    border-color: #a4bfe9;
    background-color: #d9e4f5
  }

  .cd-upload .progressCancel:active,
  .cd-upload .upload-button input[type=button]:active {
    background-color: #a4bfe9;
    border-color: #a4bfe9;
    -webkit-box-shadow: 0 2px 3px transparent;
    box-shadow: 0 2px 3px transparent
  }
}

.cd-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 16px
}

.cd-input__wrapper {
  position: relative
}

.cd-input__wrapper svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  fill: #15c;
  opacity: .5;
  -webkit-transition: opacity .4s;
  transition: opacity .4s;
  width: 27px;
  max-height: 27px
}

.cd-input._iconed-left svg {
  left: 12px
}

.cd-input._iconed-left .cd-input__field {
  padding-left: 48px
}

.cd-input._iconed-right svg {
  right: 12px
}

.cd-input._iconed-right .cd-input__field {
  padding-right: 48px
}

.cd-input__field {
  color: #333;
  font-family: "Fira Sans", sans-serif;
  padding: 10px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.4px;
  height: 48px;
  border: 2px solid #dfdfdf;
  border-radius: 6px;
  background-color: #fff;
  width: 100%
}

.cd-input__field::-webkit-input-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-input__field::-moz-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-input__field:-ms-input-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-input__field:focus {
  -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  border-color: #82a5e9;
  background-color: #f2f7ff
}

.cd-input__field:focus+svg {
  opacity: 1
}

.cd-input__field:disabled {
  border-color: #ddd;
  background-color: #f4f4f4;
  color: #333
}

.cd-input__field:disabled+svg {
  opacity: 1;
  fill: #333
}

.cd-input._error svg {
  fill: #cf796f
}

.cd-input._error .cd-input__field {
  border-color: #ed8e8e;
  background-color: #fff;
  color: #de4838
}

.cd-input._error .cd-input__field:focus {
  -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  border-color: #ed8f8f;
  background-color: #fff3ea
}

.cd-input._large .cd-input__field {
  height: 56px;
  padding: 14px;
  font-size: 17px
}

.cd-input._large .cd-input__field::-webkit-input-placeholder {
  font-size: 17px
}

.cd-input._large .cd-input__field::-moz-placeholder {
  font-size: 17px
}

.cd-input._large .cd-input__field:-ms-input-placeholder {
  font-size: 17px
}

.cd-input._large .cd-input__field svg {
  max-height: 33px;
  width: 33px
}

.cd-input._large._iconed-left svg {
  left: 13px
}

.cd-input._large._iconed-left .cd-input__field {
  padding-left: 56px
}

.cd-input._large._iconed-right svg {
  right: 13px
}

.cd-input._large._iconed-right .cd-input__field {
  padding-right: 56px
}

.cd-input._small .cd-input__field {
  height: 40px;
  padding: 6px 14px;
  font-size: 14px
}

.cd-input._small .cd-input__field::-webkit-input-placeholder {
  font-size: 14px
}

.cd-input._small .cd-input__field::-moz-placeholder {
  font-size: 14px
}

.cd-input._small .cd-input__field:-ms-input-placeholder {
  font-size: 14px
}

.cd-input._small .cd-input__field svg {
  max-height: 22px;
  width: 22px
}

.cd-input._small._iconed-left svg {
  left: 11px
}

.cd-input._small._iconed-left .cd-input__field {
  padding-left: 42px
}

.cd-input._small._iconed-right svg {
  right: 11px
}

.cd-input._small._iconed-right .cd-input__field {
  padding-right: 42px
}

@media all and (min-width: 1200px) {
  .cd-input:not(._error) .cd-input__field:not(:disabled):hover {
    border-color: #a3c0ea
  }
}

.cd-radio__label {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  font-size: 0;
  margin-right: 10px;
  margin-top: 12px;
  outline: 0
}

.cd-radio__wrapper._column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}

.cd-radio__pseudo-wr {
  width: 26px;
  height: 26px;
  display: inline-block;
  vertical-align: middle;
  padding: 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 26px;
  flex: 0 0 26px;
}

.cd-radio__pseudo {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  overflow: hidden;
  -webkit-transition: background .2s ease-out, border .2s ease-out;
  transition: background .2s ease-out, border .2s ease-out
}

.cd-radio__pseudo:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(3);
  transform: translate(-50%, -50%) scale(3);
  border: 3px solid #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  background: 0 0;
  border-radius: 50%;
  -webkit-transition: -webkit-transform .2s ease-out;
  transition: -webkit-transform .2s ease-out;
  transition: transform .2s ease-out;
  transition: transform .2s ease-out, -webkit-transform .2s ease-out;
  will-change: transform
}

.cd-radio__text {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  margin-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-transition: color .2s ease-out;
  transition: color .2s ease-out
}

.cd-radio input[type=radio]:checked~.cd-radio__pseudo-wr .cd-radio__pseudo {
  background-color: #0069d9;
  border-color: #0069d9;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-radio input[type=radio]:checked~.cd-radio__pseudo-wr .cd-radio__pseudo:before {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  background-color: #0069d9
}

.cd-radio input[type=radio]:disabled~.cd-radio__pseudo-wr .cd-radio__pseudo {
  border-color: #ddd;
  background-color: #f4f4f4;
  -webkit-box-shadow: none;
  box-shadow: none
}

.cd-radio input[type=radio]:disabled~.cd-radio__pseudo-wr .cd-radio__pseudo:before {
  display: none
}

.cd-radio input[type=radio]:disabled~.cd-radio__text {
  color: #b4b4b4
}

.cd-radio input[type=radio]:disabled:checked~.cd-radio__pseudo-wr .cd-radio__pseudo:before {
  display: block;
  border-color: #4c94e1;
  background-color: #f4f4f4
}

.cd-radio input[type=radio]:disabled:checked~.cd-radio__text {
  color: #b4b4b4
}

.cd-radio._error .cd-radio__pseudo-wr .cd-radio__pseudo {
  border-color: #ed8f8f
}

.cd-radio._error input[type=radio]:disabled:checked~.cd-radio__pseudo-wr .cd-radio__pseudo:before {
  border-color: #ed8f8f
}

@media all and (min-width: 1200px) {

  .cd-radio._error .cd-radio__label:focus .cd-radio__text,
  .cd-radio._error .cd-radio__label:hover .cd-radio__text {
    color: #dd4434
  }

  .cd-radio._error .cd-radio__label:focus .cd-radio__pseudo-wr .cd-radio__pseudo,
  .cd-radio._error .cd-radio__label:hover .cd-radio__pseudo-wr .cd-radio__pseudo {
    border-color: #ed8f8f;
    -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
    box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27)
  }
}

.cd-radio._large .cd-radio__text {
  font-size: 17px
}

.cd-radio._small .cd-radio__text {
  font-size: 14px
}

@media all and (min-width: 1200px) {

  .cd-radio .cd-radio__label:focus .cd-radio__text,
  .cd-radio .cd-radio__label:hover .cd-radio__text {
    color: #0169d9
  }

  .cd-radio .cd-radio__label:focus .cd-radio__pseudo-wr .cd-radio__pseudo,
  .cd-radio .cd-radio__label:hover .cd-radio__pseudo-wr .cd-radio__pseudo {
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
    border-color: #a3c0ea;
    background-color: #f2f7ff
  }

  .cd-radio .cd-radio__label:focus input[type=radio]:not(:disabled):checked~.cd-radio__pseudo-wr .cd-radio__pseudo,
  .cd-radio .cd-radio__label:hover input[type=radio]:not(:disabled):checked~.cd-radio__pseudo-wr .cd-radio__pseudo {
    -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5);
    box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .5);
    border-color: #0068d9;
    background-color: #2485ee
  }

  .cd-radio .cd-radio__label:focus input[type=radio]:not(:disabled):checked~.cd-radio__pseudo-wr .cd-radio__pseudo:before,
  .cd-radio .cd-radio__label:hover input[type=radio]:not(:disabled):checked~.cd-radio__pseudo-wr .cd-radio__pseudo:before {
    background-color: #2485ee
  }
}

.cd-selectbox__amount {
  border-radius: 16px;
  background-color: #efefef;
  padding: 4px 12px;
  color: #333;
  font-family: "Fira Sans";
  font-display: swap;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  display: block;
  margin-right: 8px;
  height: 32px;
  min-width: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.cd-selectbox__wrapper {
  position: relative;
  outline: 0
}

.cd-selectbox__select {
  position: relative;
  display: block
}

.cd-selectbox__line-through {
  padding: 7px 15px;
  color: #333;
  font-family: "Fira Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 25px;
  letter-spacing: -.2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cd-selectbox__line-through:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 2px;
  background-color: #ececec;
  margin-left: 15px
}

.cd-selectbox__list {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 16px 0 16px 0;
  max-height: 300px;
  overflow: auto;
  display: none;
  -webkit-box-shadow: 0 6px 6px -2px rgba(0, 0, 0, .24);
  box-shadow: 0 6px 6px -2px rgba(0, 0, 0, .24);
  border-radius: 6px;
  background-color: #fff;
  z-index: 5
}

.cd-selectbox__list::-webkit-scrollbar {
  width: 8px
}

.cd-selectbox__list::-webkit-scrollbar-thumb {
  background: #82a5e9;
  border-radius: 4px;
  width: 8px
}

.cd-selectbox__list::-webkit-scrollbar-track {
  background: #ddd;
  width: 2px;
  border-radius: 4px
}

.cd-selectbox__list body {
  scrollbar-face-color: #82a5e9;
  scrollbar-track-color: #ddd
}

.cd-selectbox__item-title {
  padding: 12px 16px;
  display: block;
  color: #333;
  font-family: "Fira Sans";
  font-display: swap;
  font-size: 15px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: -.4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.cd-selectbox__item-title:after {
  content: '';
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  height: 2px;
  background-color: #ececec;
  margin-left: 15px
}

.cd-selectbox__item {
  padding: 12px 16px;
  display: block;
  color: #333;
  font-family: "Fira Sans";
  font-display: swap;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.4px;
  cursor: pointer
}

.cd-selectbox._multiselect .cd-selectbox__item {
  padding-left: 48px;
  background: 18px center no-repeat
}

.cd-selectbox._multiselect .cd-selectbox__item._active {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij48cGF0aCBmaWxsPSIjMDA2OGQ5IiBkPSJNMjEuNTI2IDcuNDY1YS43NS43NSAwIDAgMC0xLjA2MS4wMWwtOS42NDYgOS44Mkw2LjU1IDEyLjY4QS43NS43NSAwIDEgMCA1LjQ0OSAxMy43bDQuODAzIDUuMTlhLjc1Ljc1IDAgMCAwIDEuMDg1LjAxN0wyMS41MzUgOC41MjZhLjc1Ljc1IDAgMCAwLS4wMS0xLjA2MXoiLz48L3N2Zz4=);
  color: #0169d9
}

.cd-selectbox._multiselect .cd-selectbox__selected {
  padding-left: 6px
}

.cd-selectbox__selected {
  display: block;
  height: 48px;
  border-radius: 8px;
  border: 2px solid #dfdfdf;
  padding: 10px 45px 10px 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  -webkit-transition: .1s ease-out;
  transition: .1s ease-out;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
  font-family: "Fira Sans";
  font-display: swap;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: -.4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap
}

.cd-selectbox__arrows {
  position: absolute;
  width: 34px;
  height: 34px;
  top: 50%;
  right: 6px;
  background-size: contain;
  opacity: .5;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%)
}

.cd-selectbox__arrows svg {
  width: 34px;
  height: 34px
}

.cd-selectbox__arrows svg path {
  fill: #0068d9
}

.cd-selectbox input:focus+.cd-selectbox__select .cd-selectbox__selected {
  -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  border-color: #82a5e9;
  background-color: #f2f7ff
}

.cd-selectbox input:focus+.cd-selectbox__select .cd-selectbox__selected .cd-selectbox__amount {
  background: #cadbf4
}

.cd-selectbox input:focus+.cd-selectbox__select .cd-selectbox__selected .cd-selectbox__arrows {
  opacity: 1
}

.cd-selectbox input:disabled+.cd-selectbox__select {
  pointer-events: none
}

.cd-selectbox input:disabled+.cd-selectbox__select .cd-selectbox__selected {
  border-color: #ddd;
  background-color: #f4f4f4;
  color: #333
}

.cd-selectbox input:disabled+.cd-selectbox__select .cd-selectbox__selected .cd-selectbox__amount {
  background: #cdcdcd
}

.cd-selectbox input:disabled+.cd-selectbox__select .cd-selectbox__arrows svg path {
  fill: #333
}

.cd-selectbox._error .cd-selectbox__selected {
  border-color: #ed8e8e;
  background-color: #fff;
  color: #de4838
}

.cd-selectbox._error .cd-selectbox__selected .cd-selectbox__arrows svg path {
  fill: #e8463d
}

.cd-selectbox._error .cd-selectbox__selected .cd-selectbox__amount {
  background: #f6c7c7
}

.cd-selectbox._error input:focus+.cd-selectbox__select .cd-selectbox__selected {
  -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  border-color: #ed8f8f;
  background-color: #fff3ea
}

.cd-selectbox._error input:focus+.cd-selectbox__select .cd-selectbox__selected .cd-selectbox__amount {
  background: #f6c1bc
}

.cd-selectbox._opened .cd-selectbox__selected {
  -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  border-color: #82a5e9;
  background-color: #f2f7ff
}

.cd-selectbox._opened .cd-selectbox__arrows {
  opacity: 1;
  -webkit-transform: rotate(180deg) translate(0, 50%);
  transform: rotate(180deg) translate(0, 50%)
}

.cd-selectbox._opened .cd-selectbox__amount {
  background: #cadbf4
}

.cd-selectbox._opened._error .cd-selectbox__selected {
  -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  border-color: #ed8f8f;
  background-color: #fff3ea
}

.cd-selectbox._opened._error .cd-selectbox__amount {
  background: #f6c1bc
}

.cd-selectbox._large .cd-selectbox__selected {
  height: 56px;
  padding: 14px 42px 14px 14px;
  font-size: 17px
}

.cd-selectbox._large .cd-selectbox__arrows {
  width: 38px;
  height: 38px
}

.cd-selectbox._large .cd-selectbox__arrows svg {
  width: 38px;
  height: 38px
}

.cd-selectbox._large .cd-selectbox__amount {
  height: 40px;
  min-width: 40px;
  border-radius: 20px;
  font-size: 17px;
  padding: 8px 16px
}

.cd-selectbox._large .cd-selectbox__item {
  font-size: 17px
}

.cd-selectbox._large .cd-selectbox__item-title {
  font-size: 17px
}

.cd-selectbox._small .cd-selectbox__selected {
  height: 40px;
  padding: 6px 32px 6px 14px;
  font-size: 14px
}

.cd-selectbox._small .cd-selectbox__arrows {
  width: 30px;
  height: 30px
}

.cd-selectbox._small .cd-selectbox__arrows svg {
  width: 30px;
  height: 30px
}

.cd-selectbox._small .cd-selectbox__amount {
  height: 24px;
  min-width: 24px;
  font-size: 14px;
  border-radius: 12px;
  padding: 1px 8px
}

.cd-selectbox._small .cd-selectbox__item {
  font-size: 14px;
  padding-top: 6px;
  padding-bottom: 6px
}

.cd-selectbox._small .cd-selectbox__item-title {
  font-size: 14px
}

@media all and (min-width: 1200px) {

  .cd-selectbox:not(._error) .cd-selectbox__wrapper:focus input:not(:disabled)+.cd-selectbox__select .cd-selectbox__selected,
  .cd-selectbox:not(._error) .cd-selectbox__wrapper:hover input:not(:disabled)+.cd-selectbox__select .cd-selectbox__selected {
    border-color: #a3c0ea
  }

  .cd-selectbox:not(._error) .cd-selectbox__wrapper:focus .cd-selectbox__amount,
  .cd-selectbox:not(._error) .cd-selectbox__wrapper:hover .cd-selectbox__amount {
    background-color: #cadbf4
  }

  .cd-selectbox .cd-selectbox__item:hover {
    background-color: #a3c0ea
  }
}

.cd-textarea__wrapper {
  position: relative
}

.cd-textarea__wrapper svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  fill: #15c;
  opacity: .5;
  -webkit-transition: opacity .4s;
  transition: opacity .4s
}

.cd-textarea._iconed-left svg {
  left: 12px;
  height: 27px;
  width: auto
}

.cd-textarea._iconed-left .cd-textarea__field {
  padding-left: 48px
}

.cd-textarea._iconed-right svg {
  right: 12px;
  height: 27px;
  width: auto
}

.cd-textarea._iconed-right .cd-textarea__field {
  padding-right: 48px
}

.cd-textarea__field {
  color: #333;
  font-family: "Fira Sans", sans-serif;
  padding: 8px 14px;
  height: 116px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -.4px;
  border: 2px solid #dfdfdf;
  border-radius: 6px;
  background-color: #fff;
  width: 100%
}

.cd-textarea__field::-webkit-input-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-textarea__field::-moz-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-textarea__field:-ms-input-placeholder {
  color: #b0b0b0;
  font-family: "Fira Sans", sans-serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 24px
}

.cd-textarea__field:focus {
  -webkit-box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  box-shadow: 0 6px 4px -4px rgba(130, 165, 233, .27);
  border-color: #82a5e9;
  background-color: #f2f7ff
}

.cd-textarea__field:focus+svg {
  opacity: 1
}

.cd-textarea__field:disabled {
  border-color: #ddd;
  background-color: #f4f4f4;
  color: #333
}

.cd-textarea__field:disabled+svg {
  opacity: 1;
  fill: #333
}

.cd-textarea._error svg {
  fill: #cf796f
}

.cd-textarea._error .cd-textarea__field {
  border-color: #ed8e8e;
  background-color: #fff;
  color: #de4838
}

.cd-textarea._error .cd-textarea__field:focus {
  -webkit-box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  box-shadow: 0 6px 4px -4px rgba(207, 121, 111, .27);
  border-color: #ed8f8f;
  background-color: #fff3ea
}

.cd-textarea._large .cd-textarea__field {
  font-size: 17px
}

.cd-textarea._large .cd-textarea__field::-webkit-input-placeholder {
  font-size: 17px
}

.cd-textarea._large .cd-textarea__field::-moz-placeholder {
  font-size: 17px
}

.cd-textarea._large .cd-textarea__field:-ms-input-placeholder {
  font-size: 17px
}

.cd-textarea._large._iconed-left svg {
  left: 13px;
  height: 33px;
  width: auto
}

.cd-textarea._large._iconed-left .cd-textarea__field {
  padding-left: 56px
}

.cd-textarea._large._iconed-right svg {
  right: 13px;
  height: 33px;
  width: auto
}

.cd-textarea._large._iconed-right .cd-textarea__field {
  padding-right: 56px
}

.cd-textarea._small .cd-textarea__field {
  font-size: 14px
}

.cd-textarea._small .cd-textarea__field::-webkit-input-placeholder {
  font-size: 14px
}

.cd-textarea._small .cd-textarea__field::-moz-placeholder {
  font-size: 14px
}

.cd-textarea._small .cd-textarea__field:-ms-input-placeholder {
  font-size: 14px
}

.cd-textarea._small._iconed-left svg {
  left: 11px;
  height: 22px;
  width: auto
}

.cd-textarea._small._iconed-left .cd-textarea__field {
  padding-left: 42px
}

.cd-textarea._small._iconed-right svg {
  right: 11px;
  height: 22px;
  width: auto
}

.cd-textarea._small._iconed-right .cd-textarea__field {
  padding-right: 42px
}

@media all and (min-width: 1200px) {
  .cd-textarea:not(._error):hover .cd-textarea__field:not(:disabled) {
    border-color: #a3c0ea
  }
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-r.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-r.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-b.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-b.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-i.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-i.woff") format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-t.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-t.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-m.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-m.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-s-b.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-s-b.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-e-b.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-e-b.woff") format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Montserrat";
  src: url("/g/fonts/montserrat/montserrat-b-i.woff2") format("woff2"), url("/g/fonts/montserrat/montserrat-b-i.woff") format("woff");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  position: relative;
  color: #333;
  background: #fff;
  line-height: 1.6;
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
  font-family: inherit;
}

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0.67em 0;
  color: #000;
}

.mp-wrapp {
  max-width: 1184px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.site-header-search {
  display: none;
}

.mp-main-menu-container {
  padding: 12px 0;
  z-index: 11;
  position: relative;
}

.mp-main-menu-container__inner {
  display: flex;
  align-items: center;
}

.mp-main-menu__logo {
  font-size: 0;
}

/* .mp-main-menu__logo img {
    width: 80px ;
    border-radius: 10px;
  } */
.mp-main-menu__nav,
.mp-main-menu__search,
.mp-main-menu__btn-login {
  display: none;
}

.mp-main-menu__phones {
  margin-left: auto;
  text-align: right;
  font-size: 0;
}

.mp-main-menu__phones-title {
  font-weight: 500;
  font-size: 11px;
  line-height: 1.4;
  letter-spacing: 0em;
  color: #b0b0b0;
  display: none;
}

.mp-main-menu__phone {
  font-size: 0;
  width: 48px;
  height: 48px;
  border-radius: 24px;
  background: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.883 5.495a4.583 4.583 0 0 1 3.621 3.62m-3.62-7.287a8.25 8.25 0 0 1 7.287 7.278M9.379 12.703a13.385 13.385 0 0 1-2.61-3.676 1.556 1.556 0 0 1-.103-.244.959.959 0 0 1 .135-.79c.044-.061.096-.114.201-.218.32-.321.48-.481.586-.642a1.833 1.833 0 0 0 0-1.999c-.105-.161-.265-.321-.586-.642l-.178-.178c-.488-.488-.731-.731-.993-.864a1.833 1.833 0 0 0-1.655 0c-.261.133-.505.376-.992.864l-.145.144c-.485.486-.728.728-.913 1.058a3.096 3.096 0 0 0-.353 1.355c.002.379.075.638.222 1.155a17.452 17.452 0 0 0 4.467 7.593 17.452 17.452 0 0 0 7.594 4.468c.517.147.776.22 1.154.221.42.001.99-.146 1.355-.352.33-.186.573-.428 1.058-.914l.145-.144c.487-.488.73-.731.863-.993a1.834 1.834 0 0 0 0-1.655c-.132-.261-.376-.505-.863-.992l-.179-.179c-.32-.32-.48-.48-.641-.585a1.833 1.833 0 0 0-2 0c-.16.105-.32.265-.64.585-.106.105-.158.158-.22.201a.959.959 0 0 1-.79.135c-.072-.02-.129-.048-.243-.103a13.383 13.383 0 0 1-3.676-2.61Z' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center no-repeat #1CA345;
  display: inline-block;
}

.mp-main-menu__btn-burger {
  padding: 0;
  margin: 0;
  border: none;
  font-size: 0;
  background: transparent;
  cursor: pointer;
  margin-left: 14px;
}

.mp-main-menu__bot {
  display: none;
}

.mp-m-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 272px;
  background: #fff;
  box-shadow: 0 0 0 100000px rgba(36, 36, 36, 0.84);
  z-index: 10000;
  transform: translate(100%);
  opacity: 0;
}

.mp-m-menu._opened {
  transform: translate(0);
  transition: all 0.3s linear;
  opacity: 1;
}

.mp-m-aside-close {
  position: absolute;
  width: 32px;
  height: 32px;
  font-size: 0;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  outline: none;
  top: 0;
  left: -32px;
  z-index: 4;
}

.mp-m-menu__wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  box-sizing: border-box;
  padding: 28px 16px 16px;
}

.mp-m-nav-aside {
  padding: 0 0 8px;
  margin: 0;
  list-style: none;
}

.mp-m-nav-aside>li {
  border-bottom: 1px solid #e1e1e1;
}

.mp-m-nav-aside>li._active,
.mp-m-nav-aside>li:last-child {
  border-bottom-color: transparent;
}

.mp-m-nav-aside>li._active ._icon {
  transform: rotate(0);
}

.mp-m-nav-aside>li._active ._active a,
.mp-m-nav-aside>li._active ._active span {
  color: #1ca345;
}

.mp-m-nav-aside>li._active .mp-main-menu-aside__link {
  color: #1ca345;
}

.mp-m-nav-aside>li._active ul {
  display: block;
  border-radius: 12px;
  background: #f2f2f3;
  padding: 8px;
}

.mp-main-menu-aside__link {
  text-decoration: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 12px;
  color: #717171;
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -0.032px;
  /* 20.8px */
}

.mp-main-menu-aside__link ._icon {
  flex: none;
  transform: rotate(180deg);
  margin-left: 16px;
  font-size: 0;
  line-height: 0;
}

.mp-m-nav-aside ul {
  list-style: none;
  padding: 8px 0 20px 16px;
  margin: 0;
  display: none;
}

.mp-m-nav-aside ul li ul.mp-m-nav-aside-submenu {
  padding: 0 0 0 18px;
  margin: 0 0 0 18px;
  list-style: none;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
}

.mp-m-nav-aside ul .mp-m-nav-aside-submenu li a {
  padding: 6px 0;
}

.mp-m-nav-aside ul li a,
.mp-m-nav-aside ul li span {
  padding: 16px;
  color: #717171;
  display: block;
  font-size: 14px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.028px;
  /* 18.2px */
  text-decoration: none;
}

.mp-m-aside-menu__btn {
  display: block;
  margin-top: 16px;
  padding: 12px 32px;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.8;
  text-align: center;
  color: #000;
  border-radius: 48px;
  text-decoration: none;
  background: #f4f5f4;
  letter-spacing: -0.14px;
}

.mp-m-aside-menu__btn._call {
  color: #fff;
  background: #1ca345;
}

.mp-main-aside-menu__search {
  display: flex;
  background: #fff;
  border: 1px solid #e1e1e1;
  box-sizing: border-box;
  border-radius: 112px;
  padding: 12px 24px;
  align-items: center;
  margin-top: 16px;
}

.mp-main-aside-menu__search-button {
  border: none;
  background: none;
  outline: none;
  flex: none;
  line-height: 0;
  padding: 0;
  margin: 0 0 0 8px;
}

.mp-main-aside-menu__search-input {
  border: none;
  outline: none;
  padding: 0;
  width: 100%;
  font-size: 14px;
  line-height: 1.7;
}

.mp-main-aside-menu__phones {
  padding-bottom: 16px;
}

.mp-main-aside-menu__phones-item {
  position: relative;
}

.mp-main-aside-menu__phones-item+.mp-main-aside-menu__phones-item {
  margin-top: 16px;
}

.mp-main-aside-menu__phone-item-title {
  color: #858585;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: -0.024px;
  /* 16.8px */
}

.mp-main-aside-menu__phone-item-title a {
  color: #1ca345;
  text-decoration: none;
}

.mp-main-aside-menu__phone-item-text {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.036px;
  /* 25.2px */
  margin-bottom: 12px;
}

.mp-main-aside-menu__phone-item-text a {
  text-decoration: none;
  color: inherit;
}

.mp-main-aside-menu__phones-list {
  height: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.mp-main-aside-menu__phones-list-inner {
  border-radius: 12px;
  background: #f2f2f3;
  padding: 16px;
}

.mp-main-aside-menu__phones-list-inner .mp-main-aside-menu__phone-item-title {
  color: #666;
  font-size: 13px;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: -0.2px;
  /* 22.1px */
}

.mp-main-aside-menu__phones-list-inner .mp-main-aside-menu__phone-item-text {
  margin-top: 4px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 170%;
  letter-spacing: -0.2px;
  /* 27.2px */
}

.mp-main-aside-menu__phone-more {
  padding: 0;
  margin: 0;
  background: none;
  position: absolute;
  right: 12px;
  border: none;
  line-height: 0;
  top: 50%;
  margin-top: -3px;
  transform: rotate(180deg);
  transition: all 0.2s;
}

.mp-main-aside-menu__phone-more svg {
  width: 12px;
  height: auto;
}

.mp-main-aside-menu__phone-more.active {
  transform: none;
}

@media (min-width: 416px) {
  .mp-wrapp {
    padding-left: 32px;
    padding-right: 32px;
  }

  .mp-m-menu {
    width: 306px;
  }
}

@media (min-width: 640px) {
  .mp-main-menu__logo img {
    max-height: 42px;
  }

  .mp-main-menu__btn-burge {
    margin-left: 16px;
  }

  .mp-main-menu__btn-burge svg {
    width: 50px;
    height: 50px;
  }

  .mp-main-menu__phones {
    margin-left: 16px;
  }

  .mp-main-menu__phones-title {
    display: block;
  }

  .mp-main-menu__phone {
    width: auto;
    height: auto;
    background: none;
    font-weight: 600;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0em;
    color: #000;
    text-decoration: none;
  }

  .mp-main-menu__search {
    display: block;
    padding: 12px;
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    margin-left: auto;
  }

  .mp-main-menu__search:hover {
    stroke: #1ca345;
    transition: all 0.2s;
  }

  .mp-main-menu__btn-login {
    display: block;
    padding: 12px;
    font-size: 0;
  }

  .mp-main-menu__btn-login:hover {
    stroke: #1ca345;
    transition: all 0.2s;
  }

  .open-burger>*:not(.mp-m-menu) {
    filter: blur(3.5px);
  }

  .open-search>*:not(.site-header-search) {
    filter: blur(3.5px);
  }
}

@media (min-width: 1200px) {
  .mp-main-menu-container {
    border-bottom: 1px solid #e7e9ed;
  }

  .mp-main-menu__phones {
    margin-left: 16px;
  }

  .mp-main-menu__btn-burger {
    display: none;
  }

  .mp-main-menu__nav {
    display: block;
    margin: 0 auto;
  }

  .mp-main-menu__nav-in {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .mp-main-menu__item {
    display: inline-block;
    position: relative;
    padding: 8px 0;
  }

  .mp-main-menu__item:hover .mp-main-menu__item-link {
    background: #f7f7fb;
  }

  .mp-main-menu__item-link {
    display: block;
    padding: 8px 21px 8px 8px;
    color: #717171;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: -0.028px;
    /* 18.2px */
    text-decoration: none;
    position: relative;
    border-radius: 16px;
  }

  .mp-main-menu__phones-title {
    text-align: left;
    font-size: 10px;
    margin-bottom: 2px;
  }

  .mp-main-menu__phone {
    text-align: left;
  }

  .mp-main-menu__item-link.active {
    color: #1ca345;
  }

  .mp-main-menu__item-link:before {
    position: absolute;
    content: "";
    height: 6px;
    right: 8px;
    top: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M6.504.518H2.407a.5.5 0 0 0-.413.781l2.043 2.998a.5.5 0 0 0 .825.002L6.917 1.3a.5.5 0 0 0-.413-.782Z' fill='%231CA345'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M.953.5h7v5h-7z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    width: 8px;
    transition: all 0.2s;
  }

  .mp-main-menu__item.opened .mp-main-menu__item-link:before {
    transform: rotate(180deg);
  }

  .mp-main-menu__item-sublist {
    margin: 0;
    list-style: none;
    position: absolute;
    top: 100%;
    border-radius: 12px;
    background: #fff;
    left: -24px;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.05);
    width: 220px;
    box-sizing: border-box;
    padding: 16px;
    opacity: 0;
    pointer-events: none;
    z-index: 11;
  }

  /* .mp-main-menu__item img {
      display: none !important;
    } */
  .mp-main-menu__item:hover .mp-main-menu__item-sublist {
    opacity: 1;
    pointer-events: all;
    transition: all 0.2s;
  }

  .mp-main-menu__item-sublist-link {
    display: block;
    padding: 8px 16px;
    border-radius: 20px;
    color: #000;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.028px;
    /* 171.429% */
    transition: all 0.2s;
    text-decoration: none;
  }

  .mp-main-menu__item-sublist-link:hover {
    background: #f7f7fb;
    color: #1ca345;
  }

  .mp-main-menu__bot {
    display: block;
    padding: 7px 0;
    box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.04);
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 10;
  }

  .mp-main-menu__bot-in {
    display: flex;
    align-items: center;
  }

  .mp-main-menu__bot-nav {
    margin-right: auto;
  }

  .mp-main-menu__bot-item {
    margin-right: 24px;
  }

  .mp-main-menu__search {
    margin-left: 16px;
  }

  .mp-main-menu__bot-item:last-child {
    margin-right: 0;
  }

  .mp-main-menu__bot-item ul {
    display: none;
  }

  .mp-main-menu__bot-item .mp-main-menu__bot-item-submenu {
    position: absolute;
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    background: #fff;
    padding: 24px;
    width: 160px;
    box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    display: grid;
    grid-gap: 16px;
    top: 100%;
    opacity: 0;
    pointer-events: none;
  }

  .mp-main-menu__bot-item-submenu a {
    color: #333;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
  }

  .mp-main-menu__bot-item-submenu a:hover {
    color: #1ca345;
  }

  .mp-main-menu__bot-link {
    color: #000;
    font-size: 13px;
    font-weight: 600;
    line-height: 130%;
    letter-spacing: -0.026px;
    /* 16.9px */
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.2s;
  }

  .mp-main-menu__bot-link:hover,
  .mp-main-menu__bot-link:active,
  .mp-main-menu__bot-link.active {
    color: #1ca345;
  }

  .mp-main-menu__link {
    margin-left: 16px;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    line-height: 180%;
    letter-spacing: -0.13px;
    /* 23.4px */
    padding: 12px 20px;
    border-radius: 40px;
    background: #1ca345;
    text-decoration: none;
  }

  .mp-main-menu__link:hover {
    background: linear-gradient(180deg, #0aca44 0%, #1ca345 100%), #1ca345;
    box-shadow: 0px 6px 12px 0px rgba(28, 163, 69, 0.24);
  }

  .mp-main-menu__link:active {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #1ca345;
    box-shadow: none;
  }

  .mp-main-menu__bot-item {
    display: inline-block;
    padding: 12px 0;
    position: relative;
  }

  .mp-main-menu__bot-item:hover .mp-main-menu__bot-item-submenu {
    opacity: 1;
    pointer-events: all;
  }

  .mp-main-menu__bot-nav-in {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  .mp-m-menu,
  .mp-main-menu__btn-burger {
    display: none;
  }

  .mp-main-menu-container {
    padding: 6px 0;
  }

  .site-header-search {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 130px;
    background: #fff;
    z-index: 51;
    box-shadow: 0 0 0 100000px rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transform: translatey(-60px);
    transition: all 0.3s;
  }

  .site-header-search.opened {
    opacity: 1;
    pointer-events: all;
    transform: none;
  }

  .site-header-search__inner {
    display: flex;
    height: 130px;
    align-items: center;
  }

  .site-header-search__form {
    flex: 1 0 1%;
    margin-top: -24px;
  }

  .site-header-search__form input {
    border: none;
    outline: none;
    border-bottom: 2px solid #eee;
    width: 100%;
    height: 64px;
    font-size: 22px;
    line-height: 1.5;
    box-sizing: border-box;
    padding-left: 64px;
    transition: all 0.2s;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") left 16px center no-repeat;
  }

  .site-header-search__form input:hover {
    border-bottom-color: #1ca345;
  }

  .site-header-search__form input:focus {
    border-bottom-color: #1ca345;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z' stroke='%231CA345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E") left 16px center no-repeat;
  }

  .site-header-search__close {
    flex: none;
    margin-left: 64px;
    background: transparent;
    border: none;
    padding: 0;
    transition: all 0.3s;
    cursor: pointer;
  }

  .site-header-search__close:hover {
    transform: rotate(15deg);
  }

  .site-header-search__close svg {
    width: 48px;
    height: 48px;
  }
}

.mg-form-phone-control {
  position: relative;
}

.mg-form-phone-select-input {
  display: flex;
  cursor: pointer;
  align-items: center;
  padding: 4px 20px 4px 4px;
  position: relative;
}

.mg-form-phone-select-input:before {
  position: absolute;
  background: url("data:image/svg+xml,%3Csvg width='23' height='12' viewBox='0 0 23 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.754 11.43 1.168 1.844C.538 1.214.984.137 1.875.137h19.172c.89 0 1.337 1.077.707 1.707l-9.586 9.586a1 1 0 0 1-1.414 0Z' fill='%23444'/%3E%3C/svg%3E") center center no-repeat;
  content: "";
  width: 12px;
  height: 8px;
  right: 0;
  top: 50%;
  margin-top: -4px;
  background-size: 100%;
  transition: all 0.2s;
}

.mg-form-phone-select-input.active:before {
  transform: rotate(180deg);
}

.mg-form-phone-select-input--flag {
  flex: none;
  line-height: 0;
}

/* .mg-form-phone-select-input--flag img {
    max-width: 24px;
    height: auto;
  } */
.mg-form-phone-select {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
}

.mg-form-phone-select-list {
  position: absolute;
  z-index: 2;
  top: 160%;
  left: -7px;
  height: 0;
  overflow: hidden;
}

.mg-form-phone-select-list-inner {
  background: #efefef;
  border-radius: 8px;
  padding: 8px;
  box-sizing: border-box;
  width: 300px;
  display: grid;
  grid-gap: 4px;
  overflow: auto;
  height: 160px;
}

.mg-form-phone-select-item {
  display: flex;
  align-items: center;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.mg-form-phone-select-item:hover,
.mg-form-phone-select-item.active {
  background: #fff;
  color: #1ca345;
}

.mg-form-phone-select-item-flag {
  flex: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 1;
  width: 70px;
  margin-right: 12px;
}

/* .mg-form-phone-select-item-flag img {
    max-width: 24px;
    height: auto;
  } */
.mg-form-phone-select-item {
  font-size: 16px;
  font-weight: 500;
}

.mg-form-phone-select-item-text {
  font-size: 14px;
}