@charset "UTF-8";
.clearfix,
.group,
.row {
  zoom: 1;
}
.clearfix:before, .clearfix:after,
.group:before,
.group:after,
.row:before,
.row:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after,
.group:after,
.row:after {
  clear: both;
}

.max-wrap {
  max-width: 1400px;
  margin: 0 auto;
}

.max-wrap-large {
  max-width: 1400px;
  margin: 0 auto;
}

.max-wrap-small {
  max-width: 1100px;
  margin: 0 auto;
}

/** RESPONSIVE TYPE */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, div {
  display: block;
  margin: 0;
  box-sizing: border-box;
  vertical-align: top;
}

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

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

[hidden], template {
  display: none;
}

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

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

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

small {
  font-size: 75%;
}

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

sup {
  top: -0.3em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

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

figure {
  margin: 1em 40px;
}

hr {
  height: 0;
}

pre {
  overflow: auto;
}

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

button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

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; /* 1 */
  padding: 0; /* 2 */
}

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

input[type=search] {
  -webkit-appearance: textfield;
}

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;
}

* {
  box-sizing: border-box;
}

nav ul {
  padding: 0;
  margin: 0;
}

nav li {
  padding: 0;
  margin: 0;
}

dl {
  margin: 0;
}

[role=button] {
  cursor: pointer;
}

/*! END normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/** Pannos Normalize  */
html {
  color: #222;
  font-size: 62.5%;
} /* BASE FONT 10px - Line Height  24px */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-size: 1.6rem;
  line-height: 1.625;
} /* Font Smoothing */
/* Font Loading Fix*/
html.wf-loading {
  font-family: "Arial", Tahoma, sans-serif;
  line-height: 1.5;
  visibility: hidden;
}

html.wf-active, html.wf-inactive {
  visibility: visible;
  font-size: 62.5%;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1.5em 0;
  padding: 0;
}

audio, canvas, iframe, img, svg, video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

a {
  text-decoration: none;
}

h1, h2, h3, h4, h5, h6, ul, p {
  margin: 0 0 1em 0;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
/*Hide visually and from screen readers:*/
.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */
.invisible {
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.l-row:before,
.l-row:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after,
.l-row:after {
  clear: both;
}

/** Button Reset */
button {
  border: none;
  background: none;
  padding: 0;
  display: inline-block;
}

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.js-active {
  display: block;
}

.js-hideme {
  display: none !important;
}

.label {
  margin: 0;
}

.more-space {
  margin-bottom: 1.714em;
}

fieldset.last {
  border-bottom: none;
}

button {
  border: none;
}

button:hover {
  cursor: pointer;
}

.cTimeValue label {
  display: inline;
}

.morespace {
  margin-bottom: 0.75em;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row {
  margin-left: -20px;
  *zoom: 1;
}

.row:after, .row:before {
  display: table;
  content: "";
  line-height: 0;
}

.row:after {
  clear: both;
}

form h3, form h4 {
  font-size: 1.125rem;
  line-height: 1.333;
  margin: 0 0 0.667em;
  font-weight: 500;
}

[class*=span] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}

.span12 {
  width: 940px;
}

.span11 {
  width: 860px;
}

.span10 {
  width: 780px;
}

.span9 {
  width: 700px;
}

.span8 {
  width: 620px;
}

.span7 {
  width: 540px;
}

.span6 {
  width: 460px;
}

.span5 {
  width: 380px;
}

.span4 {
  width: 300px;
}

.span3 {
  width: 220px;
}

.span2 {
  width: 140px;
}

.span1 {
  width: 60px;
}

.offset12 {
  margin-left: 980px;
}

.offset11 {
  margin-left: 900px;
}

.offset10 {
  margin-left: 820px;
}

.offset9 {
  margin-left: 740px;
}

.offset8 {
  margin-left: 660px;
}

.offset7 {
  margin-left: 580px;
}

.offset6 {
  margin-left: 500px;
}

.offset5 {
  margin-left: 420px;
}

.offset4 {
  margin-left: 340px;
}

.offset3 {
  margin-left: 260px;
}

.offset2 {
  margin-left: 180px;
}

.offset1 {
  margin-left: 100px;
}

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:after, .row-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*=span] {
  display: block;
  width: 100%;
  min-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.1276595745%;
  *margin-left: 2.0744680851%;
}

.row-fluid [class*=span]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*=span] + [class*=span] {
  margin-left: 2.1276595745%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.9468085106%;
}

.row-fluid .span11 {
  width: 91.4893617021%;
  *width: 91.4361702128%;
}

.row-fluid .span10 {
  width: 82.9787234043%;
  *width: 82.9255319149%;
}

.row-fluid .span9 {
  width: 74.4680851064%;
  *width: 74.414893617%;
}

.row-fluid .span8 {
  width: 65.9574468085%;
  *width: 65.9042553191%;
}

.row-fluid .span7 {
  width: 57.4468085106%;
  *width: 57.3936170213%;
}

.row-fluid .span6 {
  width: 48.9361702128%;
  *width: 48.8829787234%;
}

.row-fluid .span5 {
  width: 40.4255319149%;
  *width: 40.3723404255%;
}

.row-fluid .span4 {
  width: 31.914893617%;
  *width: 31.8617021277%;
}

.row-fluid .span3 {
  width: 23.4042553191%;
  *width: 23.3510638298%;
}

.row-fluid .span2 {
  width: 14.8936170213%;
  *width: 14.8404255319%;
}

.row-fluid .span1 {
  width: 6.3829787234%;
  *width: 6.329787234%;
}

.row-fluid .offset12 {
  margin-left: 104.2553191489%;
  *margin-left: 104.1489361702%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.1276595745%;
  *margin-left: 102.0212765957%;
}

.row-fluid .offset11 {
  margin-left: 95.7446808511%;
  *margin-left: 95.6382978723%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.6170212766%;
  *margin-left: 93.5106382979%;
}

.row-fluid .offset10 {
  margin-left: 87.2340425532%;
  *margin-left: 87.1276595745%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787%;
  *margin-left: 85%;
}

.row-fluid .offset9 {
  margin-left: 78.7234042553%;
  *margin-left: 78.6170212766%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.5957446809%;
  *margin-left: 76.4893617021%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574%;
  *margin-left: 70.1063829787%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.085106383%;
  *margin-left: 67.9787234043%;
}

.row-fluid .offset7 {
  margin-left: 61.7021276596%;
  *margin-left: 61.5957446809%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.5744680851%;
  *margin-left: 59.4680851064%;
}

.row-fluid .offset6 {
  margin-left: 53.1914893617%;
  *margin-left: 53.085106383%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.0638297872%;
  *margin-left: 50.9574468085%;
}

.row-fluid .offset5 {
  margin-left: 44.6808510638%;
  *margin-left: 44.5744680851%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914894%;
  *margin-left: 42.4468085106%;
}

.row-fluid .offset4 {
  margin-left: 36.170212766%;
  *margin-left: 36.0638297872%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.0425531915%;
  *margin-left: 33.9361702128%;
}

.row-fluid .offset3 {
  margin-left: 27.6595744681%;
  *margin-left: 27.5531914894%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.5319148936%;
  *margin-left: 25.4255319149%;
}

.row-fluid .offset2 {
  margin-left: 19.1489361702%;
  *margin-left: 19.0425531915%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.0212765957%;
  *margin-left: 16.914893617%;
}

.row-fluid .offset1 {
  margin-left: 10.6382978723%;
  *margin-left: 10.5319148936%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.5106382979%;
  *margin-left: 8.4042553191%;
}

.row-fluid [class*=span].hide, [class*=span].hide {
  display: none;
}

.row-fluid [class*=span].pull-right, [class*=span].pull-right {
  float: right;
}

.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}

.container:after, .container:before {
  display: table;
  content: "";
  line-height: 0;
}

.container:after {
  clear: both;
}

.container-fluid {
  *zoom: 1;
}

.container-fluid:after, .container-fluid:before {
  display: table;
  content: "";
  line-height: 0;
}

.container-fluid:after {
  clear: both;
}

.check-space {
  margin: 1em 0;
}

fieldset {
  padding: 0;
  margin: 0 0 1.5em;
  border: none;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 1.143em;
  font-size: 1.3125rem;
  line-height: 1.143;
  border: 0;
}

legend small {
  font-size: 15px;
  color: #999;
}

label {
  display: block;
  margin-bottom: 4px;
}

.uneditable-input, input[type=color], input[type=date], input[type=search], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
  display: inline-block;
  padding: 2px 6px;
  margin-bottom: 1em;
  font-size: 1em;
  line-height: 1.5;
  color: #555; /* !important; */
  vertical-align: middle;
}

.nav-search .uneditable-input, .nav-search input[type=color], .nav-search input[type=date], .nav-search input[type=search], .nav-search input[type=datetime-local], .nav-search input[type=datetime], .nav-search input[type=email], .nav-search input[type=month], .nav-search input[type=number], .nav-search input[type=password], .nav-search input[type=text] {
  color: #FFF;
}

.uneditable-input, input, textarea {
  /* width:206px */
}

textarea {
  height: auto;
}

.uneditable-input, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], textarea {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

.uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9 ;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type=checkbox], input[type=radio] {
  margin: 4px 0 0;
  *margin-top: 0;
  margin-top: 1px \9 ;
  line-height: normal;
}

input[type=button], input[type=checkbox], input[type=file], input[type=image], input[type=radio], input[type=reset], input[type=submit] {
  width: auto;
}

input[type=file], select {
  height: 40px;
  *margin-top: 4px;
  line-height: 30px;
}

select {
  width: 220px;
  border: 1px solid #ccc;
  background-color: #fff;
}

select[multiple], select[size] {
  height: auto;
}

input[type=checkbox]:focus, input[type=file]:focus, input[type=radio]:focus, select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input, .uneditable-textarea {
  color: #999;
  background-color: #fcfcfc;
  border-color: #ccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
  cursor: not-allowed;
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #999;
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #999;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #999;
}

::-moz-placeholder {
  opacity: 1;
}

.checkbox, .radio {
  min-height: 20px;
  padding-left: 20px;
}

.checkbox input[type=checkbox], .radio input[type=radio] {
  float: left;
  margin-left: -20px;
}

.controls > .checkbox:first-child, .controls > .radio:first-child {
  padding-top: 5px;
}

.checkbox.inline, .radio.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.checkbox.inline + .checkbox.inline, .radio.inline + .radio.inline {
  qqmargin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

.row-fluid .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span], .uneditable-input[class*=span], input[class*=span], select[class*=span], textarea[class*=span] {
  float: none;
  margin-left: 0;
}

.input-append .uneditable-input[class*=span], .input-append input[class*=span], .input-prepend .uneditable-input[class*=span], .input-prepend input[class*=span], .row-fluid .input-append [class*=span], .row-fluid .input-prepend [class*=span], .row-fluid .uneditable-input[class*=span], .row-fluid input[class*=span], .row-fluid select[class*=span], .row-fluid textarea[class*=span] {
  display: inline-block;
}

.uneditable-input, input, textarea {
  margin-left: 0;
}

.controls-row [class*=span] + [class*=span] {
  margin-left: 20px;
}

.uneditable-input.span12, input.span12, textarea.span12 {
  width: 926px;
}

.uneditable-input.span11, input.span11, textarea.span11 {
  width: 846px;
}

.uneditable-input.span10, input.span10, textarea.span10 {
  width: 766px;
}

.uneditable-input.span9, input.span9, textarea.span9 {
  width: 686px;
}

.uneditable-input.span8, input.span8, textarea.span8 {
  width: 606px;
}

.uneditable-input.span7, input.span7, textarea.span7 {
  width: 526px;
}

.uneditable-input.span6, input.span6, textarea.span6 {
  width: 446px;
}

.uneditable-input.span5, input.span5, textarea.span5 {
  width: 366px;
}

.uneditable-input.span4, input.span4, textarea.span4 {
  width: 286px;
}

.uneditable-input.span3, input.span3, textarea.span3 {
  width: 206px;
}

.uneditable-input.span2, input.span2, textarea.span2 {
  width: 126px;
}

.uneditable-input.span1, input.span1, textarea.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:after, .controls-row:before {
  display: table;
  content: "";
  line-height: 0;
}

.controls-row:after {
  clear: both;
}

.controls-row [class*=span], .row-fluid .controls-row [class*=span] {
  float: left;
}

.controls-row .checkbox[class*=span], .controls-row .radio[class*=span] {
  padding-top: 5px;
}

input[disabled], input[readonly], select[disabled], select[readonly], textarea[disabled], textarea[readonly] {
  cursor: not-allowed;
  background-color: #eee;
}

input[type=checkbox][disabled], input[type=checkbox][readonly], input[type=radio][disabled], input[type=radio][readonly] {
  background-color: transparent;
}

.control-group.warning .checkbox, .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input, .control-group.warning select, .control-group.warning textarea {
  color: #c09853;
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-append .add-on, .control-group.warning .input-prepend .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .checkbox, .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea {
  color: #b94a48;
}

.control-group.error input, .control-group.error select, .control-group.error textarea {
  color: #b94a48;
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-append .add-on, .control-group.error .input-prepend .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .checkbox, .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #468847;
}

.control-group.success input, .control-group.success select, .control-group.success textarea {
  color: #468847;
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-append .add-on, .control-group.success .input-prepend .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .checkbox, .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input, .control-group.info select, .control-group.info textarea {
  color: #3a87ad;
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-append .add-on, .control-group.info .input-prepend .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid, select:focus:invalid, textarea:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus, select:focus:invalid:focus, textarea:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
  -moz-box-shadow: 0 0 6px #f8b9b7;
  box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:after, .form-actions:before {
  display: table;
  content: "";
  line-height: 0;
}

.form-actions:after {
  clear: both;
}

.help-block, .help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
  padding-left: 5px;
}

.input-append, .input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  vertical-align: middle;
  font-size: 0;
  white-space: nowrap;
}

.input-append .dropdown-menu, .input-append .popover, .input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .dropdown-menu, .input-prepend .popover, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
  font-size: 14px;
}

.input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .uneditable-input, .input-prepend input, .input-prepend select {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append .uneditable-input:focus, .input-append input:focus, .input-append select:focus, .input-prepend .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus {
  z-index: 2;
}

.input-append .add-on, .input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  background-color: #eee;
  border: 1px solid #ccc;
}

.input-append .add-on, .input-append .btn, .input-append .ac-modal .ac-answer > .ac-text, .ac-modal .input-append .ac-answer > .ac-text, .input-append .btn-group > .dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .ac-modal .ac-answer > .ac-text, .ac-modal .input-prepend .ac-answer > .ac-text, .input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-append .active, .input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on, .input-prepend .btn, .input-prepend .ac-modal .ac-answer > .ac-text, .ac-modal .input-prepend .ac-answer > .ac-text {
  margin-right: -1px;
}

.input-append .uneditable-input, .input-append input, .input-append select, .input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-prepend .ac-modal .ac-answer > .ac-text:first-child, .ac-modal .input-prepend .ac-answer > .ac-text:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-append .uneditable-input + .btn-group .btn:last-child, .input-append .uneditable-input + .btn-group .ac-modal .ac-answer > .ac-text:last-child, .ac-modal .input-append .uneditable-input + .btn-group .ac-answer > .ac-text:last-child, .input-append input + .btn-group .btn:last-child, .input-append input + .btn-group .ac-modal .ac-answer > .ac-text:last-child, .ac-modal .input-append input + .btn-group .ac-answer > .ac-text:last-child, .input-append select + .btn-group .btn:last-child, .input-append select + .btn-group .ac-modal .ac-answer > .ac-text:last-child, .ac-modal .input-append select + .btn-group .ac-answer > .ac-text:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-append .add-on, .input-append .btn, .input-append .ac-modal .ac-answer > .ac-text, .ac-modal .input-append .ac-answer > .ac-text, .input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child, .input-append .btn-group:last-child > .dropdown-toggle, .input-append .btn:last-child, .input-append .ac-modal .ac-answer > .ac-text:last-child, .ac-modal .input-append .ac-answer > .ac-text:last-child {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .uneditable-input, .input-prepend.input-append input, .input-prepend.input-append select {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.input-prepend.input-append .uneditable-input + .btn-group .btn, .input-prepend.input-append .uneditable-input + .btn-group .ac-modal .ac-answer > .ac-text, .ac-modal .input-prepend.input-append .uneditable-input + .btn-group .ac-answer > .ac-text, .input-prepend.input-append input + .btn-group .btn, .input-prepend.input-append input + .btn-group .ac-modal .ac-answer > .ac-text, .ac-modal .input-prepend.input-append input + .btn-group .ac-answer > .ac-text, .input-prepend.input-append select + .btn-group .btn, .input-prepend.input-append select + .btn-group .ac-modal .ac-answer > .ac-text, .ac-modal .input-prepend.input-append select + .btn-group .ac-answer > .ac-text {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend.input-append .ac-modal .ac-answer > .ac-text:first-child, .ac-modal .input-prepend.input-append .ac-answer > .ac-text:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-prepend.input-append .ac-modal .ac-answer > .ac-text:last-child, .ac-modal .input-prepend.input-append .ac-answer > .ac-text:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9 ;
  padding-left: 14px;
  padding-left: 4px \9 ;
  margin-bottom: 0;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn, .form-search .input-append .ac-modal .ac-answer > .ac-text, .ac-modal .form-search .input-append .ac-answer > .ac-text, .form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
  -moz-border-radius: 0 14px 14px 0;
  border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn, .form-search .input-prepend .ac-modal .ac-answer > .ac-text, .ac-modal .form-search .input-prepend .ac-answer > .ac-text {
  -webkit-border-radius: 14px 0 0 14px;
  -moz-border-radius: 14px 0 0 14px;
  border-radius: 14px 0 0 14px;
}

.form-horizontal .help-inline, .form-horizontal .input-append, .form-horizontal .input-prepend, .form-horizontal .uneditable-input, .form-horizontal input, .form-horizontal select, .form-horizontal textarea, .form-inline .help-inline, .form-inline .input-append, .form-inline .input-prepend, .form-inline .uneditable-input, .form-inline input, .form-inline select, .form-inline textarea, .form-search .help-inline, .form-search .input-append, .form-search .input-prepend, .form-search .uneditable-input, .form-search input, .form-search select, .form-search textarea {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-horizontal .hide, .form-inline .hide, .form-search .hide {
  display: none;
}

.form-inline .btn-group, .form-inline label, .form-search .btn-group, .form-search label {
  display: inline-block;
}

.form-inline .input-append, .form-inline .input-prepend, .form-search .input-append, .form-search .input-prepend {
  margin-bottom: 0;
}

.form-inline .checkbox, .form-inline .radio, .form-search .checkbox, .form-search .radio {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .form-search .checkbox input[type=checkbox], .form-search .radio input[type=radio] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:after, .form-horizontal .control-group:before {
  display: table;
  content: "";
  line-height: 0;
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal .input-append + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}

button.btn, .ac-modal .ac-answer > button.ac-text, input[type=submit].btn, .ac-modal .ac-answer > input[type=submit].ac-text {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner, .ac-modal .ac-answer > button.ac-text::-moz-focus-inner, input[type=submit].btn::-moz-focus-inner, .ac-modal .ac-answer > input[type=submit].ac-text::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large, .ac-modal .ac-answer > button.btn-large.ac-text, input[type=submit].btn.btn-large, .ac-modal .ac-answer > input[type=submit].btn-large.ac-text {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small, .ac-modal .ac-answer > button.btn-small.ac-text, input[type=submit].btn.btn-small, .ac-modal .ac-answer > input[type=submit].btn-small.ac-text {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini, .ac-modal .ac-answer > button.btn-mini.ac-text, input[type=submit].btn.btn-mini, .ac-modal .ac-answer > input[type=submit].btn-mini.ac-text {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.btn-link {
  border-color: transparent;
  cursor: pointer;
  color: #08c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.btn-link:focus, .btn-link:hover {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:focus, .btn-link[disabled]:hover {
  color: #333;
  text-decoration: none;
}

/*!
 * Bootstrap Responsive v2.0.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.hidden {
  display: none;
  visibility: hidden;
}

.well {
  background: #F1F1F2;
}

.form_border {
  border: 1px solid #D0D2D3;
}

.form_border_bottom {
  border-bottom: 1px solid #E6E7E8;
}

.hide-text {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

@media (max-width: 480px) {
  .nav-collapse {
    -webkit-transform: translate3d(0, 0, 0);
  }
  .page-header h1 small {
    display: block;
    line-height: 18px;
  }
  .uneditable-input, input[class*=span], select[class*=span], textarea[class*=span] {
    display: block;
    width: 100%;
    min-height: 28px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .input-append input[class*=span], .input-prepend input[class*=span] {
    width: auto;
  }
  input[type=checkbox], input[type=radio] {
    border: 1px solid #ccc;
  }
  .form-horizontal .control-group > label {
    float: none;
    width: auto;
    padding-top: 0;
    text-align: left;
  }
  .form-horizontal .controls {
    margin-left: 0;
  }
  .form-horizontal .control-list {
    padding-top: 0;
  }
  .form-horizontal .form-actions {
    padding-left: 10px;
    padding-right: 10px;
  }
  .modal {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    width: auto;
    margin: 0;
  }
  .modal.fade.in {
    top: auto;
  }
  .modal-header .close {
    padding: 10px;
    margin: -10px;
  }
  .carousel-caption {
    position: static;
  }
}
@media (max-width: 767px) {
  .row-fluid {
    width: 100%;
  }
  .row {
    margin-left: 0;
  }
  .row-fluid > [class*=span], .row > [class*=span] {
    float: none;
    display: block;
    width: auto;
    margin: 0;
  }
}
@media (min-width: 730px) and (max-width: 979px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:after, .row:before {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*=span] {
    float: left;
    margin-left: 20px;
  }
  .span1 {
    width: 42px;
  }
  .span2 {
    width: 104px;
  }
  .span3 {
    width: 166px;
  }
  .span4 {
    width: 228px;
  }
  .span5 {
    width: 290px;
  }
  .span6 {
    width: 352px;
  }
  .span7 {
    width: 414px;
  }
  .span8 {
    width: 476px;
  }
  .span9 {
    width: 538px;
  }
  .span10 {
    width: 600px;
  }
  .span11 {
    width: 662px;
  }
  .span12 {
    width: 724px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:after, .row-fluid:before {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid > [class*=span] {
    float: left;
    margin-left: 2.762430939%;
  }
  .row-fluid > [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid > .span1 {
    width: 5.801104972%;
  }
  .row-fluid > .span2 {
    width: 14.364640883%;
  }
  .row-fluid > .span3 {
    width: 22.928176794%;
  }
  .row-fluid > .span4 {
    width: 31.491712705%;
  }
  .row-fluid > .span5 {
    width: 40.055248616%;
  }
  .row-fluid > .span6 {
    width: 48.618784527%;
  }
  .row-fluid > .span7 {
    width: 57.182320438%;
  }
  .row-fluid > .span8 {
    width: 65.745856349%;
  }
  .row-fluid > .span9 {
    width: 74.30939226%;
  }
  .row-fluid > .span10 {
    width: 82.872928171%;
  }
  .row-fluid > .span11 {
    width: 91.436464082%;
  }
  .row-fluid > .span12 {
    width: 99.999999993%;
  }
  .uneditable-input.span1, input.span1, textarea.span1 {
    width: 32px;
  }
  .uneditable-input.span2, input.span2, textarea.span2 {
    width: 94px;
  }
  .uneditable-input.span3, input.span3, textarea.span3 {
    width: 156px;
  }
  .uneditable-input.span4, input.span4, textarea.span4 {
    width: 218px;
  }
  .uneditable-input.span5, input.span5, textarea.span5 {
    width: 280px;
  }
  .uneditable-input.span6, input.span6, textarea.span6 {
    width: 342px;
  }
  .uneditable-input.span7, input.span7, textarea.span7 {
    width: 404px;
  }
  .uneditable-input.span8, input.span8, textarea.span8 {
    width: 466px;
  }
  .uneditable-input.span9, input.span9, textarea.span9 {
    width: 528px;
  }
  .uneditable-input.span10, input.span10, textarea.span10 {
    width: 590px;
  }
  .uneditable-input.span11, input.span11, textarea.span11 {
    width: 652px;
  }
  .uneditable-input.span12, input.span12, textarea.span12 {
    width: 714px;
  }
}
@media (max-width: 979px) {
  /* body {
    padding-top:0
  } */
  .navbar-fixed-top {
    position: static;
    margin-bottom: 18px;
  }
  .navbar-fixed-top .navbar-inner {
    padding: 5px;
  }
  .navbar .container {
    width: auto;
    padding: 0;
  }
  .navbar .brand {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 0 -5px;
  }
  .navbar .nav-collapse {
    clear: left;
  }
  .navbar .nav {
    float: none;
    margin: 0 0 9px;
  }
  .navbar .nav > li {
    float: none;
  }
  .navbar .nav > li > a {
    margin-bottom: 2px;
  }
  .navbar .nav > .divider-vertical {
    display: none;
  }
  .navbar .nav .nav-header {
    color: #999;
    text-shadow: none;
  }
  .navbar .dropdown-menu a, .navbar .nav > li > a {
    padding: 6px 15px;
    font-weight: 700;
    color: #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .navbar .dropdown-menu li + li a {
    margin-bottom: 2px;
  }
  .navbar .dropdown-menu a:hover, .navbar .nav > li > a:hover {
    background-color: #222;
  }
  .navbar .dropdown-menu {
    position: static;
    top: auto;
    left: auto;
    float: none;
    display: block;
    max-width: none;
    margin: 0 15px;
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .navbar .dropdown-menu .divider, .navbar .dropdown-menu:after, .navbar .dropdown-menu:before {
    display: none;
  }
  .navbar-form, .navbar-search {
    float: none;
    padding: 9px 15px;
    margin: 9px 0;
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  }
  .navbar .nav.pull-right {
    float: none;
    margin-left: 0;
  }
  .navbar-static .navbar-inner {
    padding-left: 10px;
    padding-right: 10px;
  }
  .btn-navbar {
    display: block;
  }
  .nav-collapse {
    overflow: hidden;
    height: 0;
  }
}
@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
  }
}
@media (min-width: 1200px) {
  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:after, .row:before {
    display: table;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*=span] {
    float: left;
    margin-left: 30px;
  }
  .span1 {
    width: 70px;
  }
  .span2 {
    width: 170px;
  }
  .span3 {
    width: 270px;
  }
  .span4 {
    width: 370px;
  }
  .span5 {
    width: 470px;
  }
  .span6 {
    width: 570px;
  }
  .span7 {
    width: 670px;
  }
  .span8 {
    width: 770px;
  }
  .span9 {
    width: 870px;
  }
  .span10 {
    width: 970px;
  }
  .span11 {
    width: 1070px;
  }
  .span12 {
    width: 1170px;
  }
  .offset1 {
    margin-left: 130px;
  }
  .offset2 {
    margin-left: 230px;
  }
  .offset3 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 430px;
  }
  .offset5 {
    margin-left: 530px;
  }
  .offset6 {
    margin-left: 630px;
  }
  .offset7 {
    margin-left: 730px;
  }
  .offset8 {
    margin-left: 830px;
  }
  .offset9 {
    margin-left: 930px;
  }
  .offset10 {
    margin-left: 1030px;
  }
  .offset11 {
    margin-left: 1130px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:after, .row-fluid:before {
    display: table;
    content: "";
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid > [class*=span] {
    float: left;
    margin-left: 2.564102564%;
  }
  .row-fluid > [class*=span]:first-child {
    margin-left: 0;
  }
  .row-fluid > .span1 {
    width: 5.982905983%;
  }
  .row-fluid > .span2 {
    width: 14.52991453%;
  }
  .row-fluid > .span3 {
    width: 23.076923077%;
  }
  .row-fluid > .span4 {
    width: 31.623931624%;
  }
  .row-fluid > .span5 {
    width: 40.170940171%;
  }
  .row-fluid > .span6 {
    width: 48.717948718%;
  }
  .row-fluid > .span7 {
    width: 57.264957265%;
  }
  .row-fluid > .span8 {
    width: 65.811965812%;
  }
  .row-fluid > .span9 {
    width: 74.358974359%;
  }
  .row-fluid > .span10 {
    width: 82.905982906%;
  }
  .row-fluid > .span11 {
    width: 91.452991453%;
  }
  .row-fluid > .span12 {
    width: 100%;
  }
  .uneditable-input.span1, input.span1, textarea.span1 {
    width: 60px;
  }
  .uneditable-input.span2, input.span2, textarea.span2 {
    width: 160px;
  }
  .uneditable-input.span3, input.span3, textarea.span3 {
    width: 260px;
  }
  .uneditable-input.span4, input.span4, textarea.span4 {
    width: 360px;
  }
  .uneditable-input.span5, input.span5, textarea.span5 {
    width: 460px;
  }
  .uneditable-input.span6, input.span6, textarea.span6 {
    width: 560px;
  }
  .uneditable-input.span7, input.span7, textarea.span7 {
    width: 660px;
  }
  .uneditable-input.span8, input.span8, textarea.span8 {
    width: 760px;
  }
  .uneditable-input.span9, input.span9, textarea.span9 {
    width: 860px;
  }
  .uneditable-input.span10, input.span10, textarea.span10 {
    width: 960px;
  }
  .uneditable-input.span11, input.span11, textarea.span11 {
    width: 1060px;
  }
  .uneditable-input.span12, input.span12, textarea.span12 {
    width: 1160px;
  }
  .thumbnails {
    margin-left: -30px;
  }
  .thumbnails > li {
    margin-left: 30px;
  }
}
fieldset {
  border: none;
  padding: 0;
}

html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #495254;
}

body {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  body {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1400px) {
  body {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

[role=button] {
  cursor: pointer;
}

.f-h1 {
  font-size: 3.3rem;
  line-height: 0.95;
  margin-bottom: 1em;
  font-weight: 700;
  font-family: lexia, sans-serif;
}
@media screen and (min-width: 900px) {
  .f-h1 {
    font-size: 5.5rem;
    line-height: 0.95;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 1400px) {
  .f-h1 {
    font-size: 6rem;
    line-height: 0.95;
    margin-bottom: 0.25em;
  }
}

.f-h2 {
  font-size: 3rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: 900;
  font-family: lexia, sans-serif;
  text-transform: uppercase;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .f-h2 {
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 1400px) {
  .f-h2 {
    font-size: 5rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}

.f-h2-up {
  font-size: 3rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: 700;
  font-family: lexia, sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 900px) {
  .f-h2-up {
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 1400px) {
  .f-h2-up {
    font-size: 5rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}

.f-h3 {
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: 900;
  font-family: lexia, sans-serif;
}
@media screen and (min-width: 900px) {
  .f-h3 {
    font-size: 4.4rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .f-h3 {
    font-size: 5.2rem;
    line-height: 1.1;
  }
}

.f-h3-small {
  font-size: 2.6rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: 700;
  font-family: lexia, sans-serif;
  text-transform: uppercase;
}
@media screen and (min-width: 900px) {
  .f-h3-small {
    font-size: 3.2rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .f-h3-small {
    font-size: 3.8rem;
    line-height: 1.1;
  }
}

.f-h4 {
  font-size: 2.6rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-weight: 900;
  font-family: lexia, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 900px) {
  .f-h4 {
    font-size: 3.2rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .f-h4 {
    font-size: 3.8rem;
    line-height: 1.1;
  }
}

.f-h4-alt {
  font-size: 2.2rem;
  line-height: 1.1;
  font-weight: 700;
  font-family: lexia, sans-serif;
  text-transform: none;
}
@media screen and (min-width: 900px) {
  .f-h4-alt {
    font-size: 2.3rem;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1400px) {
  .f-h4-alt {
    font-size: 2.4rem;
    line-height: 1.1;
  }
}

.f-h5 {
  font-size: 2rem;
  font-weight: 700;
  font-family: lexia, sans-serif;
  text-transform: none;
  margin-bottom: 0.25em;
}

.f-h6 {
  font-size: 1.5rem;
  font-weight: 400;
  font-family: lexia, sans-serif;
  text-transform: none;
}

.caps {
  text-transform: uppercase;
}

.f-feature-header {
  font-size: 2.4rem;
  font-size: 7.5vw;
  font-family: lexia, sans-serif;
  font-weight: 700;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.1em;
  display: block;
}
@media screen and (min-aspect-ratio: 6/4) {
  .f-feature-header {
    font-size: 15vh;
  }
}
@media screen and (max-height: 300px) {
  .f-feature-header {
    font-size: 4.5rem;
  }
}
@media screen and (min-height: 1000px) {
  .f-feature-header {
    font-size: 15rem;
  }
}
.f-feature-header p {
  margin: 0;
}

.f-h2-feature {
  font-size: 3rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-family: lexia, sans-serif;
  font-style: italic;
  font-weight: 300;
  display: block;
}
@media screen and (min-width: 900px) {
  .f-h2-feature {
    font-size: 4rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}
@media screen and (min-width: 1400px) {
  .f-h2-feature {
    font-size: 5rem;
    line-height: 1.1;
    margin-bottom: 0.25em;
  }
}

.f-subtext {
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .f-subtext {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1400px) {
  .f-subtext {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.f-sm-heading {
  font-size: 1.4rem;
}
@media screen and (min-width: 900px) {
  .f-sm-heading {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .f-sm-heading {
    font-size: 1.6rem;
  }
}

.f-subline {
  font-size: 2.8rem;
  line-height: 1.3;
  margin-bottom: 1em;
  font-family: lexia, sans-serif;
  font-weight: normal;
}
@media screen and (min-width: 900px) {
  .f-subline {
    font-size: 4.4rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 1400px) {
  .f-subline {
    font-size: 5.2rem;
    line-height: 1.1;
  }
}

/** text format styles */
.t-2-col {
  column-count: 2;
  column-gap: 2em;
}

a {
  color: #55B659;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

.content {
  font-family: ff-tisa-sans-web-pro, sans-serif;
}

.disclosure {
  font-size: 1.2rem;
}
@media screen and (min-width: 900px) {
  .disclosure {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .disclosure {
    font-size: 1.4rem;
  }
}

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/
body {
  -webkit-backface-visibility: hidden;
}

.animated {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.animated.bounceIn, .animated.bounceOut {
  -webkit-animation-duration: 0.225s;
  animation-duration: 0.225s;
}
.animated.flipOutX, .animated.flipOutY {
  -webkit-animation-duration: 0.225s;
  animation-duration: 0.225s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }
  20% {
    -webkit-transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    transform: rotate(15deg);
  }
  40% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes wiggle {
  0% {
    -webkit-transform: skewX(9deg);
  }
  10% {
    -webkit-transform: skewX(-8deg);
  }
  20% {
    -webkit-transform: skewX(7deg);
  }
  30% {
    -webkit-transform: skewX(-6deg);
  }
  40% {
    -webkit-transform: skewX(5deg);
  }
  50% {
    -webkit-transform: skewX(-4deg);
  }
  60% {
    -webkit-transform: skewX(3deg);
  }
  70% {
    -webkit-transform: skewX(-2deg);
  }
  80% {
    -webkit-transform: skewX(1deg);
  }
  90% {
    -webkit-transform: skewX(0deg);
  }
  100% {
    -webkit-transform: skewX(0deg);
  }
}
@keyframes wiggle {
  0% {
    transform: skewX(9deg);
  }
  10% {
    transform: skewX(-8deg);
  }
  20% {
    transform: skewX(7deg);
  }
  30% {
    transform: skewX(-6deg);
  }
  40% {
    transform: skewX(5deg);
  }
  50% {
    transform: skewX(-4deg);
  }
  60% {
    transform: skewX(3deg);
  }
  70% {
    transform: skewX(-2deg);
  }
  80% {
    transform: skewX(1deg);
  }
  90% {
    transform: skewX(0deg);
  }
  100% {
    transform: skewX(0deg);
  }
}
.wiggle {
  -webkit-animation-name: wiggle;
  animation-name: wiggle;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    transform: translateX(0%);
  }
  15% {
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    transform: translateX(0%);
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    transform: scale(1) rotate(0);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    transform: scale(1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(30px);
  }
  80% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(30px);
  }
  80% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    transform: translateX(-30px);
  }
  80% {
    transform: translateX(10px);
  }
  100% {
    transform: translateX(0);
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    transform: translateY(-30px);
  }
  80% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
  }
  25% {
    -webkit-transform: scale(0.95);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
}
@keyframes bounceOut {
  0% {
    transform: scale(1);
  }
  25% {
    transform: scale(0.95);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(-20px);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(20px);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }
  20% {
    opacity: 1;
    transform: translateX(-20px);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
  }
  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }
  20% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

table {
  table-layout: fixed;
  width: 100%;
}
table th, table td {
  padding: 5px;
  text-align: left;
}

.mod-table {
  font-size: 1.6rem;
}
.mod-table table.editableTable, .mod-table table.mod-privacy {
  margin-bottom: 0;
  padding: 0;
}
.mod-table table.editableTable tr:nth-child(even), .mod-table table.mod-privacy tr:nth-child(even) {
  background: none;
}
.mod-table table.editableTable td, .mod-table table.mod-privacy td, .mod-table table.editableTable th, .mod-table table.mod-privacy th {
  font-size: 1.8rem;
  line-height: 1.5;
  color: #384249;
  text-align: center;
}
.mod-table table.editableTable .col_0, .mod-table table.mod-privacy .col_0 {
  font-weight: 600;
}
.mod-table table.editableTable table tr:last-child, .mod-table table.mod-privacy table tr:last-child {
  border: none;
}
.mod-table table.editableTable table tr:last-child a, .mod-table table.mod-privacy table tr:last-child a {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.6rem;
}
.mod-table table.editableTable th, .mod-table table.mod-privacy th {
  border: none;
  background: none;
  color: #4F4F4F;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 1.5;
  text-transform: none;
}
.mod-table table.editableTable th a, .mod-table table.mod-privacy th a {
  text-transform: uppercase;
  white-space: nowrap;
  font-size: 1.6rem;
}
.mod-table table.editableTable th p, .mod-table table.mod-privacy th p {
  margin-bottom: 0.5em;
  line-height: 1.25em;
}
.mod-table table.editableTable .table-check path, .mod-table table.mod-privacy .table-check path {
  fill: #00b5ea !important;
}
.mod-table table.editableTable a, .mod-table table.mod-privacy a {
  color: #55B659;
  font-family: lexia, sans-serif;
}
.mod-table table.editableTable tr.sub-row a, .mod-table table.mod-privacy tr.sub-row a {
  color: #fff;
}
.product-page-item .mod-table, .mod-news-listing .mod-table {
  padding: 0;
}

.table-footer {
  text-align: right;
}

.compare-chart {
  margin-bottom: 5em;
}
.compare-chart th {
  font-size: 2.2rem;
}
.compare-chart table.editableTable .sub_row a, .compare-chart table.mod-privacy .sub_row a {
  font-size: 1.4rem;
}
.compare-chart table.editableTable .sub_row a:before, .compare-chart table.mod-privacy .sub_row a:before {
  width: 20px;
  left: 50%;
  bottom: -18px;
  transform: translate(-13px, 0) rotate(45deg);
  transition: bottom 0.3s ease-in-out 0s;
}
.compare-chart table.editableTable .sub_row a:after, .compare-chart table.mod-privacy .sub_row a:after {
  content: "";
  display: block;
  width: 20px;
  left: 50%;
  transform: translate(0px, 0) rotate(-45deg);
  position: absolute;
  z-index: 0;
  height: 2px;
  bottom: -18px;
  background-color: #005581;
  transition: bottom 0.3s ease-in-out 0s;
}
.compare-chart table.editableTable .sub_row a:hover, .compare-chart table.mod-privacy .sub_row a:hover {
  color: #005581;
  text-decoration: none;
}
.compare-chart table.editableTable .sub_row a:hover:before, .compare-chart table.mod-privacy .sub_row a:hover:before, .compare-chart table.editableTable .sub_row a:hover:after, .compare-chart table.mod-privacy .sub_row a:hover:after {
  bottom: -25px;
}

.stacktable.large-only {
  display: table;
}

.stacktable.small-only {
  display: none;
}

.table-nav {
  display: none;
}

@media screen and (max-width: 900px) {
  .stacktable.large-only {
    display: none;
  }
  .stacktable.small-only {
    display: table;
  }
  .stacktable.small-only .st-head-row {
    display: none !important;
  }
  .table-nav {
    display: block;
    position: relative;
    margin-bottom: 1em;
    padding: 1em 40px;
  }
  .table-nav .table-prev {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 50px;
  }
  .table-nav .table-prev:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 15px;
    background: #55B659;
    transform: rotate(-45deg);
  }
  .table-nav .table-prev:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 35px;
    background: #55B659;
    transform: rotate(45deg);
  }
  .table-nav .table-prev.disabled:before, .table-nav .table-prev.disabled:after {
    background: #CCC;
  }
  .table-nav .table-next {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 50px;
  }
  .table-nav .table-next:before {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 35px;
    background: #55B659;
    transform: rotate(-45deg);
  }
  .table-nav .table-next:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 15px;
    background: #55B659;
    transform: rotate(45deg);
  }
  .table-nav .table-next.disabled:before, .table-nav .table-next.disabled:after {
    background: #CCC;
  }
  .table-nav .table-drop-headers {
    text-align: center;
    font-weight: 700;
    font-size: 2.2rem;
  }
  .stacktable tr td:first-of-type {
    text-align: left;
    padding: 0.5em 0;
  }
  .stacktable tr td:last-of-type {
    text-align: right;
    padding: 0.5em 0;
  }
}
/**

label {
  display: block;
  margin-bottom: 5px;
}

input[type=text],
input[type=email],
input[type=phone],
input[type=password],
input[type=number],
input[type=search],
textarea {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, .05);
  border-radius: $btn-br;
  border: 1px solid #ccc;
  outline: none;
  padding: 5px 10px;
  width: 300px;

  &:focus {
    border-color: $primary-color;
  }

  &.full-width {
    width: 100%;
  }
}

textarea {
  height: 4em;
}

form {
  margin-bottom: $padding*2;

  // Wrap each form input/element in a field div
  .field {
    margin-bottom: $padding;
  }

  // Notes go under the input fields
  .hint {
    color: $subtle-color;
    margin-top: 5px;
  }

  // Required label
  .is-required {
    font-style: italic;
  }

  // Validation, add error class to the item div
  .has-error {

    // Validation reason
    .error-description {
      color: $danger-color;
      margin-top: 5px;
    }

    input[type=text],
    input[type=email],
    input[type=phone],
    input[type=password],
    input[type=number],
    input[type=search],
    textarea {
      border-color: $danger-color;
    }
  }
}
*/
form {
  margin: 0 0 1.5em;
}
form label {
  text-align: left;
}
form legend, form .f-h2, form .f-h3, form .f-h4, form .f-h5 {
  color: #495254 !important;
  text-transform: none;
  font-weight: normal;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  form legend, form .f-h2, form .f-h3, form .f-h4, form .f-h5 {
    font-size: 1.8rem;
  }
}

.embedded-code {
  display: inline-block;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.clear {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

hr {
  border: 0;
  border-bottom: 1px solid #ddd;
  margin: 2em 0;
}

.subtle {
  color: #808080;
}

.relative {
  position: relative;
}

span[role=button], .linkbox {
  cursor: pointer;
}

/**
PRIVACY POLICY Complex
{{tag name="t566976" label="Page Description" type="body"}}
    <div class="mod-privacy">
	<table class="editableTable" id="facts_table">
		<tbody>
			<tr>
				<th class="setwidth blue col-title" id="facts" scope="col1">
					<h2>FACTS</h2>
				</th>
				<th data-title="FACTS" id="personal_information_use" scope="col2" valign=
				"top">
					<h2>WHAT DOES {{tag name="BankName" label="Name of Bank / Credit Union" type="textbox"}} DO WITH YOUR PERSONAL INFORMATION?</h2>
				</th>
			</tr>
			{{tag name="Table_Row" label="Table Rows" type="plooper-Privacy Policy Facts"}}

		</tbody>
	</table>

	<table class="editableTable" id="table-reasons">
		<tbody>
			<tr>
				<th id="personal_information" scope="col1">
					<h2>Reasons we can share your personal information</h2>
				</th>
				<th class="col-title" id="bank_share" scope="col2">
					<h2>Does {{tag name="BankName" label="Name of Bank / Credit Union" type="textbox"}} share?</h2>
				</th>
				<th class="col-title" id="limit_sharing" scope="col3">
					<h2>Can you limit this sharing?</h2>
				</th>
			</tr>
			{{tag name="test" label="Table Rows" type="plooper-Privacy Policy Reasons"}}
		</tbody>
	</table>

	<table class="editableTable">
		<tbody>
			<tr>
				<th class="setwidth blue" scope="col">
					<h2>{{tag name="Questions" label="Questions" type="textbox"}}</h2>
				</th>
			</tr>
			<tr>
				<td>{{tag name="Content" label="Content" type="body"}}</td>
			</tr>
		</tbody>
	</table>

	<table class="editableTable">
		<tbody>
			<tr>
				<th colspan="3" scope="col" id="{{tag name="t276214" label="ID" type="textbox"}}">
					<h2>{{tag name="who" label="title" type="textbox"}}</h2>
				</th>
			</tr>
			<tr>
				<th class="setwidth col-title" scope="row" id="{{tag name="t272767" label="ID" type="textbox"}}">
					<strong></strong>
					<h2><strong>{{tag name="subtitle" label="Subtitle" type="textbox"}}</strong></h2>
				</th>
				<td headers="{{tag name="t150098" label="Headers" type="textbox"}}" colspan="2" data-title="{{tag name="subtitle" label="Subtitle" type="textbox"}}">{{tagname="Content123" label="Content" type="body"}}</td>
			</tr>
		</tbody>
	</table>
		<table class="editableTable">
		<tbody>
			<tr>
				<th colspan="3" scope="col" id="what_we_do">
					<h2>What we do</h2>
				</th>
			</tr>
			{{tag name="Table_row4" label="Table Rows" type="plooper-Privacy Policy What we do"}}
		</tbody>
	</table>

	<table class="editableTable">
		<tbody>
			<tr>
				<th colspan="3" scope="col" id="definitions">
					<h2>Definitions</h2>
				</th>
			</tr>
			{{tag name="Table_row5" label="Table Rows" type="plooper-Privacy Policy Definitions"}}
		</tbody>
	</table>

	<!--Other Information -->
<table class="editableTable">
		<tbody>
			<tr>
				<th colspan="3" scope="col">
					<h2>{{tag name="title" label="Title" type="textbox"}}</h2>
				</th>
			</tr>
			<tr>
				<td colspan="3">{{tag name="content12345" label="Content" type="body"}}</td>
			</tr>
		</tbody>
	</table>
</div>
*/
/* LOOPER - FACTS 
<tr><th scope="{{tag name="Scope" label="Scope" type="textbox" display_on_header="no"}}"  id="{{tag name="ID" label="ID" type="textbox" display_on_header="no"}}" class="col-title">{{tag name="Title" label="Title" type="textbox" display_on_header="yes"}}</th><td data-title="{{tag name="Title" label="Title" type="textbox" display_on_header="no"}}">{{tag name="Content" label="Content" type="body" display_on_header="no"}}</td></tr> */
/* LOOPER - REASONS 
<tr><td>{{tag name="Reason" label="Reason" type="body" display_on_header="yes"}}</td><td data-title="Does {{tag name="BankName" label="Name of Bank / Credit Union" type="textbox"}} share?"><p>{{tag name="Share" label="Does Bank share?" type="select" options="Yes=Yes|No=No" display_on_header="no"}}</p></td><td data-title="Can you limit this sharing?"><p>{{tag name="Limit" label="Can you limit this sharing" type="select" options="Yes=Yes|No=No|We don't share=We don't share" display_on_header="no"}}</p></td></tr><tr> */
/* LOOPER - What we do
<tr><th scope="{{tag name="Scope" label="Scope" type="textbox" display_on_header="no"}}" id="{{tag name="ID" label="ID" type="textbox" display_on_header="no"}}"><strong>{{tag name="Title" label="Title" type="textbox" display_on_header="yes"}}</strong></th><td colspan="2" data-title="{{tag name="Title" label="Title" type="textbox" display_on_header="no"}}">{{tag name="Content" label="Content" type="body" display_on_header="no"}}</td></tr> */
/* LOOPER - Definitions
<tr><th class="setwidth" scope="{{tag name="Scope" label="Scope" type="textbox" display_on_header="no"}}" id="{{tag name="ID" label="ID" type="textbox" display_on_header="no"}}">{{tag name="Title" label="Title" type="textbox" display_on_header="yes"}}</th><td colspan="2" data-title="{{tag name="Title" label="Title" type="textbox" display_on_header="no"}}">{{tag name="Content" label="Content" type="body" display_on_header="no"}}</td></tr> */
/** Privacy Policy **/
.mod-privacy .col-title {
  display: table-cell;
}
@media screen and (max-width: 900px) {
  .mod-privacy .col-title {
    display: none;
  }
}
.mod-privacy table th h2 {
  color: #ffffff;
}

.pg-privacy main ul {
  list-style: none;
}
.pg-privacy main ul li::before {
  content: "•";
  color: black;
  display: inline-block;
  margin-right: 5px;
}

/** DEFAULT SPEEDBUMP STYLES **/
.speedbump_back, .js-email_pop {
  background-color: rgba(0, 0, 0, 0.7) !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9100;
  text-align: center;
}

.speedbump_pop_inner, .email_pop_inner {
  display: inline-block;
  max-width: 450px;
  width: 90%;
  position: absolute;
  top: -50%;
  left: 50%;
  transform: translateX(-50%);
  transition: top 0.35s ease-in-out;
}
.sb-active .speedbump_pop_inner, .sb-active .email_pop_inner {
  top: 50%;
}
.sb-active.fixed .speedbump_pop_inner, .sb-active.fixed .email_pop_inner {
  transform: translateX(-50%) translateY(-50%);
}

.speedbump_pop_content, .email_pop_content {
  background: #FFF;
  border-radius: 10px;
  padding: 1.5em;
  text-align: center;
}

.speedbump_pop_header, .email_pop_header {
  background: #005581;
  padding: 0.5em;
  border-radius: 10px;
  color: #FFF;
}

.speedbump_pop_message, .email_pop_message {
  padding: 1em 0;
  color: #333;
  font-size: 0.9em;
}

.speedbump_pop_btn, .email_pop_btn {
  display: inline-block;
  padding: 0.4em 1em;
  font-size: 0.9em;
  border-radius: 5px;
  border: solid 2px #005581;
  text-align: center;
}

.speedbump_pop_btn_ok, .email_pop_btn_ok {
  background: #3f4040;
  color: #fff;
  margin: 0 10px 10px 0;
  width: 100%;
}
.speedbump_pop_btn_ok:hover, .email_pop_btn_ok:hover {
  background: rgb(88.2992125984, 89.7007874016, 89.7007874016);
}

.speedbump_pop_btn_cancel, .email_pop_btn_cancel {
  color: #005581;
  width: 100%;
}
.speedbump_pop_btn_cancel:hover, .email_pop_btn_cancel:hover {
  background: rgb(88.2992125984, 89.7007874016, 89.7007874016);
  color: #fff;
}

.close-login {
  border: none;
  width: 100%;
  height: 108px;
  background-color: #005480 !important;
  color: #fff;
  font-size: 2.3rem;
  text-transform: uppercase;
  font-family: lexia, sans-serif;
  font-weight: bold;
}
.close-login img {
  width: 33px !important;
  height: 33px !important;
  padding: 0 !important;
  display: inline-block;
  margin-left: 0.5em;
  position: relative;
  top: -1px;
}

.access-login, .pg-login main .online-banking-form {
  width: 100%;
  height: calc(100vh - 108px);
  left: 0;
  display: none;
  z-index: 1001;
  color: #fff;
}
.access-login > .max-wrap, .pg-login main .online-banking-form > .max-wrap {
  zoom: 1;
  position: relative;
  background: #003965;
}
.access-login > .max-wrap:before, .pg-login main .online-banking-form > .max-wrap:before, .access-login > .max-wrap:after, .pg-login main .online-banking-form > .max-wrap:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.access-login > .max-wrap:after, .pg-login main .online-banking-form > .max-wrap:after {
  clear: both;
}
.access-login .login-control-bar, .pg-login main .online-banking-form .login-control-bar {
  height: 108px;
  background-color: #fff;
  width: 100%;
  display: block;
}
.access-login .login-control-bar .login-col-left, .pg-login main .online-banking-form .login-control-bar .login-col-left {
  display: inline-block;
  width: 85%;
  vertical-align: top;
}
.access-login .login-control-bar .login-col-right, .pg-login main .online-banking-form .login-control-bar .login-col-right {
  display: inline-block;
  width: 15%;
  vertical-align: top;
}
.access-login h2, .pg-login main .online-banking-form h2 {
  border-bottom: solid 1px #fff;
  color: #fff;
  padding-bottom: 0.5em;
  margin-bottom: 1.5em;
  font-size: 2.6rem;
}
.access-login a, .pg-login main .online-banking-form a {
  color: #fff;
  font-size: 1.8rem;
  text-transform: uppercase;
  display: inline-block;
}
.access-login p, .pg-login main .online-banking-form p {
  margin-bottom: 0.5em;
}
.access-login .login-area, .pg-login main .online-banking-form .login-area {
  padding: 50px 30px;
  font-size: 1.4rem;
  height: 100%;
  background: #003965;
}
@media screen and (min-width: 900px) {
  .access-login .login-area, .pg-login main .online-banking-form .login-area {
    display: inline-block;
    width: calc(100% - 350px);
    padding: 100px 30px;
    height: calc(100vh - 108px);
  }
}
.access-login .login-area .login-content, .pg-login main .online-banking-form .login-area .login-content {
  max-width: 420px;
  margin: 0 auto;
}
.access-login .login-area .login-form, .pg-login main .online-banking-form .login-area .login-form {
  margin-bottom: 3em;
}
.access-login .login-area .login-box, .pg-login main .online-banking-form .login-area .login-box {
  position: relative;
  background: #E1EDF4;
  margin-bottom: 0.5em;
}
.access-login .login-area .login-box:before, .pg-login main .online-banking-form .login-area .login-box:before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background: url(../svg/ico-login-lock.svg) no-repeat;
  background-size: contain;
}
.access-login .login-area .login-inp, .pg-login main .online-banking-form .login-area .login-inp {
  margin: 0;
  height: 50px;
  border: none;
  width: calc(100% - 50px);
  padding-left: 50px;
}
.access-login .login-area .login-btn, .pg-login main .online-banking-form .login-area .login-btn {
  background-color: #55B659;
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  transform: rotateZ(-90deg);
  right: 0;
  transition: background 0.5s ease-in-out;
}
.access-login .login-area .login-btn:before, .pg-login main .online-banking-form .login-area .login-btn:before {
  content: "";
  position: absolute;
  top: 32%;
  left: 33%;
  width: 5px;
  height: 40%;
  background-color: #fff;
  border-radius: 10px;
  transform: rotate(-50deg);
}
.access-login .login-area .login-btn:after, .pg-login main .online-banking-form .login-area .login-btn:after {
  content: "";
  position: absolute;
  top: 32%;
  right: 33%;
  width: 5px;
  height: 40%;
  background-color: #fff;
  border-radius: 10px;
  transform: rotate(50deg);
}
.access-login .login-area .login-btn:hover, .pg-login main .online-banking-form .login-area .login-btn:hover, .access-login .login-area .login-btn:focus, .pg-login main .online-banking-form .login-area .login-btn:focus, .access-login .login-area .login-btn.hovered, .pg-login main .online-banking-form .login-area .login-btn.hovered {
  background: rgb(64.8888888889, 151.1111111111, 68.4444444444);
}
.access-login .login-area .login-box-link, .pg-login main .online-banking-form .login-area .login-box-link {
  margin-bottom: 4em;
}
.access-login .login-area .login-box-link a, .pg-login main .online-banking-form .login-area .login-box-link a {
  text-transform: none;
  font-size: 1.4rem;
}
.access-login .login-area .login-box-link a:hover, .pg-login main .online-banking-form .login-area .login-box-link a:hover, .access-login .login-area .login-box-link a:focus, .pg-login main .online-banking-form .login-area .login-box-link a:focus, .access-login .login-area .login-box-link a.hovered, .pg-login main .online-banking-form .login-area .login-box-link a.hovered {
  text-decoration: underline;
}
.access-login .login-area .login-links, .pg-login main .online-banking-form .login-area .login-links {
  margin-bottom: 2em;
}
.access-login .login-area .login-links ul, .pg-login main .online-banking-form .login-area .login-links ul {
  padding: 0;
  list-style: none;
}
.access-login .login-area .login-links ul li, .pg-login main .online-banking-form .login-area .login-links ul li {
  display: inline-block;
}
.access-login .login-area .login-links ul li:after, .pg-login main .online-banking-form .login-area .login-links ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 1em;
}
.access-login .login-area .login-links ul li:last-of-type:after, .pg-login main .online-banking-form .login-area .login-links ul li:last-of-type:after {
  content: none;
}
.access-login .login-area .login-links a:hover, .pg-login main .online-banking-form .login-area .login-links a:hover, .access-login .login-area .login-links a:focus, .pg-login main .online-banking-form .login-area .login-links a:focus, .access-login .login-area .login-links a.hovered, .pg-login main .online-banking-form .login-area .login-links a.hovered {
  text-decoration: underline;
}
.access-login .other-logins, .pg-login main .online-banking-form .other-logins {
  padding: 50px 30px;
  background: #005480;
}
@media screen and (min-width: 900px) {
  .access-login .other-logins, .pg-login main .online-banking-form .other-logins {
    display: inline-block;
    width: 350px;
    padding: 100px 30px;
    height: calc(100vh - 108px);
  }
}
.access-login .other-logins .additional-login-links, .pg-login main .online-banking-form .other-logins .additional-login-links {
  list-style: none;
  padding: 0;
}
.access-login .other-logins .additional-login-links li, .pg-login main .online-banking-form .other-logins .additional-login-links li {
  margin-bottom: 1em;
}
.access-login .other-logins .additional-login-links li a, .pg-login main .online-banking-form .other-logins .additional-login-links li a {
  display: inline-block;
}
.access-login .other-logins .additional-login-links li a:after, .pg-login main .online-banking-form .other-logins .additional-login-links li a:after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  background: url(../svg/ico-arrow-block.svg) no-repeat;
  background-size: contain;
}
.access-login .other-logins .additional-login-links li a:hover, .pg-login main .online-banking-form .other-logins .additional-login-links li a:hover, .access-login .other-logins .additional-login-links li a:focus, .pg-login main .online-banking-form .other-logins .additional-login-links li a:focus, .access-login .other-logins .additional-login-links li a.hovered, .pg-login main .online-banking-form .other-logins .additional-login-links li a.hovered {
  text-decoration: underline;
}

.header-desktop .access-login, .header-desktop .pg-login main .online-banking-form, .pg-login main .header-desktop .online-banking-form {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}

.login-page-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  color: #005581;
}
.login-page-wrapper .login-area {
  padding: 50px 30px;
  font-size: 1.4rem;
  height: 100%;
}
.login-page-wrapper .login-area .login-content {
  max-width: 420px;
  margin: 0 auto;
}
.login-page-wrapper .login-area .login-form {
  margin-bottom: 3em;
}
.login-page-wrapper .login-area .login-box {
  position: relative;
  margin-bottom: 0.5em;
}
.login-page-wrapper .login-area .login-box:before {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
  background: url(../svg/ico-login-lock.svg) no-repeat;
  background-size: contain;
}
.login-page-wrapper .login-area .login-inp {
  margin: 0;
  height: 50px;
  width: calc(100% - 50px);
  padding-left: 50px;
  border-color: #55B659;
  border-style: solid;
  border-width: 1px 0 1px 1px;
}
.login-page-wrapper .login-area .login-btn {
  background-color: #55B659;
  display: inline-block;
  width: 50px;
  height: 50px;
  top: 0;
  position: absolute;
  transform: rotateZ(-90deg);
  right: 0;
  transition: background 0.5s ease-in-out;
}
.login-page-wrapper .login-area .login-btn:before {
  content: "";
  position: absolute;
  top: 32%;
  left: 33%;
  width: 5px;
  height: 40%;
  background-color: #fff;
  border-radius: 10px;
  transform: rotate(-50deg);
}
.login-page-wrapper .login-area .login-btn:after {
  content: "";
  position: absolute;
  top: 32%;
  right: 33%;
  width: 5px;
  height: 40%;
  background-color: #fff;
  border-radius: 10px;
  transform: rotate(50deg);
}
.login-page-wrapper .login-area .login-btn:hover, .login-page-wrapper .login-area .login-btn:focus, .login-page-wrapper .login-area .login-btn.hovered {
  background: rgb(64.8888888889, 151.1111111111, 68.4444444444);
}
.login-page-wrapper .login-area .login-box-link {
  margin-bottom: 4em;
}
.login-page-wrapper .login-area .login-box-link a {
  text-transform: none;
  font-size: 1.4rem;
}
.login-page-wrapper .login-area .login-box-link a:hover, .login-page-wrapper .login-area .login-box-link a:focus, .login-page-wrapper .login-area .login-box-link a.hovered {
  text-decoration: underline;
}
.login-page-wrapper .login-area .login-links {
  margin-bottom: 2em;
}
.login-page-wrapper .login-area .login-links ul {
  padding: 0;
  list-style: none;
}
.login-page-wrapper .login-area .login-links ul li {
  display: inline-block;
}
.login-page-wrapper .login-area .login-links ul li:after {
  content: "|";
  display: inline-block;
  margin: 0 1em;
}
.login-page-wrapper .login-area .login-links ul li:last-of-type:after {
  content: none;
}
.login-page-wrapper .login-area .login-links a:hover, .login-page-wrapper .login-area .login-links a:focus, .login-page-wrapper .login-area .login-links a.hovered {
  text-decoration: underline;
}
.login-page-wrapper .other-logins {
  padding: 0 30px 50px;
}
.login-page-wrapper .other-logins .login-content {
  max-width: 420px;
  margin: 0 auto;
}
.login-page-wrapper .other-logins .additional-login-links {
  list-style: none;
  padding: 0;
}
.login-page-wrapper .other-logins .additional-login-links li {
  margin-bottom: 1em;
}
.login-page-wrapper .other-logins .additional-login-links li a {
  display: inline-block;
}
.login-page-wrapper .other-logins .additional-login-links li a:after {
  content: "";
  display: inline-block;
  margin-left: 1em;
  width: 25px;
  height: 25px;
  position: relative;
  top: 5px;
  background: url(../svg/ico-arrow-block.svg) no-repeat;
  background-size: contain;
}
.login-page-wrapper .other-logins .additional-login-links li a:hover, .login-page-wrapper .other-logins .additional-login-links li a:focus, .login-page-wrapper .other-logins .additional-login-links li a.hovered {
  text-decoration: underline;
}

.login-links-standalone {
  margin: 0 auto;
  padding: 0 3rem;
}

/** Defaults **/
nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  list-style: none;
  padding: 0;
}

@media screen and (min-width: 900px) {
  .internal-nav {
    border-radius: 10px;
  }
}
.internal-nav h3 {
  text-align: center;
  padding: 0.5em;
}
.internal-nav nav {
  text-align: left;
  margin-bottom: 1em;
}
.internal-nav nav li {
  display: block;
  margin: 0;
}
.internal-nav nav li:first-child a {
  border-radius: 5px 5px 0 0;
}
.internal-nav nav li:last-child a {
  border-radius: 0 0 5px 5px;
}
.internal-nav nav li.current a {
  color: #55B659;
}
.internal-nav nav a {
  font-size: 1.2rem;
  color: #fff;
  font-weight: 600;
  display: block;
  padding: 0.5em 1em;
}
@media screen and (min-width: 900px) {
  .internal-nav nav a {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .internal-nav nav a {
    font-size: 1.4rem;
  }
}
.internal-nav nav a:hover, .internal-nav nav a:focus {
  color: #55B659;
  transition: all 0.3s ease-out;
}

.horizontal-nav {
  background: #00b5ea;
  color: #fff;
  padding: 1em;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .horizontal-nav {
    display: none;
  }
}
.horizontal-nav ul {
  padding: 0;
}
.horizontal-nav ul li {
  display: inline-block;
}
.horizontal-nav ul a {
  font-weight: 900;
  text-transform: uppercase;
  color: #fff;
  display: inline-block;
}
.internal-page .horizontal-nav {
  padding: 2em 1em;
  font-size: 1.5rem;
}
.internal-page .horizontal-nav a {
  font-weight: 700;
}

/*** Search Window ***/
.search-window {
  background: url(../footer-back.html) repeat-x bottom #005581;
  width: 100%;
  height: 500px;
  z-index: 499;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  overflow: auto;
  display: none;
}
.search-window .head-desktop {
  background: none !important;
}
.search-window .search-content {
  padding: 2em 1em;
}
.sticky .search-window .search-content {
  padding: 7em 1em 2em;
}
.search-window .search-box {
  width: 415px;
  height: 53px;
  max-width: 100%;
  margin: 0 auto 3em;
  background: none;
  position: relative;
}
.search-window .search-box:before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  left: 14px;
  transform: translateY(-50%);
  background: url(../ico-search.html) no-repeat;
  background-size: contain;
}
.search-window .search-box .search-inp {
  width: 100%;
  height: 53px;
  border-radius: 7px;
  color: #495254;
  padding-left: 50px;
}
.search-window .search-box .search-inp:placeholder {
  font-size: 2rem;
  color: #005581;
  font-style: italic;
}
.search-window .search-close-btn {
  color: #fff;
  font-weight: 400;
  font-size: 4rem;
  line-height: 1;
}
.search-window .search-link-area {
  max-width: 600px;
  margin: 0 auto 4em;
  color: #fff;
}
.search-window .search-link-area .f-h6 {
  font-size: 1.6rem;
  padding-bottom: 1.7em;
  margin-bottom: 2em;
  border-bottom: solid 1px #a5a5a5;
  text-align: center;
}
.search-window .search-link-area .search-links {
  max-width: 500px;
  margin: 0 auto;
  padding: 0 0 0 2em;
  list-style: none;
  zoom: 1;
}
.search-window .search-link-area .search-links:before, .search-window .search-link-area .search-links:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.search-window .search-link-area .search-links:after {
  clear: both;
}
.search-window .search-link-area .search-links li {
  float: left;
  width: 50%;
  margin-bottom: 0.25em;
}
.search-window .search-link-area .search-links a {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}

/*
 * easy-autocomplete
 * jQuery plugin for autocompletion
 * 
 * @author Łukasz Pawełczak (http://github.com/pawelczak)
 * @version 1.3.5
 * Copyright  License: 
 */
.easy-autocomplete {
  position: relative;
}

.easy-autocomplete input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  color: #555;
  float: none;
  padding: 6px 12px;
}

.easy-autocomplete input:hover,
.easy-autocomplete input:focus {
  box-shadow: none;
}

.easy-autocomplete a {
  display: block;
}

.easy-autocomplete.eac-blue-light input:hover,
.easy-autocomplete.eac-blue-light input:focus {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul {
  border-color: #66afe9;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.easy-autocomplete.eac-blue-light ul li,
.easy-autocomplete.eac-blue-light ul .eac-category {
  border-color: #66afe9;
}

.easy-autocomplete.eac-blue-light ul li.selected,
.easy-autocomplete.eac-blue-light ul .eac-category.selected {
  background-color: #ecf5fc;
}

.easy-autocomplete.eac-green-light input:hover,
.easy-autocomplete.eac-green-light input:focus {
  border-color: #41db00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul {
  border-color: #41db00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(146, 237, 107, 0.6);
}

.easy-autocomplete.eac-green-light ul li,
.easy-autocomplete.eac-green-light ul .eac-category {
  border-color: #41db00;
}

.easy-autocomplete.eac-green-light ul li.selected,
.easy-autocomplete.eac-green-light ul .eac-category.selected {
  background-color: #9eff75;
}

.easy-autocomplete.eac-red-light input:hover,
.easy-autocomplete.eac-red-light input:focus {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul {
  border-color: #ff5b5b;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 90, 90, 0.6);
}

.easy-autocomplete.eac-red-light ul li,
.easy-autocomplete.eac-red-light ul .eac-category {
  border-color: #ff5b5b;
}

.easy-autocomplete.eac-red-light ul li.selected,
.easy-autocomplete.eac-red-light ul .eac-category.selected {
  background-color: #ff8e8e;
}

.easy-autocomplete.eac-yellow-light input:hover,
.easy-autocomplete.eac-yellow-light input:focus {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul {
  border-color: #ffdb00;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255, 231, 84, 0.6);
}

.easy-autocomplete.eac-yellow-light ul li,
.easy-autocomplete.eac-yellow-light ul .eac-category {
  border-color: #ffdb00;
}

.easy-autocomplete.eac-yellow-light ul li.selected,
.easy-autocomplete.eac-yellow-light ul .eac-category.selected {
  background-color: #ffe233;
}

.easy-autocomplete.eac-dark-light input:hover,
.easy-autocomplete.eac-dark-light input:focus {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul {
  border-color: #333;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(55, 55, 55, 0.6);
}

.easy-autocomplete.eac-dark-light ul li,
.easy-autocomplete.eac-dark-light ul .eac-category {
  border-color: #333;
}

.easy-autocomplete.eac-dark-light ul li.selected,
.easy-autocomplete.eac-dark-light ul .eac-category.selected {
  background-color: #4d4d4d;
  color: #fff;
}

.easy-autocomplete.eac-dark {
  color: #fff;
}

.easy-autocomplete.eac-dark input {
  background-color: #404040;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark input:hover,
.easy-autocomplete.eac-dark input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-dark ul {
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li,
.easy-autocomplete.eac-dark ul .eac-category {
  background-color: #404040;
  border-color: #333;
}

.easy-autocomplete.eac-dark ul li.selected,
.easy-autocomplete.eac-dark ul .eac-category.selected {
  background-color: #737373;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass {
  color: #fff;
}

.easy-autocomplete.eac-dark-glass input {
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass input:hover,
.easy-autocomplete.eac-dark-glass input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0;
}

.easy-autocomplete.eac-dark-glass ul {
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li,
.easy-autocomplete.eac-dark-glass ul .eac-category {
  background-color: rgba(0, 0, 0, 0.8);
  border-color: rgba(0, 0, 0, 0.8);
}

.easy-autocomplete.eac-dark-glass ul li.selected,
.easy-autocomplete.eac-dark-glass ul .eac-category.selected {
  background-color: rgba(64, 64, 64, 0.8);
  color: #f6f6f6;
}

.easy-autocomplete.eac-dark-glass ul li:last-child,
.easy-autocomplete.eac-dark-glass ul .eac-category:last-child {
  border-radius: 0 0 4px 4px;
}

.easy-autocomplete.eac-blue {
  color: #fff;
}

.easy-autocomplete.eac-blue input {
  background-color: #6d9ed1;
  border-radius: 4px;
  box-shadow: 0;
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-webkit-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input::-moz-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:-ms-input-placeholder {
  color: #f6f6f6;
}

.easy-autocomplete.eac-blue input:hover,
.easy-autocomplete.eac-blue input:focus {
  border-color: #5a91cb;
  box-shadow: 0;
}

.easy-autocomplete.eac-blue ul {
  border-color: #5a91cb;
}

.easy-autocomplete.eac-blue ul li,
.easy-autocomplete.eac-blue ul .eac-category {
  background-color: #6d9ed1;
  border-color: #5a91cb;
}

.easy-autocomplete.eac-blue ul li.selected,
.easy-autocomplete.eac-blue ul .eac-category.selected {
  background-color: #94b8dd;
  color: #f6f6f6;
}

.easy-autocomplete.eac-yellow {
  color: #333;
}

.easy-autocomplete.eac-yellow input {
  background-color: #ffdb7e;
  border-color: #333;
  border-radius: 4px;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-yellow input:hover,
.easy-autocomplete.eac-yellow input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-yellow ul {
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li,
.easy-autocomplete.eac-yellow ul .eac-category {
  background-color: #ffdb7e;
  border-color: #333;
}

.easy-autocomplete.eac-yellow ul li.selected,
.easy-autocomplete.eac-yellow ul .eac-category.selected {
  background-color: #ffe9b1;
  color: #333;
}

.easy-autocomplete.eac-purple {
  color: #333;
}

.easy-autocomplete.eac-purple input {
  background-color: #d6d1e7;
  border-color: #b8afd5;
  box-shadow: 0;
  color: #333;
}

.easy-autocomplete.eac-purple input:hover,
.easy-autocomplete.eac-purple input:focus {
  border-color: #333;
  box-shadow: 0;
}

.easy-autocomplete.eac-purple ul {
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li,
.easy-autocomplete.eac-purple ul .eac-category {
  background-color: #d6d1e7;
  border-color: #333;
}

.easy-autocomplete.eac-purple ul li.selected,
.easy-autocomplete.eac-purple ul .eac-category.selected {
  background-color: #ebe8f3;
  color: #333;
}

.easy-autocomplete.eac-bootstrap input {
  border-color: #ccc;
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
  color: #555;
  padding: 6px 12px;
}

.easy-autocomplete-container {
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1000;
}

.easy-autocomplete-container ul {
  background: none repeat scroll 0 0 #ffffff;
  border-top: 1px dotted #ccc;
  display: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  position: relative;
  top: -1px;
}

.easy-autocomplete-container ul li,
.easy-autocomplete-container ul .eac-category {
  background: inherit;
  border-color: #ccc;
  border-image: none;
  border-style: solid;
  border-width: 0 1px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  padding: 4px 12px;
}

.easy-autocomplete-container ul li:last-child {
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
}

.easy-autocomplete-container ul li.selected {
  background: none repeat scroll 0 0 #ebebeb;
  cursor: pointer;
}

.easy-autocomplete-container ul li.selected div {
  font-weight: normal;
}

.easy-autocomplete-container ul li div {
  display: block;
  font-weight: normal;
  word-break: break-all;
}

.easy-autocomplete-container ul li b {
  font-weight: bold;
}

.easy-autocomplete-container ul .eac-category {
  font-color: #aaa;
  font-style: italic;
}

.eac-description .eac-item span {
  color: #aaa;
  font-style: italic;
  font-size: 0.9em;
}

.eac-icon-left .eac-item img {
  margin-right: 4px;
  max-height: 30px;
}

.eac-icon-right .eac-item {
  margin-top: 8px;
  min-height: 24px;
  position: relative;
}

.eac-icon-right .eac-item img {
  margin-left: 4px;
  max-height: 30px;
  position: absolute;
  right: -4px;
  top: -8px;
}


.easy-autocomplete-container li {
  display: block !important;
}

/*
.easy-autocomplete.eac-square{font-family:"Roboto", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-square input{border:1px solid #7f8c8d;border-radius:0;color:#7f8c8d;font-family:inherit;font-size:18px;font-style:italic;font-weight:300;margin:0;min-width:350px;padding:12px 43px 12px 15px}.easy-autocomplete.eac-square ul{border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:300;padding:6px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:300}.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#f1f1f1;font-weight:300}.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:600}.easy-autocomplete.eac-round{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-round input{border:2px solid #888;border-radius:10px;color:#888;font-family:inherit;font-size:16px;font-weight:400;margin:0;min-width:300px;padding:10px}.easy-autocomplete.eac-round input:hover,.easy-autocomplete.eac-round input:focus{border-color:#3079ed}.easy-autocomplete.eac-round ul{background:none;border-color:#888;border-width:0;box-shadow:none;min-width:300px;top:20px}.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;border-color:#3079ed;border-width:0 2px;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color:#d4e3fb}.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{border-radius:10px 10px 0 0;border-width:2px 2px 0}.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-radius:0 0 10px 10px;border-width:0 2px 2px}.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:700}.easy-autocomplete.eac-funky{font-family:"Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}
/*# sourceMappingURL=easy-autocomplete.themes.min.css.map */
.easy-autocomplete {
  width: auto !important;
}

.search_results_amount {
  color: #005581;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 2em;
  font-size: 2.2rem;
  line-height: 1.1;
}
@media screen and (min-width: 900px) {
  .search_results_amount {
    font-size: 2.3rem;
    line-height: 1.1;
  }
}
@media screen and (min-width: 1400px) {
  .search_results_amount {
    font-size: 2.4rem;
    line-height: 1.1;
  }
}

#search_results {
  padding: 0;
}
#search_results li {
  list-style: none;
  padding: 1em;
}
#search_results li:nth-child(odd) {
  background: #EFEDED;
}
#search_results li h4 {
  margin-bottom: 0.5em;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 0.5em;
}
#search_results li p {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  margin-bottom: 0.5em;
}
#search_results li .search_page_path {
  font-size: 1.4rem;
}
@media screen and (min-width: 900px) {
  #search_results li .search_page_path {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  #search_results li .search_page_path {
    font-size: 1.6rem;
  }
}

@media screen and (min-width: 900px) {
  .search-box-mobile {
    display: none;
  }
}
.search-box-mobile .search-box {
  zoom: 1;
  margin-bottom: 2em;
  text-align: center;
  padding: 0 1em;
}
.search-box-mobile .search-box:before, .search-box-mobile .search-box:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.search-box-mobile .search-box:after {
  clear: both;
}
.search-box-mobile .search-inp {
  border: solid 1px #ccc;
  border-left: solid 7px #55B659;
  height: 50px;
  width: 100%;
  padding: 0 1em;
}
@media screen and (min-width: 500px) {
  .search-box-mobile .search-inp {
    width: calc(100% - 200px);
    float: left;
  }
}
.search-box-mobile .cta-btn, .search-box-mobile .qs-modal .question-block .actions button, .qs-modal .question-block .actions .search-box-mobile button, .search-box-mobile .qs-modal .initial-block .actions button, .qs-modal .initial-block .actions .search-box-mobile button, .search-box-mobile .qs-modal .result-block .actions button, .qs-modal .result-block .actions .search-box-mobile button, .search-box-mobile .ac-modal .ac-answer > .ac-text, .ac-modal .search-box-mobile .ac-answer > .ac-text {
  display: block;
  margin: 0 auto;
  width: 180px;
}
@media screen and (min-width: 500px) {
  .search-box-mobile .cta-btn, .search-box-mobile .qs-modal .question-block .actions button, .qs-modal .question-block .actions .search-box-mobile button, .search-box-mobile .qs-modal .initial-block .actions button, .qs-modal .initial-block .actions .search-box-mobile button, .search-box-mobile .qs-modal .result-block .actions button, .qs-modal .result-block .actions .search-box-mobile button, .search-box-mobile .ac-modal .ac-answer > .ac-text, .ac-modal .search-box-mobile .ac-answer > .ac-text {
    float: right;
  }
}

.block-sitemap {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 1em;
}
@media screen and (min-width: 1400px) {
  .block-sitemap {
    -moz-column-count: 2;
    -moz-column-gap: 1em;
    -webkit-column-count: 2;
    -webkit-column-gap: 1em;
    -moz-column-count: 2;
    -moz-column-gap: 1em;
  }
}
.block-sitemap .menu_nav ul {
  padding-left: 1em;
}
@media screen and (min-width: 1400px) {
  .block-sitemap .menu_nav ul {
    display: block !important;
  }
}
.block-sitemap .menu_nav > ul {
  padding: 1em 0;
}

.blocker {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 100;
  padding: 20px;
  box-sizing: border-box;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.75);
  text-align: center;
}

.blocker:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.05em;
}

.blocker.behind {
  background-color: transparent;
}

.modal {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  max-width: 500px;
  box-sizing: border-box;
  width: 90%;
  background: #fff;
  padding: 0;
  border-radius: 0px;
  box-shadow: 0 0 10px #000;
  text-align: left;
}

.modal a.close-modal {
  position: absolute;
  top: -12.5px;
  right: -12.5px;
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lgwYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=") no-repeat 0 0;
}

.modal-spinner {
  display: none;
  width: 64px;
  height: 64px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-right: -32px;
  margin-top: -32px;
  background: url("data:image/gif;base64,R0lGODlhIAAgAPMAABEREf///0VFRYKCglRUVG5ubsvLy62trTQ0NCkpKU5OTuLi4vr6+gAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==") #111 no-repeat center center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -o-border-radius: 8px;
  -ms-border-radius: 8px;
  border-radius: 8px;
}

.modal .video-transcript {
  font-size: 1.4rem;
  padding: 0.5em;
}
@media screen and (min-width: 900px) {
  .modal .video-transcript {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .modal .video-transcript {
    font-size: 1.6rem;
  }
}

/** MOBILE **/
/**************************
        Open An Account
/*************************/
.tab_container {
  padding: 1em;
}

.mod-tabs ul {
  list-style: outside none none;
  margin: 0 0 1.5em;
  padding: 0;
}

.mod-tabs li {
  border: 1px solid #004685;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  float: left;
  border-radius: 5px;
  float: left;
  margin: 0.5em 1%;
  text-align: center;
  width: 47%;
}

.mod-tabs li a {
  color: #005581;
  letter-spacing: 0.04em;
  display: block;
  padding: 0.9em 0;
}

.mod-tabs li a:hover {
  background: #00b5ea;
  color: #fff;
}

.mod-tabs .active {
  background: #005581;
}

.mod-tabs .active a {
  color: #fff;
}

.tab_container h2 a {
  color: #005581;
  font-weight: 400;
}

.mod-productlist {
  margin-bottom: 2em;
}

.mod-productlist ul {
  list-style: outside none none;
  padding: 0;
}

.mod-productlist h3 {
  margin: 0 0 0.5em;
}

.mod-productlist li {
  border-bottom: 1px solid #ccc;
  margin: 0 0 1em;
}

.mod-productlist .product-info a {
  color: #00b5ea;
}

@media screen and (min-width: 900px) {
  .mod-productlist .product-info {
    float: left;
    margin: 0 1em 0.25em 0;
    width: 44%;
  }
}

.mod-productlist .actions {
  float: right;
  margin: 0;
}
.mod-productlist .actions a {
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .mod-productlist .actions {
    margin: 0 0 0.25em;
    text-align: right;
  }
}

/* Cookie Banner */
.cookie-policy-banner {
  margin: 0;
  padding: 1em 26px;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(33, 120, 36, 0.9607843137);
  z-index: 499;
  transform: translateY(100%);
  transition: transform 0.5s ease;
  display: none;
}
.cookie-policy-banner.active {
  transform: translateY(0%);
  transition: transform 0.5s ease;
}
.cookie-policy-banner > ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.cookie-policy-banner > ul > li {
  margin: 0;
  padding: 0;
  text-align: center;
}
.cookie-policy-banner > ul > li:first-child {
  margin: 0 auto 1em;
  flex-basis: 100%;
  align-self: center;
  order: 2;
}
.cookie-policy-banner > ul > li:nth-child(2) {
  margin: 0 auto;
  flex-basis: 100%;
  align-self: center;
  order: 3;
}
.cookie-policy-banner > ul > li:last-child {
  margin: 0;
  flex-basis: 100%;
  align-self: flex-start;
  order: 1;
  text-align: right;
}
.cookie-policy-banner .cpb-body {
  margin: 0 auto;
  padding: 0;
  max-width: 700px;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #ffffff;
  text-align: left;
}
.cookie-policy-banner .cpb-body p {
  margin-bottom: 0;
}
.cookie-policy-banner .cpb-body > *:last-child {
  margin: 0 auto;
}
.cookie-policy-banner .cpb-body a {
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
}
.cookie-policy-banner .cpb-accept {
  padding: 0.5em 1em;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 14px;
  font-weight: normal;
  color: #ffffff;
  text-transform: uppercase;
  border: 1px #ffffff solid;
  border-radius: 0.35em;
  background: transparent;
  width: 100px;
  transition: color 0.5s ease, background 0.5s ease;
}
.cookie-policy-banner .cpb-accept:focus,
.cookie-policy-banner .cpb-accept:hover {
  color: #217824;
  background: #ffffff;
  transition: color 0.5s ease, background 0.5s ease;
}
.cookie-policy-banner .cpb-close {
  padding: 0;
  position: relative;
  width: 50px;
  height: 50px;
  background: transparent;
  border: none;
  transform: scale(1);
  transition: transform 0.5s ease;
}
.cookie-policy-banner .cpb-close:before,
.cookie-policy-banner .cpb-close:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 1px;
  height: 30px;
  background: #ffffff;
}
.cookie-policy-banner .cpb-close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.cookie-policy-banner .cpb-close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.cookie-policy-banner .cpb-close:focus,
.cookie-policy-banner .cpb-close:hover {
  transform: scale(1.3);
  transition: transform 0.5s ease;
}

@media only screen and (min-width: 600px) {
  .cookie-policy-banner > ul {
    flex-wrap: nowrap;
  }
  .cookie-policy-banner > ul > li:first-child {
    margin: 0 16px 0 0;
    flex-basis: calc(100% - 182px);
    align-self: center;
    order: 1;
  }
  .cookie-policy-banner > ul > li:nth-child(2) {
    margin: 0 16px 0 0;
    flex-basis: 100px;
    align-self: center;
    order: 2;
  }
  .cookie-policy-banner > ul > li:last-child {
    flex-basis: 50px;
    align-self: flex-start;
    order: 3;
  }
}
@media only screen and (min-width: 1000px) {
  .cookie-policy-banner .cpb-body {
    padding: 0 0 0 150px;
  }
}
/*
	News

	Detail:
	<article class="mod-news-details">
		<p class="article-date">::article_date::</p>
		::article_long_description::<hr />
		<p class="news-back"><a class="cta-lnk" href="/about/news">&laquo; Back to Articles</a></p>
	</article>

	List:
	<article class="mod-news-listing">
		<h3 class="f-h3"><a href="::article_link::">::article_title::</a></h3>
		<p class="article-date">::article_date::</p>
		::article_short_description::
		<p class="text-right"><a class="cta-btn" href="::article_link::">Read more</a></p>
	</article>
 */
.mod-news-details .article-date, .mod-news-listing .article-date {
  margin: 0;
  font-size: 0.8rem;
  font-style: italic;
}
.mod-news-details a, .mod-news-listing a {
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  -ms-word-break: break-all;
}
.mod-news-details img, .mod-news-listing img {
  max-width: 100%;
}
@media screen and (min-width: 900px) {
  .mod-news-details .image, .mod-news-listing .image {
    float: right;
    width: 30%;
    margin: 0 0 2rem 3rem;
  }
}
.mod-news-details:first-child, .mod-news-listing:first-child {
  padding-top: 0;
}

#mod_news_categories {
  margin: 0 auto 3rem;
}
#mod_news_categories h2 {
  margin-bottom: 1rem;
}
#mod_news_categories ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 1.4rem;
}
@media screen and (min-width: 900px) {
  #mod_news_categories ul {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  #mod_news_categories ul {
    font-size: 1.6rem;
  }
}
#mod_news_categories li {
  margin: 0 0 0.25em;
  padding: 0;
}
#mod_news_categories a {
  text-transform: uppercase;
  color: rgba(0, 85, 129, 0.5);
  font-weight: 600;
  padding-left: 10px;
  position: relative;
}
#mod_news_categories a:before {
  height: 16px;
  width: 8px;
  position: absolute;
  top: 0;
  left: 0;
  content: " • ";
}
#mod_news_categories li.current a {
  color: #005581;
}

.mod-news-listing {
  padding: 2em 0 !important;
}
.mod-news-listing .article-info .f-h3 {
  margin-bottom: 0;
}
@media screen and (min-width: 900px) {
  .mod-news-listing .article-info {
    padding: 0 300px 0 0;
  }
}
.mod-news-listing .actions {
  top: 2em !important;
}

/*

  Directory

  Listing:
  <div class="mod-directory-listing">
      <div class="pad">
          <p class="image">::photo::</p>
          <h3 class="name">::name::</h3>
          <p class="position">::position::</p>
          <div class="member-info">
              ::member_info::
          </div>
      </div>
  </div>

  Detail:
  None! Ha!

*/
.block-directory-listing {
  padding: 0 2rem;
  max-width: 1400px;
  margin: 0 auto;
  margin-bottom: 1.5em;
}
.block-directory-listing .title {
  font-family: lexia, sans-serif;
  color: #005581;
  font-size: 2.6rem;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 900px) {
  .block-directory-listing .title {
    font-size: 3.6rem;
  }
}

.mod-directory-listing {
  display: block;
  margin: 0 auto 3rem;
}
.mod-directory-listing .pad {
  padding: 0 1rem;
}
.mod-directory-listing .image {
  margin: 0 0 0.5rem;
}
.mod-directory-listing .image img {
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 242px;
  height: auto;
}
.mod-directory-listing .name {
  font-family: lexia, sans-serif;
  color: #005581;
  font-weight: bold;
  font-size: 1.8rem;
  margin: 0 auto 0.5rem;
}
@media screen and (min-width: 900px) {
  .mod-directory-listing .name {
    font-size: 2rem;
  }
}
.mod-directory-listing .position {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-size: 1.6rem;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-directory-listing .position {
    font-size: 1.8rem;
  }
}
.mod-directory-listing .member-info {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-size: 1.6rem;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-directory-listing .member-info {
    font-size: 1.8rem;
  }
}
.mod-directory-listing .member-info dt {
  display: none;
}
.mod-directory-listing .member-info dd {
  margin: 0 auto;
}
.mod-directory-listing .member-info dd a {
  text-decoration: underline;
}
.mod-directory-listing .member-info dd a:hover {
  text-decoration: none;
}
@media screen and (min-width: 900px) {
  .mod-directory-listing {
    display: inline-block;
    width: 30%;
    margin: 0 2rem 2rem 0;
  }
  .mod-directory-listing:last-child {
    margin: 0 2rem 0 0;
  }
}

/*

  Branches

  Listing:
  <div class="mod-branches-listing">
    <div class="listing-header-container">
      <div class="listing-header-content">
        ::breadcrumb::
        <h2 class="title">{{tag name="t287607" label="Header Text" type="body-tiny"}}</h2>
      </div>
    </div>
    <div class="listing-branches-container">
      {{tag name="t393803" label="Branch Listing" type="branches"}}
    </div>
    <div class="listing-contact-container">
      <div class="listing-left-container">
        <h2 class="title">{{tag name="t370479" label="Left Column Title" type="body-tiny"}}</h2>
        {{tag name="t513312" label="Left Column Copy" type="body"}}
      </div><div class="listing-right-container">
        <h2 class="title">{{tag name="t408137" label="Right Column Title" type="body-tiny"}}</h2>
        {{tag name="t192571" label="Right Column Copy" type="body"}}
      </div>
    </div>
    <div class="listing-holiday-container">
      <h2 class="title">{{tag name="t317113" label="Holiday Section Title" type="body-tiny"}}</h2>
      {{tag name="t801228" label="Holiday Section Copy" type="body"}}
      ::holiday_hours::
    </div>
    <div class="map-image" style="background-image: url({{tag name="t579183" label="Background" type="media-url"}});"></div>
  </div>

  Listing Item:
  <div class="list-item">
    <a href="::branch_link::">
      <span class="pad">
        <h2 class="title">::branch_city::</h2>
        <p>::branch_address::</p>
        <p>::branch_city::, ::branch_state:: ::branch_zipcode::</p>
        <p class="phone-number">::branch_phone::</p>
        <p class="cta-arrow"><span class="visuallyhidden">Click to view more details about this branch.</span></p>
      </span>
    </a>
  </div>

 */
@keyframes cta-arrow-pointer {
  0%, 100% {
    left: 0;
  }
  50% {
    left: 1rem;
  }
}
@-webkit-keyframes cta-arrow-pointer {
  0%, 100% {
    left: 0;
  }
  50% {
    left: 1rem;
  }
}
.mod-branches-listing {
  position: relative;
}
.mod-branches-listing .title {
  font-family: lexia, sans-serif;
  font-size: 3rem;
  color: #005581;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .title {
    font-size: 3.6rem;
  }
}
.mod-branches-listing .listing-header-container {
  text-align: center;
  position: relative;
  z-index: 200;
}
.mod-branches-listing .listing-header-container .listing-header-content {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 1rem;
  z-index: 200;
  position: relative;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-header-container .listing-header-content {
    padding: 18rem 1rem;
  }
}
.mod-branches-listing .listing-header-container #breadcrumb a, .mod-branches-listing .listing-header-container #breadcrumb span {
  color: #005581 !important;
}
.mod-branches-listing .listing-header-container .listing-header-title {
  font-size: 3.6rem;
  font-family: lexia, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-header-container .listing-header-title {
    font-size: 4.8rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-header-container {
    display: block;
  }
}
.mod-branches-listing .listing-branches-container {
  max-width: 1400px;
  margin: 0 auto;
  margin: 0 auto 3rem;
  position: relative;
  z-index: 200;
}
.mod-branches-listing .listing-branches-container .list-item {
  margin: 0 auto 2rem;
  max-width: 260px;
  border: 1px #e2edf3 solid;
  background-color: #fff;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-branches-container .list-item {
    display: inline-block;
    margin: 0 4% 0 0;
    width: 22%;
    max-width: 100%;
    height: 270px;
  }
  .mod-branches-listing .listing-branches-container .list-item:last-child {
    margin: 0 auto;
  }
}
.mod-branches-listing .listing-branches-container .list-item:hover, .mod-branches-listing .listing-branches-container .list-item:focus {
  border: 1px #55B659 solid;
}
.mod-branches-listing .listing-branches-container a {
  display: block;
  padding: 3rem;
  width: 100%;
  height: 100%;
  border: 3px #fff solid;
}
.mod-branches-listing .listing-branches-container a:hover, .mod-branches-listing .listing-branches-container a:focus {
  border: 3px #55B659 solid;
  text-decoration: none;
}
.mod-branches-listing .listing-branches-container a:hover .cta-arrow, .mod-branches-listing .listing-branches-container a:focus .cta-arrow {
  animation: cta-arrow-pointer 1s infinite;
}
.mod-branches-listing .listing-branches-container .pad {
  width: 100%;
  height: 100%;
}
.mod-branches-listing .listing-branches-container .branch-name {
  color: #005581;
  font-family: lexia, sans-serif;
  font-size: 3rem;
  position: relative;
}
.mod-branches-listing .listing-branches-container .branch-name:after {
  content: "";
  position: absolute;
  left: calc(50% - 23px);
  bottom: -1.75rem;
  width: 46px;
  height: 3px;
  background-color: #55B659;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-branches-container .branch-name {
    font-size: 3.4rem;
  }
}
.mod-branches-listing .listing-branches-container p {
  font-size: 1.4rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  margin: 0 auto;
}
.mod-branches-listing .listing-branches-container p:last-child {
  margin: 0 auto;
}
.mod-branches-listing .listing-branches-container .phone-number {
  color: #55B659;
  margin: 0 auto 2rem;
}
.mod-branches-listing .listing-branches-container .cta-arrow {
  background: url("../svg/ico-cta-arrow-green.svg") no-repeat center center;
  margin: 0 auto;
  min-width: 31px;
  min-height: 24px;
  position: relative;
  left: 0;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-branches-container {
    padding: 0 1rem;
    margin: 0 auto 6rem;
  }
}
.mod-branches-listing .listing-contact-container {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  z-index: 200;
}
.mod-branches-listing .listing-contact-container .listing-left-container {
  border-top: 1px #e2edf3 solid;
  padding: 3rem 2rem;
}
.mod-branches-listing .listing-contact-container .listing-left-container p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 2rem;
  color: #3f4040;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-contact-container .listing-left-container {
    display: inline-block;
    width: 44%;
    margin: 0 2% 0 0;
    vertical-align: top;
    padding: 3rem 0;
  }
}
.mod-branches-listing .listing-contact-container .listing-right-container {
  border-top: 1px #e2edf3 solid;
  padding: 3rem 2rem;
}
.mod-branches-listing .listing-contact-container .listing-right-container p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 2rem;
  color: #3f4040;
  margin: 0 auto 3rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-contact-container .listing-right-container {
    display: inline-block;
    width: 44%;
    margin: 0 0 0 2%;
    vertical-align: top;
    padding: 3rem 0;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-contact-container {
    padding: 0 1rem;
    text-align: left;
  }
}
.mod-branches-listing .listing-holiday-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 0;
  border-top: 1px #e2edf3 solid;
  text-align: center;
  position: relative;
  z-index: 200;
}
.mod-branches-listing .listing-holiday-container .title {
  font-family: lexia, sans-serif;
  font-size: 3.6rem;
  color: #005581;
  margin: 0 auto 1rem;
}
.mod-branches-listing .listing-holiday-container p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 2rem;
  color: #3f4040;
  margin: 0 auto 3rem;
}
.mod-branches-listing .listing-holiday-container .branch_hours_label {
  display: none;
}
.mod-branches-listing .listing-holiday-container .branch_hours_days {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  color: #3f4040;
}
.mod-branches-listing .listing-holiday-container .branch_hours_days dl {
  margin: 0 auto 2rem;
}
.mod-branches-listing .listing-holiday-container .branch_hours_days dt {
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-holiday-container .branch_hours_days dt {
    display: inline;
  }
}
.mod-branches-listing .listing-holiday-container .branch_hours_days dd {
  display: inline-block;
  margin: 0 auto 0 !important;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-holiday-container .branch_hours_days dd {
    display: inline-block;
  }
  .mod-branches-listing .listing-holiday-container .branch_hours_days dd:before {
    content: " - ";
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-holiday-container .branch_hours_days {
    columns: 2 auto;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .listing-holiday-container {
    padding: 3rem 1rem;
    text-align: left;
  }
}
.mod-branches-listing .map-image {
  display: none;
}
@media screen and (min-width: 900px) {
  .mod-branches-listing .map-image {
    display: block;
    position: absolute;
    width: 100%;
    height: 55rem;
    top: 0;
    left: 0;
    z-index: 100;
  }
}

/*

  Branches

  Detail:
  <div class="mod-branches-details">
    <div class="branch-header" style="background: url(::branch_photo_url::) no-repeat center center / cover;">
      <div class="branch-header-container">
        ::breadcrumb::
        <h2 class="title">::branch_city:: Branch</h2>
      </div>
      <div class="header-overlay"></div>
    </div>
    <div class="branch-address-container">
      <div class="branch-address">
        <h2>::branch_address::<br />::branch_city::, ::branch_state:: ::branch_zipcode::<br />::branch_phone::</h2>
        <p><a href="::branch_directions_link::" class="btn cta-btn btn_green speedbump" target="_blank">Get Directions<span class="visuallyhidden"> to the ::branch_name:: branch.</span></a></p>
      </div>
    </div>
    <div class="branch-hours-container">
      ::branch_hours::
    </div>
    <div class="branch-services-container">
      <div class="branch-services">
        <h3 class="title">Services at this branch:</h3>
        ::branch_filter_services::
      </div>
    </div>
    <div class="branch-managers-container">
      <div class="branch-managers">
        <h3 class="title">::branch_city:: Branch<br /><strong>Managers</strong></h3>
        ::branch_managers::
      </div>
    </div>
  </div>

 */
.mod-branches-details {
  /* Begin Tick-Tock...... */
  /* End Tick-Tock...... */
}
.mod-branches-details .branch-header-container {
  position: relative;
}
.mod-branches-details .branch-header {
  max-width: 1400px;
  margin: 0 auto;
  padding: 7vw 1rem;
  z-index: 200;
  position: relative;
  color: #fff;
}
.mod-branches-details .branch-header .title {
  font-size: 3.6rem;
  font-family: lexia, sans-serif;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-header .title {
    font-size: 4.8rem;
  }
}
.mod-branches-details .header-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #495254;
  z-index: 100;
  opacity: 0.5;
}
.mod-branches-details .inner-container {
  max-width: 1400px;
  margin: 0 auto;
}
.mod-branches-details .branch-address-container {
  padding: 3rem 0;
}
.mod-branches-details .branch-address-container .branch-address {
  padding: 0 2rem;
}
.mod-branches-details .branch-address-container h2 {
  font-family: lexia, sans-serif;
  font-size: 3rem;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-address-container h2 {
    font-size: 3.6rem;
  }
}
@media screen and (max-width: 900px) {
  .mod-branches-details .branch-address-container p {
    text-align: center;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-address-container {
    display: inline-block;
    width: calc(38% - 6rem);
    margin: 0 6rem 0 0;
  }
}
.mod-branches-details .branch-hours-container .branch_hours_set {
  border-top: 1px #e2edf3 solid;
  padding: 3rem 0;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-hours-container .branch_hours_set {
    border-top: none;
    display: inline-block;
    width: 50%;
    padding: 3rem 1rem;
  }
}
.mod-branches-details .branch-hours-container .branch_hours_label {
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  color: #005581;
  margin: 0 auto 1rem;
  padding: 0 2rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-hours-container .branch_hours_label {
    font-size: 3rem;
  }
}
.mod-branches-details .branch-hours-container .branch_hours_days {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  color: #3f4040;
  margin: 0 auto 1rem;
  padding: 0 2rem;
}
.mod-branches-details .branch-hours-container .branch_hours_days dl {
  margin: 0 auto 1rem;
  border-bottom: dotted 1px #CCC;
  zoom: 1;
}
.mod-branches-details .branch-hours-container .branch_hours_days dl:before, .mod-branches-details .branch-hours-container .branch_hours_days dl:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.mod-branches-details .branch-hours-container .branch_hours_days dl:after {
  clear: both;
}
.mod-branches-details .branch-hours-container .branch_hours_days dl.current_day {
  color: #55B659;
}
.mod-branches-details .branch-hours-container .branch_hours_days dt {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  background: #fff;
  position: relative;
  float: left;
  bottom: -2px;
}
.mod-branches-details .branch-hours-container .branch_hours_days dt:after {
  content: ":";
  display: inline;
}
.mod-branches-details .branch-hours-container .branch_hours_days dd {
  display: inline-block;
  text-align: right;
  position: relative;
  bottom: -2px;
  background: #fff;
  float: right;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-hours-container .branch_hours_days {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-hours-container {
    display: inline-block;
    width: 62%;
  }
}
.mod-branches-details .branch-services-container .branch-services {
  border-top: 1px #e2edf3 solid;
  padding: 3rem 0;
}
.mod-branches-details .branch-services-container .title {
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  color: #005581;
  margin: 0 auto 0.5rem;
  padding: 0 2rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-services-container .title {
    font-size: 3rem;
  }
}
.mod-branches-details .branch-services-container .branch-filter-services {
  margin: 0 auto;
  padding: 0 2rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  color: #3f4040;
  margin: 0 auto 1rem;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-services-container .branch-filter-services {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-services-container {
    display: inline-block;
    width: calc(38% - 6rem);
    margin: 0 6rem 0 0;
  }
}
.mod-branches-details .branch-information-container .title {
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  color: #005581;
  margin: 0 auto 0.5rem;
  padding: 0 2rem;
  text-align: center;
  font-weight: normal;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-information-container .title {
    font-size: 3rem;
  }
}
.mod-branches-details .branch-information-container .content {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  color: #3f4040;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-information-container .content {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-information-container {
    display: inline-block;
    width: 62%;
    border-top: 1px #e2edf3 solid;
  }
}
.mod-branches-details .branch-managers-container .branch-managers {
  border-top: 1px #e2edf3 solid;
  padding: 2.6rem 0;
}
.mod-branches-details .branch-managers-container .title {
  font-family: lexia, sans-serif;
  font-size: 3rem;
  color: #005581;
  margin: 0 auto 3rem;
  padding: 0 2rem;
  text-align: left;
  font-weight: normal;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-managers-container .title {
    font-size: 3rem;
  }
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-managers-container .title-container {
    display: inline-block;
    width: calc(50% - 3rem);
    margin: 0 3rem 0 0;
  }
}
.mod-branches-details .branch-managers-container .branch_managers {
  text-align: center;
}
@media screen and (min-width: 900px) {
  .mod-branches-details .branch-managers-container .branch_managers {
    text-align: left;
    display: inline-block;
    width: 50%;
  }
}
.mod-branches-details .branch-managers-container .mod-directory-listing {
  width: 100%;
  min-width: 228px;
}

/** Rates/Compare Accounts **/
.rate_table, .mod-table, .mod-privacy {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  margin: 0 auto 2em;
}
.rate_table > .intro, .mod-table > .intro, .mod-privacy > .intro {
  font-size: 1.6rem;
  color: #495254;
  margin-bottom: 0;
  border-bottom: 0;
  padding: 0;
}
@media screen and (max-width: 900px) {
  .rate_table, .mod-table, .mod-privacy {
    padding: 0 1em;
  }
}
.rate_table .title, .mod-table .title, .mod-privacy .title {
  color: #333;
  margin: 0 0 0.35em;
}
.rate_table h3, .mod-table h3, .mod-privacy h3 {
  margin: 0;
}
.rate_table .effective_date, .mod-table .effective_date, .mod-privacy .effective_date {
  font-size: 0.8em;
  line-height: 1.688;
  margin: 0 0 1.688em;
}
.rate_table .rate_disclosure, .mod-table .rate_disclosure, .mod-privacy .rate_disclosure {
  font-size: 1.2rem;
}
@media screen and (min-width: 900px) {
  .rate_table .rate_disclosure, .mod-table .rate_disclosure, .mod-privacy .rate_disclosure {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .rate_table .rate_disclosure, .mod-table .rate_disclosure, .mod-privacy .rate_disclosure {
    font-size: 1.4rem;
  }
}
.rate_table .btn, .rate_table .ac-modal .ac-answer > .ac-text, .ac-modal .rate_table .ac-answer > .ac-text, .mod-table .btn, .mod-table .ac-modal .ac-answer > .ac-text, .ac-modal .mod-table .ac-answer > .ac-text, .mod-privacy .btn, .mod-privacy .ac-modal .ac-answer > .ac-text, .ac-modal .mod-privacy .ac-answer > .ac-text {
  padding-left: 1em;
  padding-right: 1em;
  font-size: 1.6rem !important;
}
.rate_table .rates-print-btn, .mod-table .rates-print-btn, .mod-privacy .rates-print-btn {
  float: right;
}
.rate_table table, .mod-table table, .mod-privacy table {
  table-layout: fixed;
  width: 100%;
  margin-bottom: 1em;
}
.rate_table table tr:nth-child(odd), .mod-table table tr:nth-child(odd), .mod-privacy table tr:nth-child(odd) {
  background: #e2edf3;
}
.rate_table table tr:nth-child(even), .mod-table table tr:nth-child(even), .mod-privacy table tr:nth-child(even) {
  background: none;
}
.rate_table table tr.learn-more-row, .mod-table table tr.learn-more-row, .mod-privacy table tr.learn-more-row {
  border-bottom: none;
}
.rate_table table th, .mod-table table th, .mod-privacy table th {
  background: #005581;
  color: #fff;
  border-top: none;
  font-weight: bold;
  padding: 2rem;
}
@media screen and (max-width: 900px) {
  .rate_table table th, .mod-table table th, .mod-privacy table th {
    padding: 0;
  }
}
.rate_table table td, .mod-table table td, .mod-privacy table td {
  color: #3f4040;
  padding: 1em;
}
@media screen and (max-width: 900px) {
  .rate_table table td, .mod-table table td, .mod-privacy table td {
    padding: 0;
  }
}

.pg-rates .related-product {
  margin: 0;
}

@media screen and (max-width: 900px) {
  .rate_table .col_0, .mod-table .col_0, .mod-privacy .col_0 {
    empty-cells: hide;
  }
  .rate_table .editableTable .col_0, .mod-table .editableTable .col_0, .mod-privacy .editableTable .col_0, .rate_table .mod-privacy .col_0, .mod-table .mod-privacy .col_0, .mod-privacy .mod-privacy .col_0 {
    display: block;
    visibility: visible;
  }
  .rate_table .btn, .rate_table .ac-modal .ac-answer > .ac-text, .ac-modal .rate_table .ac-answer > .ac-text, .mod-table .btn, .mod-table .ac-modal .ac-answer > .ac-text, .ac-modal .mod-table .ac-answer > .ac-text, .mod-privacy .btn, .mod-privacy .ac-modal .ac-answer > .ac-text, .ac-modal .mod-privacy .ac-answer > .ac-text {
    text-align: center;
    font-size: 1.6rem !important;
  }
  .editableTable, .mod-privacy {
    margin: 0 auto 1.5em;
    width: 100%;
  }
  .editableTable td p, .mod-privacy td p {
    margin: 0;
    display: inline;
  }
  .editableTable td, .mod-privacy td {
    display: block;
    text-align: left;
    vertical-align: top;
    white-space: normal;
  }
  .editableTable thead, .mod-privacy thead {
    display: none;
    visibility: hidden;
  }
  .editableTable .row_0, .mod-privacy .row_0,
  .editableTable .col_0,
  .mod-privacy .col_0 {
    display: none;
    visibility: hidden;
  }
  .editableTable tr, .mod-privacy tr {
    background: #ffffff;
    border-width: 1px 0 0 1px;
    margin-bottom: 1em;
    padding: 1em;
  }
  .editableTable tr, .mod-privacy tr,
  .editableTable thead,
  .mod-privacy thead {
    display: block;
    text-align: left;
  }
  .editableTable tbody, .mod-privacy tbody {
    padding: 0;
    text-align: left;
  }
  .editableTable th, .mod-privacy th {
    padding: 0em;
    display: block;
    text-align: left;
  }
  .editableTable td, .mod-privacy td,
  .editableTable th,
  .mod-privacy th {
    border-width: 0 1px 1px 0;
  }
  .editableTable th[data-title]:before, .mod-privacy th[data-title]:before,
  .editableTable td[data-title]:before,
  .mod-privacy td[data-title]:before {
    content: attr(data-title) ": ";
    font-weight: 600;
    color: #333;
    display: inline;
    padding: 0.3333333333em 0 0.3333333333em 0;
    margin-right: 1em;
  }
  .editableTable td[data-hide]:before, .mod-privacy td[data-hide]:before {
    content: "" !important;
  }
  .editableTable td, .mod-privacy td {
    padding: 0 1.5em;
    margin: 0 auto 0.5em;
  }
}
/** PRINT RATES STYLES */
@media print {
  .print_rates * {
    visibility: hidden;
    position: static;
    height: 0;
  }
  .print_rates {
    overflow: hidden;
    visibility: visible;
  }
  .print_rates .currentRate,
  .currentRate * {
    visibility: visible;
    height: auto;
  }
  .currentRate {
    position: absolute;
    left: 0;
    top: 100px;
    padding: 20px;
  }
  .logo img {
    visibility: visible !important;
    position: absolute !important;
    top: 20px !important;
    left: 20px !important;
    z-index: 1000 !important;
    width: 150px !important;
  }
  .logo * {
    visibility: visible;
  }
  body.print_rates {
    height: 30px !important;
    overflow: hidden;
  }
}
mod-rate-table.margin-bottom-large + hr {
  display: none !important;
}

/** Events **/
.mod-event-listing {
  zoom: 1;
  margin-bottom: 1em;
  border-bottom: solid 1px #EFEDED;
  padding-bottom: 1em;
  position: relative;
}
.mod-event-listing:before, .mod-event-listing:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.mod-event-listing:after {
  clear: both;
}
.mod-event-listing .photo {
  display: none;
}
@media screen and (min-width: 900px) {
  .mod-event-listing .photo {
    display: block;
    width: 190px;
    max-width: 25%;
    float: left;
    padding-right: 2em;
  }
  .mod-event-listing .photo img {
    width: 100%;
  }
}
@media screen and (min-width: 900px) {
  .mod-event-listing .info {
    float: left;
    width: 75%;
    width: calc(100% - 190px);
  }
}
.mod-event-listing .f-h3 {
  margin-bottom: 0.25em;
  font-weight: 900;
}
.mod-event-listing .date {
  font-style: italic;
  font-size: 0.8em;
}
.mod-event-listing .actions a {
  display: inline-block;
}

.mod-event-details {
  zoom: 1;
}
.mod-event-details:before, .mod-event-details:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.mod-event-details:after {
  clear: both;
}
@media screen and (min-width: 900px) {
  .mod-event-details .info {
    width: 75%;
    float: left;
    padding-right: 2em;
  }
}
@media screen and (min-width: 900px) {
  .mod-event-details .photo {
    width: 25%;
    float: right;
  }
  .mod-event-details .photo img {
    width: 100%;
  }
}

.mod-job-listing {
  padding: 2em 0 1em;
  border-bottom: solid 1px #EFEDED;
}
.mod-job-listing:first-of-type {
  border-top: solid 1px #EFEDED;
}
.mod-job-listing:last-of-type {
  margin-bottom: 2em;
}
.mod-job-listing h2 {
  margin-bottom: 0.25em;
}
.mod-job-listing .date {
  color: #005581;
  font-size: 1.2rem;
}
@media screen and (min-width: 900px) {
  .mod-job-listing .date {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .mod-job-listing .date {
    font-size: 1.4rem;
  }
}
.mod-job-listing .job-description {
  font-size: 1.4rem;
}
@media screen and (min-width: 900px) {
  .mod-job-listing .job-description {
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 1400px) {
  .mod-job-listing .job-description {
    font-size: 1.6rem;
  }
}
.mod-job-listing .job-description h3 {
  text-transform: uppercase;
  font-size: 1.6rem;
  margin-bottom: 0.5em;
}
@media screen and (min-width: 900px) {
  .mod-job-listing .job-description h3 {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1400px) {
  .mod-job-listing .job-description h3 {
    font-size: 1.8rem;
    line-height: 1.5;
  }
}
.mod-job-listing .action {
  text-align: center;
}

/** FAQs Listing **/
.mod-faq-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 2rem;
  margin: 0 auto 3rem;
}
.mod-faq-container .title {
  margin: 0 auto 2rem;
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .mod-faq-container .title {
    font-size: 3.6rem;
  }
}

.mod_faq_questions {
  list-style: none;
}
.mod_faq_questions li {
  margin: 0 auto 2rem;
}
.mod_faq_questions li .question {
  display: block;
  width: 100%;
  position: relative;
  font-family: lexia, sans-serif;
  font-size: 1.6rem;
  color: #005581;
  text-align: left;
  font-weight: bold;
  margin: 0 auto;
  padding: 0 2rem 0 0;
}
.mod_faq_questions li .question:before {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: 0;
  width: 16px;
  height: 4px;
  background-color: #55B659;
  border-radius: 10px;
  transform: rotate(180deg);
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 900px) {
  .mod_faq_questions li .question:before {
    top: 1.2rem;
  }
}
.mod_faq_questions li .question:after {
  content: "";
  position: absolute;
  top: 1.1rem;
  right: 0;
  width: 16px;
  height: 4px;
  background-color: #55B659;
  border-radius: 10px;
  transform: rotate(90deg);
  transition: all 0.4s ease-in-out;
}
@media screen and (min-width: 900px) {
  .mod_faq_questions li .question:after {
    top: 1.2rem;
  }
}
.mod_faq_questions li .question p {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod_faq_questions li .question {
    font-size: 1.8rem;
  }
}
.mod_faq_questions .answer {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-size: 1.6rem;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod_faq_questions .answer {
    font-size: 1.8rem;
  }
}
.mod_faq_questions li.active .question:before {
  transform: rotate(0deg);
  transition: all 0.4s ease-in-out;
}
.mod_faq_questions li.active .question:after {
  transform: rotate(0deg);
  transition: all 0.4s ease-in-out;
}

/** ACCOUNT CHOOSER MODULE 
Default module settings:

::close::
<div class="ac-header">
    <h2 class="f-h4">::title::</h2>
    ::breadcrumb::
</div>
<div class="ac-chooser">
    ::questions::
</div>
<div class="ac-footer">
    ::back::
</div>

**/
.ac-modal {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  display: none;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  white-space: normal;
}
.ac-modal .ac-modal-content {
  top: 10px;
  left: 5%;
  width: 90%;
  max-width: 600px;
  position: absolute;
  background: #fff;
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.3);
  text-align: center;
}
@media screen and (min-width: 900px) {
  .ac-modal .ac-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.ac-modal .ac-modal-content span {
  margin: 0;
}
.ac-modal .ac-header {
  zoom: 1;
  background: #005581;
  color: #fff;
  padding: 3rem 0 0 0;
}
.ac-modal .ac-header:before, .ac-modal .ac-header:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.ac-modal .ac-header:after {
  clear: both;
}
.ac-modal .ac-header h2 {
  margin: 0 auto 3rem;
}
.ac-modal .ac-chooser {
  padding: 2em;
}
.ac-modal .ac-footer {
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
.ac-modal .ac-question > .ac-text {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  display: block;
  font-size: 1.8rem;
  margin-bottom: 0.5em;
}
.ac-modal .ac-answer {
  display: inline-block;
}
.ac-modal .ac-answer > .ac-text {
  margin: 0 0.5em;
}
.ac-modal .ac-product {
  margin-bottom: 1em;
}
.ac-modal .ac-product .ac-product-description {
  margin-bottom: 2em;
}
.ac-modal .ac-product .ac-actions .btn, .ac-modal .ac-product .ac-actions .ac-answer > .ac-text {
  margin: 0 0.25em 0.25em;
}
.ac-modal .ac-close {
  height: 50px;
  width: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background: none;
}
.ac-modal .ac-close:after {
  content: "×";
  display: block;
  font-size: 2.8rem;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ac-modal .ac-back {
  position: absolute;
  bottom: 5px;
  left: 5px;
  background: #005581;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 0.3em 1em;
  display: none;
}
@media screen and (min-width: 900px) {
  .ac-modal .ac-back {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1400px) {
  .ac-modal .ac-back {
    font-size: 1.4rem;
  }
}
.ac-modal .ac-breadcrumb {
  font-size: 1.6rem;
  background: #e2edf3;
  text-align: left;
  color: #005581;
  padding: 1.5rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
.ac-modal .ac-breadcrumb:empty {
  display: none;
}
.ac-modal .ac-breadcrumb span {
  padding-right: 1em;
}
.ac-modal .ac-breadcrumb span:before {
  content: "";
  position: relative;
  left: -5px;
  width: 1px;
  height: 1px;
  display: inline-block;
  border: solid 4px transparent;
  border-left: solid 5px #005581;
}
.ac-modal .ac-breadcrumb span:first-of-type:before {
  display: none;
}

.qs-modal {
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  display: none;
}
@media screen and (min-width: 600px) {
  .qs-modal {
    padding: 30px;
  }
}
.qs-modal .qs-modal-content {
  width: 100vw;
  max-width: 100vw;
  height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
  background: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 600px) {
  .qs-modal .qs-modal-content {
    width: calc(100% - 60px);
    max-width: 800px;
    height: auto;
    max-height: calc(100vh - 60px);
  }
}
.qs-modal .qs-modal-content .question-number {
  display: none;
}
.qs-modal .question-block .question-title, .qs-modal .initial-block .question-title, .qs-modal .result-block .question-title {
  background: #005581;
  color: #fff;
  padding: 2em 0.5em 0.5em;
  font-size: 2.8rem;
  font-family: lexia, sans-serif;
  text-align: right;
}
@media screen and (min-width: 600px) {
  .qs-modal .question-block .question-title, .qs-modal .initial-block .question-title, .qs-modal .result-block .question-title {
    padding: 0.5em;
  }
}
.qs-modal .question-block .question-title h3, .qs-modal .initial-block .question-title h3, .qs-modal .result-block .question-title h3 {
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .qs-modal .question-block .question-title, .qs-modal .initial-block .question-title, .qs-modal .result-block .question-title {
    font-size: 2rem;
  }
}
.qs-modal .question-block .question-title button.qs-modal-start-over.js-question-reset, .qs-modal .initial-block .question-title button.qs-modal-start-over.js-question-reset, .qs-modal .result-block .question-title button.qs-modal-start-over.js-question-reset {
  position: relative;
  display: inline-block !important;
  right: 0;
  top: 0;
  font-size: 1.5rem;
}
.qs-modal .question-block .description, .qs-modal .initial-block .description, .qs-modal .result-block .description {
  margin-bottom: 2em;
}
.qs-modal .question-block > .content, .qs-modal .initial-block > .content, .qs-modal .result-block > .content {
  padding: 30px;
  text-align: center;
}
.qs-modal .question-block .qs-modal-start-over, .qs-modal .initial-block .qs-modal-start-over, .qs-modal .result-block .qs-modal-start-over {
  display: none;
  font-size: 1.4rem;
  color: #4F4F4F;
}
.qs-modal .question-block .question, .qs-modal .initial-block .question, .qs-modal .result-block .question {
  margin-bottom: 2em;
  color: #005581;
  font-size: 2.6rem;
}
@media screen and (max-width: 900px) {
  .qs-modal .question-block .question, .qs-modal .initial-block .question, .qs-modal .result-block .question {
    font-size: 1.8rem;
  }
}
.qs-modal .question-block .answers, .qs-modal .initial-block .answers, .qs-modal .result-block .answers {
  margin-bottom: 2em;
}
.qs-modal .question-block .answers button, .qs-modal .initial-block .answers button, .qs-modal .result-block .answers button {
  text-align: left;
  display: block;
  width: 100%;
  margin-bottom: 0.5em;
}
.qs-modal .question-block .answers button *, .qs-modal .initial-block .answers button *, .qs-modal .result-block .answers button * {
  pointer-events: none;
}
.qs-modal .question-block .actions, .qs-modal .initial-block .actions, .qs-modal .result-block .actions {
  margin-bottom: 2em;
}
.qs-modal .question-block .qs-modal-back, .qs-modal .initial-block .qs-modal-back, .qs-modal .result-block .qs-modal-back {
  font-size: 1.4rem;
  color: #4F4F4F;
}
.qs-modal .question-block .skip, .qs-modal .initial-block .skip, .qs-modal .result-block .skip {
  font-size: 1.4rem;
  color: #4F4F4F;
}

.qs-inline .qs-modal-content {
  position: relative;
}
.qs-inline .modal-style .content {
  text-align: right;
  max-width: 950px;
  margin: 2em auto;
}
.qs-inline .modal-style {
  padding: 0.5em 0;
  position: relative;
  background: white;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  box-shadow: none;
}
.qs-inline .modal-style:before, .qs-inline .modal-style:after {
  display: none !important;
}
.qs-inline .qs-modal-close {
  display: none;
}
.qs-inline .question-title button.qs-modal-start-over.js-question-reset {
  position: absolute;
  display: block !important;
  right: 5%;
  top: 2em;
  font-size: 1.5rem;
}
.qs-inline .question-title:after {
  content: "";
  display: block;
  width: 50%;
  border-bottom: 2px solid #005480;
  margin-top: -2px;
}
.qs-inline .question-title h3 {
  max-width: 950px;
  margin: 2em auto 0;
  text-align: left;
  color: #005480;
  font-family: lexia, sans-serif;
  border-bottom: 2px solid #005480;
  padding: 0 20px 10px;
}
.qs-inline .qs-modal-content .content {
  padding: 0 20px;
}

.qs-modal-controls {
  display: none;
}

.qs-modal-content .description .js-help, .qs-modal-content span.question-number {
  display: none;
}
.qs-modal-content .modal-style .description {
  text-align: left;
  font-size: 26px;
  color: #707070;
}
.qs-modal-content .modal-style .content .header, .qs-modal-content .modal-style .content .actions {
  text-align: center;
}
.qs-modal-content .initial-block .actions button {
  background-color: #f26829;
  color: #fff !important;
  margin: 0 auto;
  border: none;
  display: inline-block;
  padding: 1.5rem 2rem;
  font-size: 2rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-family: lexia, sans-serif;
  font-weight: 700;
  transition: background 0.5s ease-in-out, color 0.7s ease-in-out;
}
.qs-modal-content .initial-block.modal-style h3 {
  border-bottom: none;
}
.qs-modal-content .initial-block.modal-style .actions button {
  background: #00b5ea;
}
.qs-modal-content .question-block .question {
  text-align: left;
  font-size: 26px;
  color: #707070;
  font-weight: 900;
  margin-bottom: 0.5em;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .qs-modal-content .question-block .question {
    font-size: 2.6rem;
  }
}
.qs-modal-content .question-block .content {
  text-align: center;
}
.qs-modal-content .question-title h3 {
  font-size: 1.8rem;
}
@media screen and (min-width: 900px) {
  .qs-modal-content .question-title h3 {
    font-size: 3.4rem;
  }
}
.qs-modal-content .initial-block.modal-style .question-title:after {
  border-bottom: 0;
}
.qs-modal-content .question-title button.qs-modal-start-over:after {
  content: "";
}
.qs-modal-content .initial-block.modal-style .content .actions, .qs-modal-content .result-block.modal-style .content .actions {
  text-align: left;
}
.qs-modal-content .answers button {
  display: block;
  width: 100%;
  text-align: left;
  color: #707070;
  margin-bottom: 0.5em;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .qs-modal-content .answers button {
    font-size: 2.6rem;
  }
}
.qs-modal-content .answers button:after {
  content: "";
  background: url(../png/ico-cta-arrow-orange.png) no-repeat 100% center;
  transition-timing-function: linear;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
  position: relative;
  right: 0rem;
  top: 4px;
  width: 32px;
  height: 26px;
  display: inline-block;
  background-size: 32px 26px !important;
}
.qs-modal-content .result-block .info {
  text-align: left;
  font-size: 26px;
  color: #707070;
}
.qs-modal-content h3.product-title {
  text-transform: uppercase;
  font-size: 50px;
  margin-bottom: 10px;
}
.qs-modal-content .result_blue h3.product-title {
  color: #00A6E5;
}
.qs-modal-content .result_blue .actions a.btn, .qs-modal-content .result_blue .actions .ac-modal .ac-answer > a.ac-text, .ac-modal .qs-modal-content .result_blue .actions .ac-answer > a.ac-text {
  color: white;
  background: #00A6E5;
}
.qs-modal-content .result_red h3.product-title {
  color: #DA5F36;
}
.qs-modal-content .result_red .actions a.btn, .qs-modal-content .result_red .actions .ac-modal .ac-answer > a.ac-text, .ac-modal .qs-modal-content .result_red .actions .ac-answer > a.ac-text {
  color: white;
  background: #DA5F36;
}
.qs-modal-content .result_green h3.product-title {
  color: #54B659;
}
.qs-modal-content .result_green .actions a.btn, .qs-modal-content .result_green .actions .ac-modal .ac-answer > a.ac-text, .ac-modal .qs-modal-content .result_green .actions .ac-answer > a.ac-text {
  color: white;
  background: #54B659;
}
.qs-modal-content button.qs-modal-back:before {
  content: "< ";
}
.qs-modal-content button.skip:after, .qs-modal-content button.qs-modal-start-over:after {
  content: " >";
}

.qs-modal-close {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1500;
  cursor: pointer;
  display: block;
}
.qs-modal-close:before {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 12px;
  left: 0;
  background: #fff;
  transform: rotate(45deg);
}
.qs-modal-close:after {
  content: "";
  width: 100%;
  height: 5px;
  position: absolute;
  top: 12px;
  left: 0;
  background: #fff;
  transform: rotate(-45deg);
}

.business-spotlight-detail .image {
  margin-bottom: 1em;
}
.business-spotlight-detail .actions {
  margin-bottom: 2em;
}
.business-spotlight-detail .actions a {
  color: #005581;
}

.featured-business {
  zoom: 1;
  padding-bottom: 1em;
  border-bottom: solid 1px #EFEDED;
  margin-bottom: 2em;
}
.featured-business:before, .featured-business:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.featured-business:after {
  clear: both;
}
.featured-business .photo {
  margin-bottom: 1em;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .featured-business .photo {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 900px) {
  .featured-business .info {
    float: right;
    width: 75%;
    padding-left: 2em;
  }
}

/** TESTIMONIALS

  <div class="mod-testimonial-item">
    <p>"<em>::testimonial::</em>"<br />
    -::author::</p>
  </div>

**/
.mod-testimonial-item {
  margin: 0 auto 3rem;
  padding: 0 0 3rem;
  border-bottom: 1px #e2edf3 solid;
}
.mod-testimonial-item p:last-child {
  margin: 0 auto;
}

.mod-testimonial-videos {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 900px) {
  .mod-testimonial-videos {
    display: flex;
    flex-wrap: wrap;
  }
}
.mod-testimonial-videos .video {
  margin: 0 auto 3rem;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .mod-testimonial-videos .video {
    flex: 1;
    flex-basis: 50%;
    text-align: center;
  }
  .mod-testimonial-videos .video:nth-child(odd) {
    text-align: right;
  }
  .mod-testimonial-videos .video:nth-child(odd) > .content {
    margin: 0 1.5rem 0 0;
  }
  .mod-testimonial-videos .video:nth-child(even) {
    text-align: left;
  }
  .mod-testimonial-videos .video:nth-child(even) > .content {
    margin: 0 0 0 1.5rem;
  }
}
.mod-testimonial-videos .video > .content {
  padding: 2rem;
  border: 2px #55b659 solid;
  width: 100%;
  height: 100%;
  display: inline-block;
  max-width: calc(246px + 4rem);
  text-align: left;
}
@media screen and (max-width: 900px) {
  .mod-testimonial-videos .video > .content {
    margin: 0 auto;
  }
}
.mod-testimonial-videos .video .video-frame {
  margin: 0 auto 1rem;
}
.mod-testimonial-videos .video .title {
  margin: 0 auto 0.5em;
  color: #005581;
  font-size: 1.8rem;
  font-weight: bold;
}
.mod-testimonial-videos .video .quote {
  margin: 0 auto;
  color: #495254;
  font-size: 1.6rem;
  font-style: italic;
}
.mod-testimonial-videos .video .quote p:last-child {
  margin: 0 auto;
}

.lightbox-alert {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.lightbox-alert a {
  color: #495254;
  text-decoration: underline;
}
.lightbox-alert p {
  color: #495254;
}
.lightbox-alert .alert-area {
  position: relative;
  display: flex;
  width: 60%;
  max-width: 800px;
  background: #FFF;
  padding: 0;
  border-radius: 24px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  z-index: 1001;
  overflow: hidden;
}
.lightbox-alert .alert-area .alert-sidebar {
  width: 40%;
  min-width: 60px;
  max-width: 128px;
  background-color: #FF0000;
}
.lightbox-alert .alert-area .alert-sidebar img {
  position: relative;
  top: 10%;
  left: 36%;
}
.lightbox-alert .alert-area .alert-content {
  padding: 20px;
  color: #000;
  flex-grow: 1;
  margin: 8rem 4rem;
}
.lightbox-alert .alert-area .close-btn {
  position: absolute;
  top: 6%;
  right: 6%;
  font-size: 32px;
  cursor: pointer;
  color: #FF0000;
}

/**

  Full Product Block
  Other Product Blocks are similar but with certain elements removed, such as no rates accordion, or no CTA button.

  <article class="block-product" aria-label="{{tag name="t230752" label="Product Title" type="body-tiny"}}">
    <div class="product-container">
      <div class="content">
        <h2>{{tag name="t230752" label="Product Title" type="body-tiny"}}</h2>
        <div class="body">
          {{tag name="t745051" label="Description" type="body"}}
        </div>
        <button class="js-accordion-button">{{tag name="t833531" label="Features Section Title" type="textbox"}}</button>
        <div class="js-accordion-content">
          {{tag name="t334886" label="Features Section Content" type="body"}}
        </div>
        <button class="js-accordion-button">{{tag name="t362760" label="Rates Section Title" type="textbox"}}</button>
        <div class="js-accordion-content">
          {{tag name="t118881" label="Rate Table Content" type="pcomplex"}}
        </div>
      </div><div class="action">
        {{tag name="t551975" label="Calls To Action" type="plooper" default="cta_button_custom"}}
      </div>
    </div>
  </article>

**/
.block-product:last-of-type .product-container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.block-product .product-container {
  max-width: 1400px;
  margin: 0 auto;
  border-bottom: 1px #e2edf3 solid;
  padding: 0 1rem 3.75rem;
  margin: 0 auto 3.75rem;
}
.block-product .content {
  margin: 0 auto 3rem;
}
.block-product .content .title, .block-product .content h2 {
  color: #005581;
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 auto 1.25rem;
}
@media screen and (min-width: 900px) {
  .block-product .content .title, .block-product .content h2 {
    font-size: 3.6rem;
  }
}
.block-product .content h3 {
  font-family: lexia, sans-serif;
  color: #005581;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-product .content h3 {
    font-size: 1.8rem;
  }
}
.block-product .content h4 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-product .content h4 {
    font-size: 1.8rem;
  }
}
.block-product .content h5 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-product .content h5 {
    font-size: 1.8rem;
  }
}
.block-product .content .body {
  color: #40403f;
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
@media screen and (min-width: 900px) {
  .block-product .content .body {
    font-size: 1.8rem;
  }
}
.block-product .content .body a:hover, .block-product .content .body a:focus, .block-product .content .body a.hovered {
  text-decoration: underline;
}
@media screen and (min-width: 1400px) {
  .block-product .content {
    margin: 0 auto;
    vertical-align: top;
    padding: 0 1.5rem 0 0;
  }
}
.block-product .action {
  margin: 0 auto 3rem;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .block-product .action {
    text-align: left;
  }
}
@media screen and (min-width: 1400px) {
  .block-product .action {
    margin: 0 auto;
    padding: 0 1.5rem;
    vertical-align: top;
    text-align: right;
  }
  .block-product .action a {
    display: block;
    margin: 0 auto 3rem;
  }
  .block-product .action a:last-child {
    margin: 0 auto;
  }
}
.block-product .action p {
  display: block;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .block-product .action p {
    display: inline;
    margin: 0 1rem 1rem 0;
  }
}
@media screen and (min-width: 1400px) {
  .block-product .action p {
    display: block;
    margin: 0 auto 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .block-product .product-col-left {
    display: inline-block;
    width: calc(100% - 250px);
  }
}
@media screen and (min-width: 1400px) {
  .block-product .product-col-right {
    display: inline-block;
    width: 250px;
  }
}
.block-product:last-child .product-container {
  border-bottom: none;
}

/** TABS **

  Open / Apply Tab Block

  <div class="block-tab-open-apply-section">
    <div class="block-container">
      <h2 class="title">Open An Account</h2>
      <div class="tabs-area js-tabs-area js-tabs-closed">
        <article class="tab js-tab" aria-label="::page_name:: : Open a Personal Account">
          <button class="js-tab-header tab-header">Personal Accounts</button>
          <div class="tab-content js-tab-content">
            <div class="content-section-title">
              <h3>Checking</h3>
              <div class="product-container">
                <div class="content product-col-left">
                  <p>All Access Checking</p>
                </div><div class="action product-col-right">
                  <p><a href="/personal/checking/#all-access-checking" class="btn ghost-btn btn_green">Learn More<span class="visuallyhidden"> about All Access Checking</span></a></p>
                  <p><a href="https://es.loanspq.com/consumer/v2/login/landing.aspx?enc2=CjDDGQgp6ViDEpMSQAmj1BioAMB32MTqufq4ulDu7ovgMw48UPC3Ro6l8-lF-x96x2uutNTTL2-AHByWvoZfNwpin-cckJjXTBAYkqY2pNCxnHKkAI4CWC5xtNjf--Lh" class="btn cta-btn btn_green">Open an Account<span class="visuallyhidden"> for All Access Checking</span></a></p>
                </div>
              </div>
            </div>
          </div>
        </article>
      </div>
    </div>
  </div>

**/
.block-tab-open-apply-section .block-container {
  max-width: 1400px;
  margin: 0 auto;
  padding: 3rem 1rem;
}
.block-tab-open-apply-section .tab-dropdown {
  display: none;
}
.block-tab-open-apply-section .tab-nav {
  margin: 0 auto 1rem;
}
.block-tab-open-apply-section .tab-header {
  font-family: lexia, sans-serif;
  font-size: 1.6rem;
  color: #f26829;
  display: inline-block;
  width: 50%;
  text-align: center;
  padding: 1.5rem 2rem;
  font-weight: bold;
  border-width: 0 0 4px 0;
  border-color: #fff;
  border-style: solid;
}
.block-tab-open-apply-section .tab-header.current {
  border-color: #f26829;
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .tab-header {
    font-size: 2rem;
  }
}
.block-tab-open-apply-section .product-container {
  padding: 2rem 0;
  text-align: center;
  border-bottom: 1px #e2edf3 solid;
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .product-container {
    text-align: left;
  }
}
.block-tab-open-apply-section .product-container:last-child {
  border-bottom: none;
}
.block-tab-open-apply-section .content-section-title {
  margin: 0 auto 3rem;
}
.block-tab-open-apply-section .content {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .content {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .action.action p {
    display: inline;
    margin: 0 1.5rem 1.5rem 0;
  }
}
.block-tab-open-apply-section .title {
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .title {
    font-size: 3.6rem;
  }
}
.block-tab-open-apply-section .sub-title {
  font-family: lexia, sans-serif;
  font-size: 1.8rem;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .sub-title {
    font-size: 2rem;
  }
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .product-col-left {
    display: inline-block;
    width: 35%;
    margin: 0 5% 0 0;
  }
}
@media screen and (min-width: 900px) {
  .block-tab-open-apply-section .product-col-right {
    display: inline-block;
    width: 60%;
    text-align: right;
  }
}

/**

  Home Page Testimonials

  Section

  <section class="mod-home-testimonials" aria-label="Read customer testimonials">
    <div class="testimonial-container owl-carousel">
      {{tag name="t701255" label="Testimonial Items" type="plooper" default="testimonial_item"}}
    </div>
  </section>

  Individual Testimonial

  <div class="testimonial-item">
    <p class="image">{{tag name="t213559" label="Customer Image" type="media"}}</p>
    <div class="copy">{{tag name="t180292" label="Copy Text" type="body"}}</div>
    <p class="name">{{tag name="t931420" label="Customer Name" type="textbox" display_on_header="yes"}}</p>
    <p class="location">{{tag name="t869220" label="Customer Location" type="textbox"}}</p>
  </div>

**/
.mod-home-testimonials .testimonial-cointainer {
  max-width: 1400px;
  margin: 0 auto;
}
.mod-home-testimonials .testimonial-item {
  max-width: 239px;
  text-align: center;
  padding: 5rem 0px;
  margin: 0 auto;
}
.mod-home-testimonials .testimonial-item .image {
  margin: 0 auto 3rem;
}
.mod-home-testimonials .testimonial-item .image img {
  width: 100%;
  max-width: 239px;
  height: auto;
}
.mod-home-testimonials .testimonial-item .copy {
  font-size: 1.6rem;
  font-family: lexia, sans-serif;
  font-style: italic;
  color: #636466;
  margin: 0 auto 3rem;
}
.mod-home-testimonials .testimonial-item .copy p {
  margin: 0 auto 1rem;
}
.mod-home-testimonials .testimonial-item .copy p:last-child {
  margin: 0 auto;
}
.mod-home-testimonials .testimonial-item .name {
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-weight: bold;
  text-transform: uppercase;
  margin: 0 auto;
}
.mod-home-testimonials .testimonial-item .location {
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #00b5ea;
  font-weight: bold;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-home-testimonials .owl-nav, .mod-home-testimonials .owl-dots {
    display: none;
  }
}

/*********************/
/** (ORANGE) STRIPE **/
/*********************/
.mod-stripe {
  display: block;
  margin: 0;
  padding: 0;
}
.mod-stripe .stripe-text {
  position: relative;
  text-align: center;
  padding: 4rem 0 4rem 0;
}
.mod-stripe .stripe-text .title {
  font-family: lexia, sans-serif;
  font-weight: normal;
  font-style: italic;
  font-size: 3rem;
  color: #005581;
  margin: 0 auto;
  display: inline-block;
  background-color: #fff;
  padding: 0;
  position: relative;
  z-index: 200;
  max-width: 65%;
}
.mod-stripe .stripe-text .title:before {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 23px;
  height: 17px;
  background: url("../svg/ico-quote-begin.svg") #fff no-repeat center center;
  background-size: 23px 17px;
}
@media screen and (min-width: 900px) {
  .mod-stripe .stripe-text .title:before {
    left: -37px;
    padding: 1.5rem 0 1.5rem 3rem;
  }
}
.mod-stripe .stripe-text .title:after {
  content: "";
  position: absolute;
  right: -35px;
  top: 0;
  width: 23px;
  height: 17px;
  background: url("../svg/ico-quote-end.svg") #fff no-repeat center center;
  background-size: 23px 17px;
}
@media screen and (min-width: 900px) {
  .mod-stripe .stripe-text .title:after {
    right: -47px;
    padding: 1.5rem 3rem 1.5rem 0;
  }
}
@media screen and (min-width: 900px) {
  .mod-stripe .stripe-text .title {
    font-size: 4.8rem;
    padding: 1.5rem;
  }
}
.mod-stripe .stripe-text:before {
  content: "";
  position: relative;
  width: 100%;
  height: 3px;
  left: 0;
  top: 0;
  background-color: #f26829;
  z-index: 100;
  margin: 0 0 4.5rem;
  display: block;
}
@media screen and (min-width: 900px) {
  .mod-stripe .stripe-text:before {
    position: absolute;
    top: 50%;
    margin: 0;
  }
}
.mod-stripe .stripe-cta {
  position: relative;
  text-align: center;
  padding: 4rem 0 4rem 0;
}
.mod-stripe .stripe-cta .action {
  margin: 0 auto;
  display: inline-block;
  position: relative;
  z-index: 200;
}
.mod-stripe .stripe-cta .action p {
  margin: 0 auto;
}
.mod-stripe .stripe-cta .action a {
  margin: 0;
}
@media screen and (min-width: 900px) {
  .mod-stripe .stripe-cta:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 50%;
    background-color: #f26829;
    z-index: 100;
  }
}

/***********************/
/** ICON TILE SECTION **/
/***********************/
.block-tiles {
  clear: both;
  padding: 8rem 0 6rem;
  position: relative;
}
.block-tiles .clearfix {
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-tiles .text-container {
    display: inline-block;
    width: 50%;
    padding: 10rem 2rem 0;
  }
}
.block-tiles .text-area {
  margin: 0 auto 5rem;
  padding: 0 1.5rem;
  text-align: center;
}
.block-tiles .text-area .title {
  font-size: 3rem;
  color: #005581;
  font-family: lexia, sans-serif;
  font-weight: normal;
  margin: 0 auto 3rem;
  line-height: 1;
}
@media screen and (min-width: 900px) {
  .block-tiles .text-area .title {
    position: relative;
    top: -3.5rem;
    padding: 0 2rem;
    font-size: 4.8rem;
  }
}
.block-tiles .text-area .content {
  margin: 0 auto 3rem;
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
.block-tiles .text-area .content p:last-child {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-tiles .text-area .content {
    position: relative;
    top: -3.5rem;
    padding: 0 2rem;
    font-size: 2rem;
  }
}
.block-tiles .text-area .action {
  margin: 0 auto 2rem;
}
.block-tiles .text-area .action a, .block-tiles .text-area .action p {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-tiles .text-area .action.button {
    position: absolute;
    bottom: -3.5rem;
    padding: 0 2rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 900px) {
  .block-tiles .text-area .action.text {
    position: relative;
    top: -3.5rem;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  .block-tiles .text-area {
    text-align: left;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 535px;
    position: relative;
  }
}
@media screen and (min-width: 900px) {
  .block-tiles .tile-container {
    display: inline-block;
    width: 50%;
  }
}
.block-tiles .tiles {
  margin: 0 auto;
  padding: 0 1rem;
  max-width: 550px;
}
.block-tiles .tiles ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.block-tiles .tiles .icon-tile {
  text-align: center;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  width: 100%;
  width: 235px;
  height: auto;
}
@media screen and (min-width: 900px) {
  .block-tiles .tiles .icon-tile {
    max-width: 262px;
    width: 50%;
    height: auto;
  }
}
.block-tiles .tiles .tile-pad {
  padding: 4rem;
  background-color: #fff;
  border: 1px #e2edf3 solid;
  width: 100%;
  height: 100%;
}
.block-tiles .tiles .tile-pad:hover p {
  text-decoration: underline;
}
.block-tiles .tiles a, .block-tiles .tiles button {
  color: #005581;
}
.block-tiles .tiles a img, .block-tiles .tiles button img {
  transition: all 0.2s ease-in-out;
}
.block-tiles .tiles button:hover, .block-tiles .tiles button:focus, .block-tiles .tiles button.hovered {
  text-decoration: underline;
}
.block-tiles .tiles a:hover img, .block-tiles .tiles a:focus img, .block-tiles .tiles button:hover img, .block-tiles .tiles button:focus img {
  transform: scale(1.1);
}
.block-tiles .tiles .icon {
  margin: 0 auto 3rem;
  text-align: center;
}
.block-tiles .tiles .icon img {
  width: 100%;
  max-width: 84px;
  height: auto;
}
@media screen and (min-width: 900px) {
  .block-tiles .tiles .icon img {
    max-width: 110px;
    height: auto;
  }
}
.block-tiles .tiles .text {
  margin: 0;
  text-align: center;
  font-family: lexia, sans-serif;
  font-size: 1.8rem;
  color: #005581;
  text-transform: uppercase;
}
@media screen and (min-width: 900px) {
  .block-tiles .tiles .text {
    font-size: 2.4rem;
  }
}
.block-tiles .super-border {
  display: none;
}
@media screen and (min-width: 900px) {
  .block-tiles .super-border {
    display: block;
    position: absolute;
    width: 50vw;
    height: calc(100% + 8px);
    top: -4px;
    right: 100%;
    border-width: 4px 0 4px 0;
    border-style: solid;
  }
}
.block-tiles.section-bg-white .text-container .title {
  background-color: #fff;
}
@media screen and (min-width: 900px) {
  .block-tiles.section-bg-white .outline {
    border-width: 4px 4px 4px 0;
    border-color: #f26829;
    border-style: solid;
  }
  .block-tiles.section-bg-white .super-border {
    border-color: #f26829;
  }
}
.block-tiles.section-bg-blue .text-container .title {
  background-color: #e2edf3;
}
@media screen and (min-width: 900px) {
  .block-tiles.section-bg-blue .outline {
    border-width: 4px 4px 4px 0;
    border-color: #00b5ea;
    border-style: solid;
  }
}
.block-tiles.section-bg-blue .outline .super-border {
  border-color: #00b5ea;
}
.block-tiles.section-bg-green .text-container .title {
  background-color: #ebf5e7;
}
@media screen and (min-width: 900px) {
  .block-tiles.section-bg-green .outline {
    border-width: 4px 4px 4px 0;
    border-color: #55B659;
    border-style: solid;
  }
  .block-tiles.section-bg-green .super-border {
    border-color: #55B659;
  }
}
@media screen and (min-width: 900px) {
  .block-tiles {
    padding: 8rem 0;
  }
  .block-tiles.tile-left .text-container {
    float: right;
  }
  .block-tiles.tile-left .tile-container {
    float: left;
  }
  .block-tiles.tile-left .outline {
    border-width: 4px 0 4px 4px;
  }
  .block-tiles.tile-left .super-border {
    right: auto;
    left: 100%;
  }
}

/**********************/
/** PRODUCT CATEGORY **/
/**********************/
.block-product-category {
  padding: 8rem 0;
  position: relative;
}
.block-product-category .clearfix {
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-product-category .text-container {
    display: inline-block;
    width: 50%;
    padding: 0 2rem;
  }
}
.block-product-category .text-area {
  margin: 0 auto 5rem;
  padding: 1rem 1.5rem;
  text-align: center;
}
.block-product-category .text-area .title {
  font-size: 3rem;
  color: #005581;
  font-family: lexia, sans-serif;
  font-weight: normal;
  margin: 0 auto 3rem;
  line-height: 1;
}
@media screen and (min-width: 900px) {
  .block-product-category .text-area .title {
    position: relative;
    top: -3.5rem;
    padding: 1rem 2rem 0;
    font-size: 4.8rem;
  }
}
.block-product-category .text-area .content {
  margin: 0 auto 3rem;
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
.block-product-category .text-area .content p:last-child {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-product-category .text-area .content {
    position: relative;
    top: -3.5rem;
    padding: 0 2rem;
    font-size: 1.8rem;
  }
}
.block-product-category .text-area .action {
  margin: 0 auto;
  font-size: 2rem;
}
.block-product-category .text-area .action p:last-child {
  margin-bottom: 0;
}
.block-product-category .text-area .action a {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .block-product-category .text-area .action {
    position: relative;
    top: -3.5rem;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 900px) {
  .block-product-category .text-area {
    text-align: left;
    margin: 0 auto;
    padding: 0 2rem;
    max-width: 535px;
    position: relative;
  }
}
@media screen and (min-width: 900px) {
  .block-product-category .cross-sell-container {
    display: inline-block;
    width: 50%;
  }
}
.block-product-category .cross-sells {
  margin: 0 auto;
  padding: 0 1rem;
}
.block-product-category .cross-sells ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  text-align: center;
}
.block-product-category .cross-sells .cross-sell {
  text-align: left;
  margin: 1rem auto 3rem;
  display: inline-block;
  vertical-align: top;
  width: 275px;
  background-color: #fff;
  position: relative;
  -moz-box-shadow: 0 0 5px 1px #bbbbbb;
  -webkit-box-shadow: 0 0 5px 1px #bbbbbb;
  box-shadow: 0 0 5px 1px #bbbbbb;
}
.block-product-category .cross-sells .cross-sell .image {
  width: 100%;
  border-width: 0 0 4px 0;
  border-style: solid;
  margin: 0 auto;
}
.block-product-category .cross-sells .cross-sell .pad {
  padding: 2rem;
  position: relative;
}
.block-product-category .cross-sells .cross-sell .title {
  font-size: 2rem;
  line-height: 1.25;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-weight: bold;
  margin: 0 auto 0.25rem;
}
.block-product-category .cross-sells .cross-sell .content {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  margin: 0 auto 6rem;
  font-size: 1.6rem;
  display: block;
}
.block-product-category .cross-sells .cross-sell .content p {
  margin: 0 auto 1.5rem;
}
.block-product-category .cross-sells .cross-sell .content p:last-child {
  margin: 0 auto;
}
.block-product-category .cross-sells .cross-sell .action {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 2rem;
}
.block-product-category .cross-sells .cross-sell .action p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 600px) {
  .block-product-category .cross-sells .owl-nav, .block-product-category .cross-sells .owl-dots {
    display: none;
  }
}
@media screen and (min-width: 900px) {
  .block-product-category .cross-sells .owl-nav {
    display: block;
  }
  .block-product-category .cross-sells .owl-dots {
    display: inline;
  }
}
@media screen and (min-width: 1200px) {
  .block-product-category .cross-sells .owl-nav, .block-product-category .cross-sells .owl-dots {
    display: none;
  }
}
.block-product-category .super-border {
  display: none;
}
@media screen and (min-width: 900px) {
  .block-product-category .super-border {
    display: block;
    position: absolute;
    width: 50vw;
    height: calc(100% + 8px);
    top: -4px;
    right: 100%;
    border-width: 4px 0 4px 0;
    border-style: solid;
  }
}
.block-product-category.section-bg-white .text-container .title {
  background-color: #fff;
}
@media screen and (min-width: 900px) {
  .block-product-category.section-bg-white .outline {
    border-width: 4px 4px 4px 0;
    border-color: #f26829;
    border-style: solid;
  }
}
.block-product-category.section-bg-blue .text-container .title {
  background-color: #e2edf3;
}
@media screen and (min-width: 900px) {
  .block-product-category.section-bg-blue .outline {
    border-width: 4px 4px 4px 0;
    border-color: #00b5ea;
    border-style: solid;
  }
}
.block-product-category.section-bg-green .text-container .title {
  background-color: #ebf5e7;
}
@media screen and (min-width: 900px) {
  .block-product-category.section-bg-green .outline {
    border-width: 4px 4px 4px 0;
    border-color: #55B659;
    border-style: solid;
  }
}
@media screen and (min-width: 900px) {
  .block-product-category {
    padding: 8rem 0;
  }
  .block-product-category.tile-left .text-container {
    float: right;
  }
  .block-product-category.tile-left .tile-container {
    float: left;
  }
  .block-product-category.tile-left .outline {
    border-width: 4px 0 4px 4px;
  }
  .block-product-category.tile-left .super-border {
    right: auto;
    left: 100%;
  }
}
.block-product-category .splash-image {
  position: absolute;
  width: 100%;
  height: 60vw;
  left: 0;
  top: 0;
}
@media screen and (min-width: 900px) {
  .block-product-category .splash-image {
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 900px) {
  .block-product-category.image-right .splash-image {
    left: 50%;
  }
}
.block-product-category.image-right, .block-product-category.image-left {
  padding: 64vw 0 8rem;
}
@media screen and (min-width: 900px) {
  .block-product-category.image-right, .block-product-category.image-left {
    padding: 8rem 0;
  }
}
.block-product-category.image-right .text-area, .block-product-category.image-left .text-area {
  margin: 0 auto;
}

/*********************/
/** BROKERCHECK BAR **/
/*********************/
.brokercheck-bar {
  max-width: 1400px;
  margin: 0 auto;
  margin: 0 auto;
  padding: 3rem;
}
.brokercheck-bar .side-left p {
  margin: 0 auto 3rem;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .brokercheck-bar .side-left p {
    margin: 0 auto;
    padding: 35px 0;
    text-align: left;
  }
}
@media screen and (min-width: 900px) {
  .brokercheck-bar .side-left {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}
.brokercheck-bar .side-right p {
  text-align: center;
}
.brokercheck-bar .side-right p:first-child {
  margin: 0 auto 1.5em;
}
.brokercheck-bar .side-right p:last-child {
  margin: 0 auto 1em;
}
@media screen and (min-width: 900px) {
  .brokercheck-bar .side-right p {
    text-align: center;
    width: 100%;
    max-width: 271px;
  }
  .brokercheck-bar .side-right p:first-child {
    margin: 0 0 1.5em auto;
  }
  .brokercheck-bar .side-right p:last-child {
    margin: 0 0 1em auto;
  }
}
@media screen and (min-width: 900px) {
  .brokercheck-bar .side-right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
  }
}

.wealthplanning-bar {
  max-width: 1400px;
  margin: 0 auto;
  margin: 0 auto;
  padding: 3rem 3rem 0;
}
.wealthplanning-bar p {
  margin: 0 auto;
  text-align: left;
}

.brokercheck-sidebar {
  margin: 0 auto;
  text-align: center;
}
.brokercheck-sidebar p:first-child {
  margin: 0 auto 1.5em;
}
.brokercheck-sidebar p:last-child {
  margin: 0 auto 2em;
}

/*******************************/
/** 404 Page (PAGE NOT FOUND) **/
/*******************************/
.block-page-not-found {
  position: relative;
  text-align: center;
  color: #fff;
}
.block-page-not-found .container {
  padding: 10rem 1rem;
  position: relative;
  z-index: 200;
}
@media screen and (min-width: 900px) {
  .block-page-not-found .container {
    padding: 20rem 1rem;
  }
}
.block-page-not-found .title {
  margin: 0 auto 1rem;
  line-height: 1;
  font-size: 4.8rem;
  font-family: lexia, sans-serif;
  text-shadow: 2px 2px 3px #444;
}
.block-page-not-found .subtitle {
  margin: 0 auto 1rem;
  line-height: 1;
  font-size: 3.6rem;
  font-family: lexia, sans-serif;
  text-shadow: 2px 2px 3px #444;
}
.block-page-not-found .subtitle:last-child {
  margin: 0 auto;
}
.block-page-not-found .content {
  margin: 0 auto 3rem;
  font-size: 2.2rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
.block-page-not-found .content:last-child {
  margin: 0 auto;
}
.block-page-not-found .action p {
  display: block;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 900px) {
  .block-page-not-found .action p {
    display: inline;
    margin: 0 2rem 2rem 0;
  }
}
.block-page-not-found .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #495254;
  z-index: 100;
}

/***********************************/
/** APP ICON LIST (MOBILE WALLET) **/
/***********************************/
.block-app-icon-list {
  display: block;
  width: 100%;
}
.block-app-icon-list ul {
  list-style: none;
  margin: 0 auto !important;
  padding: 0 !important;
}
.block-app-icon-list li {
  margin: 0 auto !important;
  padding: 0;
  vertical-align: top;
  display: block;
  text-align: center;
}
.block-app-icon-list li p {
  margin: 0 auto 2rem;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .block-app-icon-list li p {
    margin: 0 4rem 2rem 0;
  }
}
.block-app-icon-list li p > a > span:first-child {
  margin: 0 auto 0.5rem;
}
.block-app-icon-list li a {
  display: inline-block;
}
@media screen and (min-width: 900px) {
  .block-app-icon-list li:last-child p {
    margin: 0 0 2rem 0;
  }
}
@media screen and (min-width: 900px) {
  .block-app-icon-list li {
    display: inline-block;
    text-align: left;
  }
}
.block-app-icon-list span {
  display: block;
}
.block-app-icon-list img {
  width: 60px;
  height: 60px;
}

.block-single-col {
  margin: 0 auto;
  padding: 0 1em;
  max-width: calc(1400px + 2em);
}

.mod-disclosure {
  margin: 0 auto 1em;
  padding: 1em 0 0 0;
}

.ins-inv-outro {
  margin: 0 auto 3em;
  padding: 3em 1em 0;
}
.ins-inv-outro > .content {
  margin: 0 auto;
  text-align: center;
  max-width: 1200px;
}
.ins-inv-outro .mod-disclosure {
  text-align: left;
}

.ins-inv-buttons {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  width: 271px;
}
.ins-inv-buttons li {
  margin: 0 auto 1em;
  text-align: center;
}

.block-ins-inv-product .product-container {
  margin: 0 auto 3.75rem;
  padding: 0 1rem 3.75rem;
  max-width: 1400px;
  border-bottom: 1px #e2edf3 solid;
}
.block-ins-inv-product .product-intro {
  margin: 0 auto 2.5em;
  padding: 0 1rem;
  max-width: 1400px;
  color: #40403f;
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .product-intro {
    font-size: 1.8rem;
  }
}
.block-ins-inv-product .product-intro a:hover, .block-ins-inv-product .product-intro a:focus, .block-ins-inv-product .product-intro a.hovered {
  text-decoration: underline;
}
.block-ins-inv-product .product-intro > *:last-child {
  margin: 0 auto;
}
.block-ins-inv-product .product-intro:empty {
  display: none;
}
.block-ins-inv-product .content {
  margin: 0 auto 3rem;
}
.block-ins-inv-product .content .title, .block-ins-inv-product .content h2 {
  color: #005581;
  font-family: lexia, sans-serif;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 auto 1.25rem;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .content .title, .block-ins-inv-product .content h2 {
    font-size: 3.6rem;
  }
}
.block-ins-inv-product .content h3 {
  font-family: lexia, sans-serif;
  color: #005581;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .content h3 {
    font-size: 1.8rem;
  }
}
.block-ins-inv-product .content h4 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .content h4 {
    font-size: 1.8rem;
  }
}
.block-ins-inv-product .content h5 {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .content h5 {
    font-size: 1.8rem;
  }
}
.block-ins-inv-product .content .body {
  color: #40403f;
  font-size: 1.6rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  clear: both;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .content .body {
    font-size: 1.8rem;
  }
}
.block-ins-inv-product .content .body a:hover, .block-ins-inv-product .content .body a:focus, .block-ins-inv-product .content .body a.hovered {
  text-decoration: underline;
}
.block-ins-inv-product .content .body .img-float:first-child {
  margin: 0 0 1em 1em;
  float: right;
}
.block-ins-inv-product .content .body .img-float:first-child:empty {
  display: none;
}
@media screen and (min-width: 1400px) {
  .block-ins-inv-product .content {
    margin: 0 auto;
    vertical-align: top;
    padding: 0 1.5rem 0 0;
  }
}
.block-ins-inv-product .action {
  margin: 0 auto 3rem;
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .action {
    text-align: left;
  }
}
@media screen and (min-width: 1400px) {
  .block-ins-inv-product .action {
    margin: 0 auto;
    padding: 0 1.5rem;
    vertical-align: top;
    text-align: right;
  }
  .block-ins-inv-product .action a {
    display: block;
    margin: 0 auto 3rem;
  }
  .block-ins-inv-product .action a:last-child {
    margin: 0 auto;
  }
}
.block-ins-inv-product .action p {
  display: block;
  text-align: center;
}
@media screen and (min-width: 900px) {
  .block-ins-inv-product .action p {
    display: inline;
    margin: 0 1rem 1rem 0;
  }
}
@media screen and (min-width: 1400px) {
  .block-ins-inv-product .action p {
    display: block;
    margin: 0 auto 1rem;
  }
}
@media screen and (min-width: 1400px) {
  .block-ins-inv-product .product-col-left {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 250px);
  }
}
@media screen and (min-width: 1400px) {
  .block-ins-inv-product .product-col-right {
    display: inline-block;
    vertical-align: top;
    width: 250px;
  }
}

/**

  How Can We Help

  <section role="search" class="mod-help">
    <div class="help-container">
      <h3 class="title">How can we help?</h3>
      <form method="GET" action="/search/">
        <label class="visuallyhidden">Search our site</label>
        <input type="search" name="search_key" class="help-search-input" placeholder="I want to..." /><button>Submit search</button>
      </form>
    </div>
  </section>

**/
.mod-help {
  background-color: #005581;
  color: #fff;
  padding: 3.5rem;
  display: block;
  margin: 0 0 2em;
}
.mod-help .help-container {
  max-width: 220px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .mod-help .help-container {
    max-width: 100%;
    margin: 0;
  }
}
.mod-help .title {
  margin: 0 auto 1.5rem;
  font-size: 2.4rem;
  font-family: lexia, sans-serif;
}
.mod-help form {
  background-color: #e2edf3;
  padding: 1rem;
}
.mod-help .help-search-input {
  margin: 0;
  padding: 1.75rem;
  background-color: #e2edf3;
  color: #40403f;
  border: none;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.4rem;
  display: inline-block;
  width: calc(100% - 44px);
  height: 44px;
}
.mod-help .help-search-input::-webkit-input-placeholder {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  color: #939598;
}

.mod-help .help-search-input:-moz-placeholder {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  color: #939598;
}

.mod-help .help-search-input::-moz-placeholder {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  color: #939598;
}

.mod-help .help-search-input:-ms-input-placeholder {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.4rem;
  font-style: italic;
  color: #939598;
}

.mod-help .help-search-submit {
  display: inline-block;
  height: 44px;
  width: 44px;
  padding: 0;
  margin: 0 auto;
  background: #55B659;
  transition: background 0.5s ease-in-out;
}
.mod-help .help-search-submit img {
  width: 100%;
  height: auto;
}
.mod-help .help-search-submit:hover, .mod-help .help-search-submit:focus, .mod-help .help-search-submit.hovered {
  background: rgb(64.8888888889, 151.1111111111, 68.4444444444);
}

.nav-related {
  padding: 0 1rem;
}
.nav-related h3 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #005581;
  margin: 0 0 2em;
}
.nav-related nav {
  font-weight: 700;
  font-size: 1.6rem;
  text-transform: uppercase;
}
.nav-related nav .current a {
  color: #005581;
}
.nav-related nav a {
  margin: 0.25em 0;
  color: #5e95b8;
  position: relative;
  display: block;
  padding-left: 10px;
}
.nav-related nav a:before {
  height: 16px;
  width: 8px;
  position: absolute;
  top: 0%;
  left: 0;
  content: " •  ";
}

/**

  Product Listing Cross Sells

**/
.cross-sell-blocks {
  zoom: 1;
}
.cross-sell-blocks:before, .cross-sell-blocks:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.cross-sell-blocks:after {
  clear: both;
}
.cross-sell-blocks .cs-block {
  background-color: #55B659;
  background-position: bottom center;
  background-size: 250px;
  background-repeat: no-repeat;
  height: 270px;
  transition: padding 0.5s ease-in-out;
  color: #fff;
  text-align: center;
  padding: 6em 2em 0;
}
.cross-sell-blocks .cs-block:first-of-type {
  border-bottom: solid 1px #fff;
}
@media screen and (min-width: 900px) {
  .cross-sell-blocks .cs-block {
    width: 50%;
    float: left;
  }
  .cross-sell-blocks .cs-block:first-of-type {
    border-bottom: none;
    border-right: solid 1px #fff;
  }
}
.cross-sell-blocks .cs-block a {
  color: #fff;
}
.cross-sell-blocks .cs-block .f-h2 {
  font-weight: 900;
  margin-bottom: 0;
}
.cross-sell-blocks .cs-block:hover {
  padding: 5em 2em 0;
}

/**

  Header Bar Cross Sell

  <div class="cross-sell-header">
      <div class="container">
          <p class="body">{{tag name="t123016" label="Body Copy" type="body-tiny"}}</p>
          <p class="action"><a href="{{tag name="t86953" label="Link" type="link-href"}}" class="{{tag name="t123619" label="Speedbump" type="select" options="Yes=speedbump|No="}}" target="{{tag name="t784724" label="Target" type="select" options="Same Tab=_self|New Tab=_blank}}" {{tag name="t566265" label="Track click events on this link" type="select" options="No=|Yes=data-track"}}"><span class="visuallyhidden">{{tag name="t174406" label="Button Label" type="textbox"}}</span></a></p>
      </div>
  </div>

**/
@keyframes cross-sell-header-pointer {
  0%, 100% {
    left: 0;
  }
  50% {
    left: 1rem;
  }
}
@-webkit-keyframes cross-sell-header-pointer {
  0%, 100% {
    left: 0;
  }
  50% {
    left: 1rem;
  }
}
.cross-sell-header {
  margin: 0 auto 3rem;
  display: block;
  background-color: #00b5ea;
  padding: 2rem;
}
.cross-sell-header .container {
  max-width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.cross-sell-header p {
  margin: 0 auto;
}
.cross-sell-header .body {
  max-width: 92%;
  font-size: 1.6rem;
  font-family: lexia, sans-serif;
  font-style: italic;
  font-weight: normal;
  color: #fff;
  text-align: center;
  margin: 0 auto 1rem;
  display: block;
}
@media screen and (min-width: 900px) {
  .cross-sell-header .body {
    font-size: 2.6rem;
  }
}
.cross-sell-header .action {
  margin: 0 auto;
  text-align: center;
  margin: 0 auto;
  padding: 0;
  min-width: 48px;
  min-height: 40px;
  display: block;
  background: url("../png/ico-cta-arrow-white.png") no-repeat center center;
  background-size: 48px 40px;
  position: relative;
  left: 0;
}
.cross-sell-header button:hover .action,
.cross-sell-header button:focus .action,
.cross-sell-header a:hover .action,
.cross-sell-header a:hover .action {
  animation: cross-sell-header-pointer 1s infinite;
}
@media screen and (min-width: 900px) {
  .cross-sell-header {
    margin: 0 auto;
    padding: 3rem;
  }
  .cross-sell-header .body {
    margin: 0 auto;
  }
  .cross-sell-header .body,
  .cross-sell-header .action {
    display: inline-block;
    vertical-align: middle;
  }
  .cross-sell-header .action {
    margin: 0 0 0 3rem;
  }
}

/**

  Footer Cross Sell without Background Splash Image

  <div class="cross-sell-footer">
    <div class="container">
      <div class="image-section">
        <p>{{tag name="t185081" label="Cross Sell Image" type="media"}}</p>
      </div><div class="text-section">
        <h2 class="title">{{tag name="t738600" label="Cross Sell Title" type="body-tiny"}}</h2>
        <div class="content">
          {{tag name="t738129" label="Cross Sell Body Copy" type="body"}}
        </div>
        <div class="action">
          {{tag name="t892298" label="CTA Arrow Links" type="plooper" default="cta_link_text_custom"}}
        </div>
        <div class="final-action">
          <p>{{tag name="t224753" label="Learn More Link" type="link"}}</p>
        </div>
      </div>
    </div>
  </div>

**/
.cross-sell-footer .container {
  max-width: 1400px;
  margin: 0 auto;
  zoom: 1;
  padding: 4rem 2rem 6rem;
}
.cross-sell-footer .container:before, .cross-sell-footer .container:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.cross-sell-footer .container:after {
  clear: both;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .container {
    padding: 10rem 2rem 7rem;
  }
}
.cross-sell-footer .image-section {
  text-align: center;
  margin: 0 auto 2.5rem;
  display: block;
  width: 100%;
}
.cross-sell-footer .image-section p {
  margin: 0 auto;
}
.cross-sell-footer .image-section img {
  width: 100%;
  max-width: 600px;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .image-section {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    margin: 0 auto;
  }
}
.cross-sell-footer .text-section {
  text-align: center;
}
.cross-sell-footer .text-section .title {
  font-family: lexia, sans-serif;
  color: #005581;
  font-weight: normal;
  font-size: 3rem;
  line-height: 1.125;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section .title {
    font-size: 4.8rem;
    line-height: 1.125;
    margin: 0 auto 0.5em;
  }
}
.cross-sell-footer .text-section .content {
  font-size: 1.6rem;
  margin: 0 auto 5rem;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section .content {
    font-size: 1.8rem;
    margin: 0 0 3rem;
    max-width: 80%;
  }
}
.cross-sell-footer .text-section .content *:last-child {
  margin: 0 auto;
}
.cross-sell-footer .text-section .action {
  margin: 0 auto 5rem;
}
.cross-sell-footer .text-section .action p {
  line-height: 1;
  margin: 0 auto 3.5rem;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section .action p {
    margin: 0 auto 3rem;
  }
}
.cross-sell-footer .text-section .action p:last-child {
  margin: 0;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section .action {
    margin: 0 auto 6rem;
  }
}
.cross-sell-footer .text-section .final-action,
.cross-sell-footer .text-section .final-action a {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-style: italic;
  font-size: 1.4rem;
}
.cross-sell-footer .text-section .final-action p,
.cross-sell-footer .text-section .final-action a p {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section .final-action,
  .cross-sell-footer .text-section .final-action a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 900px) {
  .cross-sell-footer .text-section {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    text-align: left;
  }
}
.cross-sell-footer.image-right .image-section {
  float: right;
}
.cross-sell-footer.image-right .text-section {
  float: left;
}

/**

  Footer Cross Sell with Background Splash Image

  <div class="cross-sell-footer-image {{tag name="t312393" label="Cross Sell Size" type="select" options="Large=large|Small=small"}}" style="background: url({{tag name="t579183" label="Background" type="media-url"}}) no-repeat center center / cover;">
    <div class="mobile-image" style="background: url({{tag name="t579183" label="Background" type="media-url"}}) no-repeat center center / cover;"></div>
    <div class="container">
      <h2 class="title">{{tag name="t520651" label="Title" type="textbox"}}</h2>
      <div class="copy">{{tag name="t616192" label="Content" type="body"}}</div>
      <p class="action">{{tag name="t53784" label="CTA" type="pcomplex" default="cta_button_custom"}}</p>
    </div>
    <div class="overlay" style="opacity: {{tag name="t519708" label="Overlay Opacity" type="textbox-range" default="range"}};"></div>
  </div>

**/
.cross-sell-footer-image {
  position: relative;
}
.cross-sell-footer-image .mobile-image {
  height: 40vw;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer-image .mobile-image {
    display: none;
  }
}
.cross-sell-footer-image .container {
  background-color: #005581;
  text-align: center;
  padding: 4rem;
  margin: 0 auto;
  color: #fff;
  position: relative;
  z-index: 200;
}
.cross-sell-footer-image .container .title {
  font-family: lexia, sans-serif;
  font-size: 3rem;
  margin: 0 auto 2rem;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer-image .container .title {
    font-size: 4.8rem;
  }
}
.cross-sell-footer-image .container .copy {
  margin: 0 auto 4rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer-image .container .copy {
    font-size: 2rem;
  }
}
.cross-sell-footer-image .container .copy *:last-child {
  margin: 0 auto;
}
.cross-sell-footer-image .container .action {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer-image .container {
    max-width: 1400px;
    margin: 0 auto;
    background-color: unset;
  }
  .cross-sell-footer-image .container.large {
    padding: 14vw 1rem;
  }
  .cross-sell-footer-image .container.small {
    padding: 7vw 1rem;
  }
}
.cross-sell-footer-image .overlay {
  display: none;
}
@media screen and (min-width: 900px) {
  .cross-sell-footer-image .overlay {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #495254;
    z-index: 100;
  }
}

/**

HOMEPAGE CROSSBLOCK

  <section class="mod-cross-block {{tag name="t755392" label="Section Background Color" type="select" options="White=section-bg-white|Blue=section-bg-blue|Green=section-bg-green"}}" aria-label="Learn about products and services">
    <div class="cross-block-desktop-controls">
    </div><div class="content owl-carousel">
      {{tag name="t505953" label="Carousel Item" type="plooper" default="cross_block_item"}}
    </div>
    <div class="splash-image" style="background:url({{tag name="t292228" label="Background" type="media"}});"></div>
  </section>

  <div class="cross-block">
      <div class="block-name">{{tag name="t599171" label="Block Name" type="textbox" display_on_header="yes"}}</div>
      <div class="block-area">
          <div class="content">
              <div class="inner">
                  <h2 class="f-h2">{{tag name="t328220" label="Title" type="body-tiny"}}</h2>
                  <h3 class="f-h3">{{tag name="t805018" label="Subtitle" type="body-tiny"}}</h3>
                  <div class="copy">{{tag name="t833905" label="Copy" type="body"}}</div>
                  <div class="actions">{{tag name="t685094" label="CTAs" type="pcomplex" default="cta_btn_custom"}}</div>
              </div>
          </div>
      </div>
  </div>

**/
.cross-block-selection {
  position: relative;
  padding: 0 0 5.5rem 0;
}
.cross-block-selection .cross-block-super-wrapper {
  max-width: 1400px;
  margin: 0 auto;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .cross-block-super-wrapper {
    padding: 0 4rem;
    text-align: left;
    margin: 0 auto;
  }
}
.cross-block-selection .line-nav {
  display: none;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .line-nav {
    padding: 25rem 0 0 0;
    display: inline-block;
    width: 266px;
    vertical-align: top;
  }
  .cross-block-selection .line-nav ul {
    margin: 0 auto 6rem;
    padding: 0;
    list-style: none;
  }
  .cross-block-selection .line-nav li {
    display: block;
    padding: 0;
    margin: 0 auto 2.5rem;
    position: relative;
  }
  .cross-block-selection .line-nav li button {
    position: relative;
    margin: 0;
    font-family: ff-tisa-sans-web-pro, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.6rem;
    color: #bcbec0;
  }
  .cross-block-selection .line-nav li.current button {
    color: #55B659;
  }
  .cross-block-selection .line-nav li.current:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 65px;
    height: 4px;
    background-color: #55B659;
  }
  .cross-block-selection .line-nav li:last-child {
    margin: 0 auto;
  }
}
.cross-block-selection .line-nav .faux-owl-dots {
  text-align: left;
  margin: 0;
  padding: 5px 0 0 0;
}
.cross-block-selection .line-nav .faux-owl-dot {
  width: 15px;
  height: 15px;
  margin: 0 0.5rem;
  padding: 0;
  background: #ffffff;
  border: 2px #548daa solid;
  cursor: pointer;
  z-index: 200;
  position: relative;
  vertical-align: top;
  border-radius: 100%;
  display: inline-block;
}
.cross-block-selection .line-nav .faux-owl-dot:first-child {
  margin: 0 0.5rem 0 0;
}
.cross-block-selection .line-nav .faux-owl-dot.current {
  background: #548daa;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .content-wrapper {
    display: inline-block;
    width: calc(100% - 266px);
    vertical-align: top;
  }
}
.cross-block-selection .content {
  position: relative;
  z-index: 200;
}
.cross-block-selection .block-area {
  padding: 20vh 2rem 5rem;
  max-width: 575px;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-area {
    padding: 20rem 0;
    margin: 0;
  }
}
.cross-block-selection .block-wrapper {
  background-color: #fff;
  border: 4px #55B659 solid;
  text-align: left;
  padding: 2.5rem;
}
.cross-block-selection .block-wrapper .title {
  font-size: 3rem;
  font-weight: normal;
  color: #005581;
  line-height: 1.125;
  margin: 0 0 0.5em;
  font-family: lexia, sans-serif;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-wrapper .title {
    font-size: 4.8rem;
  }
}
.cross-block-selection .block-wrapper .subtitle {
  font-size: 1.6rem;
  font-weight: bold;
  color: #55B659;
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-wrapper .subtitle {
    font-size: 2rem;
  }
}
.cross-block-selection .block-wrapper .copy {
  font-size: 1.6rem;
  color: #3f4040;
  margin: 0 auto 4rem;
}
.cross-block-selection .block-wrapper .copy p:last-child {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-wrapper .copy {
    font-size: 1.8rem;
  }
}
.cross-block-selection .block-wrapper .action {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  width: 100%;
  left: 0;
  top: calc(100% + 5.5rem);
}
.cross-block-selection .block-wrapper .action p {
  margin: 0 auto;
}
.cross-block-selection .block-wrapper .action a {
  margin: 0 auto;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-wrapper .action {
    text-align: left;
  }
}
@media screen and (min-width: 900px) {
  .cross-block-selection .block-wrapper {
    padding: 4.5rem 4rem;
  }
}
.cross-block-selection .inner {
  position: relative;
}
.cross-block-selection .splash-image {
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 50%;
  z-index: 100;
}
@media screen and (min-width: 900px) {
  .cross-block-selection .splash-image {
    width: 50%;
    height: 100%;
  }
}
@media screen and (min-width: 900px) {
  .cross-block-selection .owl-nav,
  .cross-block-selection .owl-dots {
    display: none;
  }
}

.mod-page-not-found {
  padding: 5em 1em;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.mod-page-not-found .action {
  margin: 2em;
}
.mod-page-not-found .action .btn, .mod-page-not-found .action .ac-modal .ac-answer > .ac-text, .ac-modal .mod-page-not-found .action .ac-answer > .ac-text {
  display: inline-block;
  width: 200px;
  margin: 0 1em 1em 0;
}

.pg-login main .online-banking-form {
  position: static;
  display: block;
  color: #495254;
  padding: 1em;
  background: none;
  height: auto;
}
.pg-login main .online-banking-form a:not(.cta-btn) {
  color: #005581;
  text-decoration: underline;
}
.pg-login main .online-banking-form .login-close {
  display: none;
}
.pg-login main .online-banking-form input {
  display: block;
  width: 100%;
}
.pg-login main .online-banking-form .po-form {
  display: block;
}
.pg-login main .online-banking-form .access-input {
  width: 100%;
  margin-bottom: 5px;
}

/*******************************/
/** SECTION BACKGROUND COLORS **/
/*******************************/
.section-bg-white {
  background-color: #fff;
}
.section-bg-white .cta-link-text:after {
  background: url("../png/ico-cta-arrow-orange.png") no-repeat 100% center;
  transition-timing-function: linear;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
}
.section-bg-white .cta-link {
  background: url("../png/ico-cta-arrow-orange.png") no-repeat center center;
}
.section-bg-white .super-border {
  border-color: #f26829;
}
.section-bg-white .cross-sell .image {
  border-color: #f26829;
}

.section-bg-blue {
  background-color: #e2edf3;
}
.section-bg-blue .cta-link-text:after {
  transition-timing-function: linear;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
  background: url("../png/ico-cta-arrow-blue.png") no-repeat 100% center;
}
.section-bg-blue .cta-link {
  transition-timing-function: linear;
  transition-timing-function: cubic-bezier(0, 0, 1, 1);
  background: url("../png/ico-cta-arrow-blue.png") no-repeat center center;
}
.section-bg-blue .super-border {
  border-color: #00b5ea;
}
.section-bg-blue .cross-sell .image {
  border-color: #00b5ea;
}

.section-bg-green {
  background-color: #ebf5e7;
}
.section-bg-green .cta-link-text:after {
  background: url("../png/ico-cta-arrow-green.png") no-repeat 100% center;
}
.section-bg-green .cta-link {
  background: url("../png/ico-cta-arrow-green.png") no-repeat center center;
}
.section-bg-green .super-border {
  border-color: #55B659;
}
.section-bg-green .cross-sell .image {
  border-color: #55B659;
}

/**** BLOG *****/
.blog-preview .text-area .f-h5 {
  font-size: 2rem;
  text-transform: uppercase;
  color: #005581;
}
.blog-preview .text-area .f-h3 {
  font-size: 3.6rem;
  margin-bottom: 0.25em;
  color: #005581;
}
.blog-preview .text-area .blog-author {
  font-size: 1.6rem;
}
.blog-preview .text-area .blog-summary {
  font-size: 2rem;
  margin-bottom: 1em;
}

.blog-controls {
  background: #E1EDF4;
  padding: 0 1em;
  font-family: lexia, sans-serif;
  font-size: 2rem;
  color: #005581;
  text-transform: uppercase;
}
.blog-controls .content {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  height: 140px;
}
.blog-controls .content .blog-previous {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
.blog-controls .content .blog-previous:before, .blog-controls .content .blog-previous:after {
  content: "";
  display: block;
  position: absolute;
  height: 50px;
  width: 2px;
  background: #558DAB;
}
.blog-controls .content .blog-previous:before {
  top: -28px;
  left: 0;
  transform: rotate(45deg);
}
.blog-controls .content .blog-previous:after {
  top: 7px;
  left: 0;
  transform: rotate(-45deg);
}
.blog-controls .content .blog-previous.disabled {
  color: #558DAB;
}
.blog-controls .content .blog-previous.disabled:before, .blog-controls .content .blog-previous.disabled:after {
  background: #558DAB;
}
.blog-controls .content .blog-next {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 30px;
  text-transform: uppercase;
  font-weight: 700;
}
.blog-controls .content .blog-next:before, .blog-controls .content .blog-next:after {
  content: "";
  display: block;
  position: absolute;
  height: 50px;
  width: 2px;
  background: #558DAB;
}
.blog-controls .content .blog-next:before {
  transform: rotate(-45deg);
  top: -28px;
  right: 0;
}
.blog-controls .content .blog-next:after {
  top: 7px;
  right: 0;
  transform: rotate(45deg);
}
.blog-controls .content .blog-next.disabled {
  color: #558DAB;
}
.blog-controls .content .blog-next.disabled:before, .blog-controls .content .blog-next.disabled:after {
  background: #558DAB;
}

@media screen and (min-width: 900px) {
  .blog-carousel {
    padding: 0 80px;
  }
}
.blog-carousel .owl-nav.disabled {
  display: none;
}
.blog-carousel .content {
  max-width: 1360px;
  margin: 0 auto;
  position: relative;
}
.blog-carousel .content .prev-article {
  position: absolute;
  left: -70px;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 30px;
  text-transform: uppercase;
  font-weight: 700;
  width: 60px;
  height: 80px;
  display: none;
}
@media screen and (min-width: 900px) {
  .blog-carousel .content .prev-article {
    display: block;
  }
}
.blog-carousel .content .prev-article:before, .blog-carousel .content .prev-article:after {
  content: "";
  display: block;
  position: absolute;
  height: 50px;
  width: 2px;
  background: #558DAB;
}
.blog-carousel .content .prev-article:before {
  top: 0px;
  left: 25px;
  transform: rotate(45deg);
}
.blog-carousel .content .prev-article:after {
  top: 35px;
  left: 25px;
  transform: rotate(-45deg);
}
.blog-carousel .content .prev-article.disabled {
  color: #558DAB;
}
.blog-carousel .content .prev-article.disabled:before, .blog-carousel .content .prev-article.disabled:after {
  background: #558DAB;
}
.blog-carousel .content .next-article {
  position: absolute;
  right: -70px;
  top: 50%;
  transform: translateY(-50%);
  padding-right: 30px;
  text-transform: uppercase;
  font-weight: 700;
  width: 60px;
  height: 80px;
  display: none;
}
@media screen and (min-width: 900px) {
  .blog-carousel .content .next-article {
    display: block;
  }
}
.blog-carousel .content .next-article:before, .blog-carousel .content .next-article:after {
  content: "";
  display: block;
  position: absolute;
  height: 50px;
  width: 2px;
  background: #558DAB;
}
.blog-carousel .content .next-article:before {
  top: 0px;
  left: 25px;
  transform: rotate(-45deg);
}
.blog-carousel .content .next-article:after {
  top: 35px;
  left: 25px;
  transform: rotate(45deg);
}
.blog-carousel .content .next-article.disabled {
  color: #558DAB;
}
.blog-carousel .content .next-article.disabled:before, .blog-carousel .content .next-article.disabled:after {
  background: #558DAB;
}
.blog-carousel .owl-item {
  text-align: center;
}
.blog-carousel .blog-ticker {
  text-align: left;
  margin: 1rem auto 3rem;
  display: inline-block;
  vertical-align: top;
  width: 275px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 0 5px 1px #bbbbbb;
}
.blog-carousel .blog-ticker .image {
  width: 100%;
  height: 160px;
  border-width: 0 0 4px 0;
  border-style: solid;
  position: relative;
  margin: 0 auto;
  border-color: #f26829;
  background: url(../jpg/generic-news-thumb.jpg) no-repeat center center;
  background-size: cover;
}
.blog-carousel .blog-ticker .image .image-holder {
  width: 100%;
  height: 100%;
}
.blog-carousel .blog-ticker .image .image-holder:empty {
  display: none;
}
.blog-carousel .blog-ticker .pad {
  padding: 2rem;
}
.blog-carousel .blog-ticker .title {
  font-size: 2rem;
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #005581;
  font-weight: bold;
  margin: 0 auto 2rem;
}
.blog-carousel .blog-ticker .content {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  font-size: 1.6rem;
  margin: 0 auto 6rem;
}
.blog-carousel .blog-ticker .content p {
  margin: 0 auto 1.5rem;
}
.blog-carousel .blog-ticker .content p:last-child {
  margin: 0 auto;
}
.blog-carousel .blog-ticker .action {
  text-align: center;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 2rem;
}
.blog-carousel .blog-ticker .action .cta-link {
  background: url("../png/ico-cta-arrow-orange.png") no-repeat center center;
}

#mod_news_categories h4 {
  font-size: 1.4rem;
  font-weight: 700;
  color: #005581;
  margin: 0 0 2em;
}

/** Investor Disclosure */
.investor-disclosure-table {
  margin: 0 auto 1em;
  border: solid 1px #495254;
  font-weight: 700;
}
.investor-disclosure-table td {
  border-right: 1px solid #495254;
  padding: 10px;
  line-height: 1.125;
}
.investor-disclosure-table td:last-of-type {
  border-right: none;
}

/** wrapper classes */
.no-space-after {
  margin-bottom: 0em;
}

.space-after {
  margin-bottom: 3em;
}

.photo-top {
  background-position: top center;
}

.photo-bottom {
  background-position: bottom center;
}

/** Form Validation Success **/
.validation_success .f-h2, .validation_success .title {
  font-size: 3rem;
  margin: 0 auto 1em;
  font-family: lexia, sans-serif;
  text-transform: uppercase;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .validation_success .f-h2, .validation_success .title {
    font-size: 4.8rem;
  }
}
.validation_success .f-h3 {
  margin: 0 auto 1em;
  font-size: 1.6rem;
  font-family: lexia, sans-serif;
  color: #005581;
}
@media screen and (min-width: 900px) {
  .validation_success .f-h3 {
    font-size: 1.8rem;
  }
}
.validation_success p {
  font-family: ff-tisa-sans-web-pro, sans-serif;
  color: #3f4040;
  font-size: 1.6rem;
}
@media screen and (min-width: 900px) {
  .validation_success p {
    font-size: 1.8rem;
  }
}

@media print {
  header,
  nav,
  footer {
    display: none;
  }
  img {
    max-width: 500px;
  }
  body {
    font: 14pt Georgia, "Times New Roman", Times, serif;
    line-height: 1.3;
    color: #000000;
  }
  .cross-sell-carousel .f-h2, .f-h1-feature, .feature-slide .feature-text .feature-header, .photo-area-info .info-copy h2, p, h1, h2, h3, h4, h5, dd, dt, .bottom-footer p, .bottom-footer a {
    color: #000000;
  }
  .photo-area-info .info-copy {
    width: 100%;
  }
  img, a, nav.ada-footer-bar, .photo-area-info .info-icons,
  .photo-area .image img, .photo-area-complex .image img, .photo-area-header .image img {
    display: none;
  }
  .top-header-bar .logo img {
    display: block !important;
  }
  .photo-area, .photo-area-complex, .photo-area-header {
    height: 300px;
    min-height: 300px;
  }
  .icon-information-area .explore-links .explore-block, .icon-information-area-simple .explore-links .explore-block {
    width: 33%;
    float: left;
    padding: 1em;
  }
  .cross-sell-blocks .cs-block {
    width: 50%;
    float: left;
    padding: 1em;
  }
  .photo-area-complex .photo-area-info {
    width: 100%;
    background: 0 0;
    z-index: 20;
    padding: 1em;
    position: relative;
    top: 0;
    left: 0;
  }
}
#pg-claudia-cardoza .bio-header-info h2 {
  display: none;
}
/*# sourceMappingURL=dcb-main.css.map */