@font-face{font-family:text-security-circle;src:url('text-security-circle.7c7667a2b1f5545ab2df.eot');src:url('text-security-circle.7c7667a2b1f5545ab2df.eot?#iefix') format('embedded-opentype'),url('text-security-circle.02e1d606fa5041d35a29.woff2') format('woff2'),url('text-security-circle.0496602fc66d08106e77.woff') format('woff'),url('text-security-circle.0d436ba63da398bf067f.ttf') format('truetype'),url('text-security-circle.62d7072328f118e74957.svg#text-security') format('svg')}@font-face{font-family:text-security-square;src:url('text-security-square.60501d4aa6760dbf1fc2.eot');src:url('text-security-square.60501d4aa6760dbf1fc2.eot?#iefix') format('embedded-opentype'),url('text-security-square.cdf9186039f8bd2a4bdd.woff2') format('woff2'),url('text-security-square.56b298bb1645e895f142.woff') format('woff'),url('text-security-square.daeae6a2ec46c603135e.ttf') format('truetype'),url('text-security-square.bf0743adaa726b8201bd.svg#text-security') format('svg')}@font-face{font-family:text-security-disc;src:url('text-security-disc.182464a7643101d4910a.eot');src:url('text-security-disc.182464a7643101d4910a.eot?#iefix') format('embedded-opentype'),url('text-security-disc.db2e9ff14caa4e15f4e3.woff2') format('woff2'),url('text-security-disc.4fa38d775a1f6b9179bc.woff') format('woff'),url('text-security-disc.7c83ea2ac4879abaee1d.ttf') format('truetype'),url('text-security-disc.6b5dea63e684e63e5b9e.svg#text-security') format('svg')}
@-webkit-keyframes loader-animation {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

@keyframes loader-animation {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; } }

@-webkit-keyframes move {
  from {
    top: -50px; }
  to {
    top: 0; } }

@keyframes move {
  from {
    top: -50px; }
  to {
    top: 0; } }

@-webkit-keyframes footer-init {
  from {
    bottom: -100px; }
  to {
    bottom: 0; } }

@keyframes footer-init {
  from {
    bottom: -100px; }
  to {
    bottom: 0; } }

@-webkit-keyframes content-init {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes content-init {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@-webkit-keyframes button-press {
  from {
    background: #95b83d;
    box-shadow: none;
    top: -30px; }
  to {
    background: #95b83d;
    box-shadow: 0 14px 12px -15px rgba(0, 0, 0, 0.37);
    top: -26px; } }

@keyframes button-press {
  from {
    background: #95b83d;
    box-shadow: none;
    top: -30px; }
  to {
    background: #95b83d;
    box-shadow: 0 14px 12px -15px rgba(0, 0, 0, 0.37);
    top: -26px; } }

@-webkit-keyframes countries-init {
  from {
    height: 0;
    max-height: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top;
            transform-origin: top; }
  to {
    height: 100%;
    max-height: 240px;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: top;
            transform-origin: top; } }

@keyframes countries-init {
  from {
    height: 0;
    max-height: 0;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top;
            transform-origin: top; }
  to {
    height: 100%;
    max-height: 240px;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: top;
            transform-origin: top; } }

@-webkit-keyframes toggle-dropdown {
  from {
    max-height: 0;
    height: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  to {
    height: 100%;
    max-height: 240px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--sub-dark-text-color); } }

@keyframes toggle-dropdown {
  from {
    max-height: 0;
    height: 0;
    margin-top: 0;
    padding-top: 0;
    border-top: none; }
  to {
    height: 100%;
    max-height: 240px;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--sub-dark-text-color); } }

.loader-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh; }

.loader {
  color: var(--main-light-color);
  width: var(--loader-size);
  height: var(--loader-size);
  border-radius: 50%;
  -webkit-animation: loader-animation 1.3s infinite linear;
  animation: loader-animation 1.3s infinite linear;
  -webkit-transform: translateZ(0);
          transform: translateZ(0); }

.loader-wrapper.loader-added {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 3;
  background-color: inherit; }

.loader-wrapper.loader-added.loader-white {
    background-color: var(--white-color); }

.loader-wrapper.loader-added.loader-white .loader {
      color: var(--main-light-color); }

.loader-wrapper.loader-added .loader {
    width: 12px;
    height: 12px;
    -webkit-transform: translateZ(0) scale(0.25);
            transform: translateZ(0) scale(0.25); }

.active .loader-wrapper.loader-added {
  display: flex; }

:root {
  --main-light-color: #5fad41;
  --main-dark-collor: #373435;
  --white-color: #ffffff;
  --light-text-collor: #fffffa;
  --dark-text-color: #41443a;
  --sub-dark-text-color: #9B9B9B;
  --disabled-color: #d0021b;
  --cards-background-color: #F2F2F2;
  --edit-buttons-color: #4CAF50;
  --modal-background: #d8d8d8;
  --border-color: #262628;
  --light-grey-color: rgba(38, 38, 40, 0.1);
  --transparent-main-light-color: rgba(95, 173, 65, 0.5);
  --extra-transparent-main-light-color: rgba(95, 173, 65, 0.2);
  --transparent-disabled-color: rgba(208, 2, 27, 0.5);
  --shadow: 0 14px 64px -18px rgba(0,0,0,0.33);
  --small-header-font-size: 35px;
  --header-font-size: 40px;
  --header-line-height: 80px;
  --big-main-font-size: 22px;
  --main-font-size: 16px;
  --main-line-height: 18px;
  --small-font-size: 14px;
  --extra-small-font-size: 12px;
  --small-line-height: 16px;
  --letter-spacing: 0.6px;
  --login-opacity: 0.5;
  --card-opacity: 0.3;
  --loader-size: 7px;
  --device-margin-xl: 75px;
  --cards-margin: 47px;
  --inputs-margin: 40px;
  --login-button-border-radius: 2px;
  --delete-button-border-radius: 21px;
  --device-card-border-radius: 10px;
  --device-card-icon-border-radius: 8px;
  --memberships-card-border-radius: 5px;
  --footer-link-transitiot: 0.4s;
  --basic-fonts: Tahoma, Geneva, sans-serif; }

@font-face {
  font-family: 'Galano Grotesque';
  src: url('Galano-Grotesque.12992f9e7bbd3c9725d4.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt';
  src: url('Galano-Grotesque-Alt.561a56777351dc8cc6b2.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Black';
  src: url('Galano-Grotesque-Alt-Black.9bc8f15c3957c051c117.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Black Italic';
  src: url('Galano-Grotesque-Alt-Black-Italic.cd96df8f7e60b02d4c13.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Bold';
  src: url('Galano-Grotesque-Alt-Bold.00fbd40a462f5940553c.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Bold Italic';
  src: url('Galano-Grotesque-Alt-Bold-Italic.ef8749da719def042cb1.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt ExtraBold';
  src: url('Galano-Grotesque-Alt-ExtraBold.150786b07f3355f1dd58.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt ExtraBold Italic';
  src: url('Galano-Grotesque-Alt-ExtraBold-Italic.94f59be69f92c7541b06.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt ExtraLight';
  src: url('Galano-Grotesque-Alt-ExtraLight.4c5828eb80c2bfc74609.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt ExtraLight Italic';
  src: url('Galano-Grotesque-Alt-ExtraLight-Italic.c2efb652dcc457af271e.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Heavy';
  src: url('Galano-Grotesque-Alt-Heavy.d6684eb2ecdb039f7982.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Heavy Italic';
  src: url('Galano-Grotesque-Alt-Heavy-Italic.df0831239de0472b389c.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Italic';
  src: url('Galano-Grotesque-Alt-Italic.0cdb9ca4796edc2cb900.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt Light Italic';
  src: url('Galano-Grotesque-Alt-Light-Italic.19645757138f74c6fbf9.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt SemiBold';
  src: url('Galano-Grotesque-Alt-SemiBold.eb00a8080c131205f524.otf'); }

@font-face {
  font-family: 'Galano Grotesque Alt SemiBold Italic';
  src: url('Galano-Grotesque-Alt-SemiBold-Italic.dfaef36e66a2481e23a6.otf'); }

@font-face {
  font-family: 'Galano Grotesque Medium';
  src: url('Galano-Grotesque-Medium.b0b55f10eeb3c208aa2b.otf'); }

@font-face {
  font-family: 'Galano Grotesque Medium Italic';
  src: url('Galano-Grotesque-Medium-Italic.d5fbe317a6be4bce506c.otf'); }

@font-face {
  font-family: 'Galano Grotesque Semibold';
  src: url('Galano-Grotesque-SemiBold.b1e68f40ddbab9d62eed.otf'); }

@font-face {
  font-family: 'Galano Grotesque Semibold Italic';
  src: url('Galano-Grotesque-SemiBold-Italic.11b9da842647af6ba95d.otf'); }

@font-face {
  font-family: 'Galano Grotesque Thin Italic';
  src: url('Galano-Grotesque-Thin-Italic.d45af9a7f4e68d7709ae.otf'); }

@font-face {
  font-family: 'Galano Grotesque Bold';
  src: url('Galano-Grotesque-Bold.4271f632d88660a29dc3.otf'); }

.main-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%; }

.main-form .group {
    position: relative;
    display: flex;
    flex-direction: column;
    font-family: "Galano Grotesque", var(--basic-fonts); }

.main-form .group--without-checking {
    margin-bottom: 30px; }

.main-form .group.account-checking .see-password {
    top: 18px;
    right: -4px;
    width: 30px;
    height: 30px;
    opacity: 1;
    z-index: -1; }

.main-form .label {
    margin-bottom: 10px;
    font-size: var(--small-font-size);
    text-transform: uppercase;
    color: var(--sub-dark-text-color); }

.main-form .label--invalid {
    color: var(--disabled-color); }

.main-form .label--disabled {
    color: var(--disabled-color); }

.main-form .input {
    height: 25px;
    width: 100%;
    padding-bottom: 5px;
    border: none;
    border-bottom: 1px solid var(--sub-dark-text-color);
    font-size: var(--main-font-size);
    color: var(--dark-text-color);
    border-radius: 0;
    font-family: "Galano Grotesque", var(--basic-fonts); }

.main-form .input::-webkit-input-placeholder {
      color: var(--sub-dark-text-color); }

.main-form .input::-ms-input-placeholder {
      color: var(--sub-dark-text-color); }

.main-form .input::placeholder {
      color: var(--sub-dark-text-color); }

.main-form .input:focus {
      outline: none; }

.main-form.account-wrapper .input {
    border-color: var(--modal-background); }

.main-form.login-form .input {
    border-color: var(--light-grey-color); }

.main-form.add-card__form .input {
    border-color: rgba(38, 38, 40, 0.1); }

.main-form .see-password {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 27px;
    right: 0;
    border: none;
    background: transparent;
    opacity: 0.5; }

.main-form .see-password--active {
    opacity: 1; }

.main-form .checkmark-icon {
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 25px; }

.main-form .checkmark-icon:after {
      content: '';
      display: block;
      width: 10px;
      height: 17px;
      border: solid var(--main-light-color);
      border-width: 0 4px 4px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.main-form .wrong-icon {
    display: none;
    position: absolute;
    right: 5px;
    top: 25px;
    width: 32px;
    height: 32px; }

.main-form .wrong-icon:before, .main-form .wrong-icon:after {
      position: absolute;
      right: 5px;
      content: ' ';
      height: 20px;
      width: 4px;
      background-color: var(--disabled-color); }

.main-form .wrong-icon:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.main-form .wrong-icon:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

.main-form .input.ng-valid ~ .checkmark-icon {
    display: inline-block; }

.main-form .input.ng-valid ~ .checkmark-icon ~ .see-password {
      right: 25px; }

.main-form .checkmark-icon-email {
    display: none;
    position: absolute;
    right: 5px;
    top: 25px; }

.main-form .checkmark-icon-email:after {
      content: '';
      display: block;
      width: 10px;
      height: 17px;
      border: solid var(--main-light-color);
      border-width: 0 4px 4px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.main-form.account-wrapper .checkmark-icon-email {
    right: 50px; }

.main-form .input.ng-valid.ng-dirty ~ .checkmark-icon-email {
    display: inline-block; }

.main-form .show-button {
    position: absolute;
    right: 5px;
    bottom: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    width: 18px;
    height: 13px;
    outline: none; }

.main-form .show-button img {
      z-index: 2; }

.main-form .show-button--hide {
    opacity: 0.3; }

.main-form .hint {
    height: 40px;
    padding-top: 5px; }

.main-form .hint.with-prompt {
      margin-bottom: 10px; }

.main-form .wrong-input {
    display: none;
    color: var(--disabled-color);
    font-size: var(--extra-small-font-size); }

.main-form .wrong-data {
    display: block;
    color: var(--disabled-color); }

.main-form .input.ng-invalid.ng-dirty.ng-touched ~ .hint .wrong-input {
    display: block; }

.main-form .input.ng-invalid.ng-dirty.ng-touched {
    border-bottom-color: var(--disabled-color); }

.main-form .different-passwords {
    height: 40px;
    color: var(--light-text-collor);
    padding-top: 5px; }

.main-form .different-passwords--show {
    display: block;
    color: var(--disabled-color); }

.main-form .wrong-confirm {
    display: block; }

.form__title {
  font-size: var(--big-main-font-size);
  font-family: "Galano Grotesque SemiBold", var(--basic-fonts);
  font-weight: 600;
  text-align: center;
  margin-bottom: 30px; }

.submit-button {
  width: 100%;
  height: 40px;
  background: var(--main-light-color);
  border-radius: var(--login-button-border-radius);
  border: none;
  font-size: var(--main-font-size);
  font-family: "Galano Grotesque Alt", var(--basic-fonts);
  color: var(--light-text-collor);
  font-weight: 600;
  cursor: pointer; }

.submit-button:disabled {
    opacity: 0.5; }

.add-card-button {
  display: block;
  text-align: center;
  width: 200px;
  height: 32px;
  margin: 0 auto;
  line-height: 31px;
  font-family: "Galano Grotesque", var(--basic-fonts);
  color: var(--sub-dark-text-color);
  background: transparent;
  font-size: var(--main-font-size);
  text-decoration: none;
  border: 1px solid var(--sub-dark-text-color);
  border-radius: var(--delete-button-border-radius);
  cursor: pointer; }

.add-card-button img {
    position: relative;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px; }

.add-card-button.bottom-indent {
    margin-bottom: 12px; }

app-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  z-index: 99999; }

app-modal .modal {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1000; }

app-modal .modal .modal__body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      width: 100%;
      max-width: 300px;
      height: auto;
      min-height: 300px;
      background: #fff;
      border-radius: var(--device-card-border-radius);
      font-family: "Galano Grotesque ", var(--basic-fonts);
      font-size: var(--main-font-size);
      color: var(--dark-text-color);
      box-shadow: 0 0 15px 3px rgba(0, 0, 0, 0.17);
      padding: 25px;
      position: relative;
      overflow: hidden; }

app-modal .modal .modal__body.notification {
        border: 2px solid var(--main-light-color);
        border-radius: 3px;
        min-height: 175px;
        box-shadow: none;
        justify-content: space-between;
        padding: 25px 0; }

app-modal .modal .modal__body .close-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 15px;
        right: 15px;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        border: none;
        background: none;
        font-family: "Galano Grotesque", var(--basic-fonts); }

app-modal .modal .modal-destroy {
      animation: content-init 1s alternate-reverse; }

app-modal.upload__modal .modal-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; }

app-modal.upload__modal .modal {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: auto;
    position: relative;
    height: 100%;
    max-height: 665px; }

app-modal.upload__modal .modal .modal__body {
    justify-content: space-between;
    padding: 45px 24px 35px;
    border: 2px solid var(--main-light-color);
    border-radius: 3px;
    box-shadow: none; }

app-modal.upload__modal .modal .modal__body .upload__form {
      display: flex;
      flex-direction: column;
      flex-grow: 1; }

app-modal.upload__modal .modal .modal__body .upload__form .upload__label {
        justify-content: center;
        flex-grow: 1; }

app-modal.upload__modal .modal__title {
    font-weight: normal;
    font-family: "Galano Grotesque", var(--basic-fonts); }

app-modal .modal__background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 900; }

body.app-modal-open {
  position: fixed;
  overflow: hidden; }

.buttons-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 190px;
  margin: 0 auto; }

button {
  border: 2px solid var(--main-light-color);
  width: 110px;
  height: 40px;
  border-radius: 2px;
  font-size: var(--main-font-size);
  font-family: "Galano Grotesque Alt SemiBold", var(--basic-fonts); }

.confirm-button {
  position: relative;
  background: var(--main-light-color);
  color: var(--light-text-collor);
  margin-right: 10px; }

.decline-button {
  background: #fff;
  color: var(--main-light-color); }

.decline-button.filled {
    width: 90px;
    background: var(--main-light-color);
    color: #fff; }

.confirm-text {
  font-family: "Galano Grotesque", var(--basic-fonts);
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 80%;
  text-align: center;
  font-size: var(--main-font-size);
  line-height: 1.4;
  margin-bottom: 25px; }

.services__sort-by {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 130px;
  border: none;
  background: transparent;
  font-size: var(--main-font-size);
  font-family: "Galano Grotesque", var(--basic-fonts); }

.services__sort-by .services__arrows {
    display: flex;
    flex-direction: column;
    margin-right: 5px;
    border-color: var(--main-light-color); }

.services__sort-by .services__arrows .services__upp-arrow {
      display: block;
      width: 0;
      height: 0;
      margin-bottom: 2px;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-bottom: 9px solid var(--sub-dark-text-color); }

.services__sort-by .services__arrows .services__arrows {
      display: flex;
      flex-direction: column;
      margin-right: 5px;
      border-color: var(--main-light-color); }

.services__sort-by .services__arrows .services__arrows .services__upp-arrow {
        display: block;
        width: 0;
        height: 0;
        margin-bottom: 2px;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 9px solid var(--sub-dark-text-color); }

.services__sort-by .services__arrows .services__arrows .services__down-arrow {
        width: 0;
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 9px solid var(--sub-dark-text-color); }

.services__sort-by .services__arrows .services__down-arrow {
      width: 0;
      height: 0;
      border-left: 6px solid transparent;
      border-right: 6px solid transparent;
      border-top: 9px solid var(--sub-dark-text-color); }

.services__sort-by--active {
  color: var(--main-light-color); }

.services__sort-by--active .services__arrows .services__upp-arrow {
    border-bottom-color: var(--main-light-color); }

.services__sort-by--active .services__arrows .services__down-arrow {
    border-top-color: var(--main-light-color); }

.services {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%; }

.services .services__title {
    margin-bottom: 15px;
    padding-left: 0; }

.services .services__sort {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 245px;
    margin-bottom: 35px;
    font-size: var(--small-font-size);
    color: var(--sub-dark-text-color); }

.services .service__description {
    display: flex;
    flex-direction: row;
    align-items: center; }

.services .services__icon {
    height: 30px;
    margin-right: 15px; }

.services .country-select {
    height: auto;
    width: 100%; }

.services .service__name {
    color: var(--dark-text-color);
    font-family: "Galano Grotesque", var(--basic-fonts); }

.services .service__countries {
    width: 100%; }

.services .show-country-icon {
    position: absolute;
    right: 23px;
    top: 60px; }

.services.manage__services .show-country-icon {
    top: 7px;
    right: 0; }

.services .country-flag {
    margin-right: 5px; }

.services .show-country-icon {
    position: absolute;
    right: 23px;
    top: 60px; }

.services ::ng-deep .ng-value {
    display: flex;
    flex-direction: row;
    align-items: center; }

.services ::ng-deep .ng-option {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px; }

.services ::ng-deep .ng-select .ng-clear-wrapper {
    display: none; }

.services ::ng-deep .ng-dropdown-panel {
    position: unset; }

.services ::ng-deep .ng-dropdown-panel-items {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid var(--sub-dark-text-color);
    position: relative; }

.services .services__service--disabled {
    opacity: 0.5; }

.services__service {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 35px;
  width: 100%;
  padding: 10px 20px 10px 10px;
  position: relative;
  border-radius: var(--memberships-card-border-radius);
  box-shadow: 3px 0 9px 1px rgba(0, 0, 0, 0.1);
  font-size: var(--main-font-size);
  transition: all 2s; }

.services__service .provider-country {
    padding-top: 25px; }

.add-service-text {
  width: 240px;
  margin: 0 auto;
  text-align: center;
  color: var(--sub-dark-text-color); }

.device__select .ng-clear-wrapper {
  display: none; }

.device__select .show-country-icon {
  position: absolute;
  right: 0;
  top: 7px; }

.device__select .ng-select-container {
  margin-bottom: 10px; }

.device__select .ng-select .ng-clear-wrapper {
  display: none; }

.device__select .ng-dropdown-panel {
  position: initial; }

.device__select .ng-dropdown-panel .ng-dropdown-panel-items {
  padding-top: 10px;
  border-top: 1px solid var(--modal-background); }

.device__select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  margin-bottom: 10px; }

.device__select .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-value {
  display: flex; }

*, *:after, *:before {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  transition: all 0.2s; }

html, body {
  height: 100vh;
  min-height: 600px;
  -webkit-tap-highlight-color: transparent; }

button {
  outline: none; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
  font-size: initial; }

.cvv {
  font-family: "text-security-disc";
  -webkit-text-security: disc; }

.common-container {
  width: 100%;
  max-width: 576px;
  margin: 0 auto; }

#carousel .swiper-wrapper {
  padding: 10px 0; }

@media (min-width: 992px) {
  #carousel .swiper-slide {
    margin-left: 10px; }
  #carousel .swiper-wrapper {
    justify-content: center; } }

@-webkit-keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  10% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(0.75);
            transform: scale(0.75); }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

#heart {
  position: relative;
  -webkit-animation: heartbeat 4s infinite;
          animation: heartbeat 4s infinite; }

#heart:before,
#heart:after {
  position: absolute;
  content: "";
  left: 50px;
  top: 0;
  width: 30px;
  height: 22px;
  background: red;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%; }

#heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%; }


/*# sourceMappingURL=styles.5077da3e10367d0d94cc.css.map*/