@-webkit-keyframes loading-code-animation {
  to {
    height: 0;
  }
}

@keyframes loading-code-animation {
  to {
    height: 0;
  }
}

@-webkit-keyframes alertTimer {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes alertTimer {
  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@font-face {
  font-family: 'Twemoji Country Flags';
  src: url(../font/TwemojiCountryFlags.woff2);
}

.validForm {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

.validForm.styled-form {
  padding: 60px 80px 100px;
  background-color: #00061c;
  border-radius: 16px;
}

@media (max-width: 767px) {
  .validForm.styled-form {
    padding: 40px 30px 50px;
  }
}

.validForm__block {
  position: relative;
}

.validForm__block.block-2 {
  width: calc(50% - 8px);
}

@media (max-width: 1023px) {
  .validForm__block.block-2 {
    width: 100%;
  }
}

.validForm__block.block-3 {
  width: calc(33.333% - 11px);
}

@media (max-width: 1023px) {
  .validForm__block.block-3 {
    width: 100%;
  }
}

.validForm__block.block-4 {
  width: calc(25% - 12px);
}

@media (max-width: 1023px) {
  .validForm__block.block-4 {
    width: 100%;
  }
}

.validForm__block.block-1 {
  width: 100%;
}

.validForm__block.block-mail input:not([type='submit']),
.validForm__block.block-name input:not([type='submit']) {
  padding-left: 38px;
}

.validForm__block.block-mail::before,
.validForm__block.block-name::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 24px;
  height: 24px;
  background-image: url(../icons/icon-user.svg);
  background-size: cover;
}

.validForm__block.block-mail::before {
  background-image: url(../icons/icon-mail.svg);
}

.styled-form button[type='submit'],
.styled-form input[type='submit'] {
  width: 100%;
  height: 64px;
  background: -webkit-gradient(
    linear,
    right top,
    left bottom,
    color-stop(40%, #0bc594),
    to(#138f6f)
  );
  background: linear-gradient(to bottom left, #0bc594 40%, #138f6f 100%);
  border-radius: 6px;
  border: 0;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  letter-spacing: 0.325px;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
  margin-top: 24px;
}

.styled-form button[type='submit']:hover,
.styled-form input[type='submit']:hover {
  opacity: 0.8;
}

.styled-form button[type='submit']:disabled,
.styled-form input[type='submit']:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.styled-form .d-checkbox {
  width: 100%;
  margin: 24px 0;
  display: block;
  position: relative;
}

.styled-form .d-checkbox_input {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}

.styled-form .d-checkbox_input:checked ~ .d-checkbox_check {
  border: 2px solid #0bc594;
}

.styled-form .d-checkbox_input:checked ~ .d-checkbox_check::before {
  opacity: 1;
}

.styled-form .d-checkbox_input[data-not-checked]:not(:checked) ~ .d-checkbox_check {
  border: 2px solid #f44336;
}

.styled-form .d-checkbox_check {
  position: absolute;
  left: 0;
  top: -4px;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  border: 2px solid #f2f2f2;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
}

.styled-form .d-checkbox_check::before {
  content: '';
  position: absolute;
  left: 7px;
  top: 2px;
  width: 6px;
  height: 12px;
  border-bottom: 2px solid #3ef6c5;
  border-right: 2px solid #3ef6c5;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  opacity: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

@media (hover: hover) {
  .styled-form .d-checkbox_check:hover {
    border-color: #0bc594;
  }
}

.styled-form .d-checkbox_text {
  display: inline-block;
  position: relative;
  padding-left: 36px;
  font-size: 14px;
  line-height: 1.2;
  font-weight: 400;
  color: #fff;
}

.styled-form .d-checkbox_text a {
  color: #3ef6c5;
  text-decoration: underline;
}

.styled-form input:not([type='submit']) {
  width: 100%;
  height: 48px;
  border-width: 0 0 1px;
  border-color: #dee0e3;
  color: #fff;
  border-style: solid;
  border-radius: 0;
  background: 0 0;
  outline: 0;
  padding: 0;
  font-size: 15px;
  line-height: 1;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
}

@media (hover: hover) {
  .styled-form input:hover:not([type='submit']),
  .styled-form input:hover:not([type='submit']) ~ .list-country {
    border-color: #0bc594;
  }
}

.styled-form input:not([type='submit'])::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form input:not([type='submit'])::-moz-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form input:not([type='submit']):-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form input:not([type='submit'])::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form input:not([type='submit'])::placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form input:focus:not([type='submit']),
.styled-form input:focus:not([type='submit']) ~ .list-country {
  border-color: #0bc594;
}

.styled-form input[data-empty]:not([type='submit']),
.styled-form input[data-empty]:not([type='submit']) ~ .list-country,
.styled-form input[data-wrong-mail]:not([type='submit']),
.styled-form input[data-wrong-mail]:not([type='submit']) ~ .list-country,
.styled-form input[data-wrong-phone]:not([type='submit']),
.styled-form input[data-wrong-phone]:not([type='submit']) ~ .list-country {
  border-color: #f44336;
}

.styled-form .valid-phone input[type='tel'] {
  width: calc(100% - 100px) !important;
  margin-left: 100px;
}

.valid-phone {
  position: relative;
  z-index: 1;
}

.valid-phone .numbers-left {
  position: absolute;
  bottom: 6px;
  right: 6px;
  top: 6px;
  background: #f44336;
  padding: 8px 0;
  text-align: center;
  width: 30px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  font-weight: 400;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.valid-phone .list-country,
.valid-phone .list-country::before {
  position: absolute;
}

.valid-phone .list-country {
  left: 0;
  top: 0;
  z-index: 1;
  padding-left: 16px;
  width: 100px;
  height: 100%;
  border-width: 0;
  border-style: solid;
  border-color: #dee0e3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  cursor: pointer;
  gap: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.styled-form .loading-code input,
.valid-phone .list-country.hold {
  pointer-events: none;
}

.valid-phone .list-country::before {
  content: '';
  right: -8px;
  top: calc(50% - 1.1rem);
  width: 2.4rem;
  height: 2.4rem;
  background-image: url('../icons/select-chevron.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.15rem;
  transition: all 0.325s;
  transform: rotateX(0deg);
}

.valid-phone .list-country::after,
.valid-phone .list-info {
  position: absolute;
  left: 0;
  opacity: 0;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
}

.valid-phone .list-country .emoji {
  font-size: 20px;
  font-family: 'Twemoji Country Flags';
}

.valid-phone .list-country .code {
  font-weight: 400;
  font-size: 15px;
  line-height: 1;
  color: rgba(0, 0, 0, 0.99);
  -webkit-transition: color 0.325s;
  transition: color 0.325s;
}

.valid-phone .list-info {
  top: calc(100% + 4px);
  width: 100%;
  max-width: 100%;
  min-width: 232px;
  overflow-y: auto;
  max-height: 220px;
  z-index: 2;
  background-color: #fff;
  padding: 10px 0;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(38, 38, 38, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  list-style: none;
  border-radius: 10px;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.valid-phone .list-info::-webkit-scrollbar {
  width: 4px;
  height: 10px;
  background-color: transparent;
}

.valid-phone .list-info::-webkit-scrollbar-thumb {
  background-color: #305339;
  outline: 0;
  border-radius: 6px;
}

.valid-phone .list-info.loading {
  background-image: url(../icons/loading-spinner.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.valid-phone .list-info.loading li {
  opacity: 0.5;
}

.valid-phone .list-info li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 6px;
  width: 100%;
  cursor: pointer;
  border-bottom: 1px solid #dee0e3;
  font-weight: 500;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
  letter-spacing: 0.325px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 10px 20px;
}

@media (hover: hover) {
  .valid-phone .list-info li:hover {
    background: #f2f2f2;
  }
}

.valid-phone .list-info li.active {
  background: #0bc594;
  color: #fff;
  pointer-events: none;
}

.valid-phone .list-info li.active .nameCountry {
  color: #fff;
}

.valid-phone .list-info li.active .code {
  color: #fff;
  opacity: 0.9;
}

.valid-phone .list-info li.active .emoji {
  color: #fff;
}

.valid-phone .list-info li .emoji {
  font-size: 18px;
  font-family: 'Twemoji Country Flags';
}

.valid-phone .list-info li .nameCountry {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: rgba(0, 0, 0, 0.99);
}

.valid-phone .list-info li .code {
  font-size: 14px;
  line-height: 18px;
  opacity: 0.6;
}

.valid-phone .list-info.show {
  opacity: 1;
}

.valid-phone .tel-region {
  position: absolute;
  left: 0;
  top: -5px;
  padding: 0;
  font-size: 10px;
  letter-spacing: 0.325px;
  z-index: 1;
  line-height: 1;
  text-align: right;
  color: #fff;
}

@media (max-width: 640px) {
  .valid-phone .tel-region {
    font-size: 9px;
  }
}

@media (max-width: 400px) {
  .valid-phone .tel-region {
    font-size: 8px;
    top: -3px;
  }
}

.valid-phone .tel-region.wrong-region {
  color: #f44336;
}

.valid-phone.active {
  z-index: 5;
}

.valid-phone.active .list-country .code {
  color: rgba(0, 0, 0, 0.99);
}

.valid-phone.active .list-country::before {
  border-color: #305339;
  -webkit-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

.valid-phone.one-country .list-country {
  pointer-events: none;
  background: 0 0;
}

.valid-phone.no-flag .list-country {
  width: 70px;
}

.styled-form .valid-phone.no-flag input[type='tel'] {
  width: calc(100% - 70px) !important;
  margin-left: 70px;
}

.styled-form .loading-code input::-webkit-input-placeholder {
  font-size: 0;
}

.styled-form .loading-code input::-moz-placeholder {
  font-size: 0;
}

.styled-form .loading-code input:-ms-input-placeholder {
  font-size: 0;
}

.styled-form .loading-code input::-ms-input-placeholder {
  font-size: 0;
}

.styled-form .loading-code input::placeholder {
  font-size: 0;
}

.styled-form .loaded-code input {
  pointer-events: all;
}

.styled-form .loaded-code input::-webkit-input-placeholder {
  font-size: 16px;
}

.styled-form .loaded-code input::-moz-placeholder {
  font-size: 16px;
}

.styled-form .loaded-code input:-ms-input-placeholder {
  font-size: 16px;
}

.styled-form .loaded-code input::-ms-input-placeholder {
  font-size: 16px;
}

.styled-form .loaded-code input::placeholder {
  font-size: 16px;
}

.styled-form .loaded-code .loading-spinner {
  -webkit-animation: loading-code-animation 0.5s linear forwards;
  animation: loading-code-animation 0.5s linear forwards;
}

.styled-form .loading-spinner {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px 10px 0 0;
  background-color: rgba(255, 255, 255, 0.25);
  background-image: url(../icons/loading-spinner.svg);
  background-size: 40px;
  background-position: center;
  background-repeat: no-repeat;
}

.styled-form textarea {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  min-height: 100px;
  outline: 0;
  background: 0 0;
  border-width: 0 0 1px;
  border-color: #dee0e3;
  color: #fff;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
}

.styled-form textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form textarea::-moz-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form textarea:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form textarea::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form textarea::placeholder {
  color: rgba(255, 255, 255, 0.64);
}

.styled-form textarea::-webkit-scrollbar {
  width: 2px;
  height: 10px;
  background-color: transparent;
}

.styled-form textarea::-webkit-scrollbar-thumb {
  background-color: #305339;
  outline: 0;
  border-radius: 6px;
}

.styled-form textarea:hover {
  border-color: #0bc594;
}

.styled-form textarea:focus {
  border-color: #0bc594;
}

.styled-form textarea[data-empty] {
  border-color: #f44336;
}

.styled-form select {
  width: 100%;
  height: 48px;
  border-width: 0 0 1px;
  border-color: #dee0e3;
  color: #fff;
  border-style: solid;
  border-radius: 0;
  background: 0 0;
  outline: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  -webkit-transition: all 0.325s;
  transition: all 0.325s;
}

.styled-form select option {
  border-radius: 0;
  background: #f2f2f2;
  color: #000;
}

@media (hover: hover) {
  .styled-form select:hover,
  .styled-form select:hover ~ .list-country {
    border-color: #0bc594;
  }
}

.styled-form select:focus,
.styled-form select:focus ~ .list-country {
  border-color: #0bc594;
}

.styled-form select[data-not-selected],
.styled-form select[data-not-selected] ~ .list-country {
  border-color: #f44336;
}

.validForm--alert {
  position: fixed;
  bottom: 20px;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 360px;
  padding: 18px 48px 18px 56px;
  min-height: 50px;
  -webkit-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.15);
  box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.15);
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  z-index: 10;
  background: #00061c;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  overflow: hidden;
}

@media (max-width: 560px) {
  .validForm--alert {
    width: calc(100% - 40px);
  }
}

.validForm--alert .alert-type {
  position: absolute;
  left: 8px;
  top: 8px;
  width: 36px;
  height: 36px;
}

.validForm--alert .alert-type::before {
  content: '';
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.validForm--alert .alert-text {
  font-size: 13px;
  line-height: 1.5;
  z-index: 3;
  position: relative;
}

.validForm--alert .alert-line {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  -webkit-animation-name: alertTimer;
  animation-name: alertTimer;
  -webkit-animation-direction: normal;
  animation-direction: normal;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  will-change: transform;
}

.validForm--alert_close {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.validForm--alert_close::after,
.validForm--alert_close::before {
  content: '';
  position: absolute;
  right: 15px;
  top: calc(50% - 7px);
  width: 2px;
  height: 14px;
  background-color: #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.validForm--alert_close::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.validForm--alert_close:hover {
  background: #f3f3f3;
}

.validForm--alert_close:hover::before {
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.validForm--alert_close:hover::after {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.validForm--alert.error,
.validForm--alert.warning {
  background: #fff;
}

.validForm--alert.error .alert-line {
  background: #f44336;
}

.validForm--alert.error .alert-type {
  color: #f44336;
}

.validForm--alert.error .alert-type::before {
  background-image: url(../icons/icon-error.svg);
}

.validForm--alert.error .alert-text {
  color: rgba(0, 0, 0, 0.9);
}

.validForm--alert.warning .alert-line {
  background: #f57c00;
}

.validForm--alert.warning .alert-type {
  color: #f57c00;
}

.validForm--alert.warning .alert-type::before {
  background-image: url(../icons/icon-warning.svg);
}

.validForm--alert.warning .alert-text {
  color: rgba(0, 0, 0, 0.9);
}

.validForm--alert.show {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

.validForm--alert.hide {
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}

[data-valid-flag] {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

[data-valid-flag='AF'] {
  background-image: url(../flags/AF.svg);
}

[data-valid-flag='AX'] {
  background-image: url(../flags/AX.svg);
}

[data-valid-flag='AL'] {
  background-image: url(../flags/AL.svg);
}

[data-valid-flag='DZ'] {
  background-image: url(../flags/DZ.svg);
}

[data-valid-flag='AS'] {
  background-image: url(../flags/AS.svg);
}

[data-valid-flag='AD'] {
  background-image: url(../flags/AD.svg);
}

[data-valid-flag='AO'] {
  background-image: url(../flags/AO.svg);
}

[data-valid-flag='AI'] {
  background-image: url(../flags/AI.svg);
}

[data-valid-flag='AG'] {
  background-image: url(../flags/AG.svg);
}

[data-valid-flag='AR'] {
  background-image: url(../flags/AR.svg);
}

[data-valid-flag='AM'] {
  background-image: url(../flags/AM.svg);
}

[data-valid-flag='AW'] {
  background-image: url(../flags/AW.svg);
}

[data-valid-flag='AU'] {
  background-image: url(../flags/AU.svg);
}

[data-valid-flag='AT'] {
  background-image: url(../flags/AT.svg);
}

[data-valid-flag='AZ'] {
  background-image: url(../flags/AZ.svg);
}

[data-valid-flag='BS'] {
  background-image: url(../flags/BS.svg);
}

[data-valid-flag='BH'] {
  background-image: url(../flags/BH.svg);
}

[data-valid-flag='BD'] {
  background-image: url(../flags/BD.svg);
}

[data-valid-flag='BB'] {
  background-image: url(../flags/BB.svg);
}

[data-valid-flag='BY'] {
  background-image: url(../flags/BY.svg);
}

[data-valid-flag='BE'] {
  background-image: url(../flags/BE.svg);
}

[data-valid-flag='BZ'] {
  background-image: url(../flags/BZ.svg);
}

[data-valid-flag='BJ'] {
  background-image: url(../flags/BJ.svg);
}

[data-valid-flag='BM'] {
  background-image: url(../flags/BM.svg);
}

[data-valid-flag='BT'] {
  background-image: url(../flags/BT.svg);
}

[data-valid-flag='BO'] {
  background-image: url(../flags/BO.svg);
}

[data-valid-flag='BA'] {
  background-image: url(../flags/BA.svg);
}

[data-valid-flag='BW'] {
  background-image: url(../flags/BW.svg);
}

[data-valid-flag='BR'] {
  background-image: url(../flags/BR.svg);
}

[data-valid-flag='IO'] {
  background-image: url(../flags/IO.svg);
}

[data-valid-flag='BN'] {
  background-image: url(../flags/BN.svg);
}

[data-valid-flag='BG'] {
  background-image: url(../flags/BG.svg);
}

[data-valid-flag='BF'] {
  background-image: url(../flags/BF.svg);
}

[data-valid-flag='BI'] {
  background-image: url(../flags/BI.svg);
}

[data-valid-flag='KH'] {
  background-image: url(../flags/KH.svg);
}

[data-valid-flag='CM'] {
  background-image: url(../flags/CM.svg);
}

[data-valid-flag='CA'] {
  background-image: url(../flags/CA.svg);
}

[data-valid-flag='CV'] {
  background-image: url(../flags/CV.svg);
}

[data-valid-flag='KY'] {
  background-image: url(../flags/KY.svg);
}

[data-valid-flag='CF'] {
  background-image: url(../flags/CF.svg);
}

[data-valid-flag='TD'] {
  background-image: url(../flags/TD.svg);
}

[data-valid-flag='CL'] {
  background-image: url(../flags/CL.svg);
}

[data-valid-flag='CN'] {
  background-image: url(../flags/CN.svg);
}

[data-valid-flag='CX'] {
  background-image: url(../flags/CX.svg);
}

[data-valid-flag='CC'] {
  background-image: url(../flags/CC.svg);
}

[data-valid-flag='CO'] {
  background-image: url(../flags/CO.svg);
}

[data-valid-flag='KM'] {
  background-image: url(../flags/KM.svg);
}

[data-valid-flag='CG'] {
  background-image: url(../flags/CG.svg);
}

[data-valid-flag='CD'] {
  background-image: url(../flags/CD.svg);
}

[data-valid-flag='CK'] {
  background-image: url(../flags/CK.svg);
}

[data-valid-flag='CR'] {
  background-image: url(../flags/CR.svg);
}

[data-valid-flag='CI'] {
  background-image: url(../flags/CI.svg);
}

[data-valid-flag='HR'] {
  background-image: url(../flags/HR.svg);
}

[data-valid-flag='CU'] {
  background-image: url(../flags/CU.svg);
}

[data-valid-flag='CY'] {
  background-image: url(../flags/CY.svg);
}

[data-valid-flag='CZ'] {
  background-image: url(../flags/CZ.svg);
}

[data-valid-flag='DK'] {
  background-image: url(../flags/DK.svg);
}

[data-valid-flag='DJ'] {
  background-image: url(../flags/DJ.svg);
}

[data-valid-flag='DM'] {
  background-image: url(../flags/DM.svg);
}

[data-valid-flag='DO'] {
  background-image: url(../flags/DO.svg);
}

[data-valid-flag='EC'] {
  background-image: url(../flags/EC.svg);
}

[data-valid-flag='EG'] {
  background-image: url(../flags/EG.svg);
}

[data-valid-flag='SV'] {
  background-image: url(../flags/SV.svg);
}

[data-valid-flag='GQ'] {
  background-image: url(../flags/GQ.svg);
}

[data-valid-flag='ER'] {
  background-image: url(../flags/ER.svg);
}

[data-valid-flag='EE'] {
  background-image: url(../flags/EE.svg);
}

[data-valid-flag='ET'] {
  background-image: url(../flags/ET.svg);
}

[data-valid-flag='FK'] {
  background-image: url(../flags/FK.svg);
}

[data-valid-flag='FO'] {
  background-image: url(../flags/FO.svg);
}

[data-valid-flag='FJ'] {
  background-image: url(../flags/FJ.svg);
}

[data-valid-flag='FI'] {
  background-image: url(../flags/FI.svg);
}

[data-valid-flag='FR'] {
  background-image: url(../flags/FR.svg);
}

[data-valid-flag='GF'] {
  background-image: url(../flags/GF.svg);
}

[data-valid-flag='PF'] {
  background-image: url(../flags/PF.svg);
}

[data-valid-flag='GA'] {
  background-image: url(../flags/GA.svg);
}

[data-valid-flag='GM'] {
  background-image: url(../flags/GM.svg);
}

[data-valid-flag='GE'] {
  background-image: url(../flags/GE.svg);
}

[data-valid-flag='DE'] {
  background-image: url(../flags/DE.svg);
}

[data-valid-flag='GH'] {
  background-image: url(../flags/GH.svg);
}

[data-valid-flag='GI'] {
  background-image: url(../flags/GI.svg);
}

[data-valid-flag='GR'] {
  background-image: url(../flags/GR.svg);
}

[data-valid-flag='GL'] {
  background-image: url(../flags/GL.svg);
}

[data-valid-flag='GD'] {
  background-image: url(../flags/GD.svg);
}

[data-valid-flag='GP'] {
  background-image: url(../flags/GP.svg);
}

[data-valid-flag='GU'] {
  background-image: url(../flags/GU.svg);
}

[data-valid-flag='GT'] {
  background-image: url(../flags/GT.svg);
}

[data-valid-flag='GG'] {
  background-image: url(../flags/GG.svg);
}

[data-valid-flag='GN'] {
  background-image: url(../flags/GN.svg);
}

[data-valid-flag='GW'] {
  background-image: url(../flags/GW.svg);
}

[data-valid-flag='GY'] {
  background-image: url(../flags/GY.svg);
}

[data-valid-flag='HT'] {
  background-image: url(../flags/HT.svg);
}

[data-valid-flag='HN'] {
  background-image: url(../flags/HN.svg);
}

[data-valid-flag='HK'] {
  background-image: url(../flags/HK.svg);
}

[data-valid-flag='HU'] {
  background-image: url(../flags/HU.svg);
}

[data-valid-flag='IS'] {
  background-image: url(../flags/IS.svg);
}

[data-valid-flag='IN'] {
  background-image: url(../flags/IN.svg);
}

[data-valid-flag='ID'] {
  background-image: url(../flags/ID.svg);
}

[data-valid-flag='IR'] {
  background-image: url(../flags/IR.svg);
}

[data-valid-flag='IQ'] {
  background-image: url(../flags/IQ.svg);
}

[data-valid-flag='IE'] {
  background-image: url(../flags/IE.svg);
}

[data-valid-flag='IM'] {
  background-image: url(../flags/IM.svg);
}

[data-valid-flag='IL'] {
  background-image: url(../flags/IL.svg);
}

[data-valid-flag='IT'] {
  background-image: url(../flags/IT.svg);
}

[data-valid-flag='JM'] {
  background-image: url(../flags/JM.svg);
}

[data-valid-flag='JP'] {
  background-image: url(../flags/JP.svg);
}

[data-valid-flag='JE'] {
  background-image: url(../flags/JE.svg);
}

[data-valid-flag='JO'] {
  background-image: url(../flags/JO.svg);
}

[data-valid-flag='KZ'] {
  background-image: url(../flags/KZ.svg);
}

[data-valid-flag='KE'] {
  background-image: url(../flags/KE.svg);
}

[data-valid-flag='KI'] {
  background-image: url(../flags/KI.svg);
}

[data-valid-flag='KP'] {
  background-image: url(../flags/KP.svg);
}

[data-valid-flag='KR'] {
  background-image: url(../flags/KR.svg);
}

[data-valid-flag='KW'] {
  background-image: url(../flags/KW.svg);
}

[data-valid-flag='KG'] {
  background-image: url(../flags/KG.svg);
}

[data-valid-flag='LA'] {
  background-image: url(../flags/LA.svg);
}

[data-valid-flag='LV'] {
  background-image: url(../flags/LV.svg);
}

[data-valid-flag='LB'] {
  background-image: url(../flags/LB.svg);
}

[data-valid-flag='LS'] {
  background-image: url(../flags/LS.svg);
}

[data-valid-flag='LR'] {
  background-image: url(../flags/LR.svg);
}

[data-valid-flag='LY'] {
  background-image: url(../flags/LY.svg);
}

[data-valid-flag='LI'] {
  background-image: url(../flags/LI.svg);
}

[data-valid-flag='LT'] {
  background-image: url(../flags/LT.svg);
}

[data-valid-flag='LU'] {
  background-image: url(../flags/LU.svg);
}

[data-valid-flag='MO'] {
  background-image: url(../flags/MO.svg);
}

[data-valid-flag='MK'] {
  background-image: url(../flags/MK.svg);
}

[data-valid-flag='MG'] {
  background-image: url(../flags/MG.svg);
}

[data-valid-flag='MW'] {
  background-image: url(../flags/MW.svg);
}

[data-valid-flag='MY'] {
  background-image: url(../flags/MY.svg);
}

[data-valid-flag='MV'] {
  background-image: url(../flags/MV.svg);
}

[data-valid-flag='ML'] {
  background-image: url(../flags/ML.svg);
}

[data-valid-flag='MT'] {
  background-image: url(../flags/MT.svg);
}

[data-valid-flag='MH'] {
  background-image: url(../flags/MH.svg);
}

[data-valid-flag='MQ'] {
  background-image: url(../flags/MQ.svg);
}

[data-valid-flag='MR'] {
  background-image: url(../flags/MR.svg);
}

[data-valid-flag='MU'] {
  background-image: url(../flags/MU.svg);
}

[data-valid-flag='YT'] {
  background-image: url(../flags/YT.svg);
}

[data-valid-flag='MX'] {
  background-image: url(../flags/MX.svg);
}

[data-valid-flag='FM'] {
  background-image: url(../flags/FM.svg);
}

[data-valid-flag='MD'] {
  background-image: url(../flags/MD.svg);
}

[data-valid-flag='MC'] {
  background-image: url(../flags/MC.svg);
}

[data-valid-flag='MN'] {
  background-image: url(../flags/MN.svg);
}

[data-valid-flag='ME'] {
  background-image: url(../flags/ME.svg);
}

[data-valid-flag='MS'] {
  background-image: url(../flags/MS.svg);
}

[data-valid-flag='MA'] {
  background-image: url(../flags/MA.svg);
}

[data-valid-flag='MZ'] {
  background-image: url(../flags/MZ.svg);
}

[data-valid-flag='MM'] {
  background-image: url(../flags/MM.svg);
}

[data-valid-flag='NA'] {
  background-image: url(../flags/NA.svg);
}

[data-valid-flag='NR'] {
  background-image: url(../flags/NR.svg);
}

[data-valid-flag='NP'] {
  background-image: url(../flags/NP.svg);
}

[data-valid-flag='NL'] {
  background-image: url(../flags/NL.svg);
}

[data-valid-flag='NC'] {
  background-image: url(../flags/NC.svg);
}

[data-valid-flag='NZ'] {
  background-image: url(../flags/NZ.svg);
}

[data-valid-flag='NI'] {
  background-image: url(../flags/NI.svg);
}

[data-valid-flag='NE'] {
  background-image: url(../flags/NE.svg);
}

[data-valid-flag='NG'] {
  background-image: url(../flags/NG.svg);
}

[data-valid-flag='NU'] {
  background-image: url(../flags/NU.svg);
}

[data-valid-flag='NF'] {
  background-image: url(../flags/NF.svg);
}

[data-valid-flag='MP'] {
  background-image: url(../flags/MP.svg);
}

[data-valid-flag='NO'] {
  background-image: url(../flags/NO.svg);
}

[data-valid-flag='OM'] {
  background-image: url(../flags/OM.svg);
}

[data-valid-flag='PK'] {
  background-image: url(../flags/PK.svg);
}

[data-valid-flag='PW'] {
  background-image: url(../flags/PW.svg);
}

[data-valid-flag='PS'] {
  background-image: url(../flags/PS.svg);
}

[data-valid-flag='PA'] {
  background-image: url(../flags/PA.svg);
}

[data-valid-flag='PG'] {
  background-image: url(../flags/PG.svg);
}

[data-valid-flag='PY'] {
  background-image: url(../flags/PY.svg);
}

[data-valid-flag='PE'] {
  background-image: url(../flags/PE.svg);
}

[data-valid-flag='PH'] {
  background-image: url(../flags/PH.svg);
}

[data-valid-flag='PL'] {
  background-image: url(../flags/PL.svg);
}

[data-valid-flag='PT'] {
  background-image: url(../flags/PT.svg);
}

[data-valid-flag='PR'] {
  background-image: url(../flags/PR.svg);
}

[data-valid-flag='QA'] {
  background-image: url(../flags/QA.svg);
}

[data-valid-flag='RO'] {
  background-image: url(../flags/RO.svg);
}

[data-valid-flag='RU'] {
  background-image: url(../flags/RU.svg);
}

[data-valid-flag='RW'] {
  background-image: url(../flags/RW.svg);
}

[data-valid-flag='BL'] {
  background-image: url(../flags/BL.svg);
}

[data-valid-flag='SH'] {
  background-image: url(../flags/SH.svg);
}

[data-valid-flag='KN'] {
  background-image: url(../flags/KN.svg);
}

[data-valid-flag='MF'] {
  background-image: url(../flags/MF.svg);
}

[data-valid-flag='WS'] {
  background-image: url(../flags/WS.svg);
}

[data-valid-flag='SM'] {
  background-image: url(../flags/SM.svg);
}

[data-valid-flag='ST'] {
  background-image: url(../flags/ST.svg);
}

[data-valid-flag='SA'] {
  background-image: url(../flags/SA.svg);
}

[data-valid-flag='SN'] {
  background-image: url(../flags/SN.svg);
}

[data-valid-flag='RS'] {
  background-image: url(../flags/RS.svg);
}

[data-valid-flag='SC'] {
  background-image: url(../flags/SC.svg);
}

[data-valid-flag='SL'] {
  background-image: url(../flags/SL.svg);
}

[data-valid-flag='SG'] {
  background-image: url(../flags/SG.svg);
}

[data-valid-flag='SK'] {
  background-image: url(../flags/SK.svg);
}

[data-valid-flag='SI'] {
  background-image: url(../flags/SI.svg);
}

[data-valid-flag='SB'] {
  background-image: url(../flags/SB.svg);
}

[data-valid-flag='SO'] {
  background-image: url(../flags/SO.svg);
}

[data-valid-flag='ZA'] {
  background-image: url(../flags/ZA.svg);
}

[data-valid-flag='SS'] {
  background-image: url(../flags/SS.svg);
}

[data-valid-flag='ES'] {
  background-image: url(../flags/ES.svg);
}

[data-valid-flag='LK'] {
  background-image: url(../flags/LK.svg);
}

[data-valid-flag='SD'] {
  background-image: url(../flags/SD.svg);
}

[data-valid-flag='SR'] {
  background-image: url(../flags/SR.svg);
}

[data-valid-flag='SJ'] {
  background-image: url(../flags/SJ.svg);
}

[data-valid-flag='SE'] {
  background-image: url(../flags/SE.svg);
}

[data-valid-flag='CH'] {
  background-image: url(../flags/CH.svg);
}

[data-valid-flag='SY'] {
  background-image: url(../flags/SY.svg);
}

[data-valid-flag='TW'] {
  background-image: url(../flags/TW.svg);
}

[data-valid-flag='TJ'] {
  background-image: url(../flags/TJ.svg);
}

[data-valid-flag='TZ'] {
  background-image: url(../flags/TZ.svg);
}

[data-valid-flag='TH'] {
  background-image: url(../flags/TH.svg);
}

[data-valid-flag='TL'] {
  background-image: url(../flags/TL.svg);
}

[data-valid-flag='TG'] {
  background-image: url(../flags/TG.svg);
}

[data-valid-flag='TK'] {
  background-image: url(../flags/TK.svg);
}

[data-valid-flag='TO'] {
  background-image: url(../flags/TO.svg);
}

[data-valid-flag='TT'] {
  background-image: url(../flags/TT.svg);
}

[data-valid-flag='TN'] {
  background-image: url(../flags/TN.svg);
}

[data-valid-flag='TR'] {
  background-image: url(../flags/TR.svg);
}

[data-valid-flag='TM'] {
  background-image: url(../flags/TM.svg);
}

[data-valid-flag='TC'] {
  background-image: url(../flags/TC.svg);
}

[data-valid-flag='TV'] {
  background-image: url(../flags/TV.svg);
}

[data-valid-flag='UG'] {
  background-image: url(../flags/UG.svg);
}

[data-valid-flag='UA'] {
  background-image: url(../flags/UA.svg);
}

[data-valid-flag='AE'] {
  background-image: url(../flags/AE.svg);
}

[data-valid-flag='GB'] {
  background-image: url(../flags/GB.svg);
}

[data-valid-flag='US'] {
  background-image: url(../flags/US.svg);
}

[data-valid-flag='UY'] {
  background-image: url(../flags/UY.svg);
}

[data-valid-flag='UZ'] {
  background-image: url(../flags/UZ.svg);
}

[data-valid-flag='VU'] {
  background-image: url(../flags/VU.svg);
}

[data-valid-flag='VE'] {
  background-image: url(../flags/VE.svg);
}

[data-valid-flag='VN'] {
  background-image: url(../flags/VN.svg);
}

[data-valid-flag='WF'] {
  background-image: url(../flags/WF.svg);
}

[data-valid-flag='YE'] {
  background-image: url(../flags/YE.svg);
}

[data-valid-flag='ZM'] {
  background-image: url(../flags/ZM.svg);
}

[data-valid-flag='ZW'] {
  background-image: url(../flags/ZW.svg);
}