@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: 1600px;
  margin: 0 auto;
}

.max-wrap-small {
  max-width: 1000px;
  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: 600;
}

[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;
  color: #333;
  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 .bio .actions a, .bio .actions .input-append a, .input-append .black-ghost, .input-append .white-ghost, .input-append .ghost-btn, .input-append .cta-btn, .input-append .secondary-btn, .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 .bio .actions a, .bio .actions .input-prepend a, .input-prepend .black-ghost, .input-prepend .white-ghost, .input-prepend .ghost-btn, .input-prepend .cta-btn, .input-prepend .secondary-btn, .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, .input-prepend .bio .actions a, .bio .actions .input-prepend a, .input-prepend .black-ghost, .input-prepend .white-ghost, .input-prepend .ghost-btn, .input-prepend .cta-btn, .input-prepend .secondary-btn {
  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, .input-prepend .bio .actions a:first-child, .bio .actions .input-prepend a:first-child, .input-prepend .black-ghost:first-child, .input-prepend .white-ghost:first-child, .input-prepend .ghost-btn:first-child, .input-prepend .cta-btn:first-child, .input-prepend .secondary-btn: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 .uneditable-input + .btn-group .bio .actions a:last-child, .bio .actions .input-append .uneditable-input + .btn-group a:last-child, .input-append .uneditable-input + .btn-group .black-ghost:last-child, .input-append .uneditable-input + .btn-group .white-ghost:last-child, .input-append .uneditable-input + .btn-group .ghost-btn:last-child, .input-append .uneditable-input + .btn-group .cta-btn:last-child, .input-append .uneditable-input + .btn-group .secondary-btn: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 input + .btn-group .bio .actions a:last-child, .bio .actions .input-append input + .btn-group a:last-child, .input-append input + .btn-group .black-ghost:last-child, .input-append input + .btn-group .white-ghost:last-child, .input-append input + .btn-group .ghost-btn:last-child, .input-append input + .btn-group .cta-btn:last-child, .input-append input + .btn-group .secondary-btn: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, .input-append select + .btn-group .bio .actions a:last-child, .bio .actions .input-append select + .btn-group a:last-child, .input-append select + .btn-group .black-ghost:last-child, .input-append select + .btn-group .white-ghost:last-child, .input-append select + .btn-group .ghost-btn:last-child, .input-append select + .btn-group .cta-btn:last-child, .input-append select + .btn-group .secondary-btn: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 .bio .actions a, .bio .actions .input-append a, .input-append .black-ghost, .input-append .white-ghost, .input-append .ghost-btn, .input-append .cta-btn, .input-append .secondary-btn, .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, .input-append .bio .actions a:last-child, .bio .actions .input-append a:last-child, .input-append .black-ghost:last-child, .input-append .white-ghost:last-child, .input-append .ghost-btn:last-child, .input-append .cta-btn:last-child, .input-append .secondary-btn: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 .uneditable-input + .btn-group .bio .actions a, .bio .actions .input-prepend.input-append .uneditable-input + .btn-group a, .input-prepend.input-append .uneditable-input + .btn-group .black-ghost, .input-prepend.input-append .uneditable-input + .btn-group .white-ghost, .input-prepend.input-append .uneditable-input + .btn-group .ghost-btn, .input-prepend.input-append .uneditable-input + .btn-group .cta-btn, .input-prepend.input-append .uneditable-input + .btn-group .secondary-btn, .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 input + .btn-group .bio .actions a, .bio .actions .input-prepend.input-append input + .btn-group a, .input-prepend.input-append input + .btn-group .black-ghost, .input-prepend.input-append input + .btn-group .white-ghost, .input-prepend.input-append input + .btn-group .ghost-btn, .input-prepend.input-append input + .btn-group .cta-btn, .input-prepend.input-append input + .btn-group .secondary-btn, .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, .input-prepend.input-append select + .btn-group .bio .actions a, .bio .actions .input-prepend.input-append select + .btn-group a, .input-prepend.input-append select + .btn-group .black-ghost, .input-prepend.input-append select + .btn-group .white-ghost, .input-prepend.input-append select + .btn-group .ghost-btn, .input-prepend.input-append select + .btn-group .cta-btn, .input-prepend.input-append select + .btn-group .secondary-btn {
  -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, .input-prepend.input-append .bio .actions a:first-child, .bio .actions .input-prepend.input-append a:first-child, .input-prepend.input-append .black-ghost:first-child, .input-prepend.input-append .white-ghost:first-child, .input-prepend.input-append .ghost-btn:first-child, .input-prepend.input-append .cta-btn:first-child, .input-prepend.input-append .secondary-btn: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, .input-prepend.input-append .bio .actions a:last-child, .bio .actions .input-prepend.input-append a:last-child, .input-prepend.input-append .black-ghost:last-child, .input-prepend.input-append .white-ghost:last-child, .input-prepend.input-append .ghost-btn:last-child, .input-prepend.input-append .cta-btn:last-child, .input-prepend.input-append .secondary-btn: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-append .bio .actions a, .bio .actions .form-search .input-append a, .form-search .input-append .black-ghost, .form-search .input-append .white-ghost, .form-search .input-append .ghost-btn, .form-search .input-append .cta-btn, .form-search .input-append .secondary-btn, .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, .form-search .input-prepend .bio .actions a, .bio .actions .form-search .input-prepend a, .form-search .input-prepend .black-ghost, .form-search .input-prepend .white-ghost, .form-search .input-prepend .ghost-btn, .form-search .input-prepend .cta-btn, .form-search .input-prepend .secondary-btn {
  -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, button.black-ghost, button.white-ghost, button.ghost-btn, button.cta-btn, button.secondary-btn, input[type=submit].btn, .ac-modal .ac-answer > input[type=submit].ac-text, input[type=submit].black-ghost, input[type=submit].white-ghost, input[type=submit].ghost-btn, input[type=submit].cta-btn, input[type=submit].secondary-btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

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

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

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

button.btn.btn-mini, .ac-modal .ac-answer > button.btn-mini.ac-text, button.btn-mini.black-ghost, button.btn-mini.white-ghost, button.btn-mini.ghost-btn, button.btn-mini.cta-btn, button.btn-mini.secondary-btn, input[type=submit].btn.btn-mini, .ac-modal .ac-answer > input[type=submit].btn-mini.ac-text, input[type=submit].btn-mini.black-ghost, input[type=submit].btn-mini.white-ghost, input[type=submit].btn-mini.ghost-btn, input[type=submit].btn-mini.cta-btn, input[type=submit].btn-mini.secondary-btn {
  *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;
  }
}
html {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  color: #495254;
}

body {
  font-family: open-sans, sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  body {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  body {
    font-size: 2rem;
  }
}

[role=button] {
  cursor: pointer;
}

.f-h1 {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  font-size: 5rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h1 {
    font-size: 7rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h1 {
    font-size: 9.5rem;
    line-height: 1.125;
  }
}

.f-h2 {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  font-size: 4.5rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h2 {
    font-size: 8rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h2 {
    font-size: 8.5rem;
    line-height: 1.125;
  }
}

.f-h3 {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  font-size: 3rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h3 {
    font-size: 4.5rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h3 {
    font-size: 5.5rem;
    line-height: 1.125;
  }
}

.f-h4, .branch-details .branch_hours_label, .branch-details h3, .branch-details h4 {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h4, .branch-details .branch_hours_label, .branch-details h3, .branch-details h4 {
    font-size: 3rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h4, .branch-details .branch_hours_label, .branch-details h3, .branch-details h4 {
    font-size: 3.5rem;
    line-height: 1.125;
  }
}

.f-h5 {
  font-family: open-sans, sans-serif;
  font-size: 2.5rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h5 {
    font-size: 3rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h5 {
    font-size: 3.5rem;
    line-height: 1.125;
  }
}

.f-h6 {
  font-family: open-sans, sans-serif;
  font-size: 2.5rem;
  line-height: 1.125;
}
@media screen and (min-width: 998px) {
  .f-h6 {
    font-size: 3rem;
    line-height: 1.125;
  }
}
@media screen and (min-width: 1400px) {
  .f-h6 {
    font-size: 3.5rem;
    line-height: 1.125;
  }
}

.f-form-thanks {
  font-size: 3rem;
  margin-bottom: 0.3em;
}

a {
  color: #00AC75;
  text-decoration: none;
}
a:focus {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a.btn:hover, .ac-modal .ac-answer > a.ac-text:hover, .bio .actions a:hover, a.black-ghost:hover, a.white-ghost:hover, a.ghost-btn:hover, a.cta-btn:hover, a.secondary-btn:hover {
  text-decoration: none;
}

.content {
  font-family: open-sans, sans-serif;
}

.disclosure {
  margin-bottom: 3em;
  font-size: 1.2rem;
}
@media screen and (min-width: 998px) {
  .disclosure {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .disclosure {
    font-size: 1.2rem;
  }
}

/**
// Buttons
*/
/*** FOCUS STYLES ***/
a:focus, button:focus, input:focus, select:focus {
  outline: 1px dotted #3a87ad;
  /* box-shadow: 0 0 5px 1px #3a87ad; */
}

div:focus, section:focus {
  outline: none;
  box-shadow: none;
}

.btn, .ac-modal .ac-answer > .ac-text, .bio .actions a, .black-ghost, .white-ghost, .ghost-btn, .cta-btn, .secondary-btn {
  background: #00AC75;
  color: #fff;
  border: solid 2px #00AC75;
  display: inline-block;
  padding: 16px 2em;
  font-size: 1.8rem;
  line-height: 1.3;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 10px;
  font-family: open-sans, sans-serif;
  font-weight: 700;
  transition: background 0.3s ease-in-out, color 0.5s ease-in-out;
}
.btn:hover, .ac-modal .ac-answer > .ac-text:hover, .bio .actions a:hover, .black-ghost:hover, .white-ghost:hover, .ghost-btn:hover, .cta-btn:hover, .secondary-btn:hover, .btn:focus, .ac-modal .ac-answer > .ac-text:focus, .bio .actions a:focus, .black-ghost:focus, .white-ghost:focus, .ghost-btn:focus, .cta-btn:focus, .secondary-btn:focus, .btn.hovered, .ac-modal .ac-answer > .hovered.ac-text, .bio .actions a.hovered, .hovered.black-ghost, .hovered.white-ghost, .hovered.ghost-btn, .hovered.cta-btn, .hovered.secondary-btn {
  background: rgb(0, 121, 82.3081395349);
  text-decoration: none;
}
.btn:active, .ac-modal .ac-answer > .ac-text:active, .bio .actions a:active, .black-ghost:active, .white-ghost:active, .ghost-btn:active, .cta-btn:active, .secondary-btn:active {
  background: rgb(0, 121, 82.3081395349);
}
.btn .clicked-text, .ac-modal .ac-answer > .ac-text .clicked-text, .bio .actions a .clicked-text, .black-ghost .clicked-text, .white-ghost .clicked-text, .ghost-btn .clicked-text, .cta-btn .clicked-text, .secondary-btn .clicked-text {
  display: none;
}
.btn.js-active .clicked-text, .ac-modal .ac-answer > .js-active.ac-text .clicked-text, .bio .actions a.js-active .clicked-text, .js-active.black-ghost .clicked-text, .js-active.white-ghost .clicked-text, .js-active.ghost-btn .clicked-text, .js-active.cta-btn .clicked-text, .js-active.secondary-btn .clicked-text {
  display: inline-block;
}
.btn.js-active .initial-text, .ac-modal .ac-answer > .js-active.ac-text .initial-text, .bio .actions a.js-active .initial-text, .js-active.black-ghost .initial-text, .js-active.white-ghost .initial-text, .js-active.ghost-btn .initial-text, .js-active.cta-btn .initial-text, .js-active.secondary-btn .initial-text {
  display: none;
}

/* Primary action button*/
.cta-btn, .ac-modal .ac-answer > .ac-text, .bio .actions a, .secondary-btn {
  background-color: #00AC75;
  text-decoration: none;
  display: inline-block;
  color: #fff;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 700;
  padding: 17px 2em;
  border: solid 2px #00AC75;
}
.cta-btn:hover, .ac-modal .ac-answer > .ac-text:hover, .bio .actions a:hover, .secondary-btn:hover, .cta-btn:focus, .ac-modal .ac-answer > .ac-text:focus, .bio .actions a:focus, .secondary-btn:focus, .cta-btn.hovered, .ac-modal .ac-answer > .hovered.ac-text, .bio .actions a.hovered, .hovered.secondary-btn {
  color: #fff;
  background: rgb(0, 121, 82.3081395349);
}
.cta-btn:active, .ac-modal .ac-answer > .ac-text:active, .bio .actions a:active, .secondary-btn:active {
  color: #fff;
  background: rgb(0, 121, 82.3081395349);
}

.secondary-btn {
  background-color: #1E78C1;
  text-decoration: none;
  display: inline-block;
}
.secondary-btn:hover, .secondary-btn:focus, .secondary-btn.hovered {
  background: rgb(26.5695067265, 106.2780269058, 170.9304932735);
  background-image: linear-gradient(#1E78C1, rgba(30, 120, 193, 0));
}

.ghost-btn {
  background: none;
  display: inline-block;
  text-decoration: none;
  border: solid 2px #00AC75;
  background-size: 0 100%;
  color: #00AC75;
}
.ghost-btn:hover, .ghost-btn:focus, .ghost-btn.hovered {
  background: rgb(0, 146.5, 99.6540697674);
  color: #fff;
  border-color: rgb(0, 146.5, 99.6540697674);
}
.ghost-btn:active {
  background: rgb(0, 121, 82.3081395349);
  color: #fff;
}

.white-btn {
  background: #fff;
  color: #1E78C1;
  text-transform: uppercase;
  font-size: 1.8rem;
  border-radius: 10px;
  padding: 7px 2em;
  width: 100%;
  text-align: center;
  font-weight: 700;
}

.white-ghost {
  background: none;
  display: inline-block;
  text-decoration: none;
  color: #fff;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 1.8rem;
  font-weight: 700;
  padding: 17px 2em;
  border: solid 2px #fff;
}
.white-ghost:hover, .white-ghost:focus, .white-ghost.hovered {
  background: #fff;
  color: #1E78C1;
  border-color: #fff;
}
.white-ghost:active {
  color: #fff;
}

.black-ghost {
  background: none;
  display: inline-block;
  text-decoration: none;
  color: #451c00;
  border-radius: 10px;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 700;
  padding: 14px 2em 12px;
  border: solid 2px #451c00;
}
.black-ghost:hover, .black-ghost:focus, .black-ghost.hovered {
  background: #451c00;
  color: #fff;
  border-color: #451c00;
}
.black-ghost:active {
  color: #495254;
}

/* Links */
.cta-lnk, .content-split ul.links a, .photo-split ul.links a, .tabs-area .tab-header, .compare-chart table.editableTable .sub_row a, .compare-chart table.mod-privacy .sub_row a {
  color: white;
  font-size: 2rem;
  font-weight: 750;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.cta-lnk:after, .content-split ul.links a:after, .photo-split ul.links a:after, .tabs-area .tab-header:after, .compare-chart table.editableTable .sub_row a:after, .compare-chart table.mod-privacy .sub_row a:after {
  content: "›";
  display: inline-block;
  color: #00AC75;
  font-size: 2em;
  position: relative;
  top: 3px;
  left: 8px;
  font-weight: normal;
  line-height: 0.1;
  transition: all 0.3s ease-in;
}
.board-grey.cta-lnk:after, .content-split ul.links a.board-grey:after, .photo-split ul.links a.board-grey:after, .tabs-area .board-grey.tab-header:after, .compare-chart table.editableTable .sub_row a.board-grey:after, .compare-chart table.mod-privacy .sub_row a.board-grey:after {
  color: #55565B;
}

.dock-grey.cta-lnk:after, .content-split ul.links a.dock-grey:after, .photo-split ul.links a.dock-grey:after, .tabs-area .dock-grey.tab-header:after, .compare-chart table.editableTable .sub_row a.dock-grey:after, .compare-chart table.mod-privacy .sub_row a.dock-grey:after {
  color: #B2B1B0;
}

.iced-blue.cta-lnk:after, .content-split ul.links a.iced-blue:after, .photo-split ul.links a.iced-blue:after, .tabs-area .iced-blue.tab-header:after, .compare-chart table.editableTable .sub_row a.iced-blue:after, .compare-chart table.mod-privacy .sub_row a.iced-blue:after {
  color: #52739E;
}

.loft.cta-lnk:after, .content-split ul.links a.loft:after, .photo-split ul.links a.loft:after, .tabs-area .loft.tab-header:after, .compare-chart table.editableTable .sub_row a.loft:after, .compare-chart table.mod-privacy .sub_row a.loft:after {
  color: #39AFC7;
}

.orange-splash.cta-lnk:after, .content-split ul.links a.orange-splash:after, .photo-split ul.links a.orange-splash:after, .tabs-area .orange-splash.tab-header:after, .compare-chart table.editableTable .sub_row a.orange-splash:after, .compare-chart table.mod-privacy .sub_row a.orange-splash:after {
  color: #F16728;
}

.peak.cta-lnk:after, .content-split ul.links a.peak:after, .photo-split ul.links a.peak:after, .tabs-area .peak.tab-header:after, .compare-chart table.editableTable .sub_row a.peak:after, .compare-chart table.mod-privacy .sub_row a.peak:after {
  color: #8D3210;
}

.poppy.cta-lnk:after, .content-split ul.links a.poppy:after, .photo-split ul.links a.poppy:after, .tabs-area .poppy.tab-header:after, .compare-chart table.editableTable .sub_row a.poppy:after, .compare-chart table.mod-privacy .sub_row a.poppy:after {
  color: #EF4B5D;
}

.retro.cta-lnk:after, .content-split ul.links a.retro:after, .photo-split ul.links a.retro:after, .tabs-area .retro.tab-header:after, .compare-chart table.editableTable .sub_row a.retro:after, .compare-chart table.mod-privacy .sub_row a.retro:after {
  color: #B6BE34;
}

.sail-yellow.cta-lnk:after, .content-split ul.links a.sail-yellow:after, .photo-split ul.links a.sail-yellow:after, .tabs-area .sail-yellow.tab-header:after, .compare-chart table.editableTable .sub_row a.sail-yellow:after, .compare-chart table.mod-privacy .sub_row a.sail-yellow:after {
  color: #F5CF3D;
}

.shadow.cta-lnk:after, .content-split ul.links a.shadow:after, .photo-split ul.links a.shadow:after, .tabs-area .shadow.tab-header:after, .compare-chart table.editableTable .sub_row a.shadow:after, .compare-chart table.mod-privacy .sub_row a.shadow:after {
  color: #005B78;
}

.sundown.cta-lnk:after, .content-split ul.links a.sundown:after, .photo-split ul.links a.sundown:after, .tabs-area .sundown.tab-header:after, .compare-chart table.editableTable .sub_row a.sundown:after, .compare-chart table.mod-privacy .sub_row a.sundown:after {
  color: #805A89;
}

.vinate.cta-lnk:after, .content-split ul.links a.vinate:after, .photo-split ul.links a.vinate:after, .tabs-area .vinate.tab-header:after, .compare-chart table.editableTable .sub_row a.vinate:after, .compare-chart table.mod-privacy .sub_row a.vinate:after {
  color: #6BC6B7;
}

.cta-lnk:hover, .content-split ul.links a:hover, .photo-split ul.links a:hover, .tabs-area .tab-header:hover, .compare-chart table.editableTable .sub_row a:hover, .compare-chart table.mod-privacy .sub_row a:hover, .cta-lnk:focus, .content-split ul.links a:focus, .photo-split ul.links a:focus, .tabs-area .tab-header:focus, .compare-chart table.editableTable .sub_row a:focus, .compare-chart table.mod-privacy .sub_row a:focus {
  text-decoration: none !important;
}
.cta-lnk:hover:after, .content-split ul.links a:hover:after, .photo-split ul.links a:hover:after, .tabs-area .tab-header:hover:after, .compare-chart table.editableTable .sub_row a:hover:after, .compare-chart table.mod-privacy .sub_row a:hover:after, .cta-lnk:focus:after, .content-split ul.links a:focus:after, .photo-split ul.links a:focus:after, .tabs-area .tab-header:focus:after, .compare-chart table.editableTable .sub_row a:focus:after, .compare-chart table.mod-privacy .sub_row a:focus:after {
  opacity: 1;
  left: 12px;
}

.cta-lnk-basic, .branch-filter .filter-service {
  color: white;
  font-weight: 750;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.cta-lnk-basic:hover, .branch-filter .filter-service:hover, .cta-lnk-basic:focus, .branch-filter .filter-service:focus {
  text-decoration: underline;
}

.arrow-lnk, .related-product .action a, .rate_table .rates-print-btn, .mod-table .rates-print-btn, .mod-privacy .rates-print-btn {
  color: white;
  font-size: 2rem;
  font-weight: 750;
  text-transform: uppercase;
  position: relative;
  padding-right: 21px;
}
.arrow-lnk:before, .related-product .action a:before, .rate_table .rates-print-btn:before, .mod-table .rates-print-btn:before, .mod-privacy .rates-print-btn:before {
  content: "";
  display: block;
  background: #00AC75;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 7px;
  right: 0;
  transform: rotate(45deg);
}
.arrow-lnk:after, .related-product .action a:after, .rate_table .rates-print-btn:after, .mod-table .rates-print-btn:after, .mod-privacy .rates-print-btn:after {
  content: "";
  display: block;
  background: #00AC75;
  width: 14px;
  height: 2px;
  position: absolute;
  top: 16px;
  right: 0;
  transform: rotate(-45deg);
}
.arrow-lnk:hover, .related-product .action a:hover, .rate_table .rates-print-btn:hover, .mod-table .rates-print-btn:hover, .mod-privacy .rates-print-btn:hover, .arrow-lnk:focus, .related-product .action a:focus, .rate_table .rates-print-btn:focus, .mod-table .rates-print-btn:focus, .mod-privacy .rates-print-btn:focus {
  text-decoration: underline;
}

.arrow-lnk-prev {
  color: white;
}
.arrow-lnk-prev:before {
  content: "";
  background: url(../images/ico-arrow.svg) no-repeat;
  transform: rotate(180deg);
  background-size: contain;
  color: #00AC75;
  display: inline-block;
  width: 26px;
  height: 1em;
  position: relative;
  top: 0.2em;
  margin-right: 0.25em;
}
.arrow-lnk-prev:hover, .arrow-lnk-prev:focus, .arrow-lnk-prev.hovered {
  text-decoration: underline;
}

@media screen and (max-width: 950px) {
  .btn, .ac-modal .ac-answer > .ac-text, .bio .actions a, .cta-btn, .secondary-btn, .ghost-btn, .white-ghost, .black-ghost {
    margin-bottom: 10px;
    width: auto;
  }
}
table {
  table-layout: fixed;
  width: 100%;
}
table th, table td {
  padding: 5px;
  text-align: left;
}
table th {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.mod-table {
  font-size: 1.4rem;
}
.mod-table table.editableTable, .mod-table table.mod-privacy {
  margin-bottom: 0;
  padding: 0;
}
.mod-table table.editableTable .sub_row, .mod-table table.mod-privacy .sub_row {
  border-bottom: none;
  background: none;
}
.mod-table table.editableTable tr:nth-child(even), .mod-table table.mod-privacy tr:nth-child(even) {
  background-color: rgba(30, 120, 193, 0.1);
}
.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 .cell_0, .mod-table table.mod-privacy .cell_0 {
  font-weight: 600;
}
.mod-table table.editableTable .col_0, .mod-table table.mod-privacy .col_0 {
  font-weight: 600;
}
.mod-table table.editableTable tr:last-child, .mod-table table.mod-privacy tr:last-child {
  border: none;
}
.mod-table table.editableTable tr:last-child a, .mod-table table.mod-privacy tr:last-child a {
  padding: 0;
  text-decoration: none;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 0.9em;
}
.mod-table table.editableTable th, .mod-table table.mod-privacy th {
  border: none;
  background: none;
  color: #122E67;
  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: #122E67 !important;
}
.mod-table table.editableTable a, .mod-table table.mod-privacy a {
  color: #00AC75;
  font-family: open-sans, 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;
}

@media screen and (max-width: 950px) {
  .comparison-chart tr, .comparison-chart th {
    background: none !important;
  }
}

.compare-chart {
  margin-bottom: 3em;
}
.compare-chart th {
  font-size: 2.2rem;
}
@media screen and (max-width: 950px) {
  .compare-chart tr, .compare-chart th {
    background: none !important;
  }
}
.compare-chart table.editableTable .sub_row, .compare-chart table.mod-privacy .sub_row {
  border-bottom: none;
}
.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: #1E78C1;
  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: #1E78C1;
  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: 950px) {
  .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: #00AC75;
    transform: rotate(-45deg);
  }
  .table-nav .table-prev:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 35px;
    background: #00AC75;
    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: #00AC75;
    transform: rotate(-45deg);
  }
  .table-nav .table-next:after {
    content: "";
    display: block;
    position: absolute;
    width: 30px;
    height: 3px;
    top: 15px;
    background: #00AC75;
    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 1em;
  }
  .stacktable tr td:last-of-type {
    text-align: center;
    padding: 0.5em 0;
  }
  .stacktable tr a {
    padding: 0.75em 2em;
    text-decoration: none !important;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
  }
  .stacktable tr p:first-child a {
    color: white;
    background: #00AC75;
    border-radius: 0.75em;
    display: inline-block;
  }
}
form label {
  text-align: left;
}
form legend, form .f-h2, form .f-h3, form .f-h4, form .branch-details .branch_hours_label, .branch-details form .branch_hours_label, form .branch-details h3, .branch-details form h3, form .branch-details h4, .branch-details form h4, form .f-h5 {
  color: #495254;
  text-transform: none;
  font-weight: 600;
}

fieldset {
  border: none;
  padding: 0;
}

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

.wpcf7 > .screen-reader-response > ul:empty {
  display: none;
}

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

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

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

.clear {
  clear: both;
}

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

.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 **/
@media screen and (max-width: 950px) {
  .mod-privacy {
    text-align: left !important;
  }
  .mod-privacy .col-title {
    display: none;
  }
}
.mod-privacy .col-title {
  display: table-cell;
}
.mod-privacy table.editableTable td, .mod-privacy table.mod-privacy td, .mod-privacy table.editableTable th, .mod-privacy table.mod-privacy th {
  text-align: left;
}

.sitemap {
  line-height: 2 !important;
  padding: 0 30px 3em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .sitemap {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .sitemap {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 950px) {
  .sitemap {
    column-count: 2;
    column-gap: 20px;
    max-width: 850px;
    margin: 0 auto;
  }
}
.sitemap a {
  line-height: 2 !important;
}
.sitemap .menu_nav ul {
  padding-left: 1em;
  display: block !important;
}
.sitemap .menu_nav ul li > a {
  line-height: 2 !important;
}
.sitemap .menu_nav > ul {
  padding: 1em 0;
}
.sitemap .menu_nav > ul li > a {
  line-height: 2 !important;
}

/*
	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 {
  width: 100%;
  max-width: 1200px;
}
@media screen and (min-width: 950px) {
  .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 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: 998px) {
  #mod_news_categories ul {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  #mod_news_categories ul {
    font-size: 1.8rem;
  }
}
#mod_news_categories li {
  margin: 0;
  padding: 0;
}
#mod_news_categories a {
  text-transform: uppercase;
  color: #00AC75;
  font-weight: 600;
}

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

/*
    Directory

    Listing:
    <article class="bio" data-type="::category::" data-locations="::location::">
       <img src="::photo_thumb::" class="bio_photo" alt="Headshot of ::name::" />
       <h2 class="f-h4">::name::</h4>
       <p>::position::</p>
       <p class="f-h5">::location_name::</p>
    </article>

    Detail:

 */
.pg-certified-financial-counselors .simple-content-section {
  padding: 0;
}
.pg-certified-financial-counselors .bio {
  width: auto !important;
  margin-right: 40px;
}

.directory {
  padding: 0 1em;
}

.bio {
  margin: 0 auto 1em;
  text-align: left;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .bio {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .bio {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 950px) {
  .bio {
    width: 180px;
    width: calc(50% - 10px);
    float: left;
  }
}
@media screen and (min-width: 950px) {
  .bio {
    width: 180px;
    width: calc(25% - 13px);
    margin: 0 13px 1em 0;
    /*
    &:nth-of-type(3n+2) {
        padding-left: 5%;
        padding-right: 5%;
        width: 40%;
    }
    */
    padding: 0;
    display: inline-block;
    text-align: left;
  }
}
.bio .position {
  font-weight: 600;
}
.bio h3.f-h3 {
  font-family: Arial, sans-serif;
}
.bio h3 a:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #00AC75;
  content: "";
  display: inline-block;
  margin: 0.3em 0 0 0.5em;
  vertical-align: top;
}
.bio .bio-sub-info {
  display: none;
}
.bio .address {
  font-weight: 400;
  font-size: 1.4rem;
}
.bio .address:empty {
  display: none;
}
@media screen and (min-width: 998px) {
  .bio .address {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .bio .address {
    font-size: 1.8rem;
  }
}
.bio p {
  margin-bottom: 1em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .bio p {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .bio p {
    font-size: 1.8rem;
  }
}
.bio .title {
  font-size: 0.8em;
}
.bio .branch_contact_info {
  margin-bottom: 1em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .bio .branch_contact_info {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .bio .branch_contact_info {
    font-size: 1.8rem;
  }
}
.bio .branch_contact_info dt:after {
  content: ":";
  margin-right: 0.2em;
}
.bio .branch_contact_info dt, .bio .branch_contact_info dd {
  margin: 0;
  padding: 0;
}
.bio .branch_contact_info .mi-email a, .bio .branch_contact_info .mi-website a {
  color: #495254;
  text-decoration: underline;
}
.bio h3 {
  margin-bottom: 0;
  font-family: open-sans, sans-serif;
  font-weight: 700;
}
.bio img {
  width: 100%;
  margin: 0 0 1em 0;
  position: relative;
}
.bio.current img {
  z-index: 10;
}
.bio.current .copy {
  position: relative;
}
.bio.current .copy:after {
  content: "";
  width: 15px;
  height: 15px;
  background: #fff;
  border: solid 1px #EDF4FA;
  border-width: 1px 0 0 1px;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  top: 0px;
  left: 50%;
  display: block;
  z-index: 20;
}
.bio .bio-location {
  display: inline-block;
  margin: 0 5px 5px 0;
  font-weight: 700;
}
.bio .bio-sub-phone, .bio .bio-sub-email {
  margin-bottom: 0.25em;
}
.bio dd, .bio dt {
  display: inline;
}
.bio .branch-bio {
  display: none;
}
.news_author .bio .bio-sub-info, #pg-business-banking-team .bio .bio-sub-info, #pg-location-details .bio .bio-sub-info, #pg-locations .bio .bio-sub-info {
  display: block;
}
.news_author .bio .bio-info, #pg-business-banking-team .bio .bio-info, #pg-location-details .bio .bio-info, #pg-locations .bio .bio-info {
  display: none;
}
.bio .actions {
  text-align: center;
}
.bio .actions a {
  width: 100%;
}

.team-listing {
  zoom: 1;
  max-width: 1400px;
  margin: 0 auto;
  padding: 2em 1em;
  text-align: center;
  margin-bottom: 1em;
}
.team-listing:before, .team-listing:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.team-listing:after {
  clear: both;
}
.team-listing .f-h2 {
  font-weight: normal;
}
.team-listing .team-members {
  text-align: center;
}
.team-listing .team-members img {
  border-radius: 8px;
  margin-bottom: 1em;
  max-width: 300px;
}
.team-listing .team-members a {
  color: #00AC75;
}

.team-members {
  max-width: 1400px;
  margin: 0 auto;
  text-align: center;
}

.bio-detail {
  border: solid 1px #EDF4FA;
  border-width: 1px 0;
  padding: 1em;
}
.bio-detail button.js-close-detail {
  position: absolute;
  top: 20px;
  right: 10px;
  font-size: 4rem;
  background: #fff;
  padding: 0.25em 0.5em;
  border-radius: 5px;
  color: #00AC75;
}
.bio-detail .bio-details {
  padding: 2em 0;
  zoom: 1;
}
.bio-detail .bio-details:before, .bio-detail .bio-details:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.bio-detail .bio-details:after {
  clear: both;
}
.bio-detail .bio-details > img {
  margin-bottom: 1em;
  width: 100%;
}
@media screen and (min-width: 950px) {
  .bio-detail .bio-details > img {
    width: 40%;
    float: left;
  }
}
.bio-detail .bio-details .bio-header-info h2 {
  margin-bottom: 0.25em;
}
@media screen and (min-width: 950px) {
  .bio-detail .bio-details .bio-header-info {
    width: 60%;
    padding-left: 2em;
    float: right;
  }
}
.bio-detail .bio-details .bio-position {
  font-style: italic;
}
.bio-detail .bio-details .bio-contact {
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .bio-detail .bio-details .bio-contact {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .bio-detail .bio-details .bio-contact {
    font-size: 2rem;
  }
}
.bio-detail .bio-details .bio-contact span:first-of-type:after {
  content: "|";
  display: inline-block;
  padding: 0 1em;
}
.bio-detail .bio-details .actions a {
  margin: 0 1em 1em 0;
}
@media screen and (min-width: 950px) {
  .bio-detail .bio-details .actions a {
    display: inline-block;
  }
}

/** Page Specific **/
#pg-business-banking-team .nmls {
  display: none;
}

.photo-area-complex.lender-contact {
  max-height: none;
  height: auto;
  transform: none;
}
.photo-area-complex.lender-contact .photo-area-info {
  max-width: 1000px;
  margin: 0 auto;
  padding: 2em 1em;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}
.photo-area-complex.lender-contact .photo-area-info h2 {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (min-width: 950px) {
  .photo-area-complex.lender-contact .photo-area-info {
    padding: 4em 0em 2em;
  }
}
.photo-area-complex.lender-contact .photo-area-info label {
  font-weight: 700;
}
.photo-area-complex.lender-contact .photo-area-info .cta-btn, .photo-area-complex.lender-contact .photo-area-info .ac-modal .ac-answer > .ac-text, .ac-modal .photo-area-complex.lender-contact .photo-area-info .ac-answer > .ac-text, .photo-area-complex.lender-contact .photo-area-info .secondary-btn, .photo-area-complex.lender-contact .photo-area-info .bio .actions a, .bio .actions .photo-area-complex.lender-contact .photo-area-info a {
  display: inline-block;
}

.directory-overlay {
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: none;
}

.branch-filter {
  background: #1E78C1;
  padding: 1em;
  text-align: center;
  margin-bottom: 1em;
  color: #fff;
  font-weight: 700;
}
.branch-filter .filter-header {
  font-weight: inherit;
  color: inherit;
  font-size: inherit;
  display: inline-block;
}
.branch-filter > img {
  margin-right: 10px;
}
.branch-filter .dropdown {
  display: inline-block;
  margin: 1em 0 0 0;
  width: 100%;
  font-size: 1.4rem !important;
}
@media screen and (min-width: 950px) {
  .branch-filter .dropdown {
    width: 240px;
    margin: 0 0 0 1em;
  }
}
.branch-filter .dropdown .header {
  background: #fff;
  padding: 0.5em;
  height: 34px;
  border-radius: 0px;
  text-align: left;
  width: 100%;
  font-size: 1.4rem;
  color: #1E78C1;
}
.branch-filter .dropdown .options {
  color: #1E78C1;
  font-size: 1.4rem;
  text-align: left;
  top: 34px;
  background: rgba(237, 244, 250, 0.95);
}
.branch-filter .dropdown button {
  display: block;
  padding: 0.5em 1em;
  width: 100%;
  text-align: left;
}

.directory-members {
  width: 100% !important;
  transition: padding-bottom 0.5s linear;
  padding-bottom: 0;
}

.member-details {
  background: #fff;
  padding: 1em 0;
  z-index: 9;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.team-area {
  padding: 0 30px;
  margin-bottom: 50px;
}
.team-area > .content {
  max-width: 1400px;
  margin: 0 auto;
}
.team-area .team {
  display: block;
  grid-gap: 2vw;
}
@media screen and (min-width: 950px) {
  .team-area .team {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.bio-block {
  margin-bottom: 30px;
}
@media screen and (min-width: 950px) {
  .bio-block {
    display: flex;
    min-width: 50%;
    max-width: 50%;
  }
}
.bio-block .photo {
  margin: 0 30px 0 0;
  min-width: 160px;
  max-width: 350px;
}
@media screen and (max-width: 950px) {
  .bio-block .photo {
    margin: 0 0 30px 0;
  }
}
.bio-block .photo img {
  width: 100%;
}
.bio-block .f-bio-header {
  font-size: 2.4rem;
  margin-bottom: 0.2em;
}
.bio-block .f-bio-position {
  font-size: 1.7rem;
  font-weight: 300;
}
.bio-block .contact-info {
  font-size: 1.8rem;
}
.bio-block .contact-info dl {
  display: block;
  margin-bottom: 0.5em;
}
.bio-block .contact-info dt {
  display: none;
}
.bio-block .contact-info dd {
  display: block;
  padding: 0;
  margin: 0;
}

/*
Branches

    Listing:
    <article class="branch">
      <div class="branch-content">
          <h2 class="f-h2">::branch_name::</h2>
          <p>::branch_address::, ::branch_city::, ::branch_state::, ::branch_zipcode::</p>
      </div><div class="branch-cta">
          <p><a href="::branch_link::">View Details</a></p>
      </div>
    </article>

    Detail:
     <div class="branch-details">
        <div class="branch-header">
            <h2 class="f-h2">::branch_name::</h2>
            <p>::branch_address::, ::branch_city::, ::branch_state:: ::branch_zipcode::<br />
            ::branch_contact_info::
            </p>
            <a href="::branch_directions_link::" class="location-btn">View on a Map</a>
        </div>

        <div class="branch-hours clearfix">::branch_hours::</div>
        <div class="accordion-item">
            <div class="js-accordion-button accordion-button">
                <p class="f-h3">Holiday Hours</p>
            </div>
            <div class="js-accordion-content accordion-content" style="display: none;">
                ::holiday_hours::
            </div>
        </div>      
        <div class="branch-managers">::branch_managers::</div>
    </div>

 */
.mod-branches .horizontal-bar .content {
  font-family: arvo, sans-serif;
  color: #fff;
  text-align: left;
  text-transform: none;
}
.mod-branches .horizontal-bar .col-left {
  display: block;
}
.mod-branches .horizontal-bar .col-left .f-h2 {
  font-size: 2.3rem;
  margin: 0 auto 1rem;
}
.mod-branches .horizontal-bar .col-left p {
  font-size: 1.6rem;
}
.mod-branches .horizontal-bar .col-right {
  display: block;
}
.mod-branches .horizontal-bar .col-right p {
  font-size: 3rem;
  font-weight: bold;
}
.mod-branches .horizontal-bar .col-right p:last-child {
  margin: 0;
}
@media screen and (min-width: 950px) {
  .mod-branches .horizontal-bar .content {
    max-width: 1400px;
    margin: 0 auto;
  }
  .mod-branches .horizontal-bar .col-left {
    display: inline-block;
    width: 67%;
    margin: 0 2% 0 0;
  }
  .mod-branches .horizontal-bar .col-left p:last-child {
    margin: 0;
  }
  .mod-branches .horizontal-bar .col-right {
    display: inline-block;
    width: 31%;
  }
}

.mod-branches .branch-list {
  margin: 0 auto 2rem;
}

.mod-branches .cross-sells {
  margin: 0 auto 6rem;
}

.branch_managers {
  zoom: 1;
}
.branch_managers:before, .branch_managers:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.branch_managers:after {
  clear: both;
}

.mod-branches .branch-content-area {
  padding: 1em;
}
.mod-branches .branch-content-area .col-left .branch {
  padding: 3rem 0;
}
.mod-branches .branch-content-area .col-left .branch .content {
  font-family: arvo, sans-serif;
}
.mod-branches .branch-content-area .col-left .branch .content .f-h2 {
  font-size: 3.4rem;
  margin: 0;
}
.mod-branches .branch-content-area .col-left .branch .content p {
  font-size: 2rem;
  margin: 0;
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area .col-left .branch .content {
    display: inline-block;
    width: 69%;
    margin: 0 2% 0 0;
  }
}
.mod-branches .branch-content-area .col-left .branch .cta p {
  text-align: right;
  margin: 0;
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area .col-left .branch .cta p {
    padding: 2rem 0 0 0;
  }
}
.mod-branches .branch-content-area .col-left .branch .cta a {
  box-shadow: none;
  background-position: bottom;
  border: 0;
  text-shadow: none;
  font-weight: 400;
  font-size: 2rem;
  position: relative;
  transition: all 0.5s linear;
  text-transform: uppercase;
  color: #231f20;
  font-family: open-sans, sans-serif;
  white-space: nowrap;
}
.mod-branches .branch-content-area .col-left .branch .cta a:before {
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 2px;
  bottom: -5px;
  left: 0;
  background-color: #d7282f;
  transition: height 0.3s ease-in-out 0s;
}
.mod-branches .branch-content-area .col-left .branch .cta a:hover, .mod-branches .branch-content-area .col-left .branch .cta a:focus {
  color: #d7282f;
  text-decoration: none;
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area .col-left .branch .cta {
    display: inline-block;
    width: 29%;
  }
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area .col-left {
    display: inline-block;
    width: 60%;
    margin: 0 10% 0 0;
  }
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area .col-right {
    display: inline-block;
    width: 30%;
  }
}
@media screen and (min-width: 950px) {
  .mod-branches .branch-content-area {
    max-width: 1400px;
    margin: 0 auto;
    padding: 5rem 10rem;
  }
}

.mod-branches .branch-holiday-hours {
  font-family: arvo, sans-serif;
}
.mod-branches .branch-holiday-hours .f-h2 {
  font-size: 2.8rem;
  font-weight: bold;
  margin: 0 auto 0.5rem;
}
.mod-branches .branch-holiday-hours .f-h3, .mod-branches .branch-holiday-hours h3 {
  font-size: 1.6rem;
  font-weight: normal;
  margin: 0 auto 2rem;
}
.mod-branches .branch-holiday-hours dt {
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0 auto;
}
.mod-branches .branch-holiday-hours dd {
  font-size: 1.8rem;
  font-weight: normal;
  margin: 0 auto 2rem;
}

.cs-branches {
  background-color: #EFEDEB;
  border-radius: 5px;
  position: relative;
  padding: 2.5rem;
  margin: 0 18px 3rem 0;
  display: block;
}
.cs-branches:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  left: 100%;
  top: 33%;
  border-top: 18px solid #fff;
  border-bottom: 18px solid #fff;
  border-left: 18px solid #EFEDEB;
  border-right: 18px solid #fff;
}
.cs-branches .image {
  vertical-align: top;
  display: inline-block;
  width: 33%;
}
.cs-branches .text {
  vertical-align: top;
  display: inline-block;
  width: 62%;
  margin: 0 0 0 5%;
}
.cs-branches p {
  margin: 0;
  font-size: 2.2rem;
  font-family: arvo, sans-serif;
}
.cs-branches img {
  width: 100%;
  max-width: 92px;
}

.branch-details {
  padding: 2em 0;
}
.branch-details .content {
  zoom: 1;
  max-width: 1400px;
  margin: 0 auto;
}
.branch-details .content:before, .branch-details .content:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.branch-details .content:after {
  clear: both;
}
@media screen and (min-width: 950px) {
  .branch-details .content .branch-info {
    width: 60%;
    float: left;
    padding-right: 2em;
  }
  .branch-details .content .branch-map {
    width: 40%;
    float: right;
  }
}
.branch-details .content .branch-map img {
  width: 100%;
  margin-bottom: 2em;
}
.branch-details .content .branch-map .branch-directions {
  text-align: center;
  margin-bottom: 2em;
}
.branch-details .content .branch-address {
  margin-bottom: 2em;
  font-size: 2.5rem;
}
.branch-details .content .branch-hours {
  padding: 1em 0;
  margin-bottom: 1em;
  zoom: 1;
}
.branch-details .content .branch-hours:before, .branch-details .content .branch-hours:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.branch-details .content .branch-hours:after {
  clear: both;
}
.branch-details .content .branch-hours .branch_hours_set {
  margin-bottom: 2em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .branch-details .content .branch-hours .branch_hours_set {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .branch-details .content .branch-hours .branch_hours_set {
    font-size: 1.8rem;
  }
}
.branch-details .content .branch-hours .branch_hours_set .branch_hours_label h3 {
  margin-bottom: 0.5em;
  color: #495254;
}
.branch-details .content .branch-hours .branch_hours_set dl {
  margin-bottom: 0.2em;
  font-weight: normal;
}
.branch-details .content .branch-hours .branch_hours_set dl.current_day {
  font-weight: 700;
}
.branch-details .content .branch-hours .branch_hours_set dt {
  width: 120px;
  text-transform: uppercase;
  display: inline-block;
  padding: 0;
  margin: 0;
}
.branch-details .content .branch-hours .branch_hours_set dt:after {
  content: ":";
}
.branch-details .content .branch-hours .branch_hours_set dd {
  display: inline-block;
  padding: 0;
  margin: 0;
}
.branch-details .content .branch_contact_info {
  margin-bottom: 2em;
}
.branch-details .content .branch_contact_info:empty {
  display: none;
}
.branch-details .content .branch_contact_info dl {
  font-size: 2.5rem;
  display: block;
}
.branch-details .content .branch_contact_info dl dd {
  display: inline-block;
  margin: 0;
}
.branch-details .content .branch_contact_info dl dt {
  font-weight: 600;
  display: inline-block;
  margin: 0 0.5em 0 0;
}
.branch-details .content .branch_contact_info dl dt:after {
  content: ":";
}
.branch-details .content .directions-btn {
  display: inline-block;
}
.branch-details .content .filter-service-item {
  display: block;
  margin-bottom: 0.4em;
}
.branch-details .content .filter-service-item .filter-service-name {
  display: block;
}
.branch-details .content .branch-about {
  font-size: 1.4rem;
}

.branch-contacts {
  background: #EDF4FA;
  padding: 3em 1em;
}
.branch-contacts .content {
  max-width: 1000px;
  margin: 0 auto;
  zoom: 1;
}
.branch-contacts .content:before, .branch-contacts .content:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.branch-contacts .content:after {
  clear: both;
}
@media screen and (min-width: 950px) {
  .branch-contacts .content > h2 {
    width: 30%;
    padding-right: 2em;
    float: left;
    padding-top: 2em;
  }
  .branch-contacts .content .contacts-container {
    width: 70%;
    float: right;
  }
  .branch-contacts .content .contacts-container .bio h2 {
    font-size: 2.4rem;
  }
}

.branch-filter {
  background: none;
  text-align: left;
  color: #495254;
  padding: 0;
  margin: 0 0 2em;
}
.branch-filter .branch-filter-services-area {
  text-align: center;
}
.branch-filter .branch-filter-services-area h2 {
  display: inline-block;
  font-size: 1.9rem;
  margin-right: 1.5em;
  color: #F0F1F5;
}
.branch-filter .branch-filter-services-area .branch-filter-service-list {
  display: inline;
}
.branch-filter ul {
  display: inline;
  padding: 0;
  margin: 0;
}
.branch-filter ul li {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin: 0 1.5em 0.7em 0;
}
.branch-filter .filter-service {
  color: #F0F1F5;
  cursor: pointer;
  padding: 0.5em 0;
  font-size: 1.9rem;
  display: inline-block;
  position: relative;
}
.branch-filter .filter-service:focus, .branch-filter .filter-service:active, .branch-filter .filter-service.active {
  color: #1E78C1;
}
.branch-filter .filter-service:focus:after, .branch-filter .filter-service:active:after, .branch-filter .filter-service.active:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  background: #00AC75;
  bottom: -5px;
  left: 0;
}
.branch-filter .filter-spacer {
  display: inline-block;
  padding: 0 0 0 0.7em;
}

.branches-all {
  padding: 0 30px;
}
.branches-all .content {
  max-width: 1400px;
  margin: 0 auto;
}

.branch-item {
  text-align: left;
}
@media screen and (max-width: 950px) {
  .branch-item {
    margin-bottom: 2em;
    padding-bottom: 2em;
    border-bottom: solid 1px #F0F0F0;
  }
}
.branch-item .photo {
  margin-bottom: 1em;
}
.branch-item .photo img {
  width: 100%;
  border-radius: 20px 0;
}
.branch-item h2 {
  margin-bottom: 0.25em;
}
.branch-item .contact {
  margin-bottom: 0.5em;
}
.branch-item .actions a {
  color: #495254;
}
@media screen and (min-width: 950px) {
  .branch-item {
    width: 180px;
    width: 33.333%;
    padding: 2em;
    margin: 0 0 1em 0;
    display: inline-block;
  }
}

/** LOCATIONS PAGE **/
.locations > h2 {
  text-align: center;
  margin-bottom: 0.25em;
}

.branch-detail {
  padding: 0 30px;
}

.branch-details {
  max-width: 1400px;
  margin: 0 auto;
}
.branch-details h3, .branch-details h4 {
  margin-bottom: 0.25em;
}
.branch-details .branch_hours_set {
  padding: 2rem 0;
}
@media screen and (min-width: 950px) {
  .branch-details .branch_hours_set {
    border-top: none;
    display: inline-block;
    margin: 0 2em 0 0;
    padding: 2rem 0;
  }
}
.branch-details .branch_hours_label {
  margin: 0 0 0.5em;
}
.branch-details .branch_hours_days {
  font-size: 1.6rem;
  color: #3D504A;
  margin: 0 0 0.5em;
}
@media screen and (min-width: 950px) {
  .branch-details .branch_hours_days {
    font-size: 1.8rem;
  }
}
.branch-details .branch_hours_days dl {
  margin: 0 auto 0.5em;
  border-bottom: dotted 1px #CCC;
  zoom: 1;
}
.branch-details .branch_hours_days dl:before, .branch-details .branch_hours_days dl:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.branch-details .branch_hours_days dl:after {
  clear: both;
}
.branch-details .branch_hours_days dl.current_day {
  color: #00AC75;
}
.branch-details .branch_hours_days dt {
  display: inline-block;
  text-transform: uppercase;
  font-weight: bold;
  background: #fff;
  position: relative;
  float: left;
  bottom: -2px;
}
.branch-details .branch_hours_days dt:after {
  content: ":";
  display: inline;
}
.branch-details .branch_hours_days dd {
  display: inline-block;
  text-align: right;
  position: relative;
  bottom: -2px;
  background: #fff;
  float: right;
}

.location-photo-header nav#breadcrumb {
  margin-bottom: 6rem;
}
.location-photo-header .title-block {
  margin-bottom: 0;
}
.location-photo-header.photo-area .photo-area-info .photo-area-text .title {
  text-transform: none;
  font-weight: 600;
}
@media screen and (max-width: 950px) {
  .location-photo-header.photo-area .photo-area-info {
    background: #fff;
    color: #122E67;
  }
  .location-photo-header.photo-area .photo-area-info .photo-area-text .title, .location-photo-header.photo-area .photo-area-info .photo-area-text .f-subheader, .location-photo-header.photo-area .photo-area-info .photo-area-text .copy {
    color: #122E67;
  }
}
.location-photo-header .f-subheader {
  font-weight: normal;
}
.location-photo-header dt, .location-photo-header dd {
  display: inline;
  margin: 0;
  font-weight: bold;
  font-size: 1.5em;
}
.location-photo-header dt:after {
  content: ": ";
}
.location-photo-header .atm-link .btn, .location-photo-header .atm-link .ac-modal .ac-answer > .ac-text, .ac-modal .location-photo-header .atm-link .ac-answer > .ac-text, .location-photo-header .atm-link .cta-btn, .location-photo-header .atm-link .secondary-btn, .location-photo-header .atm-link .ghost-btn, .location-photo-header .atm-link .white-ghost, .location-photo-header .atm-link .black-ghost, .location-photo-header .atm-link .bio .actions a, .bio .actions .location-photo-header .atm-link a {
  color: #00AC75 !important;
}
@media screen and (min-width: 950px) {
  .location-photo-header .atm-link {
    display: none;
  }
}

.location-details .columns {
  display: inline-block;
  padding: 0 30px;
}
.location-details .columns .half-col {
  width: 100%;
}
@media screen and (min-width: 1050px) {
  .location-details .columns .half-col {
    width: max-content;
    float: left;
  }
  .location-details .columns .half-col:nth-of-type(even) {
    width: max-content;
    margin-left: 1em;
  }
}
@media screen and (max-width: 950px) {
  .location-details .atm-map-area {
    display: none;
  }
}
.location-details .hours-area {
  display: inline-block;
}
.location-details .hours-area h2, .location-details .hours-area h3 {
  color: #122E67;
  margin-bottom: 0.5em;
}
.location-details .hours-area h2 {
  font-size: 2em;
}
.location-details .hours-area dt, .location-details .hours-area dd {
  display: inline;
  margin: 0;
}
.location-details .hours-area dt:after {
  content: ": ";
}
.location-details .hours-area .branch_hours_set {
  margin-bottom: 1em;
  min-width: 200px;
  font-size: 1.6rem;
}
@media screen and (min-width: 950px) {
  .location-details .hours-area .branch_hours_set {
    width: 50%;
    float: left;
  }
  .location-details .hours-area .branch_hours_set:nth-of-type(even) {
    width: calc(50% - 10px);
  }
  .location-details .hours-area .branch_hours_set:nth-of-type(odd) {
    margin-right: 10px;
  }
}
.location-details .hours-area .branch_hours_set dl {
  margin-bottom: 0.5em;
}
.location-details .hours-area .branch_hours_set h3 {
  font-size: 3rem;
}
.location-details .hours-area .holiday_hours {
  width: 100%;
  display: inline-block;
}
@media screen and (min-width: 950px) {
  .location-details .hours-area .holiday_hours .branch_hours_days {
    column-count: 2;
  }
}
.location-details .hours-area .holiday_hours h3 {
  color: #1E78C1;
  font-size: 2rem;
  font-weight: 600;
}
.location-details .atm-map-area h2 {
  color: #122E67;
  margin-bottom: 0.5em;
  font-size: 2em;
}

/** Rates/Compare Accounts **/
.rate_table, .mod-table, .mod-privacy {
  padding: 0;
  box-sizing: border-box;
  max-width: 1400px;
  margin: 0 auto;
  margin: 0 auto 4em;
}
@media screen and (max-width: 950px) {
  .rate_table, .mod-table, .mod-privacy {
    padding: 0;
  }
}
.rate_table .mobile-ditto, .mod-table .mobile-ditto, .mod-privacy .mobile-ditto {
  display: none;
}
@media screen and (max-width: 900px) {
  .rate_table .mobile-ditto, .mod-table .mobile-ditto, .mod-privacy .mobile-ditto {
    display: inline !important;
  }
}
.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: 998px) {
  .rate_table .rate_disclosure, .mod-table .rate_disclosure, .mod-privacy .rate_disclosure {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .rate_table .rate_disclosure, .mod-table .rate_disclosure, .mod-privacy .rate_disclosure {
    font-size: 1.2rem;
  }
}
.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, .rate_table .cta-btn, .mod-table .cta-btn, .mod-privacy .cta-btn, .rate_table .secondary-btn, .mod-table .secondary-btn, .mod-privacy .secondary-btn, .rate_table .ghost-btn, .mod-table .ghost-btn, .mod-privacy .ghost-btn, .rate_table .white-ghost, .mod-table .white-ghost, .mod-privacy .white-ghost, .rate_table .black-ghost, .mod-table .black-ghost, .mod-privacy .black-ghost, .rate_table .bio .actions a, .bio .actions .rate_table a, .mod-table .bio .actions a, .bio .actions .mod-table a, .mod-privacy .bio .actions a, .bio .actions .mod-privacy a {
  padding-left: 1em;
  padding-right: 1em;
}
.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;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .rate_table table, .mod-table table, .mod-privacy table {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .rate_table table, .mod-table table, .mod-privacy table {
    font-size: 1.8rem;
  }
}
.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;
}
@media screen and (max-width: 950px) {
  .rate_table table tr, .mod-table table tr, .mod-privacy table tr {
    margin-bottom: 0;
    padding: 1em;
  }
  .rate_table table tr:nth-child(even), .mod-table table tr:nth-child(even), .mod-privacy table tr:nth-child(even) {
    background: rgba(30, 120, 193, 0.1);
  }
}
.rate_table table th, .mod-table table th, .mod-privacy table th {
  background: #fff;
  color: #122E67;
  border-top: none;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  padding: 1em;
}
@media screen and (max-width: 950px) {
  .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: #495254;
  text-align: center;
  padding: 0 0 0.5em;
}
@media screen and (min-width: 600px) {
  .rate_table table td, .mod-table table td, .mod-privacy table td {
    padding: 0;
  }
}
@media screen and (min-width: 950px) {
  .rate_table table td, .mod-table table td, .mod-privacy table td {
    padding: 1em;
  }
}

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

@media screen and (max-width: 950px) {
  .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, .rate_table .cta-btn, .mod-table .cta-btn, .mod-privacy .cta-btn, .rate_table .secondary-btn, .mod-table .secondary-btn, .mod-privacy .secondary-btn, .rate_table .ghost-btn, .mod-table .ghost-btn, .mod-privacy .ghost-btn, .rate_table .white-ghost, .mod-table .white-ghost, .mod-privacy .white-ghost, .rate_table .black-ghost, .mod-table .black-ghost, .mod-privacy .black-ghost, .rate_table .bio .actions a, .bio .actions .rate_table a, .mod-table .bio .actions a, .bio .actions .mod-table a, .mod-privacy .bio .actions a, .bio .actions .mod-privacy a {
    display: inline-block !important;
    text-align: center;
    margin: 0.5em 1em;
  }
  .editableTable, .mod-privacy {
    margin: 0 auto 1.5em;
    width: 100%;
  }
}
@media screen and (max-width: 950px) and (max-width: 899px) {
  .editableTable td[data-title]:before, .mod-privacy td[data-title]:before {
    width: auto;
    padding: 1em;
    margin-right: 1em;
    height: calc(100% - 2em);
  }
  .editableTable td[data-title], .mod-privacy td[data-title] {
    padding-right: 1em;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
  }
  .editableTable td[data-title] > p, .mod-privacy td[data-title] > p {
    padding: 1em 0;
  }
  .editableTable td[data-title] > a, .mod-privacy td[data-title] > a {
    margin-top: 0.5em;
  }
  .editableTable td.cell_0, .mod-privacy td.cell_0 {
    font-weight: bold;
  }
}
@media screen and (max-width: 950px) {
  .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: solid 1px #CCC;
    border-width: 0px 0 2px 0;
    margin-bottom: 1em;
  }
  .editableTable tr, .mod-privacy tr, .editableTable thead, .mod-privacy thead {
    display: block;
    padding: 0;
    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 {
    text-align: center;
  }
  .editableTable th, .mod-privacy th {
    text-transform: uppercase;
    color: #122E67;
    font-size: 2rem;
    font-weight: 600;
  }
  .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: block;
    padding: 0 0 0.2em;
    margin-right: 0;
  }
}
@media screen and (max-width: 950px) and (min-width: 600px) {
  .editableTable th[data-title]:before, .mod-privacy th[data-title]:before, .editableTable td[data-title]:before, .mod-privacy td[data-title]:before {
    display: inline-block;
    width: calc(50% - 1em);
    padding: 0.5em 1em;
    border-right: solid 1px #CCC;
  }
}
@media screen and (max-width: 950px) {
  .editableTable td[data-hide]:before, .mod-privacy td[data-hide]:before {
    content: "" !important;
  }
  .editableTable td, .mod-privacy td {
    padding: 0 1.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;
  }
}
.rates-block {
  margin-bottom: 70px;
}
.rates-block .rate_table, .rates-block .mod-table, .rates-block .mod-privacy {
  margin-bottom: 20px;
}
.rates-block .rate_table h3, .rates-block .mod-table h3, .rates-block .mod-privacy h3 {
  font-size: 2.8rem;
  margin-bottom: 0.3em;
  color: #122E67;
  font-weight: 600;
}
@media screen and (min-width: 950px) {
  .rates-block .rate_table h3, .rates-block .mod-table h3, .rates-block .mod-privacy h3 {
    font-size: 5rem;
  }
}
.rates-block .actions {
  text-align: center;
}
.rates-block .actions .btn, .rates-block .actions .ac-modal .ac-answer > .ac-text, .ac-modal .rates-block .actions .ac-answer > .ac-text, .rates-block .actions .cta-btn, .rates-block .actions .secondary-btn, .rates-block .actions .ghost-btn, .rates-block .actions .white-ghost, .rates-block .actions .black-ghost, .rates-block .bio .actions a, .bio .rates-block .actions a {
  margin: 0 20px 20px 0;
}
.rates-block .actions .cta-lnk, .rates-block .actions .content-split ul.links a, .content-split ul.links .rates-block .actions a, .rates-block .actions .photo-split ul.links a, .photo-split ul.links .rates-block .actions a, .rates-block .actions .tabs-area .tab-header, .tabs-area .rates-block .actions .tab-header, .rates-block .actions .compare-chart table.editableTable .sub_row a, .compare-chart table.editableTable .sub_row .rates-block .actions a, .rates-block .actions .compare-chart table.mod-privacy .sub_row a, .compare-chart table.mod-privacy .sub_row .rates-block .actions a {
  margin: 0 1em 0.5em 0;
}
.rates-block .disclosure {
  text-align: center;
}

/** Events **/
.mod-event-listing {
  zoom: 1;
  margin-bottom: 1em;
  border-bottom: solid 1px #EDF4FA;
  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: 950px) {
  .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: 950px) {
  .mod-event-listing .info {
    float: left;
    width: 75%;
    width: calc(100% - 190px);
  }
}
.mod-event-listing .f-h3 {
  margin-bottom: 0.25em;
  font-weight: 750;
}
.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: 950px) {
  .mod-event-details .info {
    width: 75%;
    float: left;
    padding-right: 2em;
  }
}
@media screen and (min-width: 950px) {
  .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 #EDF4FA;
}
.mod-job-listing:first-of-type {
  border-top: solid 1px #EDF4FA;
}
.mod-job-listing:last-of-type {
  margin-bottom: 2em;
}
.mod-job-listing h2 {
  margin-bottom: 0.25em;
}
.mod-job-listing .date {
  color: #1E78C1;
}
.mod-job-listing .job-description h3 {
  text-transform: uppercase;
  margin-bottom: 0.5em;
}
.mod-job-listing .action {
  text-align: center;
}

/** FAQs Listing **/
.mod_news_categories ul {
  list-style-type: none;
  padding: 0;
}
.mod_news_categories li a {
  border-bottom: 1px solid #002f6c;
  background-size: 15px;
  color: #1E78C1;
  padding: 0.75em 1em;
  display: block;
  position: relative;
  transition: 0.5s;
}
.mod_news_categories li a:hover {
  background: rgb(83.0638297872, 108.9361702128, 100.7659574468);
  color: #ffffff;
  background-size: 15px;
}
.mod_news_categories li a:hover:after {
  opacity: 1;
  right: 0;
}
.mod_news_categories li a:after {
  content: "»";
  position: absolute;
  opacity: 0;
  top: 0;
  transition: 0.5s;
  display: inline-block;
  width: 50px;
  font-size: 4rem;
}
.mod_news_categories h4 {
  display: none;
}

/** FAQs Details**/
.mod_faq_questions {
  padding: 0;
}
.mod_faq_questions > li {
  list-style-type: none;
}
.mod_faq_questions .question {
  padding-left: 34px;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.mod_faq_questions .question:after {
  content: "›";
  display: inline-block;
  color: #f26729;
  font-size: 2em;
  position: absolute;
  font-weight: 400;
  line-height: 0.1;
  transition: all 0.5s ease-in-out;
  top: 12px;
  left: 16px;
  transform: rotate(90deg);
}
.mod_faq_questions .answer {
  padding-left: 34px;
}
.mod_faq_questions .active .question:after {
  left: 6px;
  transform: rotate(-90deg);
}

.faq-section h3 {
  color: #4B9ECF;
  text-align: center;
}
.faq-section .mod_faq_questions > li {
  border-top: solid 1px #4B9ECF;
}
.faq-section .mod_faq_questions > li:last-of-type {
  border-bottom: solid 1px #4B9ECF;
}
.faq-section .mod_faq_questions .question {
  color: #122E67;
  font-weight: 600;
  width: 100%;
  padding-right: 34px;
  padding-left: 0;
  padding-top: 1em;
  position: relative;
  cursor: pointer;
  text-align: left;
}
.faq-section .mod_faq_questions .question:after {
  content: "›";
  display: inline-block;
  color: #4B9ECF;
  font-size: 2em;
  position: absolute;
  font-weight: 600;
  line-height: 0.1;
  transition: all 0.1s ease-in-out;
  top: 3rem;
  right: 11px;
  left: auto;
  transform: rotate(90deg);
}
.faq-section .mod_faq_questions .answer {
  padding-right: 34px;
  padding-left: 0;
}
.faq-section .mod_faq_questions .answer ul {
  list-style-type: disc;
  padding-left: 1em;
}
.faq-section .mod_faq_questions .answer ul li {
  margin-bottom: 1em;
}
.faq-section .mod_faq_questions .active .question:after {
  right: 19px;
  left: auto;
  transform: rotate(-90deg);
}

/** 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;
}
.ac-modal .ac-modal-content span {
  margin: 0;
}
@media screen and (min-width: 950px) {
  .ac-modal .ac-modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
.ac-modal .ac-header {
  border-bottom: solid 1px #EDF4FA;
  background: #1E78C1;
  color: #fff;
  padding: 1em 0 0 0;
}
.ac-modal .ac-header:before {
  content: "";
  width: 75px;
  height: 75px;
  background: url(/images/logo-mark.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: -5px;
  left: 10px;
}
.ac-modal .ac-chooser {
  padding: 2em;
}
.ac-modal .ac-question > .ac-text {
  display: block;
  font-weight: bold;
  margin-bottom: 0.5em;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .ac-modal .ac-question > .ac-text {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .ac-modal .ac-question > .ac-text {
    font-size: 2.2rem;
  }
}
.ac-modal .ac-answer {
  display: inline-block;
}
.ac-modal .ac-answer > .ac-text {
  margin: 0 0.25em;
}
.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 .cta-btn, .ac-modal .ac-product .ac-actions .secondary-btn, .ac-modal .ac-product .ac-actions .ghost-btn, .ac-modal .ac-product .ac-actions .white-ghost, .ac-modal .ac-product .ac-actions .black-ghost, .ac-modal .ac-product .ac-actions .bio .actions a, .bio .actions .ac-modal .ac-product .ac-actions a, .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: #1E78C1;
  color: #fff;
  text-transform: uppercase;
  padding: 0.3em 1em;
  display: none;
  font-size: 1.2rem;
}
@media screen and (min-width: 998px) {
  .ac-modal .ac-back {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .ac-modal .ac-back {
    font-size: 1.2rem;
  }
}
.ac-modal .ac-breadcrumb {
  background: rgb(87.5, 87.5, 87.5);
  text-align: left;
  color: #3D504A;
  padding: 0.5em;
  font-size: 1.2rem;
}
@media screen and (min-width: 998px) {
  .ac-modal .ac-breadcrumb {
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 1400px) {
  .ac-modal .ac-breadcrumb {
    font-size: 1.2rem;
  }
}
.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 #1E78C1;
}
.ac-modal .ac-breadcrumb span:first-of-type:before {
  display: none;
}

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

.featured-business {
  zoom: 1;
  padding-bottom: 1em;
  border-bottom: solid 1px #EDF4FA;
  margin-bottom: 2e;
}
.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: 950px) {
  .featured-business .photo {
    float: left;
    width: 25%;
  }
}
@media screen and (min-width: 950px) {
  .featured-business .info {
    float: right;
    width: 75%;
    padding-left: 2em;
  }
}

/** Accordion **

	<div id="{{tag name="t244308" label="ID" type="textbox"}}" class="accordion-item">
	    <div class="js-accordion-button accordion-button"><p class="f-h3">{{tag name="t416449" label="Accordion Item Title" type="textbox" display_on_header="yes"}}</p></div>
	    <div class="js-accordion-content accordion-content">{{tag name="t729963" label="Accordion Item Content" type="body"}} <div class="product-disclosure">{{tag name="disclosure" label="Accordion Item Disclosure" type="body"}}</div></div>
	</div>

**/
.accordion-item {
  margin-bottom: 0.5em;
}
.accordion-item .accordion-button {
  font-family: open-sans, sans-serif;
  font-weight: 700;
  font-size: 2rem;
  cursor: pointer;
  position: relative;
  text-align: left;
}
.accordion-item .accordion-button .f-accordion-header:after {
  transition: all 0.5s ease-in-out;
  top: 4px;
  left: 16px;
  transform: rotate(90deg);
  content: "›";
  display: inline-block;
  color: #1E78C1;
  font-size: 1.3em;
  position: relative;
  font-weight: 400;
  line-height: 0.1;
}
.accordion-item.active .accordion-button .f-accordion-header:after {
  left: 6px;
  transform: rotate(-90deg);
}
.accordion-item.active .accordion-content {
  display: block;
}
.accordion-item .accordion-content {
  padding-top: 0.5em;
}
.accordion-item:last-of-type {
  margin-bottom: 2em;
}

.open-accordion-item .f-accordion-header {
  margin-bottom: 0.5em;
}

.product-listing {
  margin-bottom: 3em;
}
.content .product-listing .product {
  padding: 0;
}
.product-listing .content .product {
  padding: 0 0 0.5em;
}
.product-listing .product {
  margin: 0 0 2em;
  padding: 0 30px 0.5em;
  display: inline-block;
}
.product-listing .product .photo-border-block {
  float: left;
  margin-right: 2em;
}
.product-listing .product .photo-border-block img {
  max-width: 225px;
}
.product-listing .product h3.header {
  font-size: 2em;
  margin-bottom: 1rem;
  color: #122E67;
}
.product-listing .product .copy {
  margin-bottom: 2em;
  line-height: 1.7;
}
.product-listing .product.product-simple .copy {
  margin-bottom: 0;
}
@media screen and (min-width: 950px) {
  .product-listing .product .action {
    display: inline-grid;
    grid-auto-columns: max-content;
    grid-auto-flow: column;
  }
}
.product-listing .product .action a {
  margin: 0 20px 20px 0;
}

@media screen and (max-width: 950px) {
  .product-listing .product .photo-border-block {
    display: none;
  }
}
.product-nav a, .sidebar-nav .menu_nav a {
  display: block;
  font-size: 2.6rem;
  color: #122E67;
  margin-bottom: 0.6em;
  text-decoration: none !important;
}
.product-nav a:hover, .sidebar-nav .menu_nav a:hover {
  color: #00AC75;
}
.product-nav a.current, .sidebar-nav .menu_nav a.current {
  color: #00AC75;
  font-weight: 700;
}
@media screen and (max-width: 950px) {
  .product-nav a, .sidebar-nav .menu_nav a {
    display: block;
    font-size: 2.2rem;
    margin-bottom: 0;
    padding: 0.7em 30px;
  }
}

.section-area {
  background: #EDF4FA;
}
.section-area > .content {
  padding: 70px 30px;
  max-width: 1400px;
  margin: 0 auto;
}

.section-block {
  margin: 0 0 4em;
}
@media screen and (min-width: 950px) {
  .section-block {
    display: flex;
    align-items: center;
  }
  .section-block .info {
    padding: 0 0 0 40px;
  }
  .section-block.photo-right .photo-border-block {
    order: 2;
    margin-bottom: 0;
  }
  .section-block.photo-right .info {
    order: 1;
    padding: 0 40px 0 0;
  }
}
.section-block .photo-border-block {
  display: block;
  margin-bottom: 2em;
  width: 100%;
  max-width: 450px;
}
.section-block .photo-border-block img {
  width: 100%;
}
.section-block h3.header {
  font-size: 2em;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #122E67;
}
.section-block .copy {
  margin-bottom: 2em;
}
.section-block .action a {
  margin: 0 20px 20px 0;
}

.product-single {
  margin-bottom: 3em;
}
.product-single .content {
  max-width: 1000px;
  margin: 0 auto;
}

/** TABS **

<section class="tabs" role="region">
    <div class="tabs-area js-tabs-area">
        {{tag name="t668600" label="Tab 1" type="pcomplex-Tab - Icons"}}
        {{tag name="t668602" label="Tab 2" type="pcomplex-Tab - Icons"}}
        {{tag name="t668603" label="Tab 3" type="pcomplex-Tab - Icons"}}
    </div>
</section>

**/
.tabs-area {
  margin-bottom: 0;
  padding: 70px 30px;
}
.tabs-area > .content {
  max-width: 1400px;
  margin: 0 auto;
}
.tabs-area .f-section-header {
  text-align: center;
  font-size: 2.8rem;
  color: #122E67;
  font-weight: 700;
  margin-bottom: 0.5em;
  text-transform: none;
}
@media screen and (min-width: 950px) {
  .tabs-area .f-section-header {
    font-size: 5rem;
  }
}
.tabs-area .copy {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 70px;
}
.tabs-area > .tabs {
  text-align: center;
}
.tabs-area .tab-nav {
  margin: 0 auto 1em;
  display: inline-block;
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-nav {
    margin: 0 0 1em;
    display: block;
    text-align: center;
  }
}
.tabs-area.js-tabs-closed.active .tab-nav span {
  opacity: 0.3;
}
.tabs-area.js-tabs-closed.active .tab-nav span.current {
  opacity: 1;
  font-weight: 800;
}
.tabs-area .tab-header {
  position: relative;
  display: inline-block;
  width: 100%;
  opacity: 0.6;
  color: #122e67;
  cursor: pointer;
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-header {
    margin: 0 1.5em 0.9em 0;
    max-width: 300px;
  }
}
.tabs-area .tab-header:after {
  content: none;
}
.tabs-area .tab-header.current {
  opacity: 1;
}
.tabs-area .tab-header.current .f-tab-header:after {
  border-bottom: solid 5px #00AC74;
}
.tabs-area .tab-header:focus .f-tab-header:after, .tabs-area .tab-header:hover .f-tab-header:after {
  width: 100px;
  border-bottom: solid 5px #00ac74;
}
.tabs-area .tab-header .icon-block {
  padding: 0 0 10px;
  cursor: pointer;
  opacity: 1;
  display: grid;
  grid-template-columns: 32px 1fr;
  gap: 10px;
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-header .icon-block {
    padding: 10px;
    display: block;
    width: 100%;
    max-width: 300px;
  }
}
.tabs-area .tab-header .icon-block .icon {
  margin: 0;
  min-width: 32px;
  width: 32px;
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-header .icon-block .icon {
    margin: 0 auto 1em;
    min-width: 60px;
    width: 100px;
  }
}
.tabs-area .tab-header .icon-block .f-tab-header {
  font-size: 1.8rem;
  color: #122E67;
  font-weight: 600;
  text-align: center;
  display: block;
  color: #122E67;
  width: 100%;
  text-align: left;
}
.tabs-area .tab-header .icon-block .f-tab-header:after {
  content: "";
  display: block;
  width: 75px;
  height: 8px;
  border-bottom: solid 5px transparent;
  margin: 0;
  border-bottom: solid 5px #00AC74;
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-header .icon-block .f-tab-header:after {
    margin: 0 auto;
  }
}
@media screen and (min-width: 450px) {
  .tabs-area .tab-header .icon-block .f-tab-header {
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 800px) {
  .tabs-area .tab-header .icon-block .f-tab-header {
    text-align: center;
  }
}
.tabs-area .tab-content {
  padding: 0;
  text-align: left;
  display: none;
}
.tabs-area .tab-content.active {
  display: block;
}
@media screen and (min-width: 950px) {
  .tabs-area .tab-content {
    padding: 2em 0;
  }
}
.tabs-area.expanded .tab, .tabs-area.expanded .tab-header, .tabs-area.expanded .tab-content {
  display: block;
}
.tabs-area .reveal-tabs .tab-content {
  display: none;
}
.tabs-area .reveal-tabs .tab-dropdown {
  display: none;
}

.explore-block-area {
  scroll-snap-align: start;
  padding: 40px 30px;
  background: #fff;
  text-align: center;
}
@media screen and (min-width: 950px) {
  .explore-block-area {
    padding: 100px 30px;
  }
}
.explore-block-area .content {
  max-width: 1400px;
  margin: 0 auto;
}
.explore-block-area .explore-header .header {
  color: #122E67;
  font-weight: 600;
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 950px) {
  .explore-block-area .explore-header .header {
    font-size: 4.5rem;
  }
}
.explore-block-area .explore-header .subheader {
  font-size: 1.9rem;
  margin-bottom: 2em;
}
@media screen and (min-width: 950px) {
  .explore-block-area .explore-header .subheader {
    font-size: 3rem;
  }
}
@media screen and (min-width: 950px) {
  .explore-block-area .explore-blocks {
    display: flex;
    justify-content: center;
  }
}
.explore-block-area .explore-blocks .photo-block {
  margin: 0 20px 20px;
}

.photo-block {
  max-width: 450px;
  display: inline-block;
}
.photo-block .info {
  padding: 30px;
}
.photo-block .info .header {
  font-size: 2.2rem;
  margin-bottom: 0.6em;
  color: #122E67;
  font-weight: 600;
}
@media screen and (min-width: 950px) {
  .photo-block .info .header {
    font-size: 3.5rem;
  }
}
.photo-block .info .copy {
  font-size: 1.7rem;
  margin-bottom: 2em;
  line-height: 1.6;
}
@media screen and (min-width: 950px) {
  .photo-block .info .copy {
    font-size: 1.8rem;
  }
}

.awards-block.explore-block-area.icon-area.grad-tb {
  background: linear-gradient(to top, #122e67 0, #00ac75 100%);
}
.awards-block.explore-block-area.icon-area.grad-tb .header {
  color: white;
}
.awards-block.explore-block-area.icon-area .explore-blocks {
  background: white;
  color: black;
  border-radius: 2rem;
  max-width: 1100px;
  margin: 0 auto;
  padding: 2rem;
}
@media screen and (min-width: 950px) {
  .awards-block.explore-block-area.icon-area .explore-blocks {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .awards-block.explore-block-area.icon-area .explore-blocks .icon-block {
    max-width: 100%;
  }
  .awards-block.explore-block-area.icon-area .explore-blocks .icon-block:not(:last-child) {
    border-right: 2px solid #1E78C1;
  }
  .awards-block.explore-block-area.icon-area .explore-blocks .icon-block .icon {
    height: 157px;
  }
  .awards-block.explore-block-area.icon-area .explore-blocks .link .copy {
    font-size: 18px;
  }
}
.awards-block.explore-block-area.icon-area .explore-blocks .icon-block {
  margin: 0;
  flex-direction: column;
}
.awards-block.explore-block-area.icon-area .explore-blocks .icon-block .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-right: 0;
}

.icon-link, .icon-link-cross {
  margin: 0 auto 1em;
  text-align: center;
  display: inline-block;
  width: 360px;
  max-width: 100%;
  padding: 1em;
  text-align: center;
}
.icon-link:hover img, .icon-link-cross:hover img {
  transform: scale(0.9);
}
.icon-link img, .icon-link-cross img {
  display: block;
  text-align: center;
  margin: 0 auto 0.7em;
  max-width: 130px;
  transition: all 0.5s ease-in-out;
}
.icon-link.icon-link-photo img, .icon-link-photo.icon-link-cross img {
  margin-bottom: 0.5em;
  max-width: 130px;
  width: 100%;
}
.icon-link.icon-link-photo h3, .icon-link-photo.icon-link-cross h3 {
  margin-bottom: 0;
}
.icon-link.icon-link-photo h3 img, .icon-link-photo.icon-link-cross h3 img {
  width: 100%;
  padding: 0;
  max-width: 160px;
}
.icon-link > a, .icon-link-cross > a, .icon-link > span, .icon-link-cross > span, .icon-link .icon-links a, .icon-link-cross .icon-links a {
  display: inline-block;
  text-align: center;
  font-size: 3rem;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width: 950px) {
  .icon-link > a, .icon-link-cross > a, .icon-link > span, .icon-link-cross > span, .icon-link .icon-links a, .icon-link-cross .icon-links a {
    font-size: 2.3rem;
  }
}
.icon-link .copy, .icon-link-cross .copy {
  margin-bottom: 1.5em;
}
.icon-link .icon-links, .icon-link-cross .icon-links {
  text-align: left;
}
.addition-products-col .icon-link, .addition-products-col .icon-link-cross {
  padding: 0 0 2em 0;
  border-bottom: solid 3px #F0F0F0;
  margin-bottom: 2em;
}
.addition-products-col .icon-link:last-of-type, .addition-products-col .icon-link-cross:last-of-type {
  border-bottom: none;
}
.addition-products-col .icon-link img, .addition-products-col .icon-link-cross img {
  max-width: 80px;
}

.icon-link-cross {
  width: auto;
}
.icon-link-cross img {
  max-width: 50px;
  margin-bottom: 1em;
}
.icon-link-cross a {
  color: #00AC75;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .icon-link-cross a {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .icon-link-cross a {
    font-size: 2rem;
  }
}
.icon-link-cross a:hover, .icon-link-cross a.hovered {
  color: rgb(0, 70, 47.6162790698);
}

.icon-list {
  display: inline-block;
  text-align: center;
  margin: 0 1em 1em;
  width: auto;
  zoom: 1;
  font-size: 1.4rem;
}
.icon-list:before, .icon-list:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.icon-list:after {
  clear: both;
}
@media screen and (min-width: 998px) {
  .icon-list {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .icon-list {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 950px) {
  .icon-list img {
    float: left;
    width: 30%;
    text-align: left;
  }
}
.icon-list img:hover img {
  transform: scale(0.9);
}
@media screen and (min-width: 950px) {
  .icon-list .icon-list-content {
    float: right;
    width: 70%;
    padding-left: 2em;
    text-align: left;
  }
}
.icon-list .icon-list-content h4 {
  margin-bottom: 0.25em;
}
.icon-list .icon-list-content a {
  color: #122E67;
  font-family: open-sans, sans-serif;
  display: block;
  margin-bottom: 0.25em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .icon-list .icon-list-content a {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .icon-list .icon-list-content a {
    font-size: 1.8rem;
  }
}

.icon-animated a {
  font-size: 3.2rem;
  text-align: center;
  line-height: 1.1;
  text-decoration: none !important;
  text-transform: none;
}
.icon-animated a:after {
  content: none !important;
}
.icon-animated > div {
  margin-bottom: 0.25em;
}

.icon-link-horizontal {
  font-size: 3.2rem;
  font-weight: 750;
}
.icon-link-horizontal > img {
  margin-right: 10px;
  width: 100px;
}

.photo-link {
  max-width: 340px;
  position: relative;
  display: inline-block;
  margin: 0 30px 30px;
  border-radius: 100%;
  overflow: hidden;
}
.photo-link:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.3);
  transition: background 0.5s linear;
  z-index: 3;
}
.photo-link:hover:after {
  background: rgba(30, 120, 193, 0.3);
}
.photo-link img {
  position: relative;
  z-index: 1;
}
.photo-link .link {
  position: absolute;
  width: 100%;
  z-index: 5;
  padding: 1em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.photo-link .link a {
  color: #fff;
  font-size: 3.8rem;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
}
@media screen and (max-width: 950px) {
  .photo-link .link a {
    font-size: 2.8rem;
  }
}

/** Base styles */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel {
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transform: translate3d(0px, 0, 0);
}

.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
  z-index: 5;
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
  display: none;
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
  -webkit-transform-style: preserve-3d;
}

.owl-carousel.owl-text-select-on .owl-item {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}

.owl-carousel .owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.no-js .owl-carousel {
  display: block;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
  transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  -webkit-transition: scale 100ms ease;
  -moz-transition: scale 100ms ease;
  -ms-transition: scale 100ms ease;
  -o-transition: scale 100ms ease;
  transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transition: scale(1.3, 1.3);
  -moz-transition: scale(1.3, 1.3);
  -ms-transition: scale(1.3, 1.3);
  -o-transition: scale(1.3, 1.3);
  transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 400ms ease;
  -moz-transition: opacity 400ms ease;
  -ms-transition: opacity 400ms ease;
  -o-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
}

/** Custom Styles */
@media screen and (max-width: 950px) {
  .owl-carousel .owl-item {
    text-align: center;
  }
}
.owl-carousel .owl-dots {
  text-align: center;
  margin: 1em;
}
@media screen and (min-width: 950px) {
  .owl-carousel .owl-dots {
    margin: 0 0 1em;
  }
}
.owl-carousel .owl-dots .owl-dot {
  width: 15px;
  height: 15px;
  background: rgb(50.7488789238, 145.9955156951, 223.2511210762);
  border-radius: 100%;
  display: inline-block;
  margin: 0 5px;
}
.owl-carousel .owl-dots .owl-dot.active {
  background: rgb(139.0269058296, 193.1076233184, 236.9730941704);
}
.owl-carousel .owl-dots .owl-dot.disabled { /*display: none;*/ }
.owl-carousel .owl-nav.disabled {
  display: none;
}

.cross-sell-carousel {
  display: block;
}
.testimonial-area.photo-area {
  min-height: 300px !important;
  height: 25vw;
  display: table;
  width: 100%;
}
.testimonial-area.text-light {
  color: #fff;
}
.testimonial-area:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.7s ease-in-out;
  background: linear-gradient(to bottom, rgba(18, 46, 103, 0.3) 0%, rgba(18, 46, 103, 0.4) 40%, #122e67 100%) !important;
  z-index: 9;
  min-height: 300px !important;
}
.testimonial-area .testimonial-area-info {
  z-index: 99;
  position: relative;
  font-size: 3rem;
  font-weight: 600;
  font-style: italic;
  display: table-cell;
  vertical-align: middle;
}
.testimonial-area .info-center {
  text-align: center;
}

@media screen and (max-width: 950px) {
  .testimonial-area {
    margin-bottom: 2em;
  }
  .testimonial-area.photo-area {
    background-size: cover !important;
  }
  .testimonial-area .testimonial-area-info {
    padding: 0 10%;
    font-size: 2.25rem;
  }
}
/**
<div class="cta-bar">
	<p class="content">
    {{tag name="t500610" label="CTA Description" type="textbox"}} {{tag name="t213947" label="CTA Button" type="subcontent"}}
	</p>
</div>
*/
.cta-bar {
  background: #EDF4FA;
  text-align: center;
  padding: 1em 1em 0.5em 1em;
  margin-bottom: 2em;
}
@media screen and (min-width: 950px) {
  .cta-bar {
    padding: 2em 2em 1em 2em;
  }
}
.sidebar .cta-bar, .product-page .cta-bar {
  padding: 1em 1em 0 1em;
  background: #F0F0F0;
  border-radius: 10px;
  font-family: open-sans, sans-serif;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .sidebar .cta-bar, .product-page .cta-bar {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .sidebar .cta-bar, .product-page .cta-bar {
    font-size: 1.8rem;
  }
}
.cta-bar .inner-content {
  max-width: 1400px;
  margin: 0 auto;
  zoom: 1;
}
.cta-bar .inner-content:before, .cta-bar .inner-content:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.cta-bar .inner-content:after {
  clear: both;
}
.cta-bar .btn, .cta-bar .cta-btn, .cta-bar .secondary-btn, .cta-bar .ghost-btn, .cta-bar .white-ghost, .cta-bar .black-ghost, .cta-bar .bio .actions a, .bio .actions .cta-bar a, .cta-bar .ac-modal .ac-answer > .ac-text, .ac-modal .cta-bar .ac-answer > .ac-text {
  margin: 0 0.5em 0.5em 0;
}
.sidebar .cta-bar .btn, .sidebar .cta-bar .cta-btn, .sidebar .cta-bar .secondary-btn, .sidebar .cta-bar .ghost-btn, .sidebar .cta-bar .white-ghost, .sidebar .cta-bar .black-ghost, .sidebar .cta-bar .bio .actions a, .bio .actions .sidebar .cta-bar a, .sidebar .cta-bar .ac-modal .ac-answer > .ac-text, .ac-modal .sidebar .cta-bar .ac-answer > .ac-text {
  margin: 0 0 0.5em;
  display: block;
}
.cta-bar span {
  display: block;
  margin: 0 1em 0.5em;
}
@media screen and (min-width: 950px) {
  .cta-bar span {
    display: inline-block;
  }
}
.sidebar .cta-bar span {
  margin: 0 0 0.5em;
}
.cta-bar .actions {
  white-space: nowrap;
}
.cta-bar .actions .cta-btn, .cta-bar .actions .secondary-btn, .cta-bar .bio .actions a, .bio .cta-bar .actions a, .cta-bar .actions .ac-modal .ac-answer > .ac-text, .ac-modal .cta-bar .actions .ac-answer > .ac-text, .cta-bar .actions .btn, .cta-bar .actions .ghost-btn, .cta-bar .actions .white-ghost, .cta-bar .actions .black-ghost {
  white-space: normal;
}
.sidebar .cta-bar .actions {
  white-space: normal;
}

.horizontal-info-bar {
  background: #EDF4FA;
  padding: 2em 0.8 1em;
}
.horizontal-info-bar .bar-content {
  max-width: 1400px;
  margin: 0 auto;
}
.horizontal-info-bar .bar-content img {
  width: 50px;
  display: inline-block;
  margin-right: 0.25em;
  vertical-align: middle;
}
.horizontal-info-bar .bar-content h2 {
  display: inline-block;
  margin-right: 0.5em;
  vertical-align: middle;
  margin-bottom: 0;
  font-weight: 750;
  color: #1E78C1;
}
.horizontal-info-bar .bar-content .news-article {
  display: block;
  padding-left: 70px;
  margin-bottom: 2em;
  vertical-align: middle;
}
@media screen and (min-width: 950px) {
  .horizontal-info-bar .bar-content .news-article {
    display: inline-block;
    padding-left: 0;
    margin-bottom: 0;
    width: 500px;
    width: calc(100% - 400px);
  }
}
.horizontal-info-bar .bar-content .btn, .horizontal-info-bar .bar-content .cta-btn, .horizontal-info-bar .bar-content .secondary-btn, .horizontal-info-bar .bar-content .ghost-btn, .horizontal-info-bar .bar-content .white-ghost, .horizontal-info-bar .bar-content .black-ghost, .horizontal-info-bar .bar-content .bio .actions a, .bio .actions .horizontal-info-bar .bar-content a, .horizontal-info-bar .bar-content .ac-modal .ac-answer > .ac-text, .ac-modal .horizontal-info-bar .bar-content .ac-answer > .ac-text {
  margin: 0 auto;
  vertical-align: middle;
  width: 200px;
}
@media screen and (min-width: 950px) {
  .horizontal-info-bar .bar-content .btn, .horizontal-info-bar .bar-content .cta-btn, .horizontal-info-bar .bar-content .secondary-btn, .horizontal-info-bar .bar-content .ghost-btn, .horizontal-info-bar .bar-content .white-ghost, .horizontal-info-bar .bar-content .black-ghost, .horizontal-info-bar .bar-content .bio .actions a, .bio .actions .horizontal-info-bar .bar-content a, .horizontal-info-bar .bar-content .ac-modal .ac-answer > .ac-text, .ac-modal .horizontal-info-bar .bar-content .ac-answer > .ac-text {
    float: right;
    width: auto;
    display: inline-block;
  }
}

.content-box, .content-box-icon, .content-box-simple {
  margin-bottom: 1em;
  border-radius: 10px;
  background: #122E67;
  color: #fff;
  padding: 1em;
  text-align: left;
}

.content-box-simple {
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .content-box-simple {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .content-box-simple {
    font-size: 1.8rem;
  }
}

.content-box-icon {
  position: relative;
  margin-top: 50px;
  background: #EDF4FA;
  color: #3D504A;
  padding-top: 3em;
  padding-top: calc(1em + 40px);
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .content-box-icon {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .content-box-icon {
    font-size: 1.8rem;
  }
}
.content-box-icon img {
  top: -40px;
  width: 80px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.content-box-icon a {
  color: #122E67;
  font-family: open-sans, sans-serif;
  display: block;
  margin-bottom: 0.5em;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .content-box-icon a {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .content-box-icon a {
    font-size: 2.2rem;
  }
}

.box-subcontent {
  background: #EDF4FA;
  margin-bottom: 1em;
  padding: 1em;
}
.box-subcontent img {
  width: 100%;
}
.box-subcontent h2 {
  margin-bottom: 0.5em;
  text-transform: none;
  line-height: 1.2;
  color: #495254 !important;
}
.box-subcontent .description {
  margin-bottom: 1em;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .box-subcontent .description {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .box-subcontent .description {
    font-size: 1.8rem;
  }
}

.category-navigation-area {
  background: #fff;
  padding: 3em 1em;
}
.category-navigation-area .content {
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 950px) {
  .category-navigation-area .content .links {
    zoom: 1;
  }
  .category-navigation-area .content .links:before, .category-navigation-area .content .links:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden;
  }
  .category-navigation-area .content .links:after {
    clear: both;
  }
  .category-navigation-area .content .links .product-page-item, .category-navigation-area .content .links .mod-news-listing {
    float: left;
    width: calc(50% - 1em);
    margin-left: 1em;
    border-width: 0 0 2px 0 !important;
  }
  .category-navigation-area .content .links .product-page-item:nth-of-type(odd), .category-navigation-area .content .links .mod-news-listing:nth-of-type(odd) {
    clear: both;
    margin-right: 1em;
    margin-left: 0;
  }
}

.content-section {
  padding: 0 30px;
  margin-bottom: 50px;
}
.content-section > .content {
  max-width: 1400px;
  margin: 0 auto;
}
.content .content-section {
  padding: 0;
}
.content-section .f-content-header {
  text-transform: uppercase;
  font-size: 2.8rem;
  font-weight: 600;
  color: #122E67;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 950px) {
  .content-section .f-content-header {
    font-size: 5rem;
  }
}
.content-section .description {
  font-size: 2rem;
}

.icon-title-section .icon-title {
  margin: 0 auto 3rem;
}
.icon-title-section .icon-title .icon {
  margin: 0 auto;
  padding: 0 20px 0 0;
  display: inline-block;
  width: 100px;
}
.icon-title-section .icon-title .icon img {
  width: 100%;
  max-width: 100px;
  height: auto;
}
.icon-title-section .icon-title .title {
  margin: 0 auto;
  padding: 0;
  display: inline-block;
  width: calc(100% - 120px);
}
.icon-title-section .icon-title .title h2 {
  margin: 0 auto;
}
.icon-title-section .description {
  margin: 0 auto;
}
.icon-title-section .description:empty {
  display: none;
}
.icon-title-section.text-dark h2 {
  color: #122E67;
}
.icon-title-section.text-dark .description {
  color: #495254;
}
.icon-title-section.text-light h2, .icon-title-section.text-light .description {
  color: #fff;
}

.text-columns {
  margin: 0 auto 2rem;
  font-weight: 600;
}
.text-columns.text-dark {
  color: #495254;
}
.text-columns.text-light {
  color: #fff;
}
@media screen and (min-width: 950px) {
  .text-columns.cols-two {
    column-gap: 50px;
    column-count: 2;
  }
  .text-columns.cols-four {
    column-gap: 50px;
    column-count: 4;
  }
}

.helpful-info-link-area {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: left;
  position: relative;
}
.helpful-info-link-area:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 950px) {
  .category-page .helpful-info-link-area {
    padding-right: 30%;
  }
}
.helpful-info-link-area .btn, .helpful-info-link-area .cta-btn, .helpful-info-link-area .secondary-btn, .helpful-info-link-area .ghost-btn, .helpful-info-link-area .white-ghost, .helpful-info-link-area .black-ghost, .helpful-info-link-area .bio .actions a, .bio .actions .helpful-info-link-area a, .helpful-info-link-area .ac-modal .ac-answer > .ac-text, .ac-modal .helpful-info-link-area .ac-answer > .ac-text {
  margin: 0 1em 1em 0;
}

.helpful-info-block-area {
  zoom: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 1400px;
  margin: 0 auto;
  width: 90%;
}
.helpful-info-block-area:before, .helpful-info-block-area:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.helpful-info-block-area:after {
  clear: both;
}
.helpful-info-block-area .helpful-info-block {
  margin-bottom: 1em;
  font-weight: 600;
  text-align: left;
  padding: 1em;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .helpful-info-block-area .helpful-info-block {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .helpful-info-block-area .helpful-info-block {
    font-size: 2rem;
  }
}
@media screen and (min-width: 950px) {
  .helpful-info-block-area .helpful-info-block {
    float: left;
    width: 50%;
  }
}

.helpful-info .photo-area-complex:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.helpful-info .helpful-info-link-area:after {
  background: none;
  content: none;
}

.helpful-info-drop {
  background: #1E78C1;
  padding: 2em 1em 1em 1em;
  position: relative;
  color: #fff;
  margin-bottom: 2em;
  text-align: center;
}
.helpful-info-drop:before {
  content: "";
  width: 43px;
  height: 43px;
  position: absolute;
  background: url(/images/ico-helpful-info.svg) no-repeat;
  background-size: contain;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
.helpful-info-drop .dropdown {
  font-size: 1.6rem;
}
.helpful-info-drop .dropdown .header {
  border-radius: 0;
  background: #fff;
  font-size: 1.6rem;
}

.helpful-info-area {
  background: #1E78C1;
  color: #fff;
}
.helpful-info-area .help-content {
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
  padding: 3em 1em 2em 0.5 110px;
}
.helpful-info-area .help-content:before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 2em 0.5;
  left: 1em;
  width: 80px;
  height: 80px;
  background: url(/images/ico-help.svg) no-repeat;
  background-size: contain;
}
.helpful-info-area .help-content ul, .helpful-info-area .help-content li {
  list-style: none;
  padding: 0;
  margin: 0;
}
.helpful-info-area .help-content h2 {
  margin-bottom: 0.33em;
}
.helpful-info-area .help-content a {
  display: inline-block;
  margin-bottom: 0.25em;
  font-weight: 700;
  color: #fff;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .helpful-info-area .help-content a {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .helpful-info-area .help-content a {
    font-size: 2.2rem;
  }
}
.helpful-info-area .help-content a:after {
  content: "|";
  padding: 0 0.5em;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 950px) {
  .helpful-info-area .help-content a:after {
    padding: 0 1em;
  }
}
.helpful-info-area .help-content li {
  display: inline-block;
}
.helpful-info-area .help-content li:first-of-type a {
  padding-left: 0;
}
.helpful-info-area .help-content li:last-of-type a:after {
  content: "";
}

.info-area {
  background: #EDF4FA;
  padding: 2em 1em;
  position: relative;
  z-index: 20;
}
.info-area .info-content {
  padding: 0 1em;
  max-width: 1400px;
  margin: 0 auto;
  font-size: 1.4rem;
}
@media screen and (min-width: 998px) {
  .info-area .info-content {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1400px) {
  .info-area .info-content {
    font-size: 1.8rem;
  }
}
.info-area .info-content .f-h3 {
  font-weight: normal;
}
@media screen and (min-width: 950px) {
  .category-page .info-area .info-content {
    padding-right: 25%;
    padding-right: calc(25% + 1em);
  }
}
.info-area .info-content .info-copy {
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .info-area .info-content .info-copy {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .info-area .info-content .info-copy {
    font-size: 2.2rem;
  }
}
@media screen and (min-width: 950px) {
  .info-area .info-content .info-copy {
    text-align: left;
    display: inline-block;
    padding-right: 1em;
    max-width: 45%;
  }
}
.info-area .info-content .info-icons {
  text-align: center;
}
@media screen and (min-width: 950px) {
  .info-area .info-content .info-icons {
    display: inline-block;
  }
}
.info-area .info-content .info-icons img {
  margin: 0 0.5em 1em;
}
.info-area .page-content {
  background: none;
}

.related-product {
  padding: 4em 1em;
  position: relative;
  background-size: cover;
  margin-bottom: 2em;
}
.related-product .related-content {
  zoom: 1;
  position: relative;
  z-index: 5;
  color: #fff;
  padding: 1em;
  max-width: 1400px;
  margin: 0 auto;
}
.related-product .related-content:before, .related-product .related-content:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.related-product .related-content:after {
  clear: both;
}
@media screen and (min-width: 950px) {
  .related-product .related-content h2 {
    width: 30%;
    float: left;
    color: #fff;
  }
  .related-product .related-content .related-text {
    width: 70%;
    float: right;
    padding-left: 2em;
  }
  .related-product .related-content .related-text a {
    color: #fff;
  }
}
.related-product .related-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: #00ac75;
}
.related-product .action a:after {
  background: url(../images/ico-arrow-white.svg) no-repeat;
}

.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: #00AC75;
  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: 950px) {
  .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: 750;
  margin-bottom: 0;
}
.cross-sell-blocks .cs-block:hover {
  padding: 5em 2em 0;
}

.cross-sell-color {
  display: block;
  width: 100%;
}
.cross-sell-color .photo {
  margin-bottom: 1em;
}
.cross-sell-color .photo img {
  width: 100%;
}
.cross-sell-color .action {
  font-weight: 700;
  font-size: 1.6rem;
}
@media screen and (min-width: 998px) {
  .cross-sell-color .action {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1400px) {
  .cross-sell-color .action {
    font-size: 2.2rem;
  }
}

.three-item-carousel {
  padding: 3em 2em 2em;
}
.three-item-carousel .owl-dots {
  padding-top: 2em;
}
@media screen and (min-width: 950px) {
  .three-item-carousel {
    padding: 5em 3em 3em;
  }
  .three-item-carousel .owl-dots {
    padding-top: 4em;
  }
}

.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;
}
@media screen and (min-width: 950px) {
  .cross-sell-blocks .photo-area-complex {
    width: 50%;
    float: left;
  }
  .cross-sell-blocks .photo-area-complex:first-of-type {
    border-right: solid 1px #fff;
  }
}

.cs-content {
  padding: 1em;
  max-width: 520px;
  margin: 0 auto;
}
.cs-content .ghost-btn {
  color: #fff;
  border-color: #fff;
  display: inline-block;
}

@media screen and (max-width: 950px) {
  .cta-block {
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    background: #FFF;
    z-index: 40;
  }
}
.cta-block .header {
  border: solid 1px #EDF4FA;
  border-radius: 5px 5px 0 0;
  border-width: 1px 1px 0;
  padding: 1em;
  font-size: 2rem;
  text-align: center;
  margin-bottom: 0;
}
.cta-block .ctas .btn, .cta-block .ctas .cta-btn, .cta-block .ctas .secondary-btn, .cta-block .ctas .ghost-btn, .cta-block .ctas .white-ghost, .cta-block .ctas .black-ghost, .cta-block .ctas .bio .actions a, .bio .actions .cta-block .ctas a, .cta-block .ctas .ac-modal .ac-answer > .ac-text, .ac-modal .cta-block .ctas .ac-answer > .ac-text {
  display: block;
  background: #00AC75;
  color: #fff;
  border-radius: 0 0 5px 5px;
}
@media screen and (max-width: 950px) {
  .cta-block .ctas .btn, .cta-block .ctas .cta-btn, .cta-block .ctas .secondary-btn, .cta-block .ctas .ghost-btn, .cta-block .ctas .white-ghost, .cta-block .ctas .black-ghost, .cta-block .ctas .bio .actions a, .bio .actions .cta-block .ctas a, .cta-block .ctas .ac-modal .ac-answer > .ac-text, .ac-modal .cta-block .ctas .ac-answer > .ac-text {
    border-radius: 0;
    margin-bottom: 0;
    padding: 1em;
  }
}

.split-cross-sell {
  zoom: 1;
}
.split-cross-sell:before, .split-cross-sell:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.split-cross-sell:after {
  clear: both;
}
.split-cross-sell .photo-area {
  min-height: 300px;
  height: 30vw;
  max-height: 500px;
}
@media screen and (max-width: 950px) {
  .split-cross-sell .photo-area {
    height: auto;
  }
}
.split-cross-sell .left-cross {
  border-bottom: solid 3px #fff;
}
@media screen and (min-width: 950px) {
  .split-cross-sell .left-cross {
    float: left;
    width: 50%;
    border-bottom: none;
  }
}
@media screen and (max-width: 950px) {
  .split-cross-sell .left-cross .photo-area-info {
    background: none;
    position: relative;
    z-index: 10;
  }
  .split-cross-sell .left-cross .photo-area-overlay {
    display: block;
  }
}
@media screen and (min-width: 950px) {
  .split-cross-sell .right-cross {
    float: right;
    width: 50%;
  }
}
@media screen and (max-width: 950px) {
  .split-cross-sell .right-cross .photo-area-info {
    background: none;
    position: relative;
    z-index: 10;
  }
  .split-cross-sell .right-cross .photo-area-overlay {
    display: block;
  }
}

.cross-block {
  max-height: 500px;
  overflow: hidden;
  position: relative;
}
.cross-block .photo-area-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}
.cross-block > img {
  position: relative;
  z-index: 1;
  width: 100%;
}
.cross-block .content {
  position: absolute;
  padding: 2em;
  z-index: 3;
  width: 100%;
  left: 0;
  bottom: 2em;
  color: #fff;
  text-align: center;
}

.cross-blocks {
  zoom: 1;
}
.cross-blocks h3 {
  margin: 0 0 0.35em;
}
.cross-blocks .copy p {
  margin: 0 0 2.5em;
}
.cross-blocks:before, .cross-blocks:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.cross-blocks:after {
  clear: both;
}
@media screen and (min-width: 950px) {
  .cross-blocks.cb3 .cross-block {
    width: 33.333%;
    float: left;
  }
  .cross-blocks.cb2 .cross-block {
    max-height: 500px;
    overflow: hidden;
    width: 50%;
    float: left;
  }
  .cross-blocks.cb4 .cross-block {
    width: 25%;
    float: left;
  }
}

.cross-block .photo {
  width: 100%;
  max-width: 200px;
  margin-bottom: 20px;
}
.cross-block .info .header {
  font-size: 2.5rem;
  color: #122E67;
  font-weight: 600;
  margin-bottom: 0.5em;
}
.cross-block .info .copy {
  font-size: 2rem;
  margin-bottom: 20px;
}
.cross-block .info .action .cta-lnk, .cross-block .info .action .content-split ul.links a, .content-split ul.links .cross-block .info .action a, .cross-block .info .action .photo-split ul.links a, .photo-split ul.links .cross-block .info .action a, .cross-block .info .action .compare-chart table.editableTable .sub_row a, .compare-chart table.editableTable .sub_row .cross-block .info .action a, .cross-block .info .action .compare-chart table.mod-privacy .sub_row a, .compare-chart table.mod-privacy .sub_row .cross-block .info .action a, .cross-block .info .action .tabs-area .tab-header, .tabs-area .cross-block .info .action .tab-header {
  color: #00AC75;
}

.photo-split {
  position: relative;
  margin-bottom: 3em;
  zoom: 1;
}
.photo-split:before, .photo-split:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.photo-split:after {
  clear: both;
}
@media screen and (min-width: 950px) {
  .photo-split {
    margin-bottom: 6em;
  }
}
.board-grey.photo-split .photo {
  background: url(/images/Background-Board-Grey.svg) repeat;
}

.dock-grey.photo-split .photo {
  background: url(/images/Background-Dock-Grey.svg) repeat;
}

.iced-blue.photo-split .photo {
  background: url(/images/Background-Iced-Blue.svg) repeat;
}

.loft.photo-split .photo {
  background: url(/images/Background-Loft.svg) repeat;
}

.orange-splash.photo-split .photo {
  background: url(/images/Background-Orange-Splash.svg) repeat;
}

.peak.photo-split .photo {
  background: url(/images/Background-Peak.svg) repeat;
}

.poppy.photo-split .photo {
  background: url(/images/Background-Poppy.svg) repeat;
}

.retro.photo-split .photo {
  background: url(/images/Background-Retro.svg) repeat;
}

.sail-yellow.photo-split .photo {
  background: url(/images/Background-Sail-Yellow.svg) repeat;
}

.shadow.photo-split .photo {
  background: url(/images/Background-Shadow.svg) repeat;
}

.sundown.photo-split .photo {
  background: url(/images/Background-Sundown.svg) repeat;
}

.vinate.photo-split .photo {
  background: url(/images/Background-Vinate.svg) repeat;
}

@media screen and (min-width: 950px) {
  .photo-split .photo {
    width: calc(50% - 90px);
  }
}
.photo-split ul.links {
  padding: 0;
  margin: 0 0 1em;
  list-style: none;
}
.photo-split ul.links li {
  padding: 0;
  margin: 0 0 0.25em;
}
.photo-split ul.links a {
  color: #495254;
}
.photo-split .holder {
  display: inline-block;
  max-width: 648px;
  margin: 0 auto;
  text-align: left;
}
.photo-split .holder h2 {
  margin-bottom: 0.4em;
}
.photo-split .content {
  padding: 2em;
  text-align: center;
  position: relative;
  color: #495254;
}
@media screen and (min-width: 950px) {
  .photo-split .content {
    float: left;
    width: 50%;
    padding: 2em 3em 0 3em;
  }
}
.photo-split .content .icon {
  width: 100px;
  margin-bottom: 1em;
}
.photo-split .content .copy {
  margin-bottom: 1em;
}
.photo-split .content .features {
  column-count: 2;
  column-gap: 40px;
  margin-bottom: 2em;
}
.photo-split .content .actions .btn, .photo-split .content .actions .cta-btn, .photo-split .content .actions .secondary-btn, .photo-split .content .actions .ghost-btn, .photo-split .content .actions .white-ghost, .photo-split .content .actions .black-ghost, .photo-split .content .bio .actions a, .bio .photo-split .content .actions a, .photo-split .content .actions .ac-modal .ac-answer > .ac-text, .ac-modal .photo-split .content .actions .ac-answer > .ac-text {
  margin: 0 1em 1em 0;
}
@keyframes prodAnim {
  0% {
    top: 0;
    right: 0;
  }
  100% {
    top: 35px;
    right: -35px;
  }
}
@keyframes prodAnimRight {
  0% {
    top: 0;
    left: 0;
  }
  100% {
    top: -32px;
    left: -35px;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    right: -20px;
  }
  100% {
    opacity: 1;
    right: 0px;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    left: -20px;
  }
  100% {
    opacity: 1;
    left: 0px;
  }
}
.photo-split.photo-left .photo {
  float: left;
  text-align: right;
  margin-bottom: 40px;
}
@media screen and (max-width: 950px) {
  .photo-split.photo-left .photo {
    width: calc(100% - 60px);
    margin-bottom: 40px;
  }
}
.photo-split.photo-left .photo img {
  position: relative;
  right: -30px;
  top: 30px;
  width: 100%;
  max-width: 685px;
  border-radius: 20px 0;
  z-index: 3;
}
@media screen and (min-width: 950px) {
  .photo-split.photo-left .photo img {
    right: 0px;
    top: 0px;
    width: calc(100% - 30px);
  }
  .active.photo-split.photo-left .photo img {
    animation: prodAnim 0.8s ease-in;
    animation-fill-mode: forwards;
  }
}
.photo-split.photo-left .content {
  float: right;
  text-align: left;
}
.photo-split.photo-left .content .holder {
  position: relative;
}
.scroll.photo-split.photo-left .content .holder {
  opacity: 0;
}

.active.photo-split.photo-left .content .holder {
  animation: fadeInRight 0.8s ease-in;
  animation-fill-mode: forwards;
}

.photo-split.photo-right .photo {
  position: relative;
  top: 35px;
  text-align: left;
  float: right;
  margin-bottom: 40px;
}
@media screen and (max-width: 950px) {
  .photo-split.photo-right .photo {
    width: calc(100% - 60px);
    margin-bottom: 60px;
  }
}
.photo-split.photo-right .photo img {
  position: relative;
  max-width: 685px;
  left: 0px;
  top: 0px;
  width: calc(100% - 30px);
  border-radius: 20px 0;
  z-index: 3;
}
.active.photo-split.photo-right .photo img {
  animation: prodAnimRight 0.8s ease-in;
  animation-fill-mode: forwards;
}

.photo-split.photo-right .content {
  text-align: right;
}
.photo-split.photo-right .content .holder {
  position: relative;
  text-align: left;
}
.scroll.photo-split.photo-right .content .holder {
  opacity: 0;
}

.active.photo-split.photo-right .content .holder {
  animation: fadeInLeft 0.8s ease-in;
  animation-fill-mode: forwards;
}

.photo-split.box-red .content {
  background: #1E78C1;
  color: #fff;
}
.photo-split.box-red .content .actions .btn, .photo-split.box-red .content .actions .cta-btn, .photo-split.box-red .content .actions .secondary-btn, .photo-split.box-red .content .actions .ghost-btn, .photo-split.box-red .content .actions .white-ghost, .photo-split.box-red .content .actions .black-ghost, .photo-split.box-red .content .bio .actions a, .bio .photo-split.box-red .content .actions a, .photo-split.box-red .content .actions .ac-modal .ac-answer > .ac-text, .ac-modal .photo-split.box-red .content .actions .ac-answer > .ac-text {
  color: #fff;
  border-color: #fff;
}
.photo-split.box-white .content {
  background: #fff;
  color: #1E78C1;
}
.photo-split.box-white .content .actions .btn, .photo-split.box-white .content .actions .cta-btn, .photo-split.box-white .content .actions .secondary-btn, .photo-split.box-white .content .actions .ghost-btn, .photo-split.box-white .content .actions .white-ghost, .photo-split.box-white .content .actions .black-ghost, .photo-split.box-white .content .bio .actions a, .bio .photo-split.box-white .content .actions a, .photo-split.box-white .content .actions .ac-modal .ac-answer > .ac-text, .ac-modal .photo-split.box-white .content .actions .ac-answer > .ac-text {
  color: #495254;
  border-color: #1E78C1;
}
.photo-split.box-white .content .actions .btn:hover, .photo-split.box-white .content .actions .cta-btn:hover, .photo-split.box-white .content .actions .secondary-btn:hover, .photo-split.box-white .content .actions .ghost-btn:hover, .photo-split.box-white .content .actions .white-ghost:hover, .photo-split.box-white .content .actions .black-ghost:hover, .photo-split.box-white .content .bio .actions a:hover, .bio .photo-split.box-white .content .actions a:hover, .photo-split.box-white .content .actions .ac-modal .ac-answer > .ac-text:hover, .ac-modal .photo-split.box-white .content .actions .ac-answer > .ac-text:hover {
  color: #fff;
}
.photo-split.box-white .content:after {
  background: #fff;
}
.photo-split.box-black .content {
  background: #00AC75;
  color: #fff;
}
.photo-split.box-black .content .actions .btn, .photo-split.box-black .content .actions .cta-btn, .photo-split.box-black .content .actions .secondary-btn, .photo-split.box-black .content .actions .ghost-btn, .photo-split.box-black .content .actions .white-ghost, .photo-split.box-black .content .actions .black-ghost, .photo-split.box-black .content .bio .actions a, .bio .photo-split.box-black .content .actions a, .photo-split.box-black .content .actions .ac-modal .ac-answer > .ac-text, .ac-modal .photo-split.box-black .content .actions .ac-answer > .ac-text {
  color: #fff;
  border-color: #1E78C1;
}
.photo-split.box-black .content:after {
  background: #00AC75;
}

.content-split {
  padding: 3em 0em;
  zoom: 1;
  max-width: 1400px;
  margin: 0 auto;
}
.content-split:before, .content-split:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.content-split:after {
  clear: both;
}
.content-split .content-left {
  padding: 2em;
}
@media screen and (min-width: 950px) {
  .content-split .content-left {
    width: 50%;
    float: left;
    padding: 3em;
  }
}
.content-split .content-right {
  padding: 2em;
}
@media screen and (min-width: 950px) {
  .content-split .content-right {
    width: 50%;
    float: right;
    padding: 3em;
  }
}
.content-split ul.links {
  padding: 0;
  margin: 0 0 1em;
  list-style: none;
}
.content-split ul.links li {
  padding: 0;
  margin: 0 0 0.25em;
}
.content-split ul.links a {
  color: #495254;
}
.content-split .content {
  padding: 2em;
  text-align: center;
  position: relative;
  color: #495254;
}
.content-split .icon {
  margin-bottom: 1em;
}
.content-split h2 {
  margin-bottom: 0.5em;
}
.content-split .copy {
  margin-bottom: 2em;
}
.content-split .features {
  column-count: 2;
  column-gap: 40px;
  margin-bottom: 2em;
}
.content-split .actions .btn, .content-split .actions .cta-btn, .content-split .actions .secondary-btn, .content-split .actions .ghost-btn, .content-split .actions .white-ghost, .content-split .actions .black-ghost, .content-split .bio .actions a, .bio .content-split .actions a, .content-split .actions .ac-modal .ac-answer > .ac-text, .ac-modal .content-split .actions .ac-answer > .ac-text {
  margin: 0 1em 1em 0;
  color: #fff;
  border-color: #fff;
}

.cross-block-selection {
  padding: 3em 1em;
}
.cross-block-selection * {
  box-sizing: border-box;
}
.cross-block-selection .content {
  max-width: 1000px;
  margin: 0 auto;
}
.cross-block-selection .block-name {
  display: none;
}
.cross-block-selection .block-area {
  zoom: 1;
}
.cross-block-selection .block-area:before, .cross-block-selection .block-area:after {
  content: " ";
  display: block;
  height: 0;
  overflow: hidden;
}
.cross-block-selection .block-area:after {
  clear: both;
}
.cross-block-selection .block-area .photo {
  padding: 2em 0;
}
@media screen and (min-width: 950px) {
  .cross-block-selection .block-area .photo {
    float: left;
    width: 35%;
  }
}
@media screen and (min-width: 950px) {
  .cross-block-selection .block-area .content {
    float: right;
    width: 65%;
  }
}
@media screen and (min-width: 950px) {
  .cross-block-selection .block-area .content .inner {
    margin: 0 0 0 10rem;
  }
}
.cross-block-selection .copy {
  margin-bottom: 1.5em;
}
.cross-block-selection .copy img {
  width: auto;
  height: auto;
}
.cross-block-selection .owl-nav {
  position: relative;
  width: 200px;
  height: 34px;
  margin: 0 auto;
  top: 42px;
  z-index: 10;
}
@media screen and (min-width: 950px) {
  .cross-block-selection .owl-nav {
    top: 26px;
  }
}
.cross-block-selection .owl-nav .owl-prev {
  height: 34px;
  width: 19px;
  position: absolute;
  left: 0;
  cursor: pointer;
  background: url("/images/cross-block-prev.svg") center no-repeat;
}
.cross-block-selection .owl-nav .owl-next {
  height: 34px;
  width: 19px;
  position: absolute;
  right: 0;
  cursor: pointer;
  background: url("/images/cross-block-next.svg") center no-repeat;
}
.cross-block-selection .owl-carousel .owl-dots .owl-dot {
  width: 19px;
  height: 19px;
  margin: 0 1rem;
  background: #BFB7B0;
  cursor: pointer;
  z-index: 15;
  position: relative;
}
.cross-block-selection .owl-carousel .owl-dots .owl-dot.active {
  background: #D7282F;
}

.photo-blocks-area {
  scroll-snap-align: start;
  padding: 40px 30px;
  background: #fff;
  text-align: center;
}
@media screen and (min-width: 950px) {
  .photo-blocks-area {
    padding: 100px 30px;
  }
}
.photo-blocks-area .content {
  max-width: 1400px;
  margin: 0 auto;
}
.photo-blocks-area .photos {
  margin-bottom: 1.5em;
  display: flex;
  align-content: stretch;
}
@media screen and (max-width: 950px) {
  .photo-blocks-area .photos {
    scroll-snap-type: x mandatory;
    display: flex;
    overflow-x: scroll;
  }
}
.photo-blocks-area .photos .photo-border-block {
  margin: 0 10px 20px;
  max-width: 325px;
}
@media screen and (max-width: 950px) {
  .photo-blocks-area .photos .photo-border-block {
    scroll-snap-align: center;
    min-width: 200px;
  }
}
.photo-blocks-area .info {
  max-width: 1000px;
  margin: 0 auto;
}
.photo-blocks-area .headline {
  font-size: 2.2rem;
  color: #122E67;
  font-weight: 600;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 950px) {
  .photo-blocks-area .headline {
    font-size: 3.4rem;
  }
}
.photo-blocks-area .copy {
  font-size: 1.7rem;
  color: #495254;
  font-weight: 400;
  margin-bottom: 2em;
  line-height: 1.6;
}
@media screen and (min-width: 950px) {
  .photo-blocks-area .copy {
    font-size: 2.5rem;
  }
}
.photo-border-block {
  display: inline-block;
  position: relative;
  max-width: 325px;
}
.photo-border-block.scroll:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.7s ease-in-out;
  background: rgba(0, 172, 117, 0.3);
}
.photo-border-block.scroll.active:before {
  background: rgba(0, 172, 117, 0);
}
.photo-border-block:after {
  transition: all 0.7s ease-in-out;
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: 50%;
  left: 50%;
  border: solid 2px #fff;
}
.photo-border-block.active:after, .photo-border-block:not(.scroll):after {
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  top: 20px;
  left: 20px;
}

.photo-caption-block {
  margin-bottom: 2em;
}
.photo-caption-block .photo-border-block {
  max-width: none;
  margin-bottom: 0.4em;
}
.photo-caption-block .caption {
  font-size: 2rem;
  font-weight: 300;
}
.photo-caption-block .caption.text-black {
  color: #495254;
}
.photo-caption-block .caption.text-white {
  color: #fff;
}

.icon-banner {
  background: linear-gradient(to bottom, #1e78c1 0%, #122e67 100%);
  padding: 70px 30px;
}
.icon-banner.overlay-green {
  background: linear-gradient(to top, #122e67 0, #00ac75 100%);
}
.icon-banner > .content {
  text-align: center;
  max-width: 1400px;
  margin: 0 auto;
}
@media screen and (min-width: 950px) {
  .icon-banner > .content {
    text-align: left;
    display: flex;
    align-content: stretch;
  }
  .icon-banner > .content .info {
    padding-left: 50px;
  }
}
.icon-banner .icon {
  display: inline-block;
  margin-bottom: 2em;
}
@media screen and (min-width: 950px) {
  .icon-banner .icon {
    max-width: 250px;
  }
}
.icon-banner .f-banner-header {
  font-size: 2.8rem;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0.3em;
}
@media screen and (min-width: 950px) {
  .icon-banner .f-banner-header {
    font-size: 5rem;
  }
}
.icon-banner .copy {
  color: #fff;
  font-size: 2rem;
  margin-bottom: 30px;
}
.icon-banner .actions .btn, .icon-banner .actions .cta-btn, .icon-banner .actions .secondary-btn, .icon-banner .actions .ghost-btn, .icon-banner .actions .white-ghost, .icon-banner .actions .black-ghost, .icon-banner .bio .actions a, .bio .icon-banner .actions a, .icon-banner .actions .ac-modal .ac-answer > .ac-text, .ac-modal .icon-banner .actions .ac-answer > .ac-text {
  margin: 0 20px 20px 0;
}
.icon-banner .actions .cta-lnk, .icon-banner .actions .compare-chart table.editableTable .sub_row a, .compare-chart table.editableTable .sub_row .icon-banner .actions a, .icon-banner .actions .compare-chart table.mod-privacy .sub_row a, .compare-chart table.mod-privacy .sub_row .icon-banner .actions a, .icon-banner .actions .tabs-area .tab-header, .tabs-area .icon-banner .actions .tab-header, .icon-banner .actions .photo-split ul.links a, .photo-split ul.links .icon-banner .actions a, .icon-banner .actions .content-split ul.links a, .content-split ul.links .icon-banner .actions a {
  margin: 0 1em 0.5em 0;
}

@media screen and (min-width: 950px) {
  .page-not-found {
    min-height: 630px;
  }
  .page-not-found .photo-area-info {
    top: 18%;
    bottom: auto;
  }
  .page-not-found .photo-area-info .title {
    font-weight: 900 !important;
  }
  .page-not-found .photo-area-info .copy {
    max-width: 800px;
    margin: 0 auto 2em;
  }
  .page-not-found .photo-area-info .actions a {
    margin: 0 1em 0.5em;
  }
}

.landing-page-header.photo-area .photo-area-info .photo-area-text .title {
  text-align: left;
  text-transform: none;
}
.landing-page-header.photo-area .photo-area-info .photo-area-text .title strong {
  text-transform: none;
}
@media screen and (max-width: 950px) {
  .landing-page-header.photo-area .photo-area-info {
    background: #00AC75;
  }
  .landing-page-header.photo-area .photo-area-info .photo-area-text .title {
    text-align: center;
  }
}

.lp-content .section-area > .content {
  max-width: 1200px;
}
.lp-content .product.section-block .header {
  color: #122E67;
  font-size: 3.5rem;
}
.lp-content .content-section {
  text-align: center;
}
.lp-content .content-section .f-content-header {
  color: #00AC75;
  text-transform: none;
}
.lp-content .content-section strong {
  color: #122E67;
}
.lp-content .content-section strong a {
  text-decoration: none;
  color: #4B9ECF;
}

.lp-gradient {
  margin-bottom: 70px;
}
.lp-gradient .explore-header .subheader {
  margin-bottom: 0;
  font-size: 2.5rem;
}
.lp-gradient .image-btn {
  margin: 0 1.5em 1em;
  display: inline-block;
}

@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;
  }
}
/*# sourceMappingURL=main.min.css.map */