@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=cyrillic"); html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

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

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

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

a {
    background-color: transparent
}

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

fieldset {
    padding: .35em .75em .625em
}

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: password-mask;
    src: url(data:font/woff;charset:utf-8;base64,d09GRgABAAAAAAusAAsAAAAAMGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPgAAAFZjRmM5Y21hcAAAAYQAAAgCAAArYmjjYVVnbHlmAAAJiAAAAEEAAABQiOYj2mhlYWQAAAnMAAAALgAAADYOxVFUaGhlYQAACfwAAAAcAAAAJAqNAyNobXR4AAAKGAAAAAgAAAAIAyAAAGxvY2EAAAogAAAABgAAAAYAKAAAbWF4cAAACigAAAAeAAAAIAEOACJuYW1lAAAKSAAAAUIAAAKOcN63t3Bvc3QAAAuMAAAAHQAAAC5lhHRpeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGScwDiBgZWBgSGVtYKBgVECQjMfYEhiYmFgYGJgZWbACgLSXFMYHIAq/rNfAHK3gEmgASACAIekCT4AAHic7dhl0zDVmUXh5+XFHYK7E0IguFtwt4QQgmtwd3d3d7cED+4SXIO7u7vbsNfaUzU1fyGcu66u1adOf+6uHhgYGGpgYGDwL37/iyEHBoZZcWDQLzUw9NK/7A5if/DA8OwPOfQknBky+0P8/PPPOcd1UJ785frr/Dq/zq/z6/w3zsCgoX/xX74GRsxbcYpRB1iDB/7PGvT/DFGDenBwe8hKD1XpoSs9TKWHrfRwlR6+0iNUesRKj1TpkSs9SqVHrfRolR690r+p9BiVHrPSY1V67EqPU+lxKz1epcev9ASVnrDSE1V64kpPUulJKz1ZpSev9BSVnrLSU1V66kr/ttLTVPp3lZ62/KJSerpKT1/pP1R6hkrPWOmZKj1zpWep9KyVnq3Ss1d6jkrPWem5Kj13peep9LyVnq/S81d6gUr/sdILVnqhSi9c6UUqvWilF6v04pVeotJLVnqpSi9d6WUqvWyll6v08pVeodIrVvpPlf5zpVeq9F8qvXKl/1rpVSr9t0qvWunVKr16pdeo9JqVXqvSa1d6nUqvW+n1Kr1+pTeo9N8rvWGlN6r0xpXepNKbVnqzSm9e6S0qvWWlt6r01pXeptLbVnq7Sm9f6R0qvWOld6r0zpXepdK7Vnq3Su9e6T0qvWel96r03pXep9L7Vnq/Su9f6QMqfWClD6r0wZU+pNKHVvqwSh9e6SMqfWSlj6r00ZU+ptLHVvq4Sh9f6RMqfWKlT6r0yZU+pdKnVvq0Sp9e6TMqfWalz6r02ZU+p9LnVvq8Sp9f6QsqfWGl/1Hpf1b6okpfXOlLKn1ppS+r9OWVvqLS/6r0lZW+qtJXV/qaSl9b6esqfX2lb6j0jZW+qdI3V/qWSt9a6dsqfXul76j0vyt9Z6XvqvTdlb6n0vdW+r5K31/pByr9YKUfqvTDlX6k0v+p9KOVfqzSj1f6iUo/WemnKv10pZ+p9LOVfq7Sz1f6hUq/WOmXKv1ypV+p9KuVfq3Sr1f6jUq/Wem3Kv12pd+p9LuVfq/S71f6g0p/WOmPKv1xpT+p9KeV/qzSn1f6i0p/WemvKv11pb+p9LeV/q7S31f6h0r/WOmfKv1zDfI26KKHED1Y9JCihxI9tOhhRA8rejjRw4seQfSIokcSPbLoUUSPKno00aOL/o3oMUSPKXos0WOLHkf0uKLHEz2+6AlETyh6ItETi55E9KSiJxM9uegpRE8peirRU4v+rehpRP9O9LSify96OtHTi/6D6BlEzyh6JtEzi55F9KyiZxM9u+g5RM8pei7Rc4ueR/S8oucTPb/oBUT/UfSCohcSvbDoRUQvKnox0YuLXkL0kqKXEr206GVELyt6OdHLi15B9Iqi/yT6z6JXEv0X0SuL/qvoVUT/TfSqolcTvbroNUSvKXot0WuLXkf0uqLXE72+6A1E/130hqI3Er2x6E1Ebyp6M9Gbi95C9JaitxK9tehtRG8rejvR24veQfSOoncSvbPoXUTvKno30buL3kP0nqL3Er236H1E7yt6P9H7iz5A9IGiDxJ9sOhDRB8q+jDRh4s+QvSRoo8SfbToY0QfK/o40ceLPkH0iaJPEn2y6FNEnyr6NNGniz5D9JmizxJ9tuhzRJ8r+jzR54u+QPSFov8h+p+iLxJ9sehLRF8q+jLRl4u+QvS/RF8p+irRV4u+RvS1oq8Tfb3oG0TfKPom0TeLvkX0raJvE3276DtE/1v0naLvEn236HtE3yv6PtH3i35A9IOiHxL9sOhHRP9H9KOiHxP9uOgnRD8p+inRT4t+RvSzop8T/bzoF0S/KPol0S+LfkX0q6JfE/266DdEvyn6LdFvi35H9Lui3xP9vugPRH8o+iPRH4v+RPSnoj8T/bnoL0R/Kfor0V+L/kb0t6K/E/296B9E/yj6J9E/K/2/v/npoocQPVj0kKKHEj206GFEDyt6ONHDix5B9IiiRxI9suhRRI8qejTRo4v+jegxRI8peizRY4seR/S4oscTPb7oCURPKHoi0ROLnkT0pKInEz256ClETyl6KtFTi/6t6GlE/070tKJ/L3o60dOL/oPoGUTPKHom0TOLnkX0rKJnEz276DlEzyl6LtFzi55H9Lyi5xM9v+gFRP9R9IKiFxK9sOhFRC8qejHRi4teQvSSopcSvbToZUQvK3o50cuLXkH0iqL/JPrPolcS/RfRK4v+q+hVRP9N9KqiVxO9uug1RK8pei3Ra4teR/S6otcTvb7oDUT/XfSGojcSvbHoTURvKnoz0ZuL3kL0lqK3Er216G1Ebyt6O9Hbi95B9I6idxK9s+hdRO8qejfRu4veQ/SeovcSvbfofUTvK3o/0fuLPkD0gaIPEn2w6ENEHyr6MNGHiz5C9JGijxJ9tOhjRB8r+jjRx4s+QfSJok8SfbLoU0SfKvo00aeLPkP0maLPEn226HNEnyv6PNHni75A9IWi/yH6n6IvEn2x6EtEXyr6MtGXi75C9L9EXyn6KtFXi75G9LWirxN9vegbRN8o+ibRN4u+RfStom8TfbvoO0T/W/Sdou8Sfbfoe0TfK/o+0feLfkD0g6IfEv2w6EdE/0f0o6IfE/246CdEPyn6KdFPi35G9LOinxP9vOgXRL8o+iXRL4t+RfSrol8T/broN0S/Kfot0W+Lfkf0u6LfE/2+6A9Efyj6I9Efi/5E9KeiPxP9uegvRH8p+ivRX4v+RvS3or8T/b3oH0T/KPon0T9rYND/AOaSEScAAHicY2BiAAKmPSy+QEqUgYFRUURcTFzMyNzM3MxEXU1dTYmdjZ2NccK/K5oaLm6L3Fw0NOEMZoVAFD6IAQD4PA9iAAAAeJxjYGRgYADirq+zjOP5bb4ycLNfAIowXCttkUWmmfaw+AIpDgYmEA8ANPUJwQAAeJxjYGRgYL/AAATMCiCSaQ8DIwMqYAIAK/QBvQAAAAADIAAAAAAAAAAoAAB4nGNgZGBgYGIQA2IGMIuBgQsIGRj+g/kMAArUATEAAHicjY69TsMwFIWP+4doJYSKhMTmoUJIqOnPWIm1ZWDq0IEtTZw2VRpHjlu1D8A7MPMczAw8DM/AifFEl9qS9d1zzr3XAK7xBYHqCHTdW50aLlj9cZ1057lBfvTcRAdPnlvUnz23mXj13MEN3jhBNC6p9PDuuYYrfHquU//23CD/eG7iVnQ9t9ATD57bWIgXzx3ciw+rDrZfqmhnUnvsx2kZzdVql4Xm1DhVFsqUqc7lKBiemjOVKxNaFcvlUZb71djaRCZGb+VU51ZlmZaF0RsV2WBtbTEZDBKvB5HewkLhwLePkhRhB4OU9ZFKTCqpzems6GQI6Z7TcU5mQceQUmjkkBghwPCszhmd3HWHLh+ze8mEpLvnT8dULRLWCTMaW9LUbanSGa+mUjhv47ZY7l67rgITDHiTf/mAKU76BTuXfk8AAHicY2BigAARBuyAiZGJkZmBJSWzOJmBAQALQwHHAAAA)
}

body {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #403646;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

article {
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -ms-flex-direction: column;
    flex-direction: column
}

main {
    -ms-flex: 1;
    flex: 1;
    margin: 10px auto;
    max-width: 472px
}

p {
    font-size: 12px;
    color: #9f9aa2;
    font-weight: 300;
    margin: 0
}

.container {
    width: 472px;
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box
}

.text--bold {
    font-weight: 600
}

.text--word-break {
    word-break: break-all;
    margin-bottom: 10px;
    display: inline-block
}

.block--inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center;
    margin: 16px 0
}

.input {
    width: 100%;
    position: relative
}

.input input {
    height: 46px;
    margin: 0 0 20px;
    width: 100%;
    font-family: Roboto, sans-serif;
    font-size: 15px;
    padding: 13px 16px;
    background: #fff;
    border: 1px solid rgba(64, 54, 70, .1);
    box-sizing: border-box;
    box-shadow: 0 10px 20px rgba(158, 170, 212, .1);
    border-radius: 2px;
    outline: none
}

.input input:disabled, .input input:focus, .input input:valid {
    padding: 20px 16px 6px;
    border-color: #4aa8e7
}

.input input:disabled ~ .input__placeholder, .input input:focus ~ .input__placeholder, .input input:valid ~ .input__placeholder {
    font-size: 10px;
    padding-top: 4px;
    border: 0;
    background: none
}

.input input:disabled {
    background: #eef0f3;
    border-color: #cdccd2
}

.input input:-webkit-autofill ~ label {
    font-size: 10px;
    padding-top: 4px
}

.input--error input {
    border-color: #e16347 !important
}

.input--error .input--tip {
    opacity: 1
}

.input--date-error {
    border-color: #e16347 !important;
    left: 0
}

.input--date-error-tip {
    opacity: 1 !important;
    left: 0
}

.input--tip {
    font-size: 10px;
    color: #e16347;
    position: absolute;
    bottom: 8px;
    transition: .4s ease;
    cursor: default;
    opacity: 0
}

.input--date {
    -ms-flex-preferred-size: 220px;
    flex-basis: 220px;
    display: -ms-flexbox;
    display: flex
}

.input--date-divider {
    color: #9f9aa2;
    font-size: 24px;
    font-weight: 300;
    margin: 10px 2px 0
}

.input--cvv {
    margin-left: 45px;
    margin-right: 10px;
    -ms-flex: 1 1 93px;
    flex: 1 1 93px
}

.input--cvv input {
    font-family: password-mask !important
}

.input__placeholder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    padding: 14px 16px;
    font-size: 15px;
    transition: .4s ease;
    -webkit-transform-origin: top;
    transform-origin: top;
    color: #9f9aa2;
    box-sizing: border-box
}

.input--icon input, .input--icon input:disabled, .input--icon input:focus, .input--icon input:valid {
    padding-left: 56px
}

.input--icon input:disabled + .icon--card, .input--icon input:focus + .icon--card, .input--icon input:valid + .icon--card {
    background-image: url(../../../static/imgs/card-input-icon-dark.svg)
}

.input--icon input:disabled + .icon--email, .input--icon input:focus + .icon--email, .input--icon input:valid + .icon--email {
    background-image: url(../../../static/imgs/email-input-icon-dark.svg)
}

.input--icon input:disabled + .icon--phone, .input--icon input:focus + .icon--phone, .input--icon input:valid + .icon--phone {
    background-image: url(../../../static/imgs/phone-input-icon-dark.svg)
}

.input--icon .input__placeholder {
    padding-left: 56px
}

.input--inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: start;
    align-items: flex-start
}

.icon {
    width: 24px;
    height: 17px;
    position: absolute;
    top: calc(50% - 18px);
    left: 16px
}

.icon--card {
    background: url(../../../static/imgs/card-input-icon.svg) no-repeat 0 0 transparent
}

.icon--email {
    background: url(../../../static/imgs/email-input-icon.svg) no-repeat 0 0 transparent
}

.icon--phone {
    background: url(../../../static/imgs/phone-input-icon.svg) no-repeat 0 0 transparent
}

.icon--amex {
    background: url(../../../static/imgs/amex-input-icon.svg) no-repeat 0 0 transparent !important
}

.icon--visa {
    background: url(../../../static/imgs/visa-input-icon.svg) no-repeat 0 0 transparent !important
}

.icon--world {
    background: url(../../../static/imgs/world-input-icon.svg) no-repeat 0 0 transparent !important
}

.icon--maestro {
    background: url(../../../static/imgs/maestro-input-icon.svg) no-repeat 0 0 transparent !important
}

.icon--unionpay {
    background: url(../../../static/imgs/unionpay-input-icon.svg) no-repeat 0 0 transparent !important
}

.icon--mastercard {
    background: url(../../../static/imgs/mastercard-input-icon.svg) no-repeat 0 0 transparent !important
}

.card__header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 10px
}

.card__header-title {
    color: #403646;
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px
}

.card__header-summary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    -ms-flex-align: end;
    align-items: flex-end
}

.card__header-summary strong {
    font-size: 24px
}

.card__header-summary__text {
    color: #9f9aa2;
    font-size: 12px;
    font-weight: 300
}

.card__info {
    background: #eef0f3;
    padding: 13px 0 4px;
    margin: 0 auto
}

.card__info-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: baseline;
    align-items: baseline;
    font-weight: 600;
    padding: 0;
    position: relative
}

.card__info-title {
    font-size: 19px;
    padding: 11px 0;
}

.card__info-select {
    color: #4aa8e7;
    font-size: 12px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 11px;
    box-sizing: border-box;
    border-radius: 2px 2px 0 0;
    border: 1px solid transparent;
    border-bottom: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.card__info-select--show {
    background: #fff;
    border-color: rgba(64, 54, 70, .1)
}

.card__info-dropdown {
    background: #fff;
    position: absolute;
    right: 0;
    top: calc(100% - 2px);
    border: 1px solid rgba(64, 54, 70, .1);
    box-sizing: border-box;
    box-shadow: 0 20px 20px rgba(158, 170, 212, .3);
    border-radius: 2px;
    padding: 6px 0;
    z-index: 2;
    border-top: 0;
    transition: .4s ease;
    display: none
}

.card__info-dropdown--show {
    display: block
}

.card__list {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    list-style: none;
    padding: 0 16px
}

.card__list, .card__list-wrapper {
    display: -ms-flexbox;
    display: flex
}

.card__list-wrapper {
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}

.card__list-wrapper img {
    margin-right: 16px
}

.card__list li {
    box-sizing: border-box;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 300;
    transition: .4s ease;
    border-bottom: 1px solid #ecebed;
    padding: 4px 0;
    height: 36px
}

.card__list li:last-child {
    border: 0;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.card__list li:hover {
    background: #edf6fd
}

.card__list--number {
    height: 100%;
    margin-right: 16px;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    bottom: 0
}

.card__list--hide {
    display: none
}

.card__list-delete {
    cursor: pointer;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-transform: lowercase;
    color: #7d7d7d;
    font: 400 10px/12px Roboto, sans-serif
}

.card__item--remove {
    font-size: 10px;
    color: #c6c3c8;
    cursor: pointer
}

.card__item--remove:hover {
    color: #403646
}

.card__save {
    font-size: 12px;
    margin-bottom: 8px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -ms-flexbox;
    display: flex
}

.card__save--hide {
    display: none !important
}

.card__save-error {
    display: none;
    font: 400 10px/12px Roboto, sans-serif;
    margin-bottom: 8px
}

.card__save-error--show {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.card__save-error-link {
    color: #4aa8e7
}

.card__save-error img {
    width: 22px;
    margin-right: 9px
}

.card__save input {
    margin-right: 2px
}

.card__footer img {
    width: 60px;
    height: 24px
}

.card__confirm-delete {
    display: none;
    box-sizing: border-box;
    position: absolute;
    z-index: 6;
    top: 0;
    right: 0;
    min-width: 310px;
    min-height: 166px;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px 25px 5px;
    background: #fff;
    border: 1px solid rgba(64, 54, 70, .1);
    box-shadow: 0 10px 20px rgba(158, 170, 212, .05);
    border-radius: 2px
}

.card__confirm-delete--show {
    display: -ms-flexbox;
    display: flex
}

.card__confirm-delete-text {
    text-align: center;
    font: 500 15px/20px Roboto, sans-serif;
    color: #403646
}

.card__confirm-delete-text--last {
    margin-bottom: 22px
}

.card__confirm-delete-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px
}

.card__confirm-delete-wrapper div > img, .card__confirm-delete-wrapper span {
    pointer-events: none
}

.card__confirm-delete-wrapper > div.btn, .card__confirm-delete-wrapper > div.card__info-select {
    height: 40px;
    box-sizing: border-box;
    padding: 0 14px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card__confirm-delete-wrapper > div.btn {
    width: 148px;
    opacity: .9
}

.card__confirm-delete-wrapper > div.btn img {
    display: none;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite;
    pointer-events: none
}

.card__confirm-delete-wrapper > div.btn.loading {
    pointer-events: none
}

.card__confirm-delete-wrapper > div.btn.loading img {
    display: inline-block !important
}

.card__confirm-delete-wrapper > div.btn.loading span {
    display: none !important
}

.card__confirm-delete-error {
    display: none;
    font: 400 10px/12px Roboto, sans-serif;
    color: #e16347
}

.card__confirm-delete-error--show {
    display: block
}

.person__info {
    margin-top: 24px
}

.btn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #7cfc00;
    color: #403546;
    border: 0;
    box-shadow: 0 2px 4px rgba(74, 168, 231, .25);
    border-radius: 2px;
    font-weight: 600;
    font-size: 14px;
    font-family: Roboto, sans-serif;
    width: 100%;
    padding: 14px 0;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    outline: none;
    transition: .4s ease
}

.btn:after, .btn:before {
    content: "";
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.btn:hover {
    box-shadow: 0 6px 12px rgba(74, 168, 231, .25)
}

.btn:disabled, .btn[disabled] {
    background: #a4d3f3;
    cursor: default
}

.btn:disabled:hover, .btn[disabled]:hover {
    box-shadow: 0 2px 4px rgba(74, 168, 231, .25)
}

.btn--bounce {
    -webkit-animation: bounceIn .6s ease;
    animation: bounceIn .6s ease
}

.btn img {
    margin: 0 2px
}

.btn__pay--loading {
    -webkit-animation: loadingrotation 1s ease infinite;
    animation: loadingrotation 1s ease infinite
}

.form__ctrl {
    margin-top: 10px
}

.clear-prefilled {
    cursor: pointer
}

.hide {
    display: none !important
}

@-webkit-keyframes loadingrotation {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@keyframes loadingrotation {
    0% {
        -webkit-transform: rotateY(0deg);
        transform: rotateY(0deg)
    }

    50% {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg)
    }

    to {
        -webkit-transform: rotateY(1turn);
        transform: rotateY(1turn)
    }
}

@-webkit-keyframes loading {
    0% {
        border-color: #4aa8e7
    }

    50% {
        border-color: rgba(74, 168, 231, 0)
    }

    to {
        border-color: #4aa8e7
    }
}

@keyframes loading {
    0% {
        border-color: #4aa8e7
    }

    50% {
        border-color: rgba(74, 168, 231, 0)
    }

    to {
        border-color: #4aa8e7
    }
}

@-webkit-keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.text-info {
    width: 100%;
    text-align: center;
    margin: 10px 0;
    line-height: 14px
}

.text-info a {
    color: #4aa8e7
}

.lang-bar {
    width: 100%;
    text-align: right;
    border-bottom: 1px solid #ecebed;
    padding: 11px 5px;
    box-sizing: border-box;
    margin-bottom: 3px
}

.lang-bar__button {
    background: 0;
    border: 0;
    text-transform: uppercase;
    color: #928d95;
    font-size: 12px;
    padding: 0;
    margin: 0 5px 0 0;
    cursor: pointer;
    outline: none
}

.lang-bar__button:last-child {
    margin: 0
}

.lang-bar__button--active {
    color: #403646
}

@media (max-width: 576px) {
    .container {
        width: 90%;
        padding: 0
    }

    .input--date {
        -ms-flex-preferred-size: 135px;
        flex-basis: 135px
    }

    .input--cvv {
        -ms-flex-preferred-size: 93px;
        flex-basis: 93px;
        margin-left: 0;
        margin-right: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .input__placeholder {
        font-size: 11px;
        padding: 16px
    }

    .card__info {
        width: 100%
    }

    .card__save {
        font-size: 11px
    }

    .lang-bar {
        padding: 11px 5%
    }
}

@media (max-width: 767px) {
    .card__list {
        padding:0 10px
    }

    .card__list li {
        height: 48px
    }
}

@media (max-width: 374px) {
    .card__list--number, .card__list-wrapper img {
        margin-right:10px
    }

    .card__confirm-delete {
        min-width: 270px;
        padding: 30px 10px 5px
    }
}