.cards-description-menu{align-items:flex-start;display:flex;justify-content:space-between;margin:16px 0;padding:0}@media only screen and (min-width:1024px){.cards-description-menu{display:none}}.cards-description-menu-item{background:transparent no-repeat top;background-size:50px 50px;flex-basis:32%;flex-grow:1;flex-shrink:1;line-height:1.2;list-style-type:none;margin:0;padding:60px 0 0;text-align:center;text-decoration:underline}.cards-description-menu-item--why{background-image:url(../../../img/icons/transfer.svg)}.cards-description-menu-item--security{background-image:url(../../../img/icons/security.svg)}.cards-description-menu-item--process{background-image:url(../../../img/icons/card-with-ruble-sign.svg)}.--current-process .cards-description-menu-item--process,.--current-security .cards-description-menu-item--security,.--current-why .cards-description-menu-item--why,.cards-description-menu-item--process:focus,.cards-description-menu-item--process:hover,.cards-description-menu-item--security:focus,.cards-description-menu-item--security:hover,.cards-description-menu-item--why:focus,.cards-description-menu-item--why:hover{color:#4600ff;text-decoration:none}.cards-description-why{display:none}@media only screen and (min-width:1024px){.cards-description-why{background:transparent no-repeat 0 0;background-size:50px 50px;display:block;margin:0 0 16px;min-height:50px;padding:0 0 0 80px;position:relative}}.--current-why .cards-description-why{display:block}.cards-description-security{display:none}@media only screen and (min-width:1024px){.cards-description-security{background:transparent no-repeat 0 0;background-size:50px 50px;display:block;margin:0 0 16px;min-height:50px;padding:0 0 0 80px;position:relative}}.--current-security .cards-description-security{display:block}.cards-description-process{display:none}@media only screen and (min-width:1024px){.cards-description-process{background:transparent no-repeat 0 0;background-size:50px 50px;display:block;margin:0 0 16px;min-height:50px;padding:0 0 0 80px;position:relative}}.--current-process .cards-description-process{display:block}@media only screen and (min-width:1024px){.cards-description-why{background-image:url(../../../img/icons/transfer.svg)}.cards-description-security{background-image:url(../../../img/icons/security.svg)}.cards-description-process{background-image:url(../../../img/icons/card-with-ruble-sign.svg)}}.cards-list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-10px;margin-right:-10px;position:relative}@media(max-width:1023px){.cards-list{justify-content:center}}@media(min-width:1024px){.cards-list{margin-left:-15px;margin-right:-15px}}.cards-list__item{box-sizing:content-box;display:flex;flex-basis:270px;flex-grow:1;flex-shrink:1;height:170px;margin-bottom:24px;max-width:270px;padding:0 10px;width:270px}@media(min-width:1024px){.cards-list__item{padding:0 12px}}.cards-list__item--small,.cards-list__item-small{flex-basis:200px;max-width:200px;width:200px}@font-face{font-family:PTSansCaptionBold;font-weight:700;src:url(/assets/fonts/PTSansCaption/PTSansCaptionBold.eot);src:url(/assets/fonts/PTSansCaption/PTSansCaptionBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PTSansCaption/PTSansCaptionBold.woff) format("woff"),url(/assets/fonts/PTSansCaption/PTSansCaptionBold.ttf) format("truetype"),url(/assets/fonts/PTSansCaption/PTSansCaptionBold.svg#) format("svg")}@font-face{font-family:PTSansCaptionRegular;font-weight:400;src:url(/assets/fonts/PTSansCaption/PTSansCaptionRegular.eot);src:url(/assets/fonts/PTSansCaption/PTSansCaptionRegular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/PTSansCaption/PTSansCaptionRegular.woff) format("woff"),url(/assets/fonts/PTSansCaption/PTSansCaptionRegular.ttf) format("truetype"),url(/assets/fonts/PTSansCaption/PTSansCaptionRegular.svg#) format("svg")}@font-face{font-family:SFUIDisplayRegular;font-weight:400;src:url(/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.eot);src:url(/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.woff) format("woff"),url(/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.ttf) format("truetype"),url(/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.svg#) format("svg")}@font-face{font-family:Circe;font-weight:400;src:url(/assets/fonts/Circe/Circe-Regular.eot);src:url(/assets/fonts/Circe/Circe-Regular.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-Regular.woff) format("woff"),url(/assets/fonts/Circe/Circe-Regular.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-Regular.svg#) format("svg")}@font-face{font-family:Circe;font-weight:200;src:url(/assets/fonts/Circe/Circe-ExtraLight.eot);src:url(/assets/fonts/Circe/Circe-ExtraLight.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-ExtraLight.woff) format("woff"),url(/assets/fonts/Circe/Circe-ExtraLight.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-ExtraLight.svg#) format("svg")}@font-face{font-family:Circe;font-weight:100;src:url(/assets/fonts/Circe/Circe-Thin.eot);src:url(/assets/fonts/Circe/Circe-Thin.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-Thin.woff) format("woff"),url(/assets/fonts/Circe/Circe-Thin.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-Thin.svg#) format("svg")}@font-face{font-family:Circe;font-weight:300;src:url(/assets/fonts/Circe/Circe-Light.eot);src:url(/assets/fonts/Circe/Circe-Light.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-Light.woff) format("woff"),url(/assets/fonts/Circe/Circe-Light.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-Light.svg#) format("svg")}@font-face{font-family:Circe;font-weight:700;src:url(/assets/fonts/Circe/Circe-Bold.eot);src:url(/assets/fonts/Circe/Circe-Bold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-Bold.woff) format("woff"),url(/assets/fonts/Circe/Circe-Bold.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-Bold.svg#) format("svg")}@font-face{font-family:Circe;font-weight:800;src:url(/assets/fonts/Circe/Circe-ExtraBold.eot);src:url(/assets/fonts/Circe/Circe-ExtraBold.eot?#iefix) format("embedded-opentype"),url(/assets/fonts/Circe/Circe-ExtraBold.woff) format("woff"),url(/assets/fonts/Circe/Circe-ExtraBold.ttf) format("truetype"),url(/assets/fonts/Circe/Circe-ExtraBold.svg#) format("svg")}.cards-list__item .card--light .card__btn,.cards-list__item-small .card--light .card__btn{color:#333}.cards-list__item .card--dark .card__btn,.cards-list__item-small .card--dark .card__btn{color:#fff}.cards-list__item .card--dark .card__btn:focus,.cards-list__item .card--dark .card__btn:hover,.cards-list__item .card--light .card__btn:focus,.cards-list__item .card--light .card__btn:hover,.cards-list__item-small .card--dark .card__btn:focus,.cards-list__item-small .card--dark .card__btn:hover,.cards-list__item-small .card--light .card__btn:focus,.cards-list__item-small .card--light .card__btn:hover{color:#999}.cards-list__item .card,.cards-list__item-small .card{background:#f1f1f1;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;flex:1;padding:12px;position:relative}.cards-list__item .card--primary,.cards-list__item-small .card--primary{box-shadow:0 0 0 4px #4600ff}.cards-list__item .card--light,.cards-list__item-small .card--light{color:#333}.cards-list__item .card--dark,.cards-list__item-small .card--dark{color:#fff}.cards-list__item .card--new,.cards-list__item-small .card--new{background-color:#fff1c1;border-color:#fff1c1}.cards-list__item .card__holder,.cards-list__item-small .card__holder{font-size:14px;line-height:1.4}.cards-list__item .card__btn,.cards-list__item-small .card__btn{background:none;border:0;box-shadow:none;cursor:pointer;line-height:1.5;margin:0;padding:0;position:relative}.cards-list__item .card__btn:focus,.cards-list__item .card__btn:hover,.cards-list__item-small .card__btn:focus,.cards-list__item-small .card__btn:hover{color:#999}.cards-list__item .card__btn:focus:after,.cards-list__item .card__btn:hover:after,.cards-list__item-small .card__btn:focus:after,.cards-list__item-small .card__btn:hover:after{background-color:transparent}.cards-list__item .card__btn--toggle-primary,.cards-list__item-small .card__btn--toggle-primary{background:hsla(0,0%,100%,.3);border-radius:20px;bottom:15px;left:19px;padding:5px 12px;position:absolute}.cards-list__item .card__btn--delete,.cards-list__item-small .card__btn--delete{position:absolute;right:12px;top:12px}.cards-list__item .card__btn--delete:before,.cards-list__item-small .card__btn--delete:before{content:"×";font-family:Verdana,sans-serif;font-size:29px;line-height:.8}.cards-list__item .card__btn--edit,.cards-list__item-small .card__btn--edit{position:absolute;right:40px;top:16px}.cards-list__item .card__btn--edit:before,.cards-list__item-small .card__btn--edit:before{background-image:url(../../../img/icons/pencil.svg);background-repeat:no-repeat;content:"";display:block;height:15px;width:15px}.cards-list__item .card__btn--edit:focus,.cards-list__item .card__btn--edit:hover,.cards-list__item-small .card__btn--edit:focus,.cards-list__item-small .card__btn--edit:hover{opacity:.5}.cards-list__item .card__btn--edit:focus:after,.cards-list__item .card__btn--edit:hover:after,.cards-list__item-small .card__btn--edit:focus:after,.cards-list__item-small .card__btn--edit:hover:after{background-color:transparent}.cards-list__item .card__bank-logo{height:32px;margin:0 0 12px}.cards-list__item .card__bank-logo img{max-height:100%;max-width:70%}.cards-list__item .card__number{font-family:PTSansCaptionBold,sans-serif;font-size:18px;font-weight:700;line-height:23px;margin-bottom:4px;white-space:nowrap}.cards-list__item .card__comment,.cards-list__item .card__expiration{font-size:13px;line-height:17px;margin:0}.cards-list__item .card__comment{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cards-list__item .card__brand-logo{bottom:12px;height:22px;position:absolute;right:12px}.cards-list__item .card__brand-logo img{max-height:100%}.cards-list__item .card__btn{font-size:16px}.cards-list__item-small{cursor:pointer;margin:0 10px 24px;padding:0}.cards-list__item-small .card__bank-logo{height:26px;margin:0 0 12px}.cards-list__item-small .card__bank-logo img{max-height:100%}.cards-list__item-small .card__number{font-size:16px;font-weight:700;line-height:1;margin-bottom:.5em;white-space:nowrap}.cards-list__item-small .card__expiration{font-size:14px;line-height:1.4;margin:0}.cards-list__item-small .card__brand-logo{bottom:12px;height:22px;position:absolute;right:12px}.cards-list__item-small .card__brand-logo img{max-height:100%}.cards-list__item-small .card__btn{font-size:13px}.other .card__bank-logo,.other .card__brand-logo,.other .card__expiration,.other .card__number{visibility:hidden}.other .card__btn{font-size:16px;width:100%}@media only screen and (max-width:0px){.cards-block{display:flex;flex-wrap:wrap}.cards-block>.cards-description{order:2}.cards-block>.cards-list{margin-top:20px;order:3}.cards-block>.alert-box.warning{margin:0;width:100%}}.card_dummy{align-items:center;display:flex;justify-content:center}.card_dummy,.card_dummy:active,.card_dummy:default,.card_dummy:focus,.card_dummy:hover,.card_dummy:visited{color:#000}.card_dummy__text{font-size:18px;line-height:23px}.card_dummy--add .card_dummy__text{background-color:transparent;background-image:url(/assets/img/plus-in-circle.svg);background-position-x:50%;background-position-y:0;background-repeat:no-repeat;background-size:42px;padding-top:50px}.modal--delete-card .modal__content{max-width:620px}@media(min-width:1024px){.modal--delete-card .modal__body{padding:15px 60px 20px}}.cards-block{display:flex;flex-direction:column;width:100%}.cards-block .button{justify-content:center;max-width:330px;min-width:330px}.cards-block h2{text-align:right}.cards-block .cards-list{justify-content:flex-end}.cards-block .card-title{color:gray;margin-left:15px}.cards-block .card-active-row{align-items:center;border:2px solid #e5e5e5;border-radius:25px;box-sizing:border-box;display:flex;font-family:SFUIDisplay,sans-serif;height:46px;justify-content:space-between;margin-bottom:8px;padding:12px;position:relative;transition:.1s}.cards-block .card-active-row .card__brand-logo{height:35px;margin-right:8px;width:47px}.cards-block .card-active-row span{color:#000;font-size:13px;font-style:normal;font-weight:400;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:70%}.cards-block .card-active-row .arrow-forward{background-image:url(/assets/img/arrow-forward.svg);background-repeat:no-repeat;height:10px;margin-left:10px;width:26px}.cards-block .card-info{align-items:center;display:flex;width:90%}.cards-block .card-info .card__brand-logo{height:35px;margin-right:8px;width:47px}.cards-block .card-list-popup{background:#fff;border-radius:20px;box-shadow:0 0 4px rgba(0,0,0,.25);color:#000;display:block;min-width:330px;position:absolute;z-index:100}.cards-block .card-list-popup .card:after{border-bottom:1px solid #919196;content:"";height:1px;width:calc(100% - 80px)}@media only screen and (max-width:768px){.cards-block .card-list-popup .card:after{border-bottom:1px solid #919196;content:"";height:1px;width:calc(100% - 80px)}}.cards-block .card-list-popup .card:last-child:after{border-bottom:none}@media only screen and (max-width:768px){.cards-block .card-list-popup .card:last-child:after{border-bottom:none}}.cards-block .card-list-popup .card{align-items:center;margin-right:0;padding:0 26.5px}@media only screen and (max-width:768px){.cards-block .card-list-popup .card{margin:0;padding:0 0 0 18.5px}}.cards-block .card-list-popup .card-info{align-items:flex-start;display:flex;flex-direction:column;font-family:SFUIDisplay,sans-serif;font-size:13px;font-style:normal;font-weight:400;height:62px;justify-content:center;line-height:20px;width:100%}@media only screen and (max-width:768px){.cards-block .card-list-popup .card-info{height:58px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}}.cards-block .card-list-popup .card-info .pan{font-size:15px;font-weight:500;line-height:20px}.cards-block .card-list-popup .card-info img{margin-right:5px}.cards-block .card-list-popup .card-info .row{align-items:center;display:flex}.cards-block .card-list-popup .card .title{color:#979797;font-size:11px;font-weight:400;line-height:14px;margin-bottom:-5px;margin-left:55px;margin-top:-6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:195px}.cards-block .card-list-popup .card__brand-logo{height:35px;margin-right:5px;width:47px}.cards-block .card-list-popup .card__active{background-color:rgba(70,0,255,.1)}.cards-block .card-list-popup .card__active:last-child{border-bottom-left-radius:20px;border-bottom-right-radius:20px}.cards-block .card-list-popup .card__active:first-child{border-top-left-radius:20px;border-top-right-radius:20px}.cards-block .card-list-popup .card:last-child{border-bottom:none}.cards-block .card-list-popup-head{align-items:center;border-bottom:1px solid #919196;display:flex;height:62px;justify-content:space-between;padding:12px 21.5px}@media only screen and (max-width:768px){.cards-block .card-list-popup-head{background-color:#f8f8f8;border-top-left-radius:20px;border-top-right-radius:20px;height:58px}}

/*# sourceMappingURL=cards.css.map*/