@font-face {
  font-family: "Montserrat";
  src: url('fonts/montserrat/Montserrat-Regular.woff2') format('woff2'),
       url('fonts/montserrat/Montserrat-Regular.woff') format('woff'),
       url('fonts/montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: "Montserrat";
  src: url('fonts/montserrat/Montserrat-Medium.woff2') format('woff2'),
       url('fonts/montserrat/Montserrat-Medium.woff') format('woff'),
       url('fonts/montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: "Montserrat";
  src: url('fonts/montserrat/Montserrat-Bold.woff2') format('woff2'),
       url('fonts/montserrat/Montserrat-Bold.woff') format('woff'),
       url('fonts/montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: "Roboto";
  src: url('fonts/roboto/Roboto.woff2') format('woff2'),
       url('fonts/roboto/Roboto.woff') format('woff'),
       url('fonts/roboto/Roboto.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: "Roboto";
  src: url('fonts/roboto/Roboto-Medium.woff2') format('woff2'),
       url('fonts/roboto/Roboto-Medium.woff') format('woff'),
       url('fonts/roboto/Roboto-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: "Roboto";
  src: url('fonts/roboto/Roboto-Bold.woff2') format('woff2'),
       url('fonts/roboto/Roboto-Bold.woff') format('woff'),
       url('fonts/roboto/Roboto-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0020-2044;
}

@font-face {
  font-family: 'text-security-disc';
  src: url("fonts/text-security-disc/text-security-disc.woff2") format("woff2"), url("fonts/text-security-disc/text-security-disc.woff") format("woff"), url("fonts/text-security-disc/text-security-disc.ttf") format("truetype"), url("fonts/text-security-disc/text-security-disc.svg#text-security-disc") format("svg");
}
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

a {
  text-decoration: none;
}

ol, ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

[type=button] {
  -webkit-appearance: none;
  -moz-appearance: none;
}

/**
 * Basic typography style for copy text
 */
body {
  color: #172A3A;
  font-family: "Montserrat", sans-serif;
}

button, input, optgroup, select, textarea, label, a {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
  font-family: "Montserrat", sans-serif;
  font-weight: bold;
}

h1, .h1 {
  font-size: 1.625rem;
  line-height: 1.2308;
}
@media screen and (max-width: 767px) {
  h1, .h1 {
    font-size: 1.5rem;
  }
}

h2, .h2 {
  font-size: 1.5rem;
  line-height: 1.2084;
}
@media screen and (max-width: 767px) {
  h2, .h2 {
    font-size: 1.3125rem;
  }
}

h3, .h3 {
  font-size: 1.25rem;
  line-height: 1.2;
}
@media screen and (max-width: 767px) {
  h3, .h3 {
    font-size: 1rem;
  }
}

h4, .h4 {
  font-size: 1.125rem;
  line-height: 1.2223;
}
@media screen and (max-width: 767px) {
  h4, .h4 {
    font-size: 1rem;
  }
}

h5, .h5 {
  font-size: 1rem;
  line-height: 1.25;
}

p, span, li {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  line-height: 1.3;
  color: #3B566E;
}

a {
  color: #E84F35;
}
a:hover {
  color: #E84F35;
}

a[download]:not(.btn) {
  word-break: break-word;
  color: #E84F35;
  text-decoration: underline;
}

small, .small {
  font-size: 0.875rem;
}

.extra-small {
  font-size: 0.75rem;
}

label {
  font-family: "Roboto", sans-serif;
  color: #3B566E;
}

.card-pay-help {
  font-size: 0.75rem;
  color: #7C9CAC;
}

.about-help-text {
  font-size: 0.75rem;
  color: #7C9CAC;
}

/* $text-color */
.text-color {
  color: #3B566E;
}

/* $heading-color */
.heading-color {
  color: #172A3A;
}

/* $main-blue */
.main-blue-color {
  color: #7C9CAC;
}

/* $btn-red */
.red-color, .red-link {
  color: #E84F35;
}

.red-link:hover {
  color: #E84F35;
  text-decoration: underline;
}

/* remind password help link */
.remind-link.btn-link {
  color: #337AB7;
}
.remind-link.btn-link:hover {
  color: #337AB7;
  text-decoration: underline;
}
.remind-link.btn-link.red-link {
  color: #E84F35;
}
.remind-link.btn-link.red-link:hover {
  color: #E84F35;
  text-decoration: underline;
}
.remind-link.btn-link.text-link {
  color: #3B566E;
}
.remind-link.btn-link.text-link:hover {
  color: #3B566E;
  text-decoration: underline;
}
.remind-link.small {
  font-size: 0.875rem;
}

/* 2 columns desktop - 1 column mobile */
.columns-2 {
  -webkit-column-count: 2;
          column-count: 2;
}
@media screen and (max-width: 767px) {
  .columns-2 {
    -webkit-column-count: 1;
            column-count: 1;
  }
}

.font-weight-medium {
  font-weight: 500;
}

/* columns paddings 8px */
.col-pad8.row {
  margin-left: -8px;
  margin-right: -8px;
}
.col-pad8.row [class^=col] {
  padding-left: 8px;
  padding-right: 8px;
}

/* rounded image */
.img-rounded {
  border-radius: 0.5rem;
}

hr {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
  border: 0;
  border-top: 1px solid #DEE7F3;
}

.logo-color, .logo-red, .logo-white {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 120px;
  height: 36px;
  background-size: 100%;
  background-repeat: no-repeat;
}
.logo-color > a, .logo-red > a, .logo-white > a {
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .logo-color, .logo-red, .logo-white {
    width: 90px;
    height: 27px;
  }
}

.logo-color {
  background-image: url("../img/logo-color.svg");
}

.logo-red {
  background-image: url("../img/logo-red.svg");
}

.logo-white {
  background-image: url("../img/logo-white.svg");
}

.btn {
  padding: 0.625rem 2.175rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.667;
  border-radius: 0.5rem;
}
.btn span {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.667;
}
.btn.disabled, .btn:disabled {
  opacity: 1;
}

.btn-green {
  color: #fff;
  background-color: #09BC8A;
  border: 3px solid #09BC8A;
}
.btn-green span {
  color: #fff;
}
.btn-green:hover:not(.disabled), .btn-green:hover:not(:disabled) {
  color: #fff;
  background-color: #22D4A2;
  border-color: #22D4A2;
  box-shadow: 0px 9px 20px rgba(9, 188, 138, 0.3);
}

.btn-red {
  color: #fff;
  background-color: #E84F35;
  border: 3px solid #E84F35;
}
.btn-red span {
  color: #fff;
}
.btn-red:hover:not(.disabled), .btn-red:hover:not(:disabled) {
  color: #fff;
  background-color: #FF6A51;
  border-color: #FF6A51;
  box-shadow: 0px 9px 20px rgba(238, 22, 22, 0.1);
}

.btn-green:active:not(.disabled), .btn-green:active:not(:disabled), .btn-green.active:not(.disabled), .btn-green:active:not(:disabled), .btn-red:active:not(.disabled), .btn-red:active:not(:disabled), .btn-red.active:not(.disabled), .btn-red:active:not(:disabled) {
  color: #fff;
  background-color: #172A3A;
  border-color: #172A3A;
  outline: none;
}
.btn-green.disabled, .btn-green:disabled, .btn-red.disabled, .btn-red:disabled {
  color: #7C9CAC;
  background-color: #DEE7F3;
  border-color: #DEE7F3;
  box-shadow: none;
  pointer-events: none;
}

.btn-outline {
  color: #172A3A;
  background-color: #fff;
  border: 3px solid #DEE7F3;
}
.btn-outline span {
  color: #172A3A;
}
.btn-outline:hover:not(.disabled), .btn-outline:hover:not(:disabled) {
  color: #172A3A;
  background-color: #ffffff;
  border-color: #3B566E;
}
.btn-outline:hover:not(.disabled) span, .btn-outline:hover:not(:disabled) span {
  color: #172A3A;
}
.btn-outline:active:not(.disabled), .btn-outline.active:not(.disabled) {
  color: #fff;
  background-color: #172A3A;
  border-color: #172A3A;
  outline: none;
}
.btn-outline:active:not(.disabled) span, .btn-outline.active:not(.disabled) span {
  color: #fff;
}
.btn-outline.disabled, .btn-outline:disabled {
  color: #DEE7F3;
  background-color: #fff;
  border-color: #DEE7F3;
  box-shadow: none;
  pointer-events: none;
}
.btn-outline--secondary {
  border-color: #172A3A;
}
.btn-outline--secondary span {
  color: #172A3A;
}
.btn-outline--secondary:hover:not(.disabled), .btn-outline--secondary:hover:not(:disabled) {
  color: #ffffff;
  background-color: #172A3A;
  border-color: #172A3A;
}
.btn-outline--secondary:hover:not(.disabled) span, .btn-outline--secondary:hover:not(:disabled) span {
  color: #fff;
}

.btn-prev, .btn-next, .btn-download, .btn-cancel, .btn-plus, .btn-mail {
  position: relative;
}
.btn-prev::after, .btn-next::after, .btn-download::after, .btn-cancel::after, .btn-plus::after, .btn-mail::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("../img/button-icon.png");
  background-repeat: no-repeat;
}
.btn-prev.disabled::after, .btn-prev:disabled::after, .btn-next.disabled::after, .btn-next:disabled::after, .btn-download.disabled::after, .btn-download:disabled::after, .btn-cancel.disabled::after, .btn-cancel:disabled::after, .btn-plus.disabled::after, .btn-plus:disabled::after, .btn-mail.disabled::after, .btn-mail:disabled::after {
  color: #7C9CAC;
}
.btn-prev.disabled.btn-outline::after, .btn-prev:disabled.btn-outline::after, .btn-next.disabled.btn-outline::after, .btn-next:disabled.btn-outline::after, .btn-download.disabled.btn-outline::after, .btn-download:disabled.btn-outline::after, .btn-cancel.disabled.btn-outline::after, .btn-cancel:disabled.btn-outline::after, .btn-plus.disabled.btn-outline::after, .btn-plus:disabled.btn-outline::after, .btn-mail.disabled.btn-outline::after, .btn-mail:disabled.btn-outline::after {
  color: #DEE7F3;
}
.btn-prev.btn-outline--secondary:not(.disabled), .btn-next.btn-outline--secondary:not(.disabled), .btn-download.btn-outline--secondary:not(.disabled), .btn-cancel.btn-outline--secondary:not(.disabled), .btn-plus.btn-outline--secondary:not(.disabled), .btn-mail.btn-outline--secondary:not(.disabled) {
  color: #172A3A;
}
.btn-prev.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-prev.btn-outline--secondary:not(.disabled):hover:not(.disabled), .btn-next.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-next.btn-outline--secondary:not(.disabled):hover:not(.disabled), .btn-download.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-download.btn-outline--secondary:not(.disabled):hover:not(.disabled), .btn-cancel.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-cancel.btn-outline--secondary:not(.disabled):hover:not(.disabled), .btn-plus.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-plus.btn-outline--secondary:not(.disabled):hover:not(.disabled), .btn-mail.btn-outline--secondary:not(.disabled):active:not(.disabled), .btn-mail.btn-outline--secondary:not(.disabled):hover:not(.disabled) {
  color: #fff;
}

.btn-prev {
  padding-left: 3.025rem;
}
.btn-prev::after {
  content: "";
  left: 24px;
  width: 10px;
  height: 18px;
  background-position: 0px 0px;
}
.btn-prev.disabled::after, .btn-prev:disabled::after {
  background-position: 0px -18px;
}
.btn-prev.disabled.btn-outline::after, .btn-prev:disabled.btn-outline::after {
  background-position: 0px -54px;
}
.btn-prev.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: 0px -36px;
}
.btn-prev.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: 0 0;
}

.btn-next, .btn-download, .btn-cancel, .btn-plus, .btn-mail {
  padding-right: 3.025rem;
}
.btn-next::after, .btn-download::after, .btn-cancel::after, .btn-plus::after, .btn-mail::after {
  right: 24px;
}

.btn-next::after {
  content: "";
  width: 10px;
  height: 18px;
  background-position: 0px -72px;
}
.btn-next.disabled::after, .btn-next:disabled::after {
  background-position: -10px 0px;
}
.btn-next.disabled.btn-outline::after, .btn-next:disabled.btn-outline::after {
  background-position: -10px -36px;
}
.btn-next.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: -10px -18px;
}
.btn-next.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: 0 -72px;
}

.btn-download::after {
  content: "";
  width: 14px;
  height: 15px;
  background-position: -85px -24px;
}
.btn-download.disabled::after, .btn-download:disabled::after {
  background-position: -85px -39px;
}
.btn-download.disabled.btn-outline::after, .btn-download:disabled.btn-outline::after {
  background-position: -85px -69px;
}
.btn-download.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: -85px -54px;
}
.btn-download.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: -85px -24px;
}

.btn-cancel::after {
  content: "";
  width: 15px;
  height: 16px;
  background-position: -10px -54px;
}
.btn-cancel.disabled::after, .btn-cancel:disabled::after {
  background-position: -10px -70px;
}
.btn-cancel.disabled.btn-outline::after, .btn-cancel:disabled.btn-outline::after {
  background-position: -25px -16px;
}
.btn-cancel.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: -25px 0px;
}
.btn-cancel.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: -10px -54px;
}

.btn-plus {
  padding-right: 3.5rem;
}
.btn-plus::after {
  content: "";
  width: 24px;
  height: 24px;
  background-position: -55px -22px;
}
.btn-plus.disabled::after, .btn-plus:disabled::after {
  background-position: -55px -46px;
}
.btn-plus.disabled.btn-outline::after, .btn-plus:disabled.btn-outline::after {
  background-position: -85px 0px;
}
.btn-plus.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: -55px -70px;
}
.btn-plus.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: -55px -22px;
}

.btn-mail {
  padding-right: 3.5rem;
}
.btn-mail::after {
  content: "";
  width: 30px;
  height: 22px;
  background-position: -25px -32px;
}
.btn-mail.disabled::after, .btn-mail:disabled::after {
  background-position: -25px -54px;
}
.btn-mail.disabled.btn-outline::after, .btn-mail:disabled.btn-outline::after {
  background-position: -55px 0px;
}
.btn-mail.btn-outline:not(.disabled):not(:active):not(.active)::after {
  background-position: -25px -76px;
}
.btn-mail.btn-outline--secondary:not(.disabled):not(:active):not(.active):hover::after {
  background-position: -25px -32px;
}

.btn-pay {
  position: relative;
}
.btn-pay::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 32px;
  height: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 24px;
  background: url("data:image/svg+xml,%3Csvg width='32' height='30' viewBox='0 0 32 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6526 15L9.18886 15' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1943 21.25L22.9443 15L15.1943 8.75' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
  background-size: 32px;
}

.btn-empty {
  min-height: 56px;
}
.btn-empty.btn {
  padding-left: 2rem;
  padding-right: 2rem;
}
.btn-empty.btn::after {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-link {
  padding: 0;
  color: #7C9CAC;
  font-size: 1rem;
  font-weight: 400;
  line-height: inherit;
  vertical-align: inherit;
  text-align: initial;
}
.btn-link:hover {
  color: #3B566E;
  text-decoration: none;
}
.btn-link.text-color {
  color: #3B566E;
}
.btn-link.text-color:hover {
  color: #172A3A;
  text-decoration: underline;
}
.btn-link.heading-color {
  color: #172A3A;
}
.btn-link.heading-color:hover {
  color: #172A3A;
  text-decoration: underline;
}
.btn-link.btn-back {
  padding-left: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='27' viewBox='0 0 26 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5693 6.88428L9.24958 13.204' stroke='%23DEE7F3' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.24902 13.2041L15.5688 19.5238' stroke='%23DEE7F3' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 26px;
}
.btn-link.btn-forward {
  padding-right: 1.875rem;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5371 19.3198L16.8569 13.0001' stroke='%23DEE7F3' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.8569 12.9999L10.5372 6.6802' stroke='%23DEE7F3' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 26px;
}

.btn-again {
  padding-right: 3.5rem;
  white-space: nowrap;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.875 9.62305H23.625C25 9.62305 26.125 8.49805 26.125 7.12305V3.37305' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.375 15.248C27.375 21.8105 22.0625 27.123 15.5 27.123C8.9375 27.123 3.625 21.8105 3.625 15.248C3.625 8.68555 8.9375 3.37305 15.5 3.37305C19.6875 3.37305 23.3625 5.53555 25.475 8.79805' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 20px center;
  background-size: 31px;
}
.btn-again.btn-outline:not(:active) {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.875 9.62305H23.625C25 9.62305 26.125 8.49805 26.125 7.12305V3.37305' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.375 15.248C27.375 21.8105 22.0625 27.123 15.5 27.123C8.9375 27.123 3.625 21.8105 3.625 15.248C3.625 8.68555 8.9375 3.37305 15.5 3.37305C19.6875 3.37305 23.3625 5.53555 25.475 8.79805' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.btn-again.btn-outline--secondary:not(:active):hover {
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.875 9.62305H23.625C25 9.62305 26.125 8.49805 26.125 7.12305V3.37305' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M27.375 15.248C27.375 21.8105 22.0625 27.123 15.5 27.123C8.9375 27.123 3.625 21.8105 3.625 15.248C3.625 8.68555 8.9375 3.37305 15.5 3.37305C19.6875 3.37305 23.3625 5.53555 25.475 8.79805' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 767px) {
  .btn-again {
    background-position: right 8px center;
  }
}
@media screen and (max-width: 575px) {
  .btn-again {
    width: 100%;
  }
}

.btn-default {
  color: #172A3A;
  white-space: nowrap;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .btn-default {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.help-block {
  display: none;
}

.form-group {
  position: relative;
}
.form-group.has-success .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv) {
  border-color: #DEE7F3;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.09277 6.35742L4.91777 10.1824C5.49527 10.7599 6.44027 10.7599 7.01777 10.1824L15.3428 1.85742' stroke='%2309BC8A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 18px;
}
.form-group.has-success .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv).form-control:focus {
  border-color: #09BC8A;
  box-shadow: 0 0 0 0.2rem #E9FCF3;
}
.form-group.has-success .form-label {
  top: 0.45rem;
  font-size: 0.77777rem;
  color: #3B566E;
}
.form-group.has-error {
  margin-bottom: 2.375rem;
}
.form-group.has-error .form-input {
  border-color: #FFD0CE;
  box-shadow: 0 0 0 0.2rem #FFFCFC;
}
.form-group.has-error .form-input.form-control:focus {
  border-color: #FFD0CE;
  box-shadow: 0 0 0 0.2rem #FFFCFC;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv) {
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.07227 1.09082L11.3639 11.3825' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.3639 1.09082L1.07227 11.3825' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 14px;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv)::-webkit-input-placeholder {
  color: #94adbb;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv)::-moz-placeholder {
  color: #94adbb;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv):-ms-input-placeholder {
  color: #94adbb;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv)::-ms-input-placeholder {
  color: #94adbb;
}
.form-group.has-error .form-input:not([type=password]):not(.input-icon-right):not(.input-cvv)::placeholder {
  color: #94adbb;
}
.form-group.has-error .form-label {
  top: 0.45rem;
  font-size: 0.77777rem;
  color: #3B566E;
}
.form-group.has-error .help-block {
  display: block;
  position: absolute;
  padding-top: 5px;
  padding-left: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 0.875rem;
  color: #E84F35;
  text-align: left;
  line-height: 1.2;
}

.form-control {
  color: #172A3A;
}

.form-input {
  position: relative;
  padding: 2.026rem 2.5rem 1.1rem 1.0775rem;
  border: 3px solid #DEE7F3;
  border-radius: 0.5rem;
  color: #172A3A;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.667;
  transition: all 0.3s ease;
  background-repeat: no-repeat;
  background-position: right 1rem center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.form-input::-webkit-input-placeholder {
  font-weight: 400;
  color: rgba(148, 173, 187, 0);
}
.form-input::-moz-placeholder {
  font-weight: 400;
  color: rgba(148, 173, 187, 0);
}
.form-input:-ms-input-placeholder {
  font-weight: 400;
  color: rgba(148, 173, 187, 0);
}
.form-input::-ms-input-placeholder {
  font-weight: 400;
  color: rgba(148, 173, 187, 0);
}
.form-input::placeholder {
  font-weight: 400;
  color: rgba(148, 173, 187, 0);
}
.form-input:focus, .form-input.filled {
  transition: all 0.3s ease;
}
.form-input:focus::-webkit-input-placeholder, .form-input.filled::-webkit-input-placeholder {
  color: #94adbb;
}
.form-input:focus::-moz-placeholder, .form-input.filled::-moz-placeholder {
  color: #94adbb;
}
.form-input:focus:-ms-input-placeholder, .form-input.filled:-ms-input-placeholder {
  color: #94adbb;
}
.form-input:focus::-ms-input-placeholder, .form-input.filled::-ms-input-placeholder {
  color: #94adbb;
}
.form-input:focus::placeholder, .form-input.filled::placeholder {
  color: #94adbb;
}
.form-input:focus ~ .form-label, .form-input.filled ~ .form-label {
  top: 0.45rem;
  font-size: 0.77777rem;
  color: #3B566E;
  transition: all 0.3s ease;
}
.form-input:focus ~ .password-button, .form-input.filled ~ .password-button {
  display: block;
}
.form-input.form-control:focus {
  border-color: #7C9CAC;
  box-shadow: 0 0 0 0.2rem #F0F5FA;
}
.form-input.disabled, .form-input:disabled {
  border-color: #F0F5FA;
  background-color: #F0F5FA;
}
.form-input[readonly] {
  pointer-events: none;
}
.form-input.input-icon-left {
  padding: 2.026rem 2.5rem 1.0775rem 3.75rem;
}
.form-input.input-icon-left ~ .label-icon-left {
  position: absolute;
  top: 0;
  left: 2px;
  width: 3.75rem;
  height: 100%;
  margin-bottom: 0;
  background-repeat: no-repeat;
  background-position: left 0.75rem center;
}
.form-input.input-icon-left ~ .label-icon-left.label-mail {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='18' viewBox='0 0 24 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6381 16.5H3.39807C2.35807 16.5 1.51807 15.66 1.51807 14.62V3.38C1.51807 2.34 2.35807 1.5 3.39807 1.5H20.6381C21.6781 1.5 22.5181 2.34 22.5181 3.38V14.62C22.5181 15.66 21.6781 16.5 20.6381 16.5Z' stroke='%23DEE7F3' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.51807 3.5L10.5981 10.58C11.3781 11.36 12.6481 11.36 13.4281 10.58L20.5181 3.5' stroke='%23DEE7F3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.51807 14.5L7.51807 10.5' stroke='%23DEE7F3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.5181 10.5L20.5181 14.5' stroke='%23DEE7F3' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 24px;
}
.form-input.input-icon-left ~ .label-icon-left.label-datepicker {
  background-image: 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='M4.86328 1.42383L4.86328 5.35566' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.1367 1.42383L17.1367 5.35558' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.6 20.5H3.4C2.35 20.5 1.5 19.65 1.5 18.6V5.4C1.5 4.35 2.35 3.5 3.4 3.5H18.6C19.65 3.5 20.5 4.35 20.5 5.4V18.6C20.5 19.65 19.65 20.5 18.6 20.5Z' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 13.5C5.27614 13.5 5.5 13.2761 5.5 13C5.5 12.7239 5.27614 12.5 5 12.5C4.72386 12.5 4.5 12.7239 4.5 13C4.5 13.2761 4.72386 13.5 5 13.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 13.5C9.27614 13.5 9.5 13.2761 9.5 13C9.5 12.7239 9.27614 12.5 9 12.5C8.72386 12.5 8.5 12.7239 8.5 13C8.5 13.2761 8.72386 13.5 9 13.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 13.5C13.2761 13.5 13.5 13.2761 13.5 13C13.5 12.7239 13.2761 12.5 13 12.5C12.7239 12.5 12.5 12.7239 12.5 13C12.5 13.2761 12.7239 13.5 13 13.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 13.5C17.2761 13.5 17.5 13.2761 17.5 13C17.5 12.7239 17.2761 12.5 17 12.5C16.7239 12.5 16.5 12.7239 16.5 13C16.5 13.2761 16.7239 13.5 17 13.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 9.5C5.27614 9.5 5.5 9.27614 5.5 9C5.5 8.72386 5.27614 8.5 5 8.5C4.72386 8.5 4.5 8.72386 4.5 9C4.5 9.27614 4.72386 9.5 5 9.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 9.5C9.27614 9.5 9.5 9.27614 9.5 9C9.5 8.72386 9.27614 8.5 9 8.5C8.72386 8.5 8.5 8.72386 8.5 9C8.5 9.27614 8.72386 9.5 9 9.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 9.5C13.2761 9.5 13.5 9.27614 13.5 9C13.5 8.72386 13.2761 8.5 13 8.5C12.7239 8.5 12.5 8.72386 12.5 9C12.5 9.27614 12.7239 9.5 13 9.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 9.5C17.2761 9.5 17.5 9.27614 17.5 9C17.5 8.72386 17.2761 8.5 17 8.5C16.7239 8.5 16.5 8.72386 16.5 9C16.5 9.27614 16.7239 9.5 17 9.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 17.5C5.27614 17.5 5.5 17.2761 5.5 17C5.5 16.7239 5.27614 16.5 5 16.5C4.72386 16.5 4.5 16.7239 4.5 17C4.5 17.2761 4.72386 17.5 5 17.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 17.5C9.27614 17.5 9.5 17.2761 9.5 17C9.5 16.7239 9.27614 16.5 9 16.5C8.72386 16.5 8.5 16.7239 8.5 17C8.5 17.2761 8.72386 17.5 9 17.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13 17.5C13.2761 17.5 13.5 17.2761 13.5 17C13.5 16.7239 13.2761 16.5 13 16.5C12.7239 16.5 12.5 16.7239 12.5 17C12.5 17.2761 12.7239 17.5 13 17.5Z' fill='%23172A3A' stroke='%23172A3A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 22px;
}
.form-input.input-icon-left ~ .form-label {
  left: 3.9rem;
  width: calc(100% - 4.0875rem);
}
.form-input.input-icon-right {
  padding: 2.026rem 3.75rem 1.0775rem 1.1rem;
}
.form-input.input-icon-right.form-control:focus {
  box-shadow: none;
}
.form-input.input-icon-right ~ .label-icon-right {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
  top: 0;
  right: 2px;
  width: 3.75rem;
  height: 100%;
  margin-bottom: 0;
}
.form-input.input-icon-right ~ .label-icon-right.label-currency {
  color: #172A3A;
  font-size: 1.125rem;
}
.form-input.input-icon-right ~ .label-icon-right.label-currency::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 50%;
  top: 50%;
  right: 3.75rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #F0F5FA;
}

.input-cvv {
  font-family: "text-security-disc";
  -webkit-text-security: disc;
}
@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    .input-cvv {
      /* safari 11+ fix security text */
      font-size: 1rem;
      letter-spacing: 2px;
    }
  }
}

/* ie11 fix - displaying typed text */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-input {
    height: 3.5rem;
  }
}
.form-label {
  position: absolute;
  top: 0.95rem;
  left: 1.25rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  color: #172A3A;
  transition: all 0.3s ease;
  cursor: text;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  width: calc(100% - 1.4375rem);
  text-overflow: ellipsis;
  text-align: left;
}

.password-button {
  display: none;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 1.125rem;
  top: 50%;
  margin-top: -12px;
  padding: 0;
  border: 0;
  box-shadow: none;
  outline: none;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='26' viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M22.2665 12.8276C22.2665 12.8276 18.3319 18.6456 11.9382 18.6456C5.54447 18.6456 1.60986 12.8276 1.60986 12.8276' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.938 18.6455V20.7611' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1841 18.1802L15.5775 20.2535' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.8892 16.8999L18.863 18.7405' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.2207 15.1973L21.4798 16.8263' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.69229 18.1802L8.29883 20.2535' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.987 16.8999L5.01318 18.7405' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.65605 15.1973L2.39697 16.8263' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Cpath d='M0.134277 0.133789H23.7419V25.5214H0.134277V0.133789Z' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 20px;
  background-position: center;
}
.password-button:focus {
  outline: none;
}
.password-button.show-pass {
  margin-top: -10px;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='28' viewBox='0 0 25 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.845 17.4088C15.9273 17.4088 18.4259 14.9102 18.4259 11.8279C18.4259 8.74571 15.9273 6.24707 12.845 6.24707C9.7628 6.24707 7.26416 8.74571 7.26416 11.8279C7.26416 14.9102 9.7628 17.4088 12.845 17.4088Z' fill='%23172A3A'/%3E%3Cpath d='M2.34521 12.7471C2.34521 12.7471 6.34521 6.24707 12.8452 6.24707C19.3452 6.24707 23.3452 12.7471 23.3452 12.7471C23.3452 12.7471 19.3452 19.2471 12.8452 19.2471C6.34521 19.2471 2.34521 12.7471 2.34521 12.7471Z' stroke='%23172A3A' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
}

.optional-wrapper {
  padding-top: 1.25rem;
}

.optional-label {
  position: absolute;
  top: -1.25rem;
  right: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
  line-height: 1.143;
  color: #7C9CAC;
  text-align: right;
}

input:-internal-autofill-selected ~ .password-button.show-pass {
  background-color: transparent;
}

input[autocomplete=off]::-webkit-credentials-auto-fill-button,
input[autocomplete=cc-csc]::-webkit-credentials-auto-fill-button,
input[autocomplete="section-sender cc-csc"]::-webkit-credentials-auto-fill-button {
  visibility: hidden;
  display: none !important;
  pointer-events: none;
  height: 0;
  width: 0;
  margin: 0;
}

.select2-container.select2-container--default .select2-selection {
  height: auto;
  padding: 0.6875rem 1.0775rem;
  border: 3px solid #DEE7F3;
  border-radius: 0.5rem;
  color: #172A3A;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.667;
  outline: none;
  text-align: left;
}
.select2-container.select2-container--default .select2-selection__rendered {
  padding-left: 0;
  padding-right: 0;
  color: #172A3A;
}
.select2-container.select2-container--default .select2-selection__rendered .select2-selection__clear {
  /* margin-right: 8px; */
  line-height: 30px;
}
.select2-container.select2-container--default .select2-selection__placeholder {
  color: #172A3A;
}
.select2-container.select2-container--default .select2-selection__arrow {
  height: 100%;
  width: 18px;
  top: 0;
  right: 1rem;
}
.select2-container.select2-container--default .select2-selection__arrow b {
  width: 18px;
  height: 100%;
  left: auto;
  top: 0;
  margin: 0;
  border: none;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.27881 8.44434L10.1402 13.3057' stroke='%233B566E' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.1401 13.3057L15.0015 8.44432' stroke='%233B566E' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 16px;
  transition: all 0.3s ease;
}
.select2-container.select2-container--default .select2-dropdown {
  color: #172A3A;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.667;
  border: none;
  border-radius: 0.5rem;
  text-align: left;
}
.select2-container.select2-container--default .select2-search--dropdown {
  padding: 0;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
  padding: 0.75rem 1rem;
  border: 1px solid #DEE7F3;
  color: #172A3A;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.667;
  outline: none;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-webkit-input-placeholder {
  color: #94adbb;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-moz-placeholder {
  color: #94adbb;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field:-ms-input-placeholder {
  color: #94adbb;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::-ms-input-placeholder {
  color: #94adbb;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
  color: #94adbb;
}
.select2-container.select2-container--default .select2-results {
  max-height: 248px;
}
.select2-container.select2-container--default .select2-results__option {
  padding: 1.032rem 1rem;
  color: #172A3A;
}
.select2-container.select2-container--default .select2-results__option:focus {
  outline: none;
  background-color: #E84F35;
}
.select2-container.select2-container--default .select2-results__option--highlighted {
  color: #172A3A;
  background-color: #F0F5FA;
}
.select2-container.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background-color: transparent;
}
.select2-container.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.select2-container.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #E84F35;
}
.select2-container.select2-container--default.select2-container--open .select2-selection {
  border-color: transparent;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.select2-container.select2-container--default.select2-container--open .select2-selection__arrow b {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown {
  overflow: hidden;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below {
  border-top: 1px dashed #DEE7F3;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0px 6px 12px rgba(39, 97, 146, 0.15);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--below .select2-results li:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--above {
  border-bottom: 1px dashed #DEE7F3;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: 0px -6px 12px rgba(39, 97, 146, 0.15);
}
.select2-container.select2-container--default.select2-container--open .select2-dropdown--above .select2-results li:last-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}

.datepicker-wrapper.datepicker {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #172A3A;
}
.datepicker-wrapper.datepicker .datepicker--content {
  padding: 0;
}
.datepicker-wrapper.datepicker .datepicker--day-name {
  font-family: "Roboto", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #172A3A;
}
.datepicker-wrapper.datepicker .datepicker--cell {
  border-radius: 0;
  border-top: 2px solid #F7F9FB;
  border-bottom: 2px solid #F7F9FB;
}
.datepicker-wrapper.datepicker .datepicker--cell-day {
  width: calc(14.28571% - 2px);
  margin: 1px;
  background-color: #F7F9FB;
}
.datepicker-wrapper.datepicker .datepicker--cell.-selected-, .datepicker-wrapper.datepicker .datepicker--cell:hover {
  color: #3B566E;
  border-bottom-color: #E84F35;
  background-color: #F0F5FA;
}

.checkbox-control {
  position: relative;
  padding-left: 1.75rem;
}

.checkbox-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.203125rem;
  opacity: 0;
}
.checkbox-input:checked ~ .checkbox-label::before {
  color: #fff;
  border-color: #E84F35;
  background-color: #E84F35;
}
.checkbox-input:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 12px 12px;
}
.checkbox-input:disabled ~ .checkbox-label {
  color: #7C9CAC;
}
.checkbox-input:disabled ~ .checkbox-label::before {
  border-color: #DEE7F3;
  background-color: #DEE7F3;
}
.checkbox-input:disabled ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='minus' class='svg-inline--fa fa-minus fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 10px 10px;
}
.checkbox-input:disabled:checked ~ .checkbox-label::before {
  border-color: #DEE7F3;
  background-color: #DEE7F3;
}
.checkbox-input:disabled:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='check' class='svg-inline--fa fa-check fa-w-16' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 12px 12px;
}

.checkbox-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
  line-height: 1.3;
}
.checkbox-label::before {
  position: absolute;
  top: -1px;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 2px solid #DEE7F3;
  border-radius: 2px;
}
.checkbox-label::after {
  position: absolute;
  top: -1px;
  left: -1.75rem;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  content: "";
  background: no-repeat 50%/50% 50%;
}

.checkbox-switch {
  padding-left: 2.25rem;
}
.checkbox-switch .checkbox-label::before {
  top: 1px;
  left: -2.25rem;
  width: 1.75rem;
  height: 1rem;
  pointer-events: all;
  border-radius: 0.5rem;
  border-color: #7C9CAC;
  background-color: #7C9CAC;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.checkbox-switch .checkbox-label::after {
  top: 3px;
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #fff;
  border-radius: 0.5rem;
  transition: all 0.15s ease;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.checkbox-switch .checkbox-input:checked ~ .checkbox-label::before {
  color: #fff;
  border-color: #E84F35;
  background-color: #E84F35;
}
.checkbox-switch .checkbox-input:checked ~ .checkbox-label::after {
  background-color: #fff;
  background-image: none;
  -webkit-transform: translateX(0.75rem);
  transform: translateX(0.75rem);
}

.radio-control .checkbox-label::before {
  border-radius: 50%;
  border: 2px solid #DEE7F3;
}
.radio-control .btn-label {
  padding: 0;
  border: 3px solid #DEE7F3;
  border-radius: 0.5rem;
}
.radio-control .btn-label span {
  display: inline-block;
  padding: 0.9695rem 0.375rem 0.9695rem 2.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.1875;
  color: #3B566E;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 32px;
}
.radio-control .btn-label.btn-male span {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 28.6666V28.1733C3.33203 26.04 4.5987 24.12 6.5587 23.28L12.6654 20.6666V19.3333L11.8387 18.5066C10.6654 17.3333 9.9987 15.7333 9.9987 14.0533V7.97329C9.9987 6.55996 10.7454 5.23996 11.972 4.53329C13.0387 3.90663 14.6654 4.66663 13.9987 3.33329C13.3054 1.94663 18.9587 3.90663 20.0254 4.53329C21.252 5.25329 21.9987 6.55996 21.9987 7.97329V14.0666C21.9987 15.7333 21.332 17.3333 20.1587 18.52L19.332 19.3333V20.6666L25.4387 23.28C27.3987 24.12 28.6654 26.04 28.6654 28.1733V28.6666' stroke='%237C9CAC' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.radio-control .btn-label.btn-male:hover {
  border-color: #3B566E;
}
.radio-control .btn-label.btn-female span {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 28.6666L3.97203 26.7599C4.42536 25.4132 5.38536 24.3066 6.6387 23.6799L12.6654 20.6666V19.3332L9.1587 18.4532C8.34536 18.2532 7.90536 17.3599 8.26536 16.6133C9.22536 14.6266 9.65203 11.5866 9.8387 9.27992C10.092 6.29325 12.3054 3.70659 15.292 3.37325C15.532 3.34659 15.7587 3.33325 15.9987 3.33325C16.2387 3.33325 16.4654 3.34659 16.7054 3.37325C19.692 3.70659 21.9054 6.27992 22.1587 9.27992C22.3454 11.5866 22.7854 14.6266 23.732 16.6133C24.092 17.3599 23.652 18.2532 22.8387 18.4532L19.332 19.3332V20.6666L25.3587 23.6799C26.6254 24.3066 27.5854 25.4132 28.0254 26.7599L28.6654 28.6666' stroke='%237C9CAC' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.radio-control .btn-label.btn-female:hover {
  border-color: #3B566E;
}
.radio-control .checkbox-input:checked ~ .checkbox-label::before {
  border: 5px solid #E84F35;
  background-color: #fff;
}
.radio-control .checkbox-input:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%fff'/%3e%3c/svg%3e");
  background-size: 10px 10px;
}
.radio-control .checkbox-input:checked ~ .btn-label {
  border-color: #3B566E;
  background-color: #3B566E;
}
.radio-control .checkbox-input:checked ~ .btn-label span {
  color: #fff;
}
.radio-control .checkbox-input:checked ~ .btn-label.btn-male span {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 28.6666V28.1733C3.33203 26.04 4.5987 24.12 6.5587 23.28L12.6654 20.6666V19.3333L11.8387 18.5066C10.6654 17.3333 9.9987 15.7333 9.9987 14.0533V7.97329C9.9987 6.55996 10.7454 5.23996 11.972 4.53329C13.0387 3.90663 14.6654 4.66663 13.9987 3.33329C13.3054 1.94663 18.9587 3.90663 20.0254 4.53329C21.252 5.25329 21.9987 6.55996 21.9987 7.97329V14.0666C21.9987 15.7333 21.332 17.3333 20.1587 18.52L19.332 19.3333V20.6666L25.4387 23.28C27.3987 24.12 28.6654 26.04 28.6654 28.1733V28.6666' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.radio-control .checkbox-input:checked ~ .btn-label.btn-female span {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33203 28.6666L3.97203 26.7599C4.42536 25.4132 5.38536 24.3066 6.6387 23.6799L12.6654 20.6666V19.3332L9.1587 18.4532C8.34536 18.2532 7.90536 17.3599 8.26536 16.6133C9.22536 14.6266 9.65203 11.5866 9.8387 9.27992C10.092 6.29325 12.3054 3.70659 15.292 3.37325C15.532 3.34659 15.7587 3.33325 15.9987 3.33325C16.2387 3.33325 16.4654 3.34659 16.7054 3.37325C19.692 3.70659 21.9054 6.27992 22.1587 9.27992C22.3454 11.5866 22.7854 14.6266 23.732 16.6133C24.092 17.3599 23.652 18.2532 22.8387 18.4532L19.332 19.3332V20.6666L25.3587 23.6799C26.6254 24.3066 27.5854 25.4132 28.0254 26.7599L28.6654 28.6666' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.radio-control .checkbox-input:disabled ~ .checkbox-label::before {
  border-color: #DEE7F3;
}
.radio-control .checkbox-input:disabled:checked ~ .checkbox-label::before {
  background-color: #DEE7F3;
}
.radio-control .checkbox-input:disabled:checked ~ .checkbox-label::after {
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' data-prefix='fas' data-icon='minus' class='svg-inline--fa fa-minus fa-w-14' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23fff' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");
}
.radio-control.radio-regular .checkbox-input:checked ~ .btn-label {
  border-color: #172A3A;
  background-color: #172A3A;
}
.radio-control.radio-regular .btn-label {
  margin-bottom: 0;
}
.radio-control.radio-regular .btn-label span {
  padding: 0.625rem 0.375rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.667;
}

.form-textarea {
  padding: 1.75rem 1rem 0.5rem;
  border: 2px solid #DEE7F3;
  border-radius: 0.5rem;
  line-height: 1.3;
}
.form-textarea::-webkit-input-placeholder {
  color: #94ADBB !important;
}
.form-textarea::-moz-placeholder {
  color: #94ADBB !important;
}
.form-textarea:-ms-input-placeholder {
  color: #94ADBB !important;
}
.form-textarea::-ms-input-placeholder {
  color: #94ADBB !important;
}
.form-textarea::placeholder {
  color: #94ADBB !important;
}
.form-textarea::-webkit-scrollbar-track {
  background-color: transparent;
}
.form-textarea::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.form-textarea::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #E84F35;
}
.form-textarea:focus {
  border-color: #7C9CAC;
}
.form-textarea.form-control:focus {
  box-shadow: none;
}
.form-textarea ~ .form-label {
  top: 2px;
  left: 2px;
  width: calc(100% - 22px);
  padding-top: 0.5rem;
  padding-left: 1.1rem;
  border-radius: 0.5rem;
  color: #3B566E;
  font-size: 0.875rem;
  background: #fff;
}

.form-group.has-success .form-textarea ~ .form-label {
  top: 2px;
  color: #3B566E;
  font-size: 0.875rem;
}

.list li {
  position: relative;
  margin-bottom: 0.6875rem;
  padding-left: 1.25rem;
}
.list li::before {
  position: absolute;
  content: "";
  left: 0;
}
.list--regular li::before {
  top: 8px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #172A3A;
}
.list--circle li::before {
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E84F35;
}
.list--circle.list--grey li::before {
  background-color: #3B566E;
}
.list--minus li::before {
  top: 8px;
  width: 14px;
  height: 2px;
  background-color: #172A3A;
}

.list-ordered {
  counter-reset: ordered-counter;
}
.list-ordered > li {
  counter-increment: ordered-counter;
}
.list-ordered > li::before {
  content: counter(ordered-counter) ". ";
  top: 0;
  color: #E84F35;
  font-weight: bold;
}
.list-ordered.list--grey li::before {
  color: #3B566E;
  font-weight: 400;
}

.help-list li {
  position: relative;
  padding: 0.28125rem 0.5rem 0.28125rem 1.25rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.3;
  color: #7C9CAC;
}
.help-list li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #7C9CAC;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 12px;
}
.help-list li.checked::before, .help-list li.unchecked::before {
  top: 6px;
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.help-list li.checked {
  color: #09BC8A;
}
.help-list li.checked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.08984 4.08025L3.72525 6.62127C4.12314 7.00491 4.77425 7.00491 5.17214 6.62127L10.908 1.09082' stroke='%2309BC8A' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.help-list li.unchecked {
  color: #E84F35;
}
.help-list li.unchecked::before {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.36328 1.36377L8.63601 8.6365' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.63601 1.36377L1.36328 8.6365' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
@media screen and (max-width: 575px) {
  .help-list li {
    padding-left: 1rem;
  }
}

.table {
  font-family: "Roboto", sans-serif;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.3;
  color: #172A3A;
}
.table tr {
  border-bottom: 1px dashed #DEE7F3;
}
.table td, .table th {
  padding: 1.05rem 0.75rem;
  vertical-align: middle;
  border-top: 0;
  border: 0;
}
.table td:first-child, .table th:first-child {
  font-size: 1rem;
  color: #3B566E;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .table td:first-child, .table th:first-child {
    font-size: 0.875rem;
    white-space: normal;
  }
}
.table tr.table-title {
  border-bottom-color: transparent;
}
.table tr.table-title td {
  font-family: "Montserrat", sans-serif;
  color: #172A3A;
}
.table .table-summary {
  border-bottom-color: transparent;
}
.table .table-summary td {
  font-weight: bold;
  border-top: 3px solid #DEE7F3;
}
.table .table-summary td:first-child {
  font-size: 1.25rem;
  color: #172A3A;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .table .table-summary td:first-child {
    font-size: 1.0625rem;
  }
}
@media screen and (max-width: 575px) {
  .table tr td {
    display: block;
    padding: 0.5rem 0 0.25rem;
  }
  .table tr td:first-child {
    padding-bottom: 0;
    color: #7C9CAC;
  }
  .table tr td:last-child {
    padding-top: 0.25rem;
  }
  .table tr.table-title td {
    color: #172A3A;
  }
  .table tr.table-summary {
    display: -ms-flexbox;
    display: flex;
    margin-top: -1px;
  }
  .table tr.table-summary td {
    padding: 1.05rem 0.75rem;
  }
  .table tr.table-summary td:first-child {
    -ms-flex-positive: 1;
        flex-grow: 1;
    padding-left: 0;
    color: #172A3A;
  }
  .table tr.table-summary td:last-child {
    padding-right: 0;
    text-align: right;
  }
}

.table-bill {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #F0F5FA;
}
.table-bill__row {
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.table-bill__row span {
  font-size: 0.875rem;
}
.table-bill__row span:last-child {
  margin-left: 0.75rem;
  font-weight: 700;
  color: #172A3A;
}
@media screen and (max-width: 767px) {
  .table-bill__row {
    -ms-flex-direction: column;
        flex-direction: column;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
  .table-bill__row span:last-child {
    margin-left: 0;
    margin-top: 0.25rem;
  }
}

.tooltip .tooltip-inner {
  max-width: 17.5rem;
  padding: 0.5rem 1.25rem;
  font-size: 0.875rem;
  border-radius: 0.5rem;
  text-align: left;
  background-color: #3B566E;
}
.tooltip.show {
  opacity: 1;
  filter: alpha(opacity=100);
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before {
  border-top-color: #3B566E;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  border-bottom-color: #3B566E;
}
.tooltip.bs-tooltip-left .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before {
  border-left-color: #3B566E;
}
.tooltip.bs-tooltip-right .arrow::before, .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before {
  border-right-color: #3B566E;
}

/*
 Generated markup by the plugin
<div class="tooltip bs-tooltip-top" role="tooltip">
  <div class="arrow"></div>
  <div class="tooltip-inner">
    Some tooltip text!
  </div>
</div>
*/
.popover.popover-main, .popover.popover-cvv {
  font-size: 0.875rem;
  border: 0;
  border-radius: 0.5rem;
  background-color: #3B566E;
}
.popover.popover-main.bs-popover-auto[x-placement^=right] > .arrow::after, .popover.popover-main.bs-popover-right > .arrow::after, .popover.popover-cvv.bs-popover-auto[x-placement^=right] > .arrow::after, .popover.popover-cvv.bs-popover-right > .arrow::after {
  border-right-color: #3B566E;
}
.popover.popover-main.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover.popover-main.bs-popover-bottom > .arrow::after, .popover.popover-cvv.bs-popover-auto[x-placement^=bottom] > .arrow::after, .popover.popover-cvv.bs-popover-bottom > .arrow::after {
  border-bottom-color: #3B566E;
}
.popover.popover-main.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover.popover-main.bs-popover-bottom .popover-header::before, .popover.popover-cvv.bs-popover-auto[x-placement^=bottom] .popover-header::before, .popover.popover-cvv.bs-popover-bottom .popover-header::before {
  border-bottom: 0;
}
.popover.popover-main.bs-popover-auto[x-placement^=left] > .arrow::after, .popover.popover-main.bs-popover-left > .arrow::after, .popover.popover-cvv.bs-popover-auto[x-placement^=left] > .arrow::after, .popover.popover-cvv.bs-popover-left > .arrow::after {
  border-left-color: #3B566E;
}
.popover.popover-main.bs-popover-auto[x-placement^=top] > .arrow::after, .popover.popover-main.bs-popover-top > .arrow::after, .popover.popover-cvv.bs-popover-auto[x-placement^=top] > .arrow::after, .popover.popover-cvv.bs-popover-top > .arrow::after {
  border-top-color: #3B566E;
}
.popover.popover-main.bs-popover-auto[x-placement^=top] .popover-header::before, .popover.popover-main.bs-popover-top .popover-header::before, .popover.popover-cvv.bs-popover-auto[x-placement^=top] .popover-header::before, .popover.popover-cvv.bs-popover-top .popover-header::before {
  border-bottom: 0;
}
.popover.popover-main .popover-header, .popover.popover-cvv .popover-header {
  color: #ffffff;
  border-bottom: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  background: #3B566E url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.59668 1.72266L14.5967 14.7227' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5967 1.72266L1.59668 14.7227' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") right 0.75rem top 0.75rem no-repeat;
}
.popover.popover-main .popover-body, .popover.popover-cvv .popover-body {
  color: #ffffff;
}
.popover.popover-main .popover-body a, .popover.popover-cvv .popover-body a {
  font-size: 0.875rem;
  font-weight: 700;
  color: #ffffff;
  text-decoration: underline;
}
.popover.popover-main.bs-popover-auto[x-placement^=right], .popover.popover-main.bs-popover-right {
  margin-left: 1rem;
}
.popover.popover-main.bs-popover-auto[x-placement^=bottom], .popover.popover-main.bs-popover-bottom {
  margin-top: 1rem;
}
.popover.popover-main.bs-popover-auto[x-placement^=left], .popover.popover-main.bs-popover-left {
  margin-right: 1rem;
}
.popover.popover-main.bs-popover-auto[x-placement^=top], .popover.popover-main.bs-popover-top {
  margin-bottom: 1rem;
}
.popover.popover-main .popover-header {
  padding: 1rem 2rem 0.5rem 1rem;
}
.popover.popover-main .popover-body {
  padding: 0 1rem 1.5rem 1rem;
}
.popover.popover-cvv {
  font-size: 0.75rem;
}
.popover.popover-cvv.bs-popover-auto[x-placement^=right], .popover.popover-cvv.bs-popover-right {
  margin-left: 1rem;
}
.popover.popover-cvv.bs-popover-auto[x-placement^=bottom], .popover.popover-cvv.bs-popover-bottom {
  margin-top: 2.5rem;
}
.popover.popover-cvv.bs-popover-auto[x-placement^=left], .popover.popover-cvv.bs-popover-left {
  margin-right: 2.5rem;
}
.popover.popover-cvv.bs-popover-auto[x-placement^=top], .popover.popover-cvv.bs-popover-top {
  margin-bottom: 2.5rem;
}
.popover.popover-cvv .popover-header {
  padding: 1rem 1rem 0.5rem;
}
.popover.popover-cvv .popover-body {
  min-height: 4.875rem;
  padding: 0 8rem 1.5rem 1rem;
  background: url("../img/card/cvv-img.png") right 1.5rem top no-repeat;
}

.alert {
  padding: 1.25rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.1875;
  border-radius: 0.5rem;
}
.alert--small {
  padding: 0.625rem;
}
.alert a {
  text-decoration: underline;
}
.alert .close {
  opacity: 1;
  text-shadow: none;
}
.alert .close:not(:disabled):not(.disabled):focus, .alert .close:not(:disabled):not(.disabled):hover {
  opacity: 1;
  outline: none;
}
.alert .close span {
  display: block;
  width: 24px;
  height: 24px;
  padding: 0;
  font-size: 27px;
  line-height: 24px;
  text-align: center;
  border-radius: 50%;
}
.alert.alert-dismissible {
  padding-right: 2.5rem;
}
.alert.alert-dismissible .close {
  padding: 0.5rem;
}
.alert.alert-success {
  color: #172A3A;
  border-color: #E9FCF3;
  background-color: #E9FCF3;
}
.alert.alert-success p {
  color: #172A3A;
}
.alert.alert-success .close span {
  color: #09BC8A;
}
.alert.alert-success .close:hover span {
  background-color: #D4F8E8;
}
.alert.alert-warning {
  color: #172A3A;
  border-color: #FEF7E0;
  background-color: #FEF7E0;
}
.alert.alert-warning p {
  color: #172A3A;
}
.alert.alert-warning .close span {
  color: #DE7800;
}
.alert.alert-warning .close:hover span {
  background-color: #FFD578;
}
.alert.alert-danger {
  color: #172A3A;
  border-color: #FFE7E6;
  background-color: #FFE7E6;
}
.alert.alert-danger a, .alert.alert-danger p, .alert.alert-danger li {
  color: #172A3A;
}
.alert.alert-danger .close span {
  color: #E84F35;
}
.alert.alert-danger .close:hover span {
  background-color: #FFD0CE;
}
.alert.alert-danger--red {
  color: #E84F35;
}
.alert.alert-danger--red a, .alert.alert-danger--red p, .alert.alert-danger--red li {
  color: #E84F35;
}
.alert.alert-secondary {
  color: #172A3A;
  border-color: #F0F5FA;
  background-color: #F0F5FA;
}
.alert.alert-secondary p {
  color: #172A3A;
}
.alert.alert-secondary .close span {
  color: #3B566E;
}
.alert.alert-secondary .close:hover span {
  background-color: white;
}
.alert.alert-secondary--small {
  padding: 0.75rem;
  color: #3B566E;
  border-width: 0;
}
.alert.alert-secondary--small p {
  color: #3B566E;
}
.alert.alert-save {
  padding-top: 3rem;
}
.alert.alert-save::before {
  position: absolute;
  top: 1rem;
  left: 1rem;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.1377 8.28312V19.4531C4.1377 20.5531 5.0377 21.4531 6.1377 21.4531H19.1377C20.2377 21.4531 21.1377 20.5531 21.1377 19.4531V6.45312C21.1377 5.35312 20.2377 4.45312 19.1377 4.45312H7.9677C7.4377 4.45312 6.9277 4.66313 6.5577 5.04313L4.7277 6.86312C4.3477 7.24312 4.1377 7.75312 4.1377 8.28312Z' stroke='%236DCDB2' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.1377 4.45312V9.45312H16.1377V4.45312' stroke='%236DCDB2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.1377 6.45312V7.45312' stroke='%236DCDB2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.1377 21.4531V14.4631C18.1377 13.9031 17.6877 13.4531 17.1277 13.4631L8.1277 13.5331C7.5777 13.5331 7.1377 13.9831 7.1377 14.5331V21.4531' stroke='%236DCDB2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px;
}
.alert.alert-people {
  padding-left: 2.5rem;
}
.alert.alert-people::before {
  position: absolute;
  content: "";
  top: 1.25rem;
  left: 0.5rem;
  width: 23px;
  height: 23px;
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='16' viewBox='0 0 23 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.45996 3.2075V3.7601C4.45996 5.31008 5.67673 6.96115 7.18134 6.96115C8.68595 6.96115 9.90272 5.31008 9.90272 3.7601V3.2075C9.90272 1.65752 9.04575 0.404053 7.18134 0.404053C5.32348 0.404053 4.45996 1.65752 4.45996 3.2075ZM8.60091 3.2075V3.7601C8.60091 4.66313 7.87477 5.61334 7.18134 5.61334C6.49445 5.61334 5.76177 4.65639 5.76177 3.7601V3.2075C5.76832 1.90012 6.5795 1.75186 7.18788 1.75186C7.79627 1.75186 8.60091 1.90012 8.60091 3.2075Z' fill='%230C6858'/%3E%3Cpath d='M0.541992 14.6774C0.541992 15.0414 0.82983 15.3379 1.18309 15.3379H13.2003C13.5536 15.3379 13.8414 15.0414 13.8414 14.6774C13.8414 11.1731 10.8584 8.32252 7.19498 8.32252C3.52504 8.31578 0.541992 11.1664 0.541992 14.6774ZM7.18844 9.66359C9.88365 9.66359 12.1209 11.5505 12.4807 13.9833H1.89614C2.25594 11.5505 4.49323 9.66359 7.18844 9.66359Z' fill='%230C6858'/%3E%3Cpath d='M13.9849 8.51791C13.769 8.57183 13.5989 8.73356 13.5269 8.94921C13.455 9.16486 13.5008 9.40073 13.6381 9.57594C14.8157 11.0518 15.6268 12.8107 15.6268 14.6774C15.6268 15.0413 15.9147 15.3378 16.2679 15.3378H21.8415C22.1948 15.3378 22.4826 15.0413 22.4826 14.6774C22.4826 11.1731 19.4996 8.32248 15.8362 8.32248C15.2736 8.31574 14.5278 8.38313 13.9849 8.51791ZM21.8219 14.6572H16.281C16.2745 12.8039 15.5418 10.9035 14.1615 9.16486C14.6063 9.05704 15.2736 8.98965 15.8296 8.98965C19.1267 8.98965 21.8154 11.5303 21.8219 14.6572Z' fill='%230C6858'/%3E%3Cpath d='M13.1084 3.2075V3.7601C13.1084 5.31008 14.3252 6.96115 15.8298 6.96115C17.3344 6.96115 18.5512 5.31008 18.5512 3.7601V3.2075C18.5512 1.65752 17.6942 0.404053 15.8298 0.404053C13.9654 0.404053 13.1084 1.65752 13.1084 3.2075ZM17.9035 3.2075V3.7601C17.9035 4.90574 16.9811 6.28724 15.8298 6.28724C14.685 6.28724 13.7626 4.90574 13.7626 3.7601V3.2075C13.7626 2.41229 14.0308 1.07796 15.8298 1.07796C17.6288 1.07796 17.9035 2.41229 17.9035 3.2075Z' fill='%230C6858'/%3E%3C/svg%3E%0A");
  background-size: 23px;
  background-repeat: no-repeat;
  background-position: top left;
}
.alert.alert-face {
  min-height: 4.375rem;
  padding-left: 4.2rem;
}
.alert.alert-face::before, .alert.alert-face::after {
  position: absolute;
  content: "";
}
.alert.alert-face::before {
  width: 46px;
  height: 46px;
  top: 0.75rem;
  left: 0.6rem;
  border-radius: 50%;
}
.alert.alert-face::after {
  width: 32px;
  height: 32px;
  top: 1.1875rem;
  left: 1.0375rem;
  background-image: url("../img/emoji-infoboxes.png");
  background-repeat: no-repeat;
  background-size: 64px;
}
.alert.alert-face.alert-tel::after {
  background-position: 0 0;
}
.alert.alert-face.alert-smile::after {
  background-position: 0 -32px;
}
.alert.alert-face.alert-eyewink::after {
  background-position: 0 -64px;
}
.alert.alert-face.alert-worried::after {
  background-position: 0 -96px;
}
.alert.alert-face.alert-address::after {
  background-position: -32px 0;
}
.alert.alert-face.alert-smile-2::after {
  background-position: -32px -32px;
}
.alert.alert-face.alert-eyebrow::after {
  background-position: -32px -64px;
}
.alert.alert-face.alert-thumbs-up::after {
  background-position: -32px -96px;
}
.alert.alert-face.alert-success::before {
  background-color: #C3E7DC;
}
.alert.alert-face.alert-warning::before {
  background-color: #FFD578;
}
.alert.alert-auth {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 3.25rem;
  background-position: left 0.625rem top 0.625rem;
  background-repeat: no-repeat;
}
.alert.alert-auth--signin {
  background-image: url("../img/alert/icon-hand-shake.svg");
}
.alert.alert-auth--signup {
  background-image: url("../img/alert/icon-notepad.svg");
}

/* rating stars */
.rating-input {
  float: left;
  position: relative;
  /*fix floating problems*/
  overflow: hidden;
  /*end of fix floating problems*/
}
.rating-input input {
  position: absolute;
  top: 0;
  width: 1.625rem;
  height: 1.625rem;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  z-index: 0;
}
.rating-input input:checked ~ label {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9343 20.4504C13.2478 20.2655 13.637 20.2655 13.9505 20.4504L20.0672 24.0589C20.827 24.5072 21.7528 23.8236 21.548 22.9655L19.9411 16.2329C19.8536 15.8661 19.9798 15.4813 20.2676 15.2376L25.5998 10.7225C26.2797 10.1467 25.9241 9.03635 25.0363 8.96272L17.973 8.37699C17.6057 8.34653 17.2849 8.11643 17.1382 7.77824L14.3598 1.37075C14.0117 0.567842 12.8731 0.56784 12.5249 1.37074L9.74656 7.77824C9.59991 8.11643 9.2791 8.34653 8.91174 8.37699L1.84851 8.96272C0.96063 9.03635 0.605023 10.1467 1.28494 10.7225L6.61719 15.2376C6.90496 15.4813 7.0312 15.8661 6.94366 16.2329L5.33679 22.9655C5.13199 23.8236 6.05776 24.5072 6.81758 24.0589L12.9343 20.4504Z' fill='%23FFD578'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
}
.rating-input label {
  float: right;
  position: relative;
  height: 1.625rem;
  width: 1.625rem;
  margin: 0.625rem 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9343 20.6179C13.2478 20.433 13.637 20.433 13.9505 20.6179L20.0672 24.2264C20.827 24.6747 21.7528 23.9911 21.548 23.133L19.9411 16.4004C19.8536 16.0336 19.9798 15.6487 20.2676 15.4051L25.5998 10.8899C26.2797 10.3142 25.9241 9.20383 25.0363 9.1302L17.973 8.54447C17.6057 8.51401 17.2849 8.28391 17.1382 7.94572L14.3598 1.53823C14.0117 0.735322 12.8731 0.735321 12.5249 1.53822L9.74656 7.94572C9.59991 8.28391 9.2791 8.51401 8.91174 8.54447L1.84851 9.1302C0.96063 9.20383 0.605023 10.3142 1.28494 10.8899L6.61719 15.4051C6.90496 15.6487 7.0312 16.0336 6.94366 16.4004L5.33679 23.133C5.13199 23.9911 6.05776 24.6747 6.81758 24.2264L12.9343 20.6179Z' fill='%23DEE7F3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  cursor: pointer;
  z-index: 1;
}
.rating-input label:hover, .rating-input label:hover ~ label {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9343 20.4504C13.2478 20.2655 13.637 20.2655 13.9505 20.4504L20.0672 24.0589C20.827 24.5072 21.7528 23.8236 21.548 22.9655L19.9411 16.2329C19.8536 15.8661 19.9798 15.4813 20.2676 15.2376L25.5998 10.7225C26.2797 10.1467 25.9241 9.03635 25.0363 8.96272L17.973 8.37699C17.6057 8.34653 17.2849 8.11643 17.1382 7.77824L14.3598 1.37075C14.0117 0.567842 12.8731 0.56784 12.5249 1.37074L9.74656 7.77824C9.59991 8.11643 9.2791 8.34653 8.91174 8.37699L1.84851 8.96272C0.96063 9.03635 0.605023 10.1467 1.28494 10.7225L6.61719 15.2376C6.90496 15.4813 7.0312 15.8661 6.94366 16.2329L5.33679 22.9655C5.13199 23.8236 6.05776 24.5072 6.81758 24.0589L12.9343 20.4504Z' fill='%23FFD578'/%3E%3C/svg%3E%0A");
}
.rating-input label:hover {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.rating-input__star {
  float: left;
  position: relative;
  height: 1.625rem;
  width: 1.625rem;
  margin: 0.625rem 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9343 20.6179C13.2478 20.433 13.637 20.433 13.9505 20.6179L20.0672 24.2264C20.827 24.6747 21.7528 23.9911 21.548 23.133L19.9411 16.4004C19.8536 16.0336 19.9798 15.6487 20.2676 15.4051L25.5998 10.8899C26.2797 10.3142 25.9241 9.20383 25.0363 9.1302L17.973 8.54447C17.6057 8.51401 17.2849 8.28391 17.1382 7.94572L14.3598 1.53823C14.0117 0.735322 12.8731 0.735321 12.5249 1.53822L9.74656 7.94572C9.59991 8.28391 9.2791 8.51401 8.91174 8.54447L1.84851 9.1302C0.96063 9.20383 0.605023 10.3142 1.28494 10.8899L6.61719 15.4051C6.90496 15.6487 7.0312 16.0336 6.94366 16.4004L5.33679 23.133C5.13199 23.9911 6.05776 24.6747 6.81758 24.2264L12.9343 20.6179Z' fill='%23DEE7F3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.rating-input__star.active {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='25' viewBox='0 0 26 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.9343 20.4504C13.2478 20.2655 13.637 20.2655 13.9505 20.4504L20.0672 24.0589C20.827 24.5072 21.7528 23.8236 21.548 22.9655L19.9411 16.2329C19.8536 15.8661 19.9798 15.4813 20.2676 15.2376L25.5998 10.7225C26.2797 10.1467 25.9241 9.03635 25.0363 8.96272L17.973 8.37699C17.6057 8.34653 17.2849 8.11643 17.1382 7.77824L14.3598 1.37075C14.0117 0.567842 12.8731 0.56784 12.5249 1.37074L9.74656 7.77824C9.59991 8.11643 9.2791 8.34653 8.91174 8.37699L1.84851 8.96272C0.96063 9.03635 0.605023 10.1467 1.28494 10.7225L6.61719 15.2376C6.90496 15.4813 7.0312 15.8661 6.94366 16.2329L5.33679 22.9655C5.13199 23.8236 6.05776 24.5072 6.81758 24.0589L12.9343 20.4504Z' fill='%23FFD578'/%3E%3C/svg%3E%0A");
}
.rating-input__star.active-half {
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='25' viewBox='0 0 28 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.7278 0.732777L9.90334 7.41745C9.80919 7.79405 9.43259 8.0765 9.05598 8.0765L1.80641 8.73556C0.864902 8.82971 0.488301 9.95951 1.2415 10.6186L6.70222 15.4202C6.98468 15.7027 7.07883 16.0793 7.07883 16.4559L5.38412 23.6113C5.19582 24.5528 6.13732 25.2119 6.98468 24.7411L13.1045 20.9751C13.2928 20.881 13.816 20.7598 14.2867 20.7598V0.0737305C13.9101 0.0737305 12.9161 0.262025 12.7278 0.732777Z' fill='%23FFD578'/%3E%3Cpath d='M20.8776 24.7411C21.725 25.2119 22.6665 24.5528 22.4782 23.6113L20.8776 16.4559C20.7835 16.0793 20.8776 15.7027 21.2542 15.4202L26.715 10.6186C27.374 9.95952 26.9974 8.82971 26.1501 8.73556L18.9005 8.07651C18.5239 8.07651 18.1473 7.79406 18.0531 7.41746L15.2286 0.732783C15.0403 0.262031 14.6637 0.0737305 14.2871 0.0737305V20.7868C14.4754 20.7868 14.6637 20.881 14.852 20.9751L20.8776 24.7411Z' fill='%23DEE7F3'/%3E%3C/svg%3E");
}
.rating-input__result {
  float: left;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: end;
      align-items: flex-end;
  height: 1.625rem;
  margin: 0.625rem;
  color: #000;
}

/* icon bonus */
.icon-bonus::before {
  display: block;
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='27' viewBox='0 0 27 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='13.9648' cy='13.3535' r='13' fill='%23FFF0D0'/%3E%3Cpath d='M21.5873 11.1338L16.405 10.6299L14.3463 5.61683C14.2021 5.26574 13.7275 5.26574 13.5833 5.61683L11.5246 10.6295L6.34227 11.1334C5.97958 11.1687 5.83272 11.6421 6.10668 11.8941L10.0168 15.4963L8.87259 20.8207C8.79238 21.1933 9.17638 21.4859 9.48986 21.2908L13.965 18.5045L18.4401 21.2912C18.7536 21.4863 19.1372 21.1937 19.0574 20.8211L17.9131 15.4967L21.8233 11.8945C22.0969 11.6421 21.95 11.1687 21.5873 11.1338Z' fill='%23FFD578'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 27px;
}

/* icon-success */
.icon-success::before {
  display: block;
  position: absolute;
  content: "";
  width: 112px;
  height: 112px;
  background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='64.4219' cy='54.3984' r='43.5' fill='%2309BC8A'/%3E%3C/g%3E%3Cpath d='M49.9395 56.9165L62.1089 65.8982' stroke='white' stroke-width='4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M62.1084 65.8984L78.9045 43.1412' stroke='white' stroke-width='4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.921875' y='0.898438' width='127' height='127' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.0352941 0 0 0 0 0.737255 0 0 0 0 0.541176 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 112px;
  z-index: 10;
}

/* icon-unsuccess */
.icon-unsuccess::before {
  display: block;
  position: absolute;
  content: "";
  width: 112px;
  height: 112px;
  background-image: url("data:image/svg+xml,%3Csvg width='128' height='128' viewBox='0 0 128 128' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d)'%3E%3Ccircle cx='63.9219' cy='54.3984' r='43.5' fill='%23E84F35'/%3E%3C/g%3E%3Cpath d='M55.3311 45.8076L73.5129 63.9894' stroke='white' stroke-width='4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M73.5129 45.8076L55.3311 63.9894' stroke='white' stroke-width='4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cdefs%3E%3Cfilter id='filter0_d' x='0.421875' y='0.898438' width='127' height='127' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='10'/%3E%3CfeGaussianBlur stdDeviation='10'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.991667 0 0 0 0 0.111562 0 0 0 0 0.111562 0 0 0 0.5 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 112px;
  z-index: 10;
}

/* badges */
.badge {
  padding: 0.375rem 0.58rem;
  border-radius: 0.5rem;
  font-weight: normal;
  text-transform: uppercase;
}
.badge-warning {
  color: #DE7800;
  background-color: #FFD578;
}
.badge-danger {
  color: #E84F35;
  background-color: #FFE7E6;
}
.badge-info {
  color: #64B3F7;
  background-color: #D5E9FA;
}
.badge-success {
  color: #09BC8A;
  background-color: #D5F2EA;
}

.pagination .page-item {
  margin: 0 5px;
}
.pagination .page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
}
.pagination .page-item:last-child .page-link {
  margin-right: 0;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.pagination .page-item.active .page-link {
  color: #fff;
  box-shadow: none;
  background-color: #E84F35;
}
.pagination .page-link {
  height: 2.75rem;
  min-width: 2.75rem;
  padding: 0.8rem 1.094rem;
  border: 0;
  color: #000;
  font-weight: 500;
  line-height: 1.1875;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.pagination .page-link:hover, .pagination .page-link:active {
  color: #fff;
  box-shadow: none;
  background-color: #E84F35;
}
.pagination .page-link.prev-link, .pagination .page-link.next-link {
  width: 2.75rem;
  padding: 0.95rem;
  font-size: 1.625rem;
  line-height: 0.3846;
}

.btn.btn-more {
  position: relative;
  padding-left: 0;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1875;
}
.btn.btn-more::after {
  display: block;
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  margin-top: -11px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.9883 8.3252H18.9883C20.0883 8.3252 20.9883 7.4252 20.9883 6.3252V3.3252' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.9883 12.8252C21.9883 18.0752 17.7383 22.3252 12.4883 22.3252C7.23828 22.3252 2.98828 18.0752 2.98828 12.8252C2.98828 7.5752 7.23828 3.3252 12.4883 3.3252C15.8383 3.3252 18.7783 5.0552 20.4683 7.6652' stroke='%23E84F35' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
.btn.btn-more:focus {
  box-shadow: none;
}
.btn.btn-more.loading::after {
  -webkit-animation: more-rotate infinite 0.75s linear;
          animation: more-rotate infinite 0.75s linear;
}

@keyframes more-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes more-rotate {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* services provider's card (bills pages) */
.provider-card {
  padding: 1.5rem 0.7rem;
  font-family: "Roboto", sans-serif;
  line-height: 1.1875;
  border-radius: 0.5rem;
  box-shadow: 0 9px 20px rgba(97, 144, 183, 0.15);
  background-color: #fff;
}
.provider-card__title p {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.15;
  color: #7C9CAC;
  letter-spacing: 0.5px;
}
.provider-card__body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
      align-items: flex-start;
}
.provider-card__img {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 3.85rem;
  height: 3.75rem;
  border: 2px solid #F0F5FA;
  border-radius: 0.5rem;
}
.provider-card__img img {
  -ms-flex: 0 0 auto;
  /* ie11 fix */
  max-width: calc(100% - 8px);
  max-height: calc(100% - 8px);
}
.provider-card__img-cashback {
  position: absolute;
  bottom: -0.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 2.1875rem;
  height: 1.75rem;
  border: 1px solid #DEE7F3;
  border-radius: 0.375rem;
  background: #ffffff url("../img/card/cashback-logo@2x.png") center no-repeat;
  background-size: 1.75rem;
  cursor: pointer;
}
.provider-card__content {
  padding-left: 1.5rem;
}
.provider-card__name {
  margin-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.15;
  color: #7C9CAC;
  word-break: break-word;
}
.provider-card__tel, .provider-card__url {
  position: relative;
  padding-left: 1.5rem;
}
.provider-card__tel::after, .provider-card__url::after {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-position: left center;
}
.provider-card__tel {
  margin-bottom: 0.5rem;
}
.provider-card__tel::after {
  width: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.935 11.8156L11.739 10.3796C11.283 10.0916 10.675 10.2116 10.367 10.6556C9.85904 11.2676 9.24704 12.2836 6.94304 9.97957C4.63904 7.67557 5.63504 7.04357 6.24704 6.53557C6.69104 6.22357 6.81104 5.61957 6.52304 5.16357L5.08704 2.96757C4.89504 2.69157 4.64304 2.24757 4.05104 2.33557C3.45904 2.42357 1.91504 3.28757 1.91504 5.18757C1.91504 7.08757 3.41504 9.41157 5.46304 11.4636C7.51104 13.5156 9.83504 14.9916 11.719 14.9916C13.603 14.9916 14.507 13.2996 14.571 12.8796C14.635 12.4596 14.211 12.0076 13.935 11.8156Z' stroke='%23E84F35' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-size: 16px;
}
.provider-card__url::after {
  width: 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1426 9.7307V13.0248C15.1426 13.9307 14.4014 14.6719 13.4955 14.6719H2.78964C1.88375 14.6719 1.14258 13.9307 1.14258 13.0248V2.31893C1.14258 1.41305 1.88375 0.671875 2.78964 0.671875H6.90728' stroke='%23E84F35' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.55469 7.26007L14.657 1.15771' stroke='%23E84F35' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.143 5.61305V2.31893C15.143 1.41305 14.4019 0.671875 13.496 0.671875H11.0254' stroke='%23E84F35' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E ");
  background-size: 14px;
}
.provider-card__url .btn-link {
  color: #172A3A;
  word-break: break-word;
}

/* bill card */
.bill-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  min-height: 5rem;
  height: 5rem;
  padding: 0.75rem 1rem;
  border: 3px solid #EDF4F8;
  border-radius: 0.5rem;
  background-color: #fff;
}
.bill-card:hover {
  text-decoration: none;
  border-color: transparent;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.bill-card .badge {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.625rem 0.9375rem;
}
@media screen and (min-width: 992px) {
  .bill-card.active {
    border-color: #E84F35;
    box-shadow: none;
    background-color: #E84F35;
  }
  .bill-card.active .bill-card__content {
    color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .bill-card {
    height: auto;
  }
}
.bill-card__img {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 3.125rem;
  height: 3.125rem;
  border: 2px solid #F0F5FA;
  border-radius: 0.25rem;
  background-color: #fff;
}
.bill-card__img img {
  -ms-flex: 0 0 auto; /* ie11 width fix */
  max-width: calc(100% - 8px);
  max-height: calc(100% - 8px);
}
.bill-card__img::before {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-image: url("../img/menu-catalogue.png");
  background-size: 169px;
  background-repeat: no-repeat;
}
.bill-card__content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  max-height: 3.75rem; /* ie11 height fix */
  padding-left: 1.5625rem;
  padding-right: 0.25rem;
  color: #172A3A;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -moz-box;
  -moz-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  line-clamp: 3;
  box-orient: vertical;
}
.bill-card__content:hover {
  text-decoration: none;
}
.bill-card__commission {
  position: absolute;
  top: 0.3125rem;
  left: 0.3125rem;
  padding: 0.25rem 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.167;
  border-radius: 0.3125rem;
  background-color: #E84F35;
}
.bill-card.template-card {
  padding: 0.25rem 1rem;
  border-color: transparent;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.bill-card.template-card:hover {
  box-shadow: 0px 4px 5px rgba(23, 42, 58, 0.1);
}
.bill-card.template-card .bill-card__img {
  width: 2.5rem;
  height: 2.5rem;
  border: 2px solid #F0F5FA;
  border-radius: 0.5rem;
}
.bill-card.template-card .bill-card__content {
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  padding-left: 0.5rem;
}

.category-card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 5.75rem;
  padding: 0.125rem;
  border: 2px solid #DEE7F3;
  border-radius: 0.5rem;
}
.category-card:hover {
  text-decoration: none;
  border-color: transparent;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.category-card__img {
  -ms-flex: 0 0 5rem;
      flex: 0 0 5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  max-width: 5rem;
  height: 5rem;
  padding: 0.125rem;
}
.category-card__img img {
  max-width: 100%;
  max-height: 100%;
}
.category-card__content {
  padding-left: 0.5rem;
  color: #172A3A;
}
.category-card__title {
  color: #172A3A;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  box-orient: vertical;
}
.category-card__info {
  font-size: 0.75rem;
  color: #E84F35;
}
.category-card__label {
  position: absolute;
  top: 0.375rem;
  left: 0.375rem;
  min-width: 1.75rem;
  height: 1.375rem;
  padding: 0.25rem 0.375rem;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.167;
  border-radius: 0.3125rem;
}
.category-card__label--commission {
  background-color: #E84F35;
}
.category-card__label--cashback {
  border: 1px solid #DEE7F3;
  background: #ffffff url("../img/card/cashback-logo@2x.png") center no-repeat;
  background-size: 1.5rem;
}
.category-card__label--yapomoga {
  background: #63BBFE url("../img/card/yapomoga-icon.svg") center no-repeat;
}
.category-card__label + .category-card__label {
  left: 2.3125rem;
}
.category-card__label + .category-card__label + .category-card__label {
  left: 4.25rem;
}
.template-card {
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.template-card__text {
  color: #172A3A;
  word-break: break-all;
  max-width: 80%;
}
.template-card .dropdown-menu {
  width: 100%;
  margin-top: 5rem;
  right: 0;
  left: auto !important;
  -webkit-transform: none !important;
  transform: none !important;
}
@media screen and (min-width: 992px) {
  .template-card.active .template-card__text, .template-card.active .template-card__amount {
    color: #fff;
  }
  .template-card.active .template-card__button::before {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='16' viewBox='0 0 5 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.97168 12C3.50211 12 4.01082 12.2107 4.38589 12.5858C4.76097 12.9609 4.97168 13.4696 4.97168 14C4.97168 14.5304 4.76097 15.0391 4.38589 15.4142C4.01082 15.7893 3.50211 16 2.97168 16C2.44125 16 1.93254 15.7893 1.55747 15.4142C1.18239 15.0391 0.97168 14.5304 0.97168 14C0.97168 13.4696 1.18239 12.9609 1.55747 12.5858C1.93254 12.2107 2.44125 12 2.97168 12ZM2.97168 6C3.50211 6 4.01082 6.21071 4.38589 6.58579C4.76097 6.96086 4.97168 7.46957 4.97168 8C4.97168 8.53043 4.76097 9.03914 4.38589 9.41421C4.01082 9.78929 3.50211 10 2.97168 10C2.44125 10 1.93254 9.78929 1.55747 9.41421C1.18239 9.03914 0.97168 8.53043 0.97168 8C0.97168 7.46957 1.18239 6.96086 1.55747 6.58579C1.93254 6.21071 2.44125 6 2.97168 6ZM2.97168 0C3.50211 0 4.01082 0.210714 4.38589 0.585786C4.76097 0.960859 4.97168 1.46957 4.97168 2C4.97168 2.53043 4.76097 3.03914 4.38589 3.41421C4.01082 3.78929 3.50211 4 2.97168 4C2.44125 4 1.93254 3.78929 1.55747 3.41421C1.18239 3.03914 0.97168 2.53043 0.97168 2C0.97168 1.46957 1.18239 0.960859 1.55747 0.585786C1.93254 0.210714 2.44125 0 2.97168 0Z' fill='white'/%3E%3C/svg%3E");
  }
}
.template-card__amount {
  font-size: 0.75rem;
  color: #7C9CAC;
}
.template-card__button {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 0.5rem;
}
.template-card__button::before {
  display: block;
  position: absolute;
  content: "";
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='16' viewBox='0 0 5 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.97168 12C3.50211 12 4.01082 12.2107 4.38589 12.5858C4.76097 12.9609 4.97168 13.4696 4.97168 14C4.97168 14.5304 4.76097 15.0391 4.38589 15.4142C4.01082 15.7893 3.50211 16 2.97168 16C2.44125 16 1.93254 15.7893 1.55747 15.4142C1.18239 15.0391 0.97168 14.5304 0.97168 14C0.97168 13.4696 1.18239 12.9609 1.55747 12.5858C1.93254 12.2107 2.44125 12 2.97168 12ZM2.97168 6C3.50211 6 4.01082 6.21071 4.38589 6.58579C4.76097 6.96086 4.97168 7.46957 4.97168 8C4.97168 8.53043 4.76097 9.03914 4.38589 9.41421C4.01082 9.78929 3.50211 10 2.97168 10C2.44125 10 1.93254 9.78929 1.55747 9.41421C1.18239 9.03914 0.97168 8.53043 0.97168 8C0.97168 7.46957 1.18239 6.96086 1.55747 6.58579C1.93254 6.21071 2.44125 6 2.97168 6ZM2.97168 0C3.50211 0 4.01082 0.210714 4.38589 0.585786C4.76097 0.960859 4.97168 1.46957 4.97168 2C4.97168 2.53043 4.76097 3.03914 4.38589 3.41421C4.01082 3.78929 3.50211 4 2.97168 4C2.44125 4 1.93254 3.78929 1.55747 3.41421C1.18239 3.03914 0.97168 2.53043 0.97168 2C0.97168 1.46957 1.18239 0.960859 1.55747 0.585786C1.93254 0.210714 2.44125 0 2.97168 0Z' fill='%237C9CAC'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 5px;
}
.template-card__button:hover, .template-card__button:active, .template-card__button[aria-expanded=true] {
  background-color: #F0F5FA;
  outline: none;
}
.template-card__button:focus {
  outline: none;
}

.template-card-wrapper .dropdown-menu {
  position: relative;
  padding: 0;
  border: 2px solid #DEE7F3;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(39, 97, 146, 0.15);
}
.template-card-wrapper .dropdown-menu .dropdown-item {
  position: relative;
  padding: 1.032rem 1rem 0.782rem 3.56rem;
  color: #172A3A;
  line-height: 1.3;
}
.template-card-wrapper .dropdown-menu .dropdown-item::before {
  display: block;
  position: absolute;
  content: "";
  left: 1rem;
  top: 0;
  width: 1.125rem;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.template-card-wrapper .dropdown-menu .dropdown-item:first-of-type {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.template-card-wrapper .dropdown-menu .dropdown-item:first-of-type::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.5717 5.52433L12.0674 3.02002L3.05186 12.0355L5.55617 14.5399L14.5717 5.52433Z' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0703 3.02201L13.0691 2.02326C13.6216 1.47076 14.5211 1.47076 15.0736 2.02326L15.5766 2.52618C16.1291 3.07868 16.1291 3.97826 15.5766 4.53076L14.5778 5.52951' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.05314 12.0391L1.79939 14.8582C1.53731 15.4532 2.13939 16.0624 2.73439 15.7932L5.55356 14.5395' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: 18px;
}
.template-card-wrapper .dropdown-menu .dropdown-item:last-of-type {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  color: #3B566E;
  background-size: 20px;
}
.template-card-wrapper .dropdown-menu .dropdown-item:last-of-type::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='22' viewBox='0 0 20 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.63477 4.42676H18.6348' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.6348 9.42664V15.4266M10.1348 9.30664V15.4266V9.30664ZM6.63477 9.42664V15.4266V9.42664Z' stroke='%23E84F35' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.6348 4.42676H7.63477V2.42676C7.63477 1.87676 8.08477 1.42676 8.63477 1.42676H11.6348C12.1848 1.42676 12.6348 1.87676 12.6348 2.42676V4.42676Z' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.6348 4.42676V18.4268C16.6348 19.5268 15.7348 20.4268 14.6348 20.4268H5.63477C4.53477 20.4268 3.63477 19.5268 3.63477 18.4268V4.42676' stroke='%23E84F35' stroke-width='1.4' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.template-card-wrapper .dropdown-menu .dropdown-item:not(:last-of-type) {
  border-bottom: 1px solid #DEE7F3;
}
.template-card-wrapper .dropdown-menu .dropdown-item:focus, .template-card-wrapper .dropdown-menu .dropdown-item:hover {
  text-decoration: underline;
  background-color: #fff;
}

.template-add__button {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  position: relative;
  min-height: 5rem;
  height: 5rem;
  border: 2px dashed #DEE7F3;
  border-radius: 0.5rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.667;
  color: #7C9CAC;
  background-color: #fff;
}
.template-add__button span {
  padding-right: 0.625rem;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.667;
  color: #7C9CAC;
}
.template-add__button:hover {
  color: #3B566E;
  text-decoration: none;
}
.template-add__button:hover span {
  color: #3B566E;
}

/* bank's card */
.bank-card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  width: 26.25rem;
  height: 18.125rem;
  padding: 1.625rem 1.875rem 3.25rem;
  border-radius: 1.25rem;
  box-shadow: 0px 5px 20px rgba(97, 144, 183, 0.35);
}
@media screen and (max-width: 575px) {
  .bank-card {
    width: 100%;
    max-width: 20rem;
    height: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0 0 2rem;
    box-shadow: none;
  }
}
.bank-card .form-group.has-error {
  margin-bottom: 1rem;
}
.bank-card__header {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  height: 3.5rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media screen and (max-width: 575px) {
  .bank-card__header {
    height: 2.5rem;
  }
}
.bank-card__bank, .bank-card__type {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  height: 2.5rem;
  background-repeat: no-repeat;
  background-size: auto 2.75rem;
}
.bank-card__bank img, .bank-card__type img {
  max-height: 2.75rem;
  width: auto;
}
@media screen and (max-width: 575px) {
  .bank-card__bank, .bank-card__type {
    height: 2.5rem;
    background-size: auto 1.5rem;
  }
  .bank-card__bank img, .bank-card__type img {
    max-height: 2.75rem;
  }
}
.bank-card__bank {
  -ms-flex-positive: 1;
      flex-grow: 1;
  background-position: left center;
}
.bank-card__type {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -ms-flex-preferred-size: 33%;
      flex-basis: 33%;
  -ms-flex-pack: end;
      justify-content: flex-end;
  background-position: right center;
}
.bank-card__body {
  -ms-flex-positive: 1;
      flex-grow: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: start;
      justify-content: flex-start;
  padding-top: 0.5rem;
}
.bank-card__body .has-error .form-input.form-control {
  background-color: #FFFCFC;
}
.bank-card__number {
  padding-bottom: 1.25rem;
}
.bank-card__number .error .help-block {
  display: block;
  position: absolute;
  padding-top: 4px;
  padding-left: 4px;
  font-family: "Roboto", sans-serif;
  font-size: 0.75rem;
  color: #7C9CAC;
}
.bank-card__card-data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
.bank-card__card-data .form-group {
  margin-bottom: 0;
}
.bank-card__expires {
  width: 11rem;
}
.bank-card__cvv {
  height: 3.5rem;
}
.bank-card__cvv.form-group.has-error .help-block {
  text-align: right;
}
.bank-card__cvv input {
  width: 7rem;
}
.bank-card__cvv-button {
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  right: 1.125rem;
  top: 1.75rem;
  margin-top: -8px;
  padding: 0;
  border: 0;
  box-shadow: none;
  outline: none;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.69727 0.317383C6.21391 0.317383 4.76386 0.754216 3.53049 1.57264C2.29712 2.39107 1.33583 3.55433 0.768172 4.91532C0.200515 6.27631 0.0519903 7.77391 0.341379 9.21873C0.630769 10.6636 1.34507 11.9907 2.39397 13.0324C3.44286 14.074 4.77923 14.7834 6.23409 15.0708C7.68895 15.3582 9.19695 15.2107 10.5674 14.6469C11.9378 14.0832 13.1092 13.1285 13.9333 11.9037C14.7574 10.6788 15.1973 9.23877 15.1973 7.76565C15.1973 6.78753 15.0033 5.81898 14.6264 4.91532C14.2495 4.01165 13.697 3.19056 13.0006 2.49893C12.3041 1.80729 11.4773 1.25866 10.5674 0.884348C9.65745 0.510038 8.68218 0.317383 7.69727 0.317383ZM8.44727 12.9794H6.94727V11.4898H8.44727V12.9794ZM9.99977 7.20703L9.32477 7.89227C9.02269 8.15097 8.78593 8.47644 8.63353 8.84253C8.48113 9.20862 8.41733 9.6051 8.44727 10.0001H6.94727V9.62771C6.94869 8.83772 7.26404 8.08021 7.82477 7.51985L8.75477 6.58137C8.89577 6.44481 9.00762 6.28143 9.08365 6.10099C9.15967 5.92056 9.19832 5.72676 9.19727 5.53117C9.19727 5.13609 9.03923 4.75719 8.75793 4.47782C8.47662 4.19846 8.09509 4.04151 7.69727 4.04151C7.29944 4.04151 6.91791 4.19846 6.63661 4.47782C6.3553 4.75719 6.19727 5.13609 6.19727 5.53117H4.69727C4.69727 4.74101 5.01334 3.98321 5.57595 3.42448C6.13856 2.86575 6.90162 2.55186 7.69727 2.55186C8.49292 2.55186 9.25598 2.86575 9.81859 3.42448C10.3812 3.98321 10.6973 4.74101 10.6973 5.53117C10.6977 6.15952 10.4468 6.76232 9.99977 7.20703Z' fill='%234F6E7A'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  cursor: pointer;
}
.bank-card__cvv-button:focus {
  outline: none;
}
.bank-card__cvv-button.question-popover {
  width: 24px;
  right: 0.875rem;
  z-index: 1;
}

.has-success .question-popover,
.has-error .question-popover {
  right: 2.75rem;
}
.has-success .question-popover ~ .form-input,
.has-error .question-popover ~ .form-input {
  padding-right: 4rem;
}

.new-card__add {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 26.25rem;
  height: 14.75rem;
  border: 2px dashed #DEE7F3;
  border-radius: 1.25rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.667;
  color: #7C9CAC;
  background-color: #fff;
}
@media screen and (max-width: 575px) {
  .new-card__add {
    width: 18.75rem;
    height: auto;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
  }
}
.new-card__add:hover {
  color: #172A3A;
  text-decoration: none;
}
.new-card__add:hover span {
  color: #172A3A;
}
.new-card__add span {
  padding-right: 0.625rem;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.667;
  color: #7C9CAC;
}

.method-card-field .form-label {
  top: 1.25rem;
  left: 1rem;
  font-size: 1rem;
  line-height: 1.17;
}
.method-card-field .form-input {
  padding: 2.1875rem 3rem 0.9375rem 0.8125rem;
}
.method-card-field .form-input:focus .form-label, .method-card-field .form-input.filled .form-label {
  top: 0.5625rem;
  left: 1rem;
  font-size: 0.875rem;
}

.method-card-type {
  display: block;
  position: absolute;
  right: 0.75rem;
  top: 0.75rem;
  width: 2rem;
  height: 2rem;
  border-radius: 0.3125rem;
  outline: none;
  background-color: #F0F5FA;
  background-position: center center;
  background-repeat: no-repeat;
}
.method-card-type--card {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='20' viewBox='0 0 26 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.25' y='1.25' width='23.5' height='17.5' rx='2.75' stroke='%233B566E' stroke-width='1.5'/%3E%3Cpath d='M5 12H7.28571M9.57143 12H11.8571M14.1429 12H16.4286M18.7143 12H21' stroke='%233B566E' stroke-width='1.5' stroke-linecap='round'/%3E%3Crect x='4' y='5' width='5' height='4' rx='1' fill='%23ACBECE'/%3E%3C/svg%3E");
}
.method-card-type--mastercard {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='14' viewBox='0 0 22 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.10383 13.3006C10.6666 13.3006 13.5548 10.48 13.5548 7.00064C13.5548 3.52124 10.6666 0.700636 7.10383 0.700636C3.54104 0.700636 0.652832 3.52124 0.652832 7.00064C0.652832 10.48 3.54104 13.3006 7.10383 13.3006Z' fill='%23EB001B'/%3E%3Cpath d='M14.8961 13.3006C18.4589 13.3006 21.3471 10.48 21.3471 7.00063C21.3471 3.52124 18.4589 0.700634 14.8961 0.700634C11.3333 0.700634 8.44507 3.52124 8.44507 7.00063C8.44507 10.48 11.3333 13.3006 14.8961 13.3006Z' fill='%23F79E1B'/%3E%3Cpath d='M10.9985 1.96938C12.5517 3.11883 13.5518 4.94037 13.5518 6.98803C13.5518 9.03568 12.5517 10.8604 10.9985 12.0098C9.4452 10.8604 8.44507 9.03882 8.44507 6.98803C8.44507 4.93723 9.44841 3.11883 10.9985 1.96938Z' fill='%23FF5F00'/%3E%3C/svg%3E");
}
.method-card-type--visa {
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='10' viewBox='0 0 26 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.287598 1.19822C0.303758 1.14944 0.323151 1.03238 0.345776 0.960848C0.407187 0.960848 0.475062 0.960848 0.542937 0.960848C1.6354 0.960848 2.33384 0.947691 3.42631 0.947691C3.99517 0.947691 4.34747 1.23059 4.45413 1.79637C4.73533 3.27913 5.01006 4.76189 5.28802 6.2479C5.29772 6.30318 5.31388 6.36171 5.33974 6.46251C5.43994 6.20563 5.5272 5.99427 5.61124 5.77966C6.22535 4.21886 6.83946 2.66132 7.4471 1.10052C7.49235 0.989962 7.5376 0.944439 7.66365 0.944439C8.2713 0.950942 8.88217 0.947691 9.48982 0.947691C9.54799 0.947691 9.60617 0.947691 9.69344 0.947691C9.65466 1.04524 9.62557 1.12328 9.59325 1.20132C8.52341 3.77664 7.45033 6.35196 6.38372 8.93052C6.3417 9.03458 6.28676 9.07685 6.1704 9.07685C5.53367 9.07035 4.90017 9.07035 4.26343 9.07685C4.14061 9.07685 4.0986 9.03458 4.06951 8.92077C3.57176 6.96652 3.07077 5.01227 2.56979 3.05802C2.51484 2.84341 2.45343 2.6288 2.39849 2.41419C2.33384 2.16056 2.1787 1.98497 1.94922 1.86791C1.29956 1.53949 1.0019 1.3478 0.287598 1.19822C0.287598 1.17546 0.287598 1.22098 0.287598 1.19822Z' fill='%231434cb'/%3E%3Cpath d='M18.2622 9.05294C18.7244 7.94737 19.1801 6.84831 19.6359 5.7525C20.2112 4.37054 20.7865 2.98859 21.3586 1.60663C21.5396 1.16766 21.8596 0.949796 22.3347 0.956299C22.8583 0.966054 23.3787 0.959551 23.9023 0.956299C24.0025 0.956299 24.0477 0.972557 24.0736 1.08962C24.4324 2.84226 24.7976 4.59491 25.1628 6.34756C25.3406 7.19949 25.5184 8.05143 25.6961 8.90336C25.7058 8.94889 25.7058 8.99766 25.7123 9.05619C25.6412 9.05944 25.583 9.06594 25.5248 9.06594C25.0077 9.06594 24.4905 9.06269 23.9734 9.0692C23.8474 9.0692 23.7956 9.03018 23.773 8.90336C23.7181 8.58795 23.6437 8.27904 23.5855 7.96688C23.5694 7.88234 23.5306 7.84982 23.4466 7.84982C22.6288 7.85308 21.8111 7.85308 20.9901 7.84982C20.8964 7.84982 20.8576 7.88884 20.8285 7.97013C20.7154 8.2953 20.599 8.62372 20.4762 8.94563C20.4568 8.99766 20.389 9.06594 20.3437 9.06594C19.665 9.07245 18.9862 9.0692 18.3075 9.06594C18.2978 9.0692 18.2881 9.06269 18.2622 9.05294ZM21.4717 6.19148C22.0664 6.19148 22.6321 6.19148 23.2139 6.19148C23.0038 5.18021 22.7969 4.1852 22.5933 3.19019C22.5804 3.19019 22.5642 3.19019 22.5513 3.19019C22.1957 4.1852 21.837 5.18021 21.4717 6.19148Z' fill='%231434cb'/%3E%3Cpath d='M12.3999 8.76903C12.526 8.17398 12.6488 7.59843 12.7781 6.99688C12.8621 7.0359 12.9364 7.06841 13.0108 7.10418C13.6863 7.42284 14.3974 7.56266 15.144 7.49438C15.409 7.47162 15.6644 7.40008 15.8842 7.2375C16.2526 6.96761 16.2914 6.51888 15.9423 6.22948C15.7129 6.03764 15.4478 5.88481 15.1828 5.74499C14.7335 5.50761 14.2907 5.26699 13.9125 4.91906C12.8944 3.98259 13.2144 2.59087 13.9061 1.86575C14.4555 1.28696 15.1472 1.00406 15.91 0.873996C16.8409 0.714664 17.7523 0.818718 18.6444 1.12763C18.6703 1.13738 18.6929 1.15039 18.7317 1.1699C18.6121 1.73243 18.4925 2.29822 18.3794 2.83475C18.0012 2.73395 17.6327 2.61364 17.2546 2.5421C16.8409 2.46406 16.4175 2.4413 16.0102 2.58762C15.8551 2.6429 15.6967 2.74045 15.5771 2.85426C15.367 3.05586 15.3605 3.35501 15.5771 3.54686C15.7775 3.72896 16.0134 3.87528 16.2462 4.01835C16.5985 4.23621 16.9734 4.42156 17.3225 4.64267C18.9062 5.65069 18.4343 7.56592 17.4808 8.34632C16.9184 8.8048 16.2688 9.04542 15.5674 9.13972C14.5428 9.27954 13.5409 9.17549 12.5615 8.83407C12.5098 8.81781 12.4645 8.79505 12.3999 8.76903Z' fill='%231434cb'/%3E%3Cpath d='M10.9602 9.06711C10.2621 9.06711 9.5801 9.06711 8.87549 9.06711C9.45081 6.36498 10.0229 3.66935 10.5982 0.96397C11.2834 0.96397 11.9719 0.96397 12.6765 0.96397C12.1076 3.66285 11.5355 6.35848 10.9602 9.06711Z' fill='%231434cb'/%3E%3C/svg%3E");
}
.method-card-type--prostir {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9164 15.2C6.06964 14.8817 5.16689 14.6619 4.38497 14.2262C1.6885 12.7193 0.291647 9.60582 0.901666 6.66385C1.55687 3.50406 4.01856 1.19089 7.14724 0.832141C7.72485 0.766106 8.3162 0.822285 9.02347 0.822285C8.56964 1.51712 8.17279 2.13903 7.75235 2.74516C7.69636 2.82598 7.52446 2.83978 7.40265 2.8585C4.8388 3.25471 3.11483 5.05439 2.84174 7.62184C2.54999 10.3765 4.89184 13.0169 7.66689 13.1628C10.66 13.3205 13.2347 10.9689 13.1669 7.89879C13.1531 7.27787 12.9095 6.66483 12.8015 6.04194C12.7671 5.84384 12.7612 5.59153 12.8555 5.42891C13.163 4.89669 13.5235 4.39503 13.8938 3.83522C14.5913 4.79616 14.9822 5.81132 15.1541 6.91616C15.771 10.8861 12.9832 14.5042 9.24449 15.1133C9.18457 15.1231 9.13054 15.1694 9.07455 15.199C8.3555 15.2 7.63546 15.2 6.9164 15.2Z' fill='%23114C8D'/%3E%3Cpath d='M4.88332 8.03923C4.79196 6.36275 6.21534 4.89226 7.91573 4.83312C9.67998 4.77103 11.2075 6.2632 11.1819 8.02247C11.1574 9.74725 9.71927 11.1882 8.03852 11.1379C8.03852 10.5604 8.03852 9.98083 8.03852 9.37864C8.20454 9.32542 8.39314 9.28402 8.56505 9.20616C9.12792 8.94991 9.44324 8.33589 9.31849 7.76326C9.18489 7.14727 8.69668 6.71165 8.09943 6.67518C7.47566 6.63773 6.87055 7.02999 6.74481 7.64302C6.67507 7.98305 6.54049 8.0619 6.2291 8.04613C5.79196 8.02247 5.35287 8.03923 4.88332 8.03923Z' fill='%23FFCC0B'/%3E%3C/svg%3E");
}

.method-card-data {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

.method-card-expires {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -ms-flex-positive: 1;
      flex-grow: 1;
  margin-right: 1rem;
}
.method-card-expires.form-group.has-error {
  margin-bottom: 3rem;
}

.method-card-cvv {
  -ms-flex: 0 0 8rem;
      flex: 0 0 8rem;
  max-width: 100%;
}
.method-card-cvv.form-group.has-error {
  margin-bottom: 4rem;
}

/* search field */
.search-field__cancel {
  position: absolute;
  top: 1rem;
  right: 0.8125rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1.5L12.5 12.5' stroke='%23172A3A' stroke-width='1.34667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.5 12.5L12.5 1.50003' stroke='%23172A3A' stroke-width='1.34667' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.search-field .form-input {
  padding: 2.026rem 2.5rem 1.1rem 2.875rem;
  background-image: 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='M10.9342 19.8683C15.8684 19.8683 19.8684 15.8683 19.8684 10.9341C19.8684 5.99995 15.8684 2 10.9342 2C5.99997 2 2 5.99995 2 10.9341C2 15.8683 5.99997 19.8683 10.9342 19.8683Z' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.4999 22.4999L17.2563 17.2563' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-position: left 0.6875rem center;
  background-repeat: no-repeat;
}
.search-field .form-input ~ .form-label {
  left: 3.0625rem;
  width: calc(100% - 3.25rem);
}
.search-field .form-input.filled ~ .search-field__cancel, .search-field .form-input:focus ~ .search-field__cancel {
  opacity: 1;
  visibility: visible;
}
.search-field.form-group.has-error .form-input:not([type=password]):not(.input-icon-right), .search-field.form-group.has-success .form-input:not([type=password]):not(.input-icon-right) {
  background-image: 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='M10.9342 19.8683C15.8684 19.8683 19.8684 15.8683 19.8684 10.9341C19.8684 5.99995 15.8684 2 10.9342 2C5.99997 2 2 5.99995 2 10.9341C2 15.8683 5.99997 19.8683 10.9342 19.8683Z' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.4999 22.4999L17.2563 17.2563' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-size: auto;
}
.search-field.form-group.has-error .form-input:not([type=password]):not(.input-icon-right) ~ .search-field__cancel, .search-field.form-group.has-success .form-input:not([type=password]):not(.input-icon-right) ~ .search-field__cancel {
  opacity: 1;
  visibility: visible;
}

/* input search list */
.input-search {
  position: relative;
}
.input-search__list {
  position: absolute;
  top: 3.5rem;
  width: 100%;
  box-shadow: 0px 5px 20px rgba(97, 144, 183, 0.35);
  border-radius: 0.5rem;
  z-index: 10;
  overflow: hidden;
  background-color: #ffffff;
}
.input-search__list ul {
  max-height: 17.5rem;
  overflow-y: auto;
}
.input-search__list ul::-webkit-scrollbar-track {
  background-color: transparent;
}
.input-search__list ul::-webkit-scrollbar {
  width: 6px;
  background-color: transparent;
}
.input-search__list ul::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #E84F35;
}
.input-search__item {
  padding: 1.125rem 0.875rem;
  color: #172A3A;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-search__item:last-of-type {
  border-bottom: none;
}
.input-search__item:hover {
  background-color: #F0F5FA;
}

/* modal sign in */
.modal-auth .modal-content {
  border: 0;
  border-radius: 0.5rem;
}
.modal-auth .modal-header {
  padding: 1.875rem 1.5rem 0.25rem;
  border-bottom: 0;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.modal-auth .modal-header--success {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: center;
      align-items: center;
  padding-bottom: 0;
}
.modal-auth .modal-header--verification {
  padding: 1.5rem 4rem 1.5rem 1.5rem;
}
.modal-auth .modal-header-img {
  margin-bottom: 0.75rem;
}
.modal-auth .close {
  position: absolute;
  right: 2rem;
  top: 1.75rem;
  opacity: 1;
}
.modal-auth .close:hover, .modal-auth .close:focus {
  opacity: 1;
}
.modal-auth .close:focus {
  outline: none;
}
.modal-auth .modal-body {
  padding: 1rem 1.5rem 1.5rem;
}
.modal-auth .password-button {
  top: 1.125rem;
  margin-top: 0;
}
.modal-auth .form-group.has-error {
  margin-bottom: 1rem;
}
.modal-auth .form-group.has-error .help-block {
  position: static;
}
.modal-auth .help-list {
  padding-left: 0.25rem;
}
.modal-auth .help-list li {
  padding: 0.1875rem 0.5rem 0.1875rem 1rem;
}
.modal-auth .help-list li::before {
  top: 7px;
}
.modal-auth .help-list li.checked::before, .modal-auth .help-list li.unchecked::before {
  top: 4px;
}
@media screen and (min-width: 576px) {
  .modal-auth .modal-dialog {
    max-width: 350px;
    margin-top: 5rem;
  }
  .modal-auth .modal-dialog--main {
    max-width: 778px;
  }
}
@media screen and (max-width: 575px) {
  .modal-auth.modal {
    background-color: #ffffff;
  }
  .modal-auth .modal-dialog {
    margin: 0;
  }
  .modal-auth .modal-header, .modal-auth .modal-body {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
  .modal-auth .modal-header--verification {
    padding-right: 3rem;
  }
  .modal-auth .modal-header--verification h4 {
    font-size: 1.3125rem;
  }
  .modal-auth .close {
    right: 1rem;
    top: 1rem;
  }
}

.modal-tablist__item:not(:last-child) {
  margin-right: 1rem;
}
.modal-tablist__link {
  display: inline-block;
  position: relative;
  padding-bottom: 0.4375rem;
  font-family: "Montserrat", sans-serif;
  color: #172A3A;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.25;
}
.modal-tablist__link::after {
  position: absolute;
  content: "";
  width: 0;
  height: 2px;
  left: 0;
  bottom: -1px;
  background-color: #E84F35;
  transition: width 0.2s;
}
.modal-tablist__link:hover {
  color: #172A3A;
  text-decoration: none;
}
.modal-tablist__link.active {
  font-weight: 700;
}
.modal-tablist__link.active::after {
  width: 100%;
}

.modal-left {
  position: relative;
}
.modal-left::after {
  position: absolute;
  content: "";
  right: -1px;
  top: 0;
  width: 0;
  height: 100%;
  border-right: 3px solid #F0F5FA;
}

@media screen and (min-width: 768px) {
  .modal-left[class^=col] {
    padding-right: 30px;
  }
  .modal-right[class^=col] {
    padding-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .modal-left::after {
    display: none;
  }
}
.modal-social__title {
  position: relative;
  margin-bottom: 1rem;
  text-align: center;
}
.modal-social__title span {
  position: relative;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: #172A3A;
  background-color: #ffffff;
  z-index: 1;
}
.modal-social__title::before {
  position: absolute;
  content: "";
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 0;
  border-bottom: 2px solid #DEE7F3;
}
.modal-social__buttons .btn {
  height: 3.5rem;
  padding: 0.5rem;
}
.modal-social__buttons .btn ~ .btn {
  margin-top: 1rem;
}
.modal-social__buttons .btn-signin {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.modal-social__buttons .btn-signin > span {
  padding-left: 2.125rem;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.6;
  color: #ffffff;
}
.modal-social__buttons .btn-signin-fb {
  background-color: #1877F2;
}
.modal-social__buttons .btn-signin-fb > span {
  background: url("/v4/frontend_v45/web/sources/default/img/authentication/icon-fb.svg") left center no-repeat;
}
.modal-social__buttons .btn-signin-fb:hover {
  background-color: #0B63D4;
}
.modal-social__buttons .btn-signin-google {
  box-shadow: 1px 1px 3px rgba(128, 128, 128, 0.5);
}
.modal-social__buttons .btn-signin-google > span {
  color: #444444;
  background: url("/v4/frontend_v45/web/sources/default/img/authentication/icon-google.svg") left center no-repeat;
}
.modal-social__buttons .btn-signin-google:hover {
  background-color: #F8F9FB;
}
.modal-social__buttons .btn-signin-apple {
  background-color: #000000;
}
.modal-social__buttons .btn-signin-apple > span {
  background: url("/v4/frontend_v45/web/sources/default/img/authentication/icon-apple.svg") left center no-repeat;
}
@media screen and (max-width: 767px) {
  .modal-social__buttons .btn ~ .btn {
    margin-top: 0.5rem;
  }
}

.modal-recovery-email {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #F0F5FA;
}

.main-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  padding: 0.5625rem 0;
  border-bottom: 2px solid #F0F5FA;
  background-color: #ffffff;
  z-index: 1000;
}
@media screen and (max-width: 991px) {
  .main-header {
    padding: 0.75rem 0 0.625rem;
  }
}

.main-nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-align: center;
      align-items: center;
  min-height: 3.5rem;
}
@media screen and (max-width: 991px) {
  .main-nav {
    min-height: auto;
  }
}
.main-nav > nav {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
.main-nav__nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: end;
      justify-content: flex-end;
  -ms-flex-align: center;
      align-items: center;
  padding-left: 2.5rem;
}
@media screen and (max-width: 991px) {
  .main-nav__nav {
    display: none;
  }
}
.main-nav__item {
  margin-left: 0.5rem;
}
.main-nav__item.main-nav__item-mobile {
  margin-left: 0;
}
.main-nav__item .dropdown-menu {
  min-width: 19.875rem;
  margin-top: 0.6875rem;
  padding: 0;
  border: none;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 20px rgba(97, 144, 183, 0.15);
}
.main-nav__item .dropdown-menu::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  top: -9px;
  right: 1rem;
  border-radius: 2px;
  border-style: solid;
  border-width: 0 9px 9px 9px;
  border-color: transparent transparent #ffffff transparent;
  -webkit-filter: drop-shadow(0px 4px 20px rgba(97, 144, 183, 0.15));
          filter: drop-shadow(0px 4px 20px rgba(97, 144, 183, 0.15));
}
.main-nav__item .dropdown-item {
  position: relative;
  padding: 1rem 1.5rem 1rem 3.625rem;
  font-size: 1rem;
  color: #172A3A;
  line-height: 1;
}
.main-nav__item .dropdown-item:focus, .main-nav__item .dropdown-item:hover {
  background-color: #F0F5FA;
}
.main-nav__item .dropdown-item:first-child {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.main-nav__item .dropdown-item:last-child {
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.main-nav__item .dropdown-item::before {
  position: absolute;
  content: "";
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-nav__item .dropdown-item::after {
  position: absolute;
  content: "";
  right: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-nav__item .dropdown-item--empty::after {
  right: auto;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #E84F35;
}
.main-nav__item .dropdown-item--empty.dropdown-templates::after {
  left: 2rem;
  top: calc(50% + 9px);
}
.main-nav__item .dropdown-item--empty.dropdown-cards::after {
  left: 2.125rem;
  top: calc(50% + 5px);
}
.main-nav__item .dropdown-item--empty.dropdown-notifications::after {
  left: 1.875rem;
  top: 1.25rem;
}
@media screen and (max-width: 991px) {
  .main-nav__item .dropdown-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .main-nav__item .dropdown-item:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .main-nav__item .dropdown-item.dropdown-templates::after {
    left: 1rem;
  }
  .main-nav__item .dropdown-item.dropdown-cards::after {
    left: 1.125rem;
  }
  .main-nav__item .dropdown-item.dropdown-notifications::after {
    left: 0.875rem;
  }
}
.main-nav__item .dropdown-login {
  border-bottom: 1px dashed #DEE7F3;
}
.main-nav__item .dropdown-login::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -77px -26px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-archive::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -54px -51px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-archive--new::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -2px -1px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-bonus::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -2px -26px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-account::before {
  width: 24px;
  height: 26px;
  background: url("../img/header-icon-2.0.png") -77px -1px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-templates::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -27px -27px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-cards::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -52px -2px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-ipayplus::before {
  width: 24px;
  height: 26px;
  background: url("../img/header-icon-2.0.png") -102px -30px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-profile::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -52px -26px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-getpayment::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -130px 0 no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-recurrent::before {
  width: 24px;
  height: 24px;
  background: url("../img/header-icon-2.0.png") -130px -24px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-notifications::before {
  width: 24px;
  height: 24px;
  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='M12 3C12.2761 3 12.5 2.77614 12.5 2.5C12.5 2.22386 12.2761 2 12 2C11.7239 2 11.5 2.22386 11.5 2.5C11.5 2.77614 11.7239 3 12 3Z' stroke='%23172A3A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 19.5H3C3.45 19.5 5.5 17.7273 5.5 15C5.5 12.2727 4.8 4.5 12 4.5C19.2 4.5 18.5 12.2727 18.5 15C18.5 17.7273 20.1 19.5 21 19.5Z' stroke='%23172A3A' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M10 21C10 21.5 10.6667 22.5 12 22.5C13.3333 22.5 14 21.5 14 21' stroke='%23172A3A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center no-repeat;
}
.main-nav__item .dropdown-statistics::before {
  width: 24px;
  height: 24px;
  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='M2.61521 23.9999H2.17791C0.977475 23.9999 0 23.0645 0 21.9158V8.40198C0 7.25326 0.977475 6.31787 2.17791 6.31787H2.61521C3.81565 6.31787 4.79312 7.25326 4.79312 8.40198V21.9158C4.79312 23.0645 3.81565 23.9999 2.61521 23.9999Z' fill='%23172A3A'/%3E%3Cpath d='M12.2187 23.9997H11.7814C10.581 23.9997 9.60352 23.0643 9.60352 21.9156V12.1925C9.60352 11.0438 10.581 10.1084 11.7814 10.1084H12.2187C13.4192 10.1084 14.3966 11.0438 14.3966 12.1925V21.9156C14.3966 23.0643 13.4192 23.9997 12.2187 23.9997Z' fill='%23172A3A'/%3E%3Cpath d='M21.8223 24H21.385C20.1846 24 19.207 23.0646 19.207 21.9159V2.0841C19.207 0.935382 20.1846 0 21.385 0H21.8223C23.0227 0 24.0002 0.935382 24.0002 2.0841V21.9159C24.0002 23.0646 23.0227 24 21.8223 24Z' fill='%23172A3A'/%3E%3C/svg%3E") center no-repeat;
}
.main-nav__item .dropdown-logout {
  border-bottom: 1px dashed #DEE7F3;
}
.main-nav__item .dropdown-logout::before {
  width: 24px;
  height: 26px;
  background: url("../img/header-icon-2.0.png") -29px -51px no-repeat;
  background-size: 154px;
}
.main-nav__item .dropdown-safety::before {
  width: 24px;
  height: 30px;
  background: url("../img/header-icon-2.0.png") -103px 0 no-repeat;
  background-size: 154px;
}
.main-nav__item--search {
  margin-left: 0;
}
@media screen and (max-width: 991px) {
  .main-nav__item--search span {
    display: none;
  }
}
.main-nav__item--p2p {
  margin-left: 0.5rem;
}
.main-nav__item--p2p .dropdown-menu {
  min-width: auto;
  margin-top: 0.625rem;
  padding: 0.5rem;
  padding-bottom: 0.375rem;
  box-shadow: 0 4px 20px rgba(39, 97, 146, 0.15);
}
.main-nav__item--p2p .dropdown-menu::before {
  display: none;
}
.main-nav__item--p2p .dropdown-item {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  padding: 0.75rem;
  line-height: 1.171875;
}
.main-nav__item--p2p .dropdown-item:focus, .main-nav__item--p2p .dropdown-item:hover {
  border-radius: 0;
  text-decoration: none;
  background-color: #F0F5FA;
}
.main-nav__item--p2p.show .main-nav__p2p {
  background-color: #F0F5FA;
}
.main-nav__item--mobile {
  margin-left: 0.625rem;
  margin-right: auto;
}
.main-nav__item--bonuses {
  margin-left: 1rem;
}
.main-nav__item--lang .item-lang-ua {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_5820_4889)'%3E%3Crect x='0.795898' y='0.5' width='16' height='8' fill='%23217CD0'/%3E%3Crect x='0.795898' y='8.5' width='16' height='8' fill='%23F5E125'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_5820_4889'%3E%3Crect x='0.795898' y='0.5' width='16' height='16' rx='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.main-nav__item--lang .dropdown-menu {
  min-width: auto;
  width: 5.375rem;
  margin-top: 0.25rem;
}
.main-nav__item--lang .dropdown-menu::before {
  display: none;
}
.main-nav__item--lang .dropdown-item {
  padding: 0.75rem;
  text-align: center;
}
.main-nav__item--lang .dropdown-item.active {
  font-weight: 700;
  color: #E84F35;
  background-color: #ffffff;
}
.main-nav__item--lang.show .main-nav__lang {
  background-color: #F0F5FA;
}
.main-nav__link {
  display: block;
  height: 2.75rem;
  padding: 0.8125rem 0.5rem 0.75rem 0.5rem;
  line-height: 1.171875;
  border-radius: 0.5rem;
}
.main-nav__link span {
  line-height: 1.171875;
  color: #172A3A;
}
.main-nav__link:hover {
  text-decoration: none;
  background-color: #F0F5FA;
}
.main-nav__icon {
  display: block;
  position: relative;
  padding-left: 2.25rem;
  color: #3B566E;
}
.main-nav__icon::before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.main-nav__icon--safety {
  color: #3B566E;
}
.main-nav__icon--safety::before {
  width: 33px;
  height: 32px;
  background: url("../img/header-secure-img.svg") 0 0 no-repeat;
  background-size: contain;
}
.main-nav__icon--safety:hover {
  text-decoration: none;
}
.main-nav__icon--bonus {
  color: #172A3A;
}
.main-nav__icon--bonus::before {
  width: 27px;
  height: 27px;
  margin-top: -1px;
}
.main-nav__icon--bonus:hover {
  text-decoration: none;
}
.main-nav__icon span {
  display: block;
  color: #0C6858;
  line-height: 1.25;
}
.main-nav__search {
  padding-left: 2.5rem;
  color: #172A3A;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9342 20.3683C15.8684 20.3683 19.8684 16.3683 19.8684 11.4341C19.8684 6.49995 15.8684 2.5 10.9342 2.5C5.99997 2.5 2 6.49995 2 11.4341C2 16.3683 5.99997 20.3683 10.9342 20.3683Z' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3Cpath d='M22.4994 22.9994L17.2559 17.7559' stroke='%23172A3A' stroke-width='2' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 0.5rem center;
  background-size: 24px;
}
.main-nav__search:hover {
  text-decoration: none;
}
.main-nav__bonus {
  font-size: 1rem;
  font-weight: bold;
}
.main-nav__lang {
  display: block;
  position: relative;
  height: 3.125rem;
  padding: 0.9375rem 1.75rem;
  border-radius: 0.5rem;
  color: #172A3A;
}
.main-nav__lang::after {
  position: absolute;
  content: "";
  top: 50%;
  left: auto;
  width: 16px;
  height: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: 0.375rem;
  background: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.95898 6.51758L8.89759 10.1636' stroke='%23172A3A' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.89746 10.1641L12.8361 6.51806' stroke='%23172A3A' stroke-width='2.02' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center no-repeat;
}
.main-nav__lang:hover {
  color: #172A3A;
  text-decoration: none;
}
.main-nav__lang.item-lang-ua {
  background-position: left 0.5rem top 1rem;
}
.main-nav__lang ~ .dropdown-menu .item-lang-ua {
  background-position: left 0.5rem top 0.6875rem;
}
.main-nav__nav-mobile {
  display: none;
}
@media screen and (max-width: 991px) {
  .main-nav__nav-mobile {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    -ms-flex-align: center;
        align-items: center;
  }
}
.main-nav__nav-mobile .main-nav__item--search {
  margin-left: 0.5rem;
  margin-right: auto;
}
.main-nav__nav-mobile .main-nav__search {
  height: 2.5rem;
  width: 2.5rem;
  padding: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='20' viewBox='0 0 19 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.42931 16.0586C12.2287 16.0586 15.3086 12.9787 15.3086 9.17934C15.3086 5.38001 12.2287 2.30005 8.42931 2.30005C4.62996 2.30005 1.54999 5.38001 1.54999 9.17934C1.54999 12.9787 4.62996 16.0586 8.42931 16.0586Z' stroke='%23E84F35' stroke-width='1.54' stroke-miterlimit='10'/%3E%3Cpath d='M17.3345 18.0846L13.297 14.0471' stroke='%23E84F35' stroke-width='1.54' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-position: center;
}
.main-nav__item-account {
  font-size: 0.875rem;
  text-align: right;
  text-transform: uppercase;
}
.main-nav__item-account--registered {
  margin-top: 2px;
  font-size: 0.625rem;
}
.main-nav__item-account span {
  display: block;
  font-weight: 500;
  color: #7C9CAC;
}
.main-nav__item-account span + span {
  color: #172A3A;
}
.main-nav__item-account > .btn {
  height: 2.25rem;
  margin-right: 0.5rem;
  padding: 11px 11px 11px 31px;
  font-size: 0.8125rem;
  line-height: 1.172;
  font-weight: 500;
  border: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_562_36)'%3E%3Cpath d='M1.66669 14.3333V14.0866C1.66669 13.02 2.30002 12.06 3.28002 11.64L6.33335 10.3333V9.66665L5.92002 9.25331C5.33335 8.66665 5.00002 7.86665 5.00002 7.02665V3.98665C5.00002 3.27998 5.37335 2.61998 5.98669 2.26665C6.52002 1.95331 7.33335 2.33331 7.00002 1.66665C6.65335 0.973313 9.48002 1.95331 10.0134 2.26665C10.6267 2.62665 11 3.27998 11 3.98665V7.03331C11 7.86665 10.6667 8.66665 10.08 9.25998L9.66669 9.66665V10.3333L12.72 11.64C13.7 12.06 14.3334 13.02 14.3334 14.0866V14.3333' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_562_36'%3E%3Crect width='16' height='16' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-position: left 0.6875rem center;
  background-repeat: no-repeat;
}
.main-nav__item-mobile .navbar-collapse {
  position: absolute;
  width: 100%;
  margin-top: 0.75rem;
  left: 0;
  z-index: 100;
  box-shadow: 0px 10px 12px rgba(39, 97, 146, 0.15);
  overflow-x: hidden;
  background-color: #fff;
}
.main-nav__item-mobile .navbar-collapse__menu {
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: calc(100vh - 63px);
  padding: 1.5rem 1.5rem 0;
  transition: all 0.3s ease;
  background-color: #fff;
  overflow-y: auto;
}
.main-nav__item-mobile .main-nav__mobile-next {
  position: relative;
  margin-bottom: 1.5rem;
  padding-left: 3.25rem;
  text-align: left;
  background-image: 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='M8.42191 9.97619H5.05429C4.19619 9.97619 3.5 9.28 3.5 8.42191V5.05429C3.5 4.19619 4.19619 3.5 5.05429 3.5H8.42191C9.28 3.5 9.97619 4.19619 9.97619 5.05429V8.42191C9.97619 9.28 9.28 9.97619 8.42191 9.97619Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9457 9.97619H15.5781C14.72 9.97619 14.0238 9.28 14.0238 8.42191V5.05429C14.0238 4.19619 14.72 3.5 15.5781 3.5H18.9457C19.8038 3.5 20.5 4.19619 20.5 5.05429V8.42191C20.5 9.28 19.8038 9.97619 18.9457 9.97619Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.42191 20.5H5.05429C4.19619 20.5 3.5 19.8038 3.5 18.9457V15.5781C3.5 14.72 4.19619 14.0238 5.05429 14.0238H8.42191C9.28 14.0238 9.97619 14.72 9.97619 15.5781V18.9457C9.97619 19.8038 9.28 20.5 8.42191 20.5Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.9457 20.4999H15.5781C14.72 20.4999 14.0238 19.8037 14.0238 18.9456V15.578C14.0238 14.7199 14.72 14.0237 15.5781 14.0237H18.9457C19.8038 14.0237 20.5 14.7199 20.5 15.578V18.9456C20.5 19.8037 19.8038 20.4999 18.9457 20.4999Z' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.33337 14.8612L13.1947 9.99985' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.1946 10L8.33324 5.13866' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: left 0.75rem center, right 0.75rem center;
  background-repeat: no-repeat, no-repeat;
}
.main-nav__item-mobile .dropdown-item {
  padding-left: 2.625rem;
}
.main-nav__item-mobile .dropdown-item::before {
  left: 0;
}
.main-nav__item-mobile .dropdown-item.dropdown-logout {
  border-bottom: 0;
  border-top: 1px solid #DEE7F3;
}
.main-nav .main-nav__mobile-title {
  font-size: 1.125rem;
  line-height: 1.172;
  font-weight: 700;
}
.main-nav .mobile-login {
  padding: 1.5rem 1rem;
  border-radius: 0.5rem;
  background-color: #F0F5FA;
}
.main-nav .mobile-login .btn {
  padding-left: calc(1rem - 3px);
  padding-right: calc(1rem - 3px);
}
.main-nav .mobile-nav-support > li {
  border-bottom: 1px solid #DEE7F3;
}
.main-nav .mobile-nav-support > li:first-child {
  border-top: 1px solid #DEE7F3;
}
.main-nav .mobile-nav-support .mobile-nav-support__item {
  display: block;
  padding: 1.125rem 1rem 1.125rem 3rem;
  line-height: 1.25;
  color: #172A3A;
  text-decoration: none;
  background-position: left center;
  background-repeat: no-repeat;
}
.main-nav .mobile-nav-support .mobile-nav-support__item--viber {
  background-image: url("../img/icons/viber-color.svg");
}
.main-nav .mobile-nav-support .mobile-nav-support__item--telegram {
  background-image: url("../img/icons/telegram-color.svg");
}
.main-nav .mobile-nav-list {
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #DEE7F3;
}
.main-nav .mobile-nav-list > li > a {
  display: block;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  line-height: 1.171875;
  color: #3B566E;
  text-decoration: none;
}
.main-nav .mobile-lang {
  display: -ms-flexbox;
  display: flex;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.main-nav .mobile-lang span, .main-nav .mobile-lang a {
  color: #172A3A;
}
.main-nav .mobile-lang__list {
  display: -ms-flexbox;
  display: flex;
}
.main-nav .mobile-lang__list li {
  margin-left: 1rem;
}
.main-nav .mobile-lang__list li.active a {
  color: #E84F35;
}
.main-nav .mobile-lang__list a {
  font-weight: 700;
}
.main-nav .mobile-nav-social {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
}
.main-nav .mobile-nav-social > li + li {
  margin-left: 1.25rem;
}
.main-nav .mobile-nav-social > li > a {
  display: block;
}
.main-nav__opener {
  display: block;
  position: relative;
  width: 42px;
  height: 42px;
  padding: 11px 10px;
  border: 0;
}

.main-nav__opener.show-new-payment::after {
  content: " ";
  position: absolute;
  width: .55rem;
  height: .55rem;
  right: 0.3rem;
  top: 0.4rem;
  border-radius: .26rem;
  background-color: #E84F35;
}

.main-nav__opener.show-new-payment[aria-expanded="true"]::after {
  display: none;
}

.main-nav__opener:focus {
  outline: none;
}
@media screen and (max-width: 1199px) {
  .main-nav__item--p2p, .main-nav__item--mobile {
    margin-left: 0;
  }
  .main-nav__item--bonuses {
    margin-left: 0.5rem;
  }
  .main-nav__nav {
    padding-left: 1.25rem;
  }
  .main-nav__icon--safety {
    min-height: 1.75rem;
  }
  .main-nav__icon--safety span {
    display: none;
  }
}

.btn.btn-account {
  width: 12.25rem;
  padding: 0.4375rem calc(2.5rem - 3px) 0.4375rem calc(3rem - 3px);
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  border: 3px solid #172A3A;
  background-color: #172A3A;
  outline: none;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.11102 7.16663L8.0001 11.0557' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8 11.0557L11.8891 7.16659' stroke='white' stroke-width='2' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), 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='M2.5 21.5V21.13C2.5 19.53 3.45 18.09 4.92 17.46L9.5 15.5V14.5L8.88 13.88C8 13 7.5 11.8 7.5 10.54V5.97997C7.5 4.91997 8.06 3.92997 8.98 3.39997C9.78 2.92997 11 3.49997 10.5 2.49997C9.98 1.45997 14.22 2.92997 15.02 3.39997C15.94 3.93997 16.5 4.91997 16.5 5.97997V10.55C16.5 11.8 16 13 15.12 13.89L14.5 14.5V15.5L19.08 17.46C20.55 18.09 21.5 19.53 21.5 21.13V21.5' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: right calc(1rem - 3px) center, left calc(1rem - 3px) center;
}

.btn.btn-account.show-new-payment::after {
  content: " ";
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: -0.3rem;
  top: -0.3rem;
  border-radius: .5rem;
  background-color: #E84F35;
}

.btn.btn-account:hover {
  color: #fff;
}
.btn.btn-account:active:not(.btn-account--not-registered), .btn.btn-account.active:not(.btn-account--not-registered), .btn.btn-account[aria-expanded=true] {
  color: #fff;
  background-color: #22D4A2;
  border-color: #22D4A2;
  box-shadow: 0px 9px 20px rgba(9, 188, 138, 0.3);
}
.btn.btn-account:focus {
  box-shadow: none;
}
.btn.btn-account.btn-account--not-registered {
  padding-right: calc(1rem - 3px);
  background-image: none, 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='M2.5 21.5V21.13C2.5 19.53 3.45 18.09 4.92 17.46L9.5 15.5V14.5L8.88 13.88C8 13 7.5 11.8 7.5 10.54V5.97997C7.5 4.91997 8.06 3.92997 8.98 3.39997C9.78 2.92997 11 3.49997 10.5 2.49997C9.98 1.45997 14.22 2.92997 15.02 3.39997C15.94 3.93997 16.5 4.91997 16.5 5.97997V10.55C16.5 11.8 16 13 15.12 13.89L14.5 14.5V15.5L19.08 17.46C20.55 18.09 21.5 19.53 21.5 21.13V21.5' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* mobile opener button */
.nav-opener {
  position: absolute;
  width: 22px;
  height: 19px;
  top: 11px;
  left: 10px;
  border-radius: 0;
  background: transparent;
}
.nav-opener:before, .nav-opener:after,
.nav-opener span {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  border-radius: 3px;
  background: #172A3A;
  transition: all 0.3s ease;
}
.nav-opener:before {
  content: "";
  top: 8px;
}
.nav-opener:after {
  content: "";
  top: 16px;
}

.main-nav__opener[aria-expanded=true] .nav-opener {
  width: 24px;
}
.main-nav__opener[aria-expanded=true] .nav-opener span {
  opacity: 0;
}
.main-nav__opener[aria-expanded=true] .nav-opener:before {
  top: 7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.main-nav__opener[aria-expanded=true] .nav-opener:after {
  top: 7px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.main-footer {
  padding: 1.875rem 0 1.75rem;
  background-color: #172A3A;
}
.main-footer a, .main-footer p, .main-footer li, .main-footer span {
  color: #F0F5FA;
  line-height: 1.14;
}
.main-footer p {
  margin-bottom: 0.5rem;
}
.main-footer .footer-copyright {
  margin-bottom: 0.4rem;
  color: #7C9CAC;
}
.main-footer .footer-copyright:first-child {
  margin-bottom: 1.2rem;
}

.footer-widget__list li {
  margin-bottom: 1rem;
}

.footer-lang {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  margin-top: 2.5rem;
  position: relative;
  height: 1.5rem;
  padding-left: 3.5rem;
}
.footer-lang__fb {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 0;
  top: -1px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M21.4648 0.169678H3.46484C1.81034 0.169678 0.464844 1.51518 0.464844 3.16968V21.1697C0.464844 22.8242 1.81034 24.1697 3.46484 24.1697H12.4648V15.9197H9.46484V12.1697H12.4648V9.16968C12.4648 6.68418 14.4793 4.66968 16.9648 4.66968H19.9648V8.41968H18.4648C17.6368 8.41968 16.9648 8.34168 16.9648 9.16968V12.1697H20.7148L19.2148 15.9197H16.9648V24.1697H21.4648C23.1193 24.1697 24.4648 22.8242 24.4648 21.1697V3.16968C24.4648 1.51518 23.1193 0.169678 21.4648 0.169678Z' fill='%23F0F5FA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect x='0.464844' y='0.169678' width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
}
.footer-lang__vb {
  position: absolute;
  content: "";
  width: 25px;
  height: 27px;
  left: 39px;
  top: -1px;
  background-image: url("/v4/frontend_v45/web/sources/default/img/icons/viber.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 24px;
 }
 .social-footer {
  margin-right: 35px;
 }
.footer-lang__list {
  display: -ms-flexbox;
  display: flex;
  margin-left: 1.5rem;
}
.footer-lang__item {
  margin-right: 1rem;
  font-weight: bold;
}
.footer-lang__item--current a {
  color: #E84F35;
}

.footer-hr hr {
  border-color: #284359;
}

.homepage-wrapper {
  padding: 0 0 2.5rem;
}
.homepage-wrapper h1 {
  font-size: 2.25rem;
}
@media screen and (max-width: 1199px) {
  .homepage-wrapper h1 {
    font-size: 2rem;
  }
}
@media screen and (max-width: 575px) {
  .homepage-wrapper h1 {
    font-size: 1.5rem;
  }
}

.main-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: calc(100vh - 413px);
}
.main-wrapper > #operations {
  -ms-flex-positive: 1;
      flex-grow: 1;
}
@media screen and (max-width: 1199px) {
  .main-wrapper {
    min-height: calc(100vh - 445px);
  }
}
@media screen and (max-width: 991px) {
  .main-wrapper {
    min-height: auto;
  }
  .main-wrapper .breadcrumb-wrapper {
    -ms-flex-order: 1;
        order: 1;
  }
}

.main-content {
  -ms-flex-positive: 1;
      flex-grow: 1;
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
}
@media screen and (max-width: 991px) {
  .main-content {
    padding-top: 1rem;
  }
}

.bill-main--step1 {
  border-bottom: 2px solid #DEE7F3;
}

/*preloader*/
.container-loader {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 100vw;
  padding-top: 20vh;
  font-family: 'Montserrat', sans-serif;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.5);
}

.loader--text {
  margin-bottom: 1.5rem;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 1.1;
  color: #ffffff;
  text-align: center;
}

.loader {
  position: relative;
  height: 2.5rem;
  width: 11.25rem;
  margin: auto;
}

.loader--dot {
  position: absolute;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 100%;
  -webkit-animation-name: loader;
          animation-name: loader;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  background-color: #ffffff;
}

.loader--dot:first-child {
  -webkit-animation-delay: -0.01s;
          animation-delay: -0.01s;
}

.loader--dot:nth-child(2) {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}

.loader--dot:nth-child(3) {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}

.loader--dot:nth-child(4) {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s;
}
.text-amount{
  border-bottom: 2px solid #DEE7F3;
}
.text-amount p{
  font-size: 14px;
}
@-webkit-keyframes loader {
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(8.75rem);
    transform: translateX(8.75rem);
  }
  65% {
    -webkit-transform: translateX(8.75rem);
    transform: translateX(8.75rem);
  }
  95% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes loader {
  15% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  45% {
    -webkit-transform: translateX(8.75rem);
    transform: translateX(8.75rem);
  }
  65% {
    -webkit-transform: translateX(8.75rem);
    transform: translateX(8.75rem);
  }
  95% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

/* iphone loader fix */
.go-to-pay {
  cursor: pointer;
}