/*------------------------------------*\
    #CONTENTS
\*------------------------------------*/
/**
 * VENDOR
 */
/*------------------------------------*\
    #BOURBON
\*------------------------------------*/
/**
 * Override Bourbon settings
 */
/**
 * Import Bourbon
 */
/*------------------------------------*\
    #NEAT
\*------------------------------------*/
/**
 * Import Neat helpers
 */
/**
 * Override Neat settings
 */
/**
 * Grid values
 *
 * $column: Sets the relative width of a single grid column.
 * $gutter: Sets the relative width of a single grid gutter.
 * $grid-columns: Sets the total number of columns in the grid. Its value can
 *                be overridden inside a media query using the `media()` mixin.
 * $max-width: Sets the max-width property of the element that
 *             includes `outer-container()`.
 */
/**
 * General Breakpoints
 *
 * We have to use an em base of 16px as media queries will always base 1em
 * on the user's browser font settings, which usually defaults to 16px
 */
/**
 * Grid breakpoints
 */
/**
 * Grid debugging
 *
 * $visual-grid: Sets the visual grid color.
 * $visual-grid-index: Sets the `z-index` property of the visual grid. Can be
 *                     `back` (behind content) or `front` (in front of content).
 */
/**
 * Import Neat
 */
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*------------------------------------*\
    #BOOTSTRAP CUSTOM
\*------------------------------------*/
/**
 * Bootstrap override settings
 */
/**
 * Bootstrap imports
 */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; 
  background-color: gray;}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

audio, canvas, progress, video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden], template {
  display: none; }

a {
  background-color: transparent; }

a:active, a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b, strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 1em 40px; }

hr {
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

button, select {
  text-transform: none; }

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer; }

button[disabled], html input[disabled] {
  cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td, th {
  padding: 0; }

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *, *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
  a, a:visited {
    text-decoration: underline; }
  a[href]:after {
    content: " (" attr(href) ")"; }
  abbr[title]:after {
    content: " (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  h2, h3 {
    page-break-after: avoid; }
  select {
    background: #fff !important; }
  .navbar {
    display: none; }
  .btn > .caret, .rbc-button > .caret, .rbc-button--primary > .caret, .dropup > .btn > .caret, .dropup > .rbc-button > .caret, .dropup > .rbc-button--primary > .caret {
    border-top-color: #000 !important; }
  .label {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td, .table th {
      background-color: #fff !important; }
  .table-bordered th, .table-bordered td {
    border: 1px solid #ddd !important; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.eot');
  src: url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.woff') format('woff'), url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('/onlinebanking/bankingusertips/learn-more/ehub/assets/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); }

.glyphicon, .rbc-button__zoom, .rbc-button__arrow, .rbc-button__check, .iconlist__check:before, .iconlist__ex:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before, .glyphicon-eur:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before, .rbc-button__zoom:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before, .rbc-button__check:before, .iconlist__check:before {
  content: "\e013"; }

.glyphicon-remove:before, .iconlist__ex:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-lock:before {
  content: "\e033"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-bookmark:before {
  content: "\e044"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-camera:before {
  content: "\e046"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-fire:before {
  content: "\e104"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-calendar:before {
  content: "\e109"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-bell:before {
  content: "\e123"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-wrench:before {
  content: "\e136"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-briefcase:before {
  content: "\e139"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-paperclip:before {
  content: "\e142"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-pushpin:before {
  content: "\e146"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-cd:before {
  content: "\e201"; }

.glyphicon-save-file:before {
  content: "\e202"; }

.glyphicon-open-file:before {
  content: "\e203"; }

.glyphicon-level-up:before {
  content: "\e204"; }

.glyphicon-copy:before {
  content: "\e205"; }

.glyphicon-paste:before {
  content: "\e206"; }

.glyphicon-alert:before {
  content: "\e209"; }

.glyphicon-equalizer:before {
  content: "\e210"; }

.glyphicon-king:before {
  content: "\e211"; }

.glyphicon-queen:before {
  content: "\e212"; }

.glyphicon-pawn:before {
  content: "\e213"; }

.glyphicon-bishop:before {
  content: "\e214"; }

.glyphicon-knight:before {
  content: "\e215"; }

.glyphicon-baby-formula:before {
  content: "\e216"; }

.glyphicon-tent:before {
  content: "\26fa"; }

.glyphicon-blackboard:before {
  content: "\e218"; }

.glyphicon-bed:before {
  content: "\e219"; }

.glyphicon-apple:before {
  content: "\f8ff"; }

.glyphicon-erase:before {
  content: "\e221"; }

.glyphicon-hourglass:before {
  content: "\231b"; }

.glyphicon-lamp:before {
  content: "\e223"; }

.glyphicon-duplicate:before {
  content: "\e224"; }

.glyphicon-piggy-bank:before {
  content: "\e225"; }

.glyphicon-scissors:before {
  content: "\e226"; }

.glyphicon-bitcoin:before {
  content: "\e227"; }

.glyphicon-btc:before {
  content: "\e227"; }

.glyphicon-xbt:before {
  content: "\e227"; }

.glyphicon-yen:before {
  content: "\00a5"; }

.glyphicon-jpy:before {
  content: "\00a5"; }

.glyphicon-ruble:before {
  content: "\20bd"; }

.glyphicon-rub:before {
  content: "\20bd"; }

.glyphicon-scale:before {
  content: "\e230"; }

.glyphicon-ice-lolly:before {
  content: "\e231"; }

.glyphicon-ice-lolly-tasted:before {
  content: "\e232"; }

.glyphicon-education:before {
  content: "\e233"; }

.glyphicon-option-horizontal:before {
  content: "\e234"; }

.glyphicon-option-vertical:before {
  content: "\e235"; }

.glyphicon-menu-hamburger:before {
  content: "\e236"; }

.glyphicon-modal-window:before {
  content: "\e237"; }

.glyphicon-oil:before {
  content: "\e238"; }

.glyphicon-grain:before {
  content: "\e239"; }

.glyphicon-sunglasses:before {
  content: "\e240"; }

.glyphicon-text-size:before {
  content: "\e241"; }

.glyphicon-text-color:before {
  content: "\e242"; }

.glyphicon-text-background:before {
  content: "\e243"; }

.glyphicon-object-align-top:before {
  content: "\e244"; }

.glyphicon-object-align-bottom:before {
  content: "\e245"; }

.glyphicon-object-align-horizontal:before {
  content: "\e246"; }

.glyphicon-object-align-left:before {
  content: "\e247"; }

.glyphicon-object-align-vertical:before {
  content: "\e248"; }

.glyphicon-object-align-right:before {
  content: "\e249"; }

.glyphicon-triangle-right:before {
  content: "\e250"; }

.glyphicon-triangle-left:before {
  content: "\e251"; }

.glyphicon-triangle-bottom:before {
  content: "\e252"; }

.glyphicon-triangle-top:before {
  content: "\e253"; }

.glyphicon-console:before {
  content: "\e254"; }

.glyphicon-superscript:before {
  content: "\e255"; }

.glyphicon-subscript:before {
  content: "\e256"; }

.glyphicon-menu-left:before {
  content: "\e257"; }

.glyphicon-menu-right:before, .rbc-button__arrow:before {
  content: "\e258"; }

.glyphicon-menu-down:before {
  content: "\e259"; }

.glyphicon-menu-up:before {
  content: "\e260"; }

* {
  box-sizing: border-box; }

*:before, *:after {
  box-sizing: border-box; }

html {
  font-size: 10px;
  -webkit-tap-highlight-color: transparent; }

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857;
  color: #333333;
  background-color: #fff; }

input, button, select, textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #337ab7;
  text-decoration: none; }
  a:hover, a:focus {
    color: #23527c;
    text-decoration: underline; }
  a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }

figure {
  margin: 0; }

img {
  vertical-align: middle; }

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto; }

.img-rounded {
  border-radius: 6px; }

.img-thumbnail {
  padding: 4px;
  line-height: 1.42857;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  transition: all .2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto; }

.img-circle {
  border-radius: 50%; }

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto; }

[role="button"] {
  cursor: pointer; }

.btn, .rbc-button, .rbc-button--primary {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .btn:focus, .rbc-button:focus, .rbc-button--primary:focus, .btn.focus, .focus.rbc-button, .focus.rbc-button--primary, .btn:active:focus, .rbc-button:active:focus, .rbc-button--primary:active:focus, .btn:active.focus, .rbc-button:active.focus, .rbc-button--primary:active.focus, .btn.active:focus, .active.rbc-button:focus, .active.rbc-button--primary:focus, .btn.active.focus, .active.focus.rbc-button, .active.focus.rbc-button--primary {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
  .btn:hover, .rbc-button:hover, .rbc-button--primary:hover, .btn:focus, .rbc-button:focus, .rbc-button--primary:focus, .btn.focus, .focus.rbc-button, .focus.rbc-button--primary {
    color: #333;
    text-decoration: none; }
  .btn:active, .rbc-button:active, .rbc-button--primary:active, .btn.active, .active.rbc-button, .active.rbc-button--primary {
    outline: 0;
    background-image: none;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
  .btn.disabled, .disabled.rbc-button, .disabled.rbc-button--primary, .btn[disabled], [disabled].rbc-button, [disabled].rbc-button--primary, fieldset[disabled] .btn, fieldset[disabled] .rbc-button, fieldset[disabled] .rbc-button--primary {
    cursor: false;
    pointer-events: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    box-shadow: none; }

.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc; }
  .btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad; }
  .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle {
    background-image: none; }
  .btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc; }
  .btn-default .badge {
    color: #fff;
    background-color: #333; }

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4; }
  .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #286090;
    border-color: #204d74; }
  .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
    background-image: none; }
  .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4; }
  .btn-primary .badge {
    color: #337ab7;
    background-color: #fff; }

.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c; }
  .btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #449d44;
    border-color: #398439; }
  .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
    background-image: none; }
  .btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c; }
  .btn-success .badge {
    color: #5cb85c;
    background-color: #fff; }

.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da; }
  .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #31b0d5;
    border-color: #269abc; }
  .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
    background-image: none; }
  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da; }
  .btn-info .badge {
    color: #5bc0de;
    background-color: #fff; }

.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236; }
  .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #ec971f;
    border-color: #d58512; }
  .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
    background-image: none; }
  .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236; }
  .btn-warning .badge {
    color: #f0ad4e;
    background-color: #fff; }

.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a; }
  .btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #c9302c;
    border-color: #ac2925; }
  .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
    background-image: none; }
  .btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a; }
  .btn-danger .badge {
    color: #d9534f;
    background-color: #fff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }
  .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none; }
  .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent; }
  .btn-link:hover, .btn-link:focus {
    color: #23527c;
    text-decoration: underline;
    background-color: transparent; }
  .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus {
    color: #777777;
    text-decoration: none; }

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33333;
  border-radius: 6px; }

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%; }

.fade {
  opacity: 0;
  transition: opacity .15s linear; }
  .fade.in {
    opacity: 1; }

.collapse {
  display: none; }
  .collapse.show {
    display: block; }

tr.collapse.show {
  display: table-row; }

tbody.collapse.show {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-property: height, visibility;
  transition-duration: .35s;
  transition-timing-function: ease; }

.modal-open {
  overflow: hidden; }

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0; }
  .modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out; }
  .modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0); }

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000; }
  .modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0); }
  .modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50); }

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857px; }

.modal-header .close {
  margin-top: -2px; }

.modal-title {
  margin: 0;
  line-height: 1.42857; }

.modal-body {
  position: relative;
  padding: 15px; }

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5; }
  .modal-footer:before, .modal-footer:after {
    content: " ";
    display: table; }
  .modal-footer:after {
    clear: both; }
  .modal-footer .btn + .btn, .modal-footer .rbc-button + .btn, .modal-footer .rbc-button--primary + .btn, .modal-footer .btn + .rbc-button, .modal-footer .rbc-button + .rbc-button, .modal-footer .rbc-button--primary + .rbc-button, .modal-footer .btn + .rbc-button--primary, .modal-footer .rbc-button + .rbc-button--primary, .modal-footer .rbc-button--primary + .rbc-button--primary {
    margin-left: 5px;
    margin-bottom: 0; }
  .modal-footer .btn-group .btn + .btn, .modal-footer .btn-group .rbc-button + .btn, .modal-footer .btn-group .rbc-button--primary + .btn, .modal-footer .btn-group .btn + .rbc-button, .modal-footer .btn-group .rbc-button + .rbc-button, .modal-footer .btn-group .rbc-button--primary + .rbc-button, .modal-footer .btn-group .btn + .rbc-button--primary, .modal-footer .btn-group .rbc-button + .rbc-button--primary, .modal-footer .btn-group .rbc-button--primary + .rbc-button--primary {
    margin-left: -1px; }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {
    width: 300px; } }

@media (min-width: 992px) {
  .modal-lg {
    width: 900px; } }

/**
 * SETTINGS
 */
/*------------------------------------*\
    #APP SETTINGS
\*------------------------------------*/
/**
 * Paths
 */
/**
 * Typography
 */
/**
 * Font sizes
 */
/**
 * General
 */
/**
 * Colors
 */
/**
 * UTILS
 */
/*------------------------------------*\
    #LAYOUT HELPERS
\*------------------------------------*/
/**
 * Below is subsection of inuit.css - layout helpers library
 * https://github.com/csswizardry/inuit.css/blob/master/generic/_helper.scss
 */
/**
 * Add/remove margins
 */
.push {
  margin: 18px !important;
  margin: 1rem !important; }

.push--top {
  margin-top: 18px !important;
  margin-top: 1rem !important; }

.push--right {
  margin-right: 18px !important;
  margin-right: 1rem !important; }

.push--bottom {
  margin-bottom: 18px !important;
  margin-bottom: 1rem !important; }

.push--left {
  margin-left: 18px !important;
  margin-left: 1rem !important; }

.push--ends {
  margin-top: 18px !important;
  margin-top: 1rem !important;
  margin-bottom: 18px !important;
  margin-bottom: 1rem !important; }

.push--sides {
  margin-right: 18px !important;
  margin-right: 1rem !important;
  margin-left: 18px !important;
  margin-left: 1rem !important; }

.push-half {
  margin: 9px !important;
  margin: 0.5rem !important; }

.push-half--top {
  margin-top: 9px !important;
  margin-top: 0.5rem !important; }

.push-half--right {
  margin-right: 9px !important;
  margin-right: 0.5rem !important; }

.push-half--bottom {
  margin-bottom: 9px !important;
  margin-bottom: 0.5rem !important; }

.push-half--left {
  margin-left: 9px !important;
  margin-left: 0.5rem !important; }

.push-half--ends {
  margin-top: 9px !important;
  margin-top: 0.5rem !important;
  margin-bottom: 9px !important;
  margin-bottom: 0.5rem !important; }

.push-half--sides {
  margin-right: 9px !important;
  margin-right: 0.5rem !important;
  margin-left: 9px !important;
  margin-left: 0.5rem !important; }

.flush {
  margin: 0 !important; }

.flush--top {
  margin-top: 0 !important; }

.flush--right {
  margin-right: 0 !important; }

.flush--bottom {
  margin-bottom: 0 !important; }

.flush--left {
  margin-left: 0 !important; }

.flush--ends {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.flush--sides {
  margin-right: 0 !important;
  margin-left: 0 !important; }

/**
 * Add/remove paddings
 */
.soft {
  padding: 18px !important;
  padding: 1rem !important; }

.soft--top {
  padding-top: 18px !important;
  padding-top: 1rem !important; }

.soft--right {
  padding-right: 18px !important;
  padding-right: 1rem !important; }

.soft--bottom {
  padding-bottom: 18px !important;
  padding-bottom: 1rem !important; }

.soft--left {
  padding-left: 18px !important;
  padding-left: 1rem !important; }

.soft--ends {
  padding-top: 18px !important;
  padding-top: 1rem !important;
  padding-bottom: 18px !important;
  padding-bottom: 1rem !important; }

.soft--sides {
  padding-right: 18px !important;
  padding-right: 1rem !important;
  padding-left: 18px !important;
  padding-left: 1rem !important; }

.soft-half {
  padding: 9px !important;
  padding: 0.5rem !important; }

.soft-half--top {
  padding-top: 9px !important;
  padding-top: 0.5rem !important; }

.soft-half--right {
  padding-right: 9px !important;
  padding-right: 0.5rem !important; }

.soft-half--bottom {
  padding-bottom: 9px !important;
  padding-bottom: 0.5rem !important; }

.soft-half--left {
  padding-left: 9px !important;
  padding-left: 0.5rem !important; }

.soft-half--ends {
  padding-top: 9px !important;
  padding-top: 0.5rem !important;
  padding-bottom: 9px !important;
  padding-bottom: 0.5rem !important; }

.soft-half--sides {
  padding-right: 9px !important;
  padding-right: 0.5rem !important;
  padding-left: 9px !important;
  padding-left: 0.5rem !important; }

.hard {
  padding: 0 !important; }

.hard--top {
  padding-top: 0 !important; }

.hard--right {
  padding-right: 0 !important; }

.hard--bottom {
  padding-bottom: 0 !important; }

.hard--left {
  padding-left: 0 !important; }

.hard--ends {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.hard--sides {
  padding-right: 0 !important;
  padding-left: 0 !important; }

/*------------------------------------*\
    #RESPONSIVE MIXINS
\*------------------------------------*/
/**
 * A modified version of Max Luster's responsive mixins
 * Usage instructions at https://bugsnag.com/blog/responsive-typography-with-chained-media-queries
 * Swapped out compass' breakpoint mixins for bourbon's mixins
 */
/**
 * A shortcut method to retreive a particular $named-breakpoints
 * Usage:
 * breaker("ipad");
 *
 * Returns breakpoint value for matching $key
 */
/**
 * BASE
 */
/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/
html, body {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.2;
  background-color: #FFF;
  /*
  @include responsive("font-size", 14px,
    (
      "medium" : 18px
    )
  );
  */ }

p {
  font-size: 18px;
  font-size: 1rem;
  margin: 18px 0;
  margin: 1rem 0; }

a {
  color: #103A9C;
  cursor: pointer; }

h1, h2, h3 {
  color: #2F4173;
  font-weight: 400;
  margin: 0 0 18px;
  margin: 0 0 1rem; }

h1 {
  font-size: 31px;
  font-size: 1.77rem; }

h2 {
  font-size: 23px;
  font-size: 1.33rem; }

h3 {
  font-size: 14px;
  font-size: 0.78rem; }

/*------------------------------------*\
    #LISTS
\*------------------------------------*/
ul {
  padding-left: 0;
  margin-left: 18px;
  margin-left: 1rem; }

li {
  margin-bottom: 18px;
  margin-bottom: 1rem; }

/*------------------------------------*\
    #SELECT
\*------------------------------------*/
.appearance select {
  border: none;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none; }
.appearance .rbc-select {
  position: relative;
  width: 100%; }
.appearance .rbc-select select {
  border-bottom: 1px solid #9D9D9D;
  width: 100%; }
.appearance .rbc-select:after {
  color: #9D9D9D;
  position: absolute;
  top: 0;
  right: 5px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  font-size: 0.78rem;
  line-height: 1;
  content: "\e259";
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.no-appearance select {
  padding-bottom: 0px; }

/**
 * APP
 */
/*------------------------------------*\
    #MAIN SECTION
\*------------------------------------*/
.primary-header {
  background-color: #FFFFFF;
  height: 45px; }
  @media screen and (min-width: 48.0625em)  {
    .primary-header {
      height: 80px; 
	  border-bottom: thin solid #eeeeee;
	  } }
  .primary-header__logo {
    font: 0/0 a;
    /*color: transparent;*/
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background-image: url("https://www.rbcroyalbank.com/onlinebanking/loans/ehub/assets/images/rbc-logo.png");
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
    margin-top: 0;
    margin-bottom: 0;
	margin-left: 60px;
    width: 22px;
    height: 100%; }
    @media screen and (min-width: 48.0625em)  {
      .primary-header__logo {
        width: 87px; } }
    .no-svgasimg .primary-header__logo {
      background-image: none;
      width: 28px;
      height: 36px;
      margin-top: -18px;
      position: relative;
      top: 50%;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/onlinebanking/bankingusertips/learn-more/ehub/assets/images/logo-rbc.png',sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/onlinebanking/bankingusertips/learn-more/ehub/assets/images/logo-rbc.png',sizingMethod='scale')"; }
  .primary-header .grid-container {
    height: 100%; }

.secondary-nav {
  float: left;
  display: block;
  margin-right: 2.85714%;
  width: 100%;
  padding: 0 0 0 0;
  position: relative; }
  .secondary-nav:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48.0625em)  {
    .secondary-nav {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 28.16901%;
      padding: 36px 0 0 18px;
      padding: 2rem 0 0 1rem;
      background-color: #FFF;
      height: auto;
      left: auto; }
      .secondary-nav:last-child {
        margin-right: 0; } }
  .secondary-nav__pageno {
    padding: 3px 0 3px 0;
    padding: 0.2rem 0 0.2rem 0;
    display: block;
    text-align: center;
    color: #E8E8E7;
    background-color: #171E30;
    margin-bottom: 0; }
    @media screen and (min-width: 48.0625em)  {
      .secondary-nav__pageno {
        display: none; } }
  .secondary-nav__header {
    background-color: #E8E8E7;
    color: #2F4173;
    text-align: center;
    margin-bottom: 0;
    margin-top: 0; }
    @media screen and (min-width: 48.0625em)  {
      .secondary-nav__header {
        background-color: #FFFFFF;
        text-align: left;
        color: #2F4173; } }
    .secondary-nav__header__paragraph {
      padding: 1px 0 1px 0;
      padding: 0.1rem 0 0.1rem 0;
      margin: 0; }
    .secondary-nav__header__h2 {
      padding: 1px 0 0 0;
      padding: 0.1rem 0 0 0;
      margin-bottom: 0; }
    .secondary-nav__header__3rd-line {
      display: none; }
      @media screen and (min-width: 48.0625em)  {
        .secondary-nav__header__3rd-line {
          padding: 1px 0 0 0;
          padding: 0.1rem 0 0 0;
          display: block;
          font-size: 14px;
          font-size: 0.78rem; } }
  .secondary-nav .disclaimer {
    display: none; }
    @media screen and (min-width: 48.0625em)  {
      .secondary-nav .disclaimer {
        display: block; } }

.main-content {
  float: left;
  display: block;
  margin-right: 2.85714%;
  width: 100%;
  padding: 18px 0 18px 0;
  padding: 1rem 0 1rem 0;
  padding-left: 2%;
  padding-right: 2%; }
  @media screen and (min-width: 48.0625em)  {
    .main-content {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 70.42254%;
      margin-right: 0;
      padding: 36px 108px 36px 63px;
      padding: 2rem 6rem 2rem 3.5rem; }
      .main-content:last-child {
        margin-right: 0; } }
  .main-content:last-child {
    margin-right: 0; }	
	
@media screen and (min-width: 48.0625em)  {
  .main-content--full {
    float: left;
    display: block;
    margin-right: 1.40845%;
    width: 100%; }
    .main-content--full:last-child {
      margin-right: 0; } }

.main-content--iframe {
  float: left;
  display: block;
  margin-right: 2.85714%;
  width: 100%;
  padding-left: 2%;
  padding-right: 2%; }
  @media screen and (min-width: 48.0625em)  {
    .main-content--iframe {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 70.42254%;
      margin-right: 0;
      padding: 0 18px 0 108px;
      padding: 0 1rem 0 6rem; }
      .main-content--iframe:last-child {
        margin-right: 0; } }
  .main-content--iframe:last-child {
    margin-right: 0; }

.disclaimer {
  font-size: 11px;
  font-size: 0.66rem; }

/*------------------------------------*\
    #CANCEL PROMPT
\*------------------------------------*/
.cancel-prompt .modal-dialog {
  margin: 85px 10px 30px 10px;
  width: auto; }
  @media screen and (min-width: 37.5em)  {
    .cancel-prompt .modal-dialog {
      margin: 100px auto 30px auto;
      width: 375px; } }
.cancel-prompt .modal-content {
  border: none;
  padding: 5%; }
.cancel-prompt .cancel-prompt__button {
  width: 46%; }
.cancel-prompt__close {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  float: right;
  line-height: 1;
  font-size: 25px;
  font-size: 1.4rem; }
.cancel-prompt__close:hover {
  text-decoration: none; }

/*------------------------------------*\
    #CLIENT FORM SECTION
\*------------------------------------*/
.client-form .disclaimer {
  display: block; }
  @media screen and (min-width: 48.0625em)  {
    .client-form .disclaimer {
      display: none; } }

/*------------------------------------*\
    #CONFIRMATION
\*------------------------------------*/
/*------------------------------------*\
    #ESIGN
\*------------------------------------*/
.esign-iframe {
  width: 100%;
  height: 500px; }

/*------------------------------------*\
    #INSURANCE FORM SECTION
\*------------------------------------*/
.offer-container {
  width: 100%;
  border-radius: 6px;
  border-width: 1px;
  border-color: #9D9D9D;
  border-style: solid;
  position: relative;
  margin-bottom: 9px;
  margin-bottom: 0.5rem; }
  @media screen and (min-width: 48.0625em) and (max-width: 1000px) {
    .offer-container {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 100%; }
      .offer-container:last-child {
        margin-right: 0; } }
  @media screen and (min-width: 1001px) {
    .offer-container {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 48.4507%;
      height: 260px; }
      .offer-container:last-child {
        margin-right: 0; } }
  .offer-container__title-bar {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-width: 1px;
    border-bottom-color: #9D9D9D;
    border-bottom-style: solid;
    background-color: #F5F6FA;
    margin-bottom: 18px;
    margin-bottom: 1rem;
    padding: 18px;
    padding: 1rem; }
    .offer-container__title-bar h3 {
      font-weight: 700;
      margin: 0; }
  .offer-container__content {
    position: relative;
    margin: 18px;
    margin: 1rem; }
  .offer-container__button {
    margin: 18px;
    margin: 1rem; }
    @media screen and (min-width: 1001px) {
      .offer-container__button {
        position: absolute;
        bottom: 0; } }

.offer-container--left {
  float: left; }

.offer-container__right {
  float: right; }

/*------------------------------------*\
    #PAYMENT
\*------------------------------------*/
/*------------------------------------*\
    #WAYFINDER
\*------------------------------------*/
.wayfinder {
  display: none; }
  @media screen and (min-width: 48.0625em)  {
    .wayfinder {
      display: block; } }
  .wayfinder__list {
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    list-style-type: none; }
  .wayfinder__item {
    counter-increment: step-counter;
    color: #3E60AF;
    font-size: 14px;
    font-size: 0.78rem;
    font-weight: 700;
    position: relative;
    z-index: 0;
    margin-bottom: 0; }
  .wayfinder__item:before {
    background-color: #FFFFFF;
    border-color: #CCCCCC;
    border-width: 1px;
    border-style: solid;
    border-radius: 100%;
    color: #CCCCCC;
    content: counter(step-counter);
    display: inline-block;
    font-size: 14px;
    font-size: 0.78rem;
    line-height: 25px;
    margin-right: 9px;
    margin-right: 0.5rem;
    width: 25px;
    height: 25px;
    text-align: center; }
  .wayfinder__item:after {
    background-color: #CCCCCC;
    content: "";
    position: absolute;
    top: 0;
    left: 12px;
    width: 1px;
    height: 100%;
    z-index: -1; }
  .wayfinder__item--last:after {
    display: none; }
  .wayfinder__link {
    display: inline-block;
    margin-bottom: 18px;
    margin-bottom: 1rem; }
  .wayfinder__link:before {
    background: transparent;
    border-radius: 100%;
    display: block;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    left: 0; }

/*------------------------------------*\
    #BUTTON LAYOUTS
\*------------------------------------*/
.button-row {
  display: block;
  clear: both; }
  .button-row:before, .button-row:after {
    content: " ";
    display: table; }
  .button-row:after {
    clear: both; }
  .button-row .button-row__left {
    float: left;
    margin-right: 9px;
    margin-right: 0.5rem; }
  .button-row .button-row__right {
    float: right;
    margin-left: 9px;
    margin-left: 0.5rem; }

/*------------------------------------*\
    #GRID LAYOUT
\*------------------------------------*/
.grid-row {
  display: block; }
  .grid-row:before, .grid-row:after {
    content: " ";
    display: table; }
  .grid-row:after {
    clear: both; }

.grid-container {
  max-width: 63.11111em;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  .grid-container:before, .grid-container:after {
    content: " ";
    display: table; }
  .grid-container:after {
    clear: both; }

.grid-container-medium {
  max-width: 630px;
  max-width: 35rem;
  margin-left: auto;
  margin-right: auto; }
  .grid-container-medium:before, .grid-container-medium:after {
    content: " ";
    display: table; }
  .grid-container-medium:after {
    clear: both; }

.grid-container--pad-sides {
  padding-right: 2%;
  padding-left: 2%; }
  @media screen and (min-width: 71em) {
    .grid-container--pad-sides {
      padding-right: 0;
      padding-left: 0; } }

.grid-container--pad-ends {
  padding-top: 0;
  padding-bottom: 0; }
  @media screen and (min-width: 48.0625em) {
    .grid-container--pad-ends {
      padding-top: 5%;
      padding-bottom: 5%; } }

/**
 * Helper for old browser's that don't supprt :last-child
 * Mimics Bourbon's omega mixin
 */
.omega {
  margin-right: 0 !important; }

/*------------------------------------*\
    #RBC BUTTON
\*------------------------------------*/
.rbc-button, .rbc-button--primary {
  margin: 9px 0 0 0;
  margin: 0.5rem 0 0 0;
  background-color: #9D9D9D;
  color: #FFFFFF;
  border-radius: 0;
  width: 100%;
  display: block;
  font-weight: 700;
  position: relative;
  padding: 9px;
  padding: 0.5rem; }
  @media screen and (min-width: 48.0625em)  {
    .rbc-button, .rbc-button--primary {
      display: inline-block;
      width: auto; } }
  .rbc-button__zoom {
    display: inline-block;
    font-size: 20px; }
    .rbc-button__zoom:after {
      content: "+";
      font-family: "Roboto", Helvetica, Arial, sans-serif;
      font-weight: 300;
      font-size: 15px;
      position: absolute;
      top: 1px;
      left: 4px; }
  .rbc-button__arrow {
    display: none; }
    @media screen and (min-width: 48.0625em)  {
      .rbc-button__arrow {
        display: inline-block; } }
  .rbc-button__check {
    display: none; }
    @media screen and (min-width: 48.0625em)  {
      .rbc-button__check {
        display: inline-block; } }
  .rbc-button:hover, .rbc-button--primary:hover, .rbc-button:active, .rbc-button--primary:active, .rbc-button:focus, .rbc-button--primary:focus {
    background-color: #666666;
    color: #FFFFFF; }
  .rbc-button:disabled, .rbc-button--primary:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none; }

.rbc-button--icon {
  padding: 2px 5px; }
  .rbc-button--icon .rbc-button__label {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block; }

.rbc-button--primary {
  background-color: #3E60AF; }
  .rbc-button--primary:hover, .rbc-button--primary:active, .rbc-button--primary:focus {
    background-color: #103A9C;
    color: #FFFFFF; }

.rbc-button--secondary {
  background-color: #FFFFFF;
  color: #3E60AF;
  border: 1px solid #3E60AF;
  border-radius: 6px; }
  .rbc-button--secondary:hover, .rbc-button--secondary:active, .rbc-button--secondary:focus {
    background-color: #F6F6FA;
    color: #48516A;
    border-color: #48516A; }
  .rbc-button--secondary:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    pointer-events: none; }

.rbc-button--checked {
  background-color: #FFFFFF;
  color: #9D9D9D;
  border: 1px solid #9D9D9D;
  border-radius: 6px; }

/*------------------------------------*\
    #ERROR DETAILS
\*------------------------------------*/
.error-details {
  background-color: #FDEDEB;
  border: 1px solid #CA5E5E;
  margin-bottom: 36px;
  margin-bottom: 2rem;
  padding: 18px;
  padding: 1rem;
  position: relative; }
  .error-details__heading {
    font-weight: 700;
    margin-left: 36px;
    margin-left: 2rem; }
  .error-details__alert {
    background-color: #ED2024;
    border-radius: 100%;
    color: #FFFFFF;
    display: inline-block;
    font-size: 19px;
    font-size: 1.11rem;
    font-weight: 400;
    width: 25px;
    width: 1.39rem;
    height: 25px;
    height: 1.39rem;
    margin-top: -5px;
    margin-left: -36px;
    margin-left: -2rem;
    position: absolute;
    top: 18px;
    top: 1rem;
    text-align: center; }
  .error-details__list {
    list-style: none;
    margin: 0 0 0 36px;
    margin: 0 0 0 2rem;
    padding: 0; }
    .error-details__list > li {
      color: #2F4173;
      font-size: 14px;
      font-size: 0.78rem;
      margin-bottom: 9px;
      margin-bottom: 0.5rem; }
    .error-details__list > li a {
      font-weight: 700; }

/*------------------------------------*\
    #FORM FIELD

    HTML Snippet: form-field.html
\*------------------------------------*/
.form-field {
  margin-bottom: 18px;
  margin-bottom: 1rem; }
  .form-field__label {
    display: inline-block;
    font-size: 14px;
    font-size: 0.78rem;
    font-weight: 700;
    color: #808080;
    margin-bottom: 14px;
    margin-bottom: 0.78rem; }
  .form-field__input {
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #9D9D9D;
    border-left: none;
    display: block;
    font-size: 14px;
    font-size: 0.78rem;
    font-weight: 300;
    color: #231F20;
    line-height: 1;
    margin-bottom: 9px;
    margin-bottom: 0.5rem;
    padding-bottom: 2px;
    padding-top: 0;
    width: 100%; }
    .form-field__input.ng-dirty.ng-invalid {
      border-bottom: 1px solid #CA5E5E; }
  .form-field__errors label {
    color: #CA5E5E;
    font-size: 14px;
    font-size: 0.78rem;
    font-weight: 300;
    position: relative;
    top: -4px; }
  .form-field .rbc-select > select {
    padding-top: 1px; }
  .ng-submitted .form-field .form-field__input.ng-invalid {
    border-bottom: 1px solid #CA5E5E; }

.form-field--half {
  float: left;
  display: block;
  margin-right: 2.85714%;
  width: 100%; }
  .form-field--half:last-child {
    margin-right: 0; }
  @media screen and (min-width: 48.0625em)  {
    .form-field--half {
      float: left;
      display: block;
      margin-right: 1.40845%;
      width: 49.29577%; }
      .form-field--half:last-child {
        margin-right: 0; } }

.form-field--required .form-field__label:before {
  display: inline-block;
  color: #CA5E5E;
  content: "*";
  font-size: 18px;
  font-size: 1rem;
  padding-right: 2px;
  vertical-align: middle; }

/*------------------------------------*\
    #BUBBLE TOOLTIP
\*------------------------------------*/
.bubble-tooltip {
  position: relative;
  background-color: #3E60AF;
  border-radius: 100%;
  color: #FFFFFF;
  display: inline-block;
  font-size: 14px;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 18px;
  line-height: 1rem;
  margin-left: 9px;
  margin-left: 0.5rem;
  margin-top: -1px;
  text-decoration: none;
  text-align: center;
  top: -1px;
  width: 18px;
  width: 1rem;
  height: 18px;
  height: 1rem; }
  .bubble-tooltip:hover {
    color: #FFFFFF;
    text-decoration: none; }

/*------------------------------------*\
    #ICON LIST
\*------------------------------------*/
.iconlist {
  list-style-type: none;
  margin: 0 !important; }
  .iconlist li {
    margin: 0 !important;
    margin-bottom: 14px !important;
    margin-bottom: 0.78rem !important;
    padding-left: 14px !important;
    padding-left: 0.78rem !important;
    font-size: 14px;
    font-size: 0.78rem;
    position: relative; }
  .iconlist__check:before {
    position: absolute;
    left: -4px;
    left: -0.234rem;
    color: #00FF00; }
  .iconlist__ex {
    opacity: 0.7; }
    .iconlist__ex:before {
      position: absolute;
      left: -4px;
      left: -0.234rem;
      opacity: 0.7; }

/*--------------------------------------------*\
		#Custom Styles August 2016
/*--------------------------------------------*/
.panel-title  {
	padding-bottom: 10px;
}

.title {
	padding-left:5px;
	font-size:	1.20rem;
	color: #23527c;
	font-weight: bold;
}

.header_logo {
	padding-top: 15px;
	padding-left:60px;
}

.top_menu {
	padding: 30px;
	float: right;
}	

.menu_item {
	padding-left: 10px;
	padding-right: 35px;
	float: right;
	padding-top: 18px;
}

.menu_active {
	color: #000;
}